/* V7.3.42 — Competitive Arena: dark, restrained, game-first */
:root{--arena-bg:#071426;--arena-panel:#0b1d34;--arena-panel-2:#0e2542;--arena-line:rgba(132,171,219,.18);--arena-text:#eef5ff;--arena-muted:#92a6c0;--arena-gold:#e9b84f;--arena-blue:#63a6ff;--arena-teal:#39c5b5;--arena-danger:#e97069}
body[data-initial-view="game"]{background:var(--arena-bg);color:var(--arena-text)}
body[data-initial-view="game"] .app-shell{background:var(--arena-bg)}
body[data-initial-view="game"] .site-topbar-premium{background:#081629;border-color:rgba(132,171,219,.14);box-shadow:0 8px 26px rgba(0,0,0,.18)}
body[data-initial-view="game"] .site-premium-brand strong,body[data-initial-view="game"] .site-premium-profile strong{color:#f5f8ff}
body[data-initial-view="game"] .site-premium-brand small,body[data-initial-view="game"] .site-premium-profile small{color:#8ea4bf}
body[data-initial-view="game"] .site-premium-search{background:#0a1b30;border-color:rgba(127,166,215,.2)}
body[data-initial-view="game"] .site-premium-search input{color:#eaf2ff;background:transparent}
body[data-initial-view="game"] .site-premium-search input::placeholder{color:#7287a2}
body[data-initial-view="game"] .site-premium-search button{background:#102a4b;color:#dcecff}
body[data-initial-view="game"] .site-premium-actions .round,body[data-initial-view="game"] .site-premium-profile{background:#0e223b;border-color:rgba(132,171,219,.18);color:#eaf2ff}
body[data-initial-view="game"] .sidebar{background:#081629;border-color:rgba(132,171,219,.12)}
body[data-initial-view="game"] .nav-item{color:#b7c6d8}
body[data-initial-view="game"] .nav-item:hover,body[data-initial-view="game"] .nav-item.active{background:rgba(91,145,218,.11);color:#fff}
body[data-initial-view="game"] .nav-item>span:not(.nav-game-copy):not(.nav-game-glow){background:#0d213a;color:#83a9d4}
body[data-initial-view="game"] .main-content{background:linear-gradient(180deg,#071426,#08182c 52%,#071426);min-width:0}
body[data-initial-view="game"] .floating-tools{display:none}

.arena-page{max-width:1460px;margin:0 auto;padding:0 24px 70px;color:var(--arena-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.arena-page *{box-sizing:border-box}
.arena-route-nav{height:54px;display:flex;align-items:center;gap:30px;padding:0 10px;border-bottom:1px solid rgba(132,171,219,.13);overflow-x:auto;scrollbar-width:none}
.arena-route-nav::-webkit-scrollbar{display:none}.arena-route-nav a{position:relative;flex:none;color:#9fb0c5;text-decoration:none;font-size:13px;font-weight:760}.arena-route-nav a:hover,.arena-route-nav a.is-active{color:#fff}.arena-route-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:2px;border-radius:4px;background:var(--arena-gold)}

.arena-command-center{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) 390px;gap:24px;margin-top:18px;padding:28px 28px 20px;border:1px solid rgba(134,172,219,.18);border-radius:24px;background:#0a1c32;box-shadow:0 24px 70px rgba(0,0,0,.23);overflow:hidden}
.arena-scene{position:absolute;inset:0;z-index:0;opacity:.72;pointer-events:none}.arena-scene svg{width:100%;height:100%;object-fit:cover;display:block}.arena-command-center:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,38,.96) 0%,rgba(7,20,38,.83) 38%,rgba(7,20,38,.25) 70%,rgba(7,20,38,.5));pointer-events:none}
.arena-command-copy,.arena-profile-card,.arena-modes-section{position:relative;z-index:2}
.arena-command-copy{padding:10px 10px 6px;align-self:center}.arena-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(120,170,220,.24);border-radius:999px;background:rgba(19,48,79,.72);color:#dbe9f8;font-size:10px;font-weight:850;letter-spacing:.07em}.arena-kicker i{width:8px;height:8px;border-radius:50%;background:#45d29b;box-shadow:0 0 0 5px rgba(69,210,155,.11)}
.arena-command-copy h1{max-width:770px;margin:18px 0 12px;color:#f4f8ff;font-size:clamp(36px,4.25vw,66px);line-height:1.04;letter-spacing:-.045em}.arena-command-copy h1 em{font-style:normal;color:#e9b84f}.arena-command-copy p{max-width:690px;margin:0;color:#a9bbcf;font-size:15px;line-height:1.65}
.arena-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.arena-hero-actions button,.arena-hero-actions a{min-height:46px;padding:0 18px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:850;font-size:13px}.arena-primary{border:1px solid #f3c764;background:linear-gradient(180deg,#f6d070,#e3a93c);color:#172235;box-shadow:0 10px 24px rgba(229,174,63,.17)}.arena-primary:hover{filter:brightness(1.04)}.arena-ghost{border:1px solid rgba(137,177,223,.27);background:rgba(8,26,47,.72);color:#dce9f8}.arena-grid-icon{font-size:20px;line-height:1}

.arena-profile-card{align-self:center;padding:18px;border:1px solid rgba(157,190,229,.24);border-radius:18px;background:rgba(5,19,36,.84);box-shadow:0 18px 46px rgba(0,0,0,.2);backdrop-filter:blur(8px)}
.arena-profile-top{display:grid;grid-template-columns:58px minmax(0,1fr) 54px;gap:12px;align-items:center}.arena-avatar{width:58px;height:58px;display:block}.arena-avatar svg{width:100%;height:100%;display:block}.arena-profile-top small{display:block;color:#8298b2;font-size:9px;font-weight:850;letter-spacing:.08em}.arena-profile-top strong{display:block;margin-top:3px;color:#fff;font-size:16px}.arena-profile-top em{display:block;margin-top:2px;color:#9bb0c7;font-size:11px;font-style:normal}.arena-level-hex{width:52px;height:52px;display:grid;place-items:center;clip-path:polygon(25% 6%,75% 6%,96% 50%,75% 94%,25% 94%,4% 50%);background:linear-gradient(145deg,#5d4317,#e5b64e);color:#fff5ce;font-size:11px;text-shadow:0 1px 2px #3b2709}
.arena-xp-head{display:flex;justify-content:space-between;margin-top:16px;color:#94a7bd;font-size:10px}.arena-xp-head b{color:#dce7f5}.arena-xp-track,.arena-unlock-track{height:7px;margin-top:7px;border-radius:999px;background:#172c47;overflow:hidden}.arena-xp-track i,.arena-unlock-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4c83d9,#6eb4ff)}
.arena-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.arena-profile-stats>div{min-width:0;padding:10px 8px;border:1px solid rgba(137,177,223,.12);border-radius:11px;background:#0e2542;text-align:center}.arena-profile-stats .stat-icon{display:block;font-size:14px}.arena-profile-stats strong{display:block;margin-top:3px;color:#f4f8ff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-profile-stats small{display:block;color:#7f93ab;font-size:8px}
.arena-unlock{margin-top:13px;padding-top:12px;border-top:1px solid rgba(134,172,219,.14)}.arena-unlock>div{display:flex;justify-content:space-between;color:#8fa4bc;font-size:9px}.arena-unlock>div b{color:#b9c8d9}.arena-unlock p{margin:5px 0 0;color:#d6e2ef;font-size:10px}

.arena-modes-section{grid-column:1/-1;margin-top:4px}.arena-mode-head{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:0 2px 10px}.arena-mode-head span{color:#a8bad0;font-size:10px;font-weight:850;letter-spacing:.08em}.arena-mode-head h2{margin:3px 0 0;color:#fff;font-size:17px}.arena-hsk-select{display:flex;align-items:center;gap:8px;color:#91a6bf;font-size:10px}.arena-hsk-select select{height:36px;padding:0 30px 0 11px;border:1px solid rgba(139,179,225,.21);border-radius:9px;background:#0b2039;color:#e9f2ff;font-weight:750}
.arena-mode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.arena-mode-card{position:relative;min-width:0;min-height:250px;padding:11px 12px 12px;border:1px solid var(--card-line,rgba(132,171,219,.24));border-radius:14px;background:linear-gradient(180deg,var(--card-top,#10304c),#07192e 72%);color:#eef5ff;text-align:left;overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.arena-mode-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 15%,var(--card-glow,rgba(80,170,220,.15)),transparent 50%);pointer-events:none}.arena-mode-card:hover,.arena-mode-card.is-selected{transform:translateY(-4px);border-color:var(--card-accent,#63a6ff);box-shadow:0 16px 34px rgba(0,0,0,.28)}.arena-mode-card.is-selected{outline:2px solid color-mix(in srgb,var(--card-accent,#63a6ff) 28%,transparent);outline-offset:2px}.arena-mode-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;color:#d4e0ee;font-size:8px;font-weight:800}.arena-mode-top i{color:#f0c45c;font-size:17px;font-style:normal}.arena-card-art{position:relative;z-index:1;height:100px;margin:5px 0 1px;display:grid;place-items:center}.arena-card-art svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 10px 16px rgba(0,0,0,.25))}.arena-mode-card h3{position:relative;z-index:1;margin:2px 0 5px;color:#fff;font-size:15px;text-align:center}.arena-mode-card p{position:relative;z-index:1;min-height:48px;margin:0;color:#aabbd0;font-size:10px;line-height:1.48;text-align:center}.arena-card-foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08);color:#8fa4bc;font-size:9px}.arena-card-foot b{color:#dce8f6}.arena-card-foot>strong{color:var(--card-accent,#74aef0)}
.mode-memory{--card-top:#0e3c42;--card-accent:#53c8b8;--card-line:rgba(83,200,184,.32);--card-glow:rgba(60,190,175,.16)}.mode-blitz{--card-top:#0d315d;--card-accent:#62b7ff;--card-line:rgba(90,174,255,.38);--card-glow:rgba(55,150,255,.2)}.mode-tone{--card-top:#34234f;--card-accent:#c38aff;--card-line:rgba(182,125,235,.32);--card-glow:rgba(172,105,229,.17)}.mode-sentence{--card-top:#17395f;--card-accent:#7ea9e7;--card-line:rgba(121,164,224,.34);--card-glow:rgba(90,140,220,.16)}.mode-tower{--card-top:#3e2028;--card-accent:#e37368;--card-line:rgba(221,105,94,.36);--card-glow:rgba(215,77,66,.17)}.mode-survival{--card-top:#493515;--card-accent:#e9b84f;--card-line:rgba(225,176,72,.4);--card-glow:rgba(225,176,72,.17)}

.arena-dashboard-row{display:grid;grid-template-columns:1.25fr 1fr .7fr;gap:14px;margin-top:15px}.arena-dashboard-row>article,.arena-side>section{border:1px solid var(--arena-line);border-radius:16px;background:#0a1c32;box-shadow:0 15px 36px rgba(0,0,0,.16)}.arena-dashboard-row header{display:flex;justify-content:space-between;align-items:start;gap:12px}.arena-dashboard-row header span{color:#e8b954;font-size:9px;font-weight:850;letter-spacing:.07em}.arena-dashboard-row header h2{margin:4px 0 0;color:#f3f7fd;font-size:14px}.arena-dashboard-row header>b,.arena-dashboard-row header>small{color:#8fa4bd;font-size:9px}
.arena-daily{padding:14px}.arena-quest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.arena-quest-grid>article{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid rgba(132,171,219,.13);border-radius:10px;background:#0d233d}.quest-glyph{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#132e4f}.arena-quest-grid b{display:block;color:#eaf2fb;font-size:10px}.arena-quest-grid small{display:block;margin-top:2px;color:#8397af;font-size:8px}.arena-quest-grid i{display:block;height:4px;margin-top:6px;border-radius:99px;background:#1c3654;overflow:hidden}.arena-quest-grid i em{display:block;width:0;height:100%;border-radius:inherit;background:#55bf83}.arena-quest-grid>article>strong{grid-column:2;color:#e8b954;font-size:8px}.arena-quest-grid>article.is-complete{border-color:rgba(75,195,126,.33)}
.arena-league-card{padding:14px}.arena-league-card ol{list-style:none;margin:11px 0 0;padding:0}.arena-league-card li{display:grid;grid-template-columns:22px 32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-top:1px solid rgba(132,171,219,.1)}.arena-league-card li:first-child{border-top:0}.arena-league-card li>i{font-style:normal;color:#d8b35d;font-weight:900;text-align:center}.league-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#1a3656;color:#c8daee;font-weight:900}.league-avatar.is-player{background:#234f7d;color:#fff}.arena-league-card li b{display:block;color:#edf4fc;font-size:10px}.arena-league-card li small{display:block;color:#768ba4;font-size:8px}.arena-league-card li>strong{color:#e7bd5a;font-size:10px}.arena-league-card li.is-player{background:rgba(77,132,202,.09);border-radius:9px}
.arena-reward-card{position:relative;padding:14px;overflow:hidden}.arena-reward-card:after{content:"";position:absolute;inset:auto -35px -45px auto;width:150px;height:150px;border-radius:50%;background:rgba(228,174,62,.08)}.arena-reward-card header{display:block}.arena-chest{position:relative;z-index:1;height:105px;display:grid;place-items:center}.arena-chest svg{width:132px;height:105px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.28))}.arena-chest.is-open svg{animation:arenaChest 1.1s ease-in-out infinite alternate}@keyframes arenaChest{to{transform:translateY(-5px)}}.arena-reward-progress{position:relative;z-index:2}.arena-reward-progress b{display:block;color:#e8b954;font-size:11px}.arena-reward-progress span{display:block;height:6px;margin-top:7px;border-radius:99px;background:#1a314c;overflow:hidden}.arena-reward-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#e9b84f}

.arena-play-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 340px;gap:15px;margin-top:15px}.arena-board{position:relative;min-height:580px;border:1px solid var(--arena-line);border-radius:18px;background:#0a1c32;box-shadow:0 18px 44px rgba(0,0,0,.2);overflow:hidden}.arena-board.is-fever{border-color:rgba(233,184,79,.6);box-shadow:0 0 0 2px rgba(233,184,79,.1),0 18px 44px rgba(0,0,0,.25)}.arena-board-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 18px 13px;border-bottom:1px solid rgba(132,171,219,.12)}.arena-board-head span{color:#e8b954;font-size:9px;font-weight:850;letter-spacing:.08em}.arena-board-head h2{margin:3px 0 0;color:#fff;font-size:19px}.arena-hud{display:flex;gap:7px}.arena-hud>span{min-width:76px;padding:7px 10px;border:1px solid rgba(132,171,219,.13);border-radius:9px;background:#0d233d;text-align:center}.arena-hud small{display:block;color:#788da6;font-size:7px}.arena-hud b{display:block;margin-top:2px;color:#f4f8ff;font-size:14px}.arena-progress-track{height:5px;background:#132b47}.arena-progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4d91e8,#e7b74e)}
.arena-intro,.arena-result{min-height:420px;padding:42px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.arena-intro-emblem{width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(115,166,222,.27);border-radius:24px;background:#102b4a;color:#dcecff;font:900 36px "Noto Serif SC",serif;box-shadow:inset 0 1px rgba(255,255,255,.05)}.arena-intro>span,.arena-result>small{margin-top:15px;color:#e8b954;font-size:9px;font-weight:850;letter-spacing:.08em}.arena-intro h3,.arena-result h3{margin:6px 0 7px;color:#fff;font-size:25px}.arena-intro p,.arena-result p{max-width:570px;margin:0;color:#91a6be;line-height:1.65}.arena-intro button,.arena-result-actions button{min-height:44px;margin-top:18px;padding:0 20px;border:1px solid #e9b84f;border-radius:10px;background:#e9b84f;color:#182437;font-weight:850}.arena-intro button:disabled{opacity:.38;cursor:not-allowed}
.arena-question{padding:20px}.arena-question-meta{display:flex;justify-content:space-between;color:#8ea4bc;font-size:9px}.arena-question-meta span{color:#e8b954;font-weight:850}.arena-prompt{position:relative;margin:14px 0;padding:22px;border:1px solid rgba(132,171,219,.14);border-radius:14px;background:#0d233d;text-align:center}.arena-prompt small{display:block;color:#8298b0}.arena-prompt strong{display:block;margin:5px 0;color:#fff;font:900 clamp(42px,7vw,78px)/1 "Noto Serif SC",serif}.arena-prompt em{display:block;color:#8fc0f1;font-style:normal}.arena-prompt button{position:absolute;right:12px;bottom:12px;width:37px;height:37px;border:1px solid rgba(132,171,219,.2);border-radius:10px;background:#102a48;color:#dcecff}.arena-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.arena-options button{min-height:58px;padding:12px;border:1px solid rgba(132,171,219,.17);border-radius:11px;background:#0d233d;color:#eaf2fb;font-weight:750}.arena-options button:hover{border-color:#5f9ee7;background:#102a48}.arena-options button.is-correct{border-color:#4cc783;background:rgba(53,158,99,.18)}.arena-options button.is-wrong{border-color:#e16e68;background:rgba(190,67,62,.17)}
.arena-sentence{display:block}.arena-answer-line,.arena-token-bank{min-height:70px;padding:12px;border:1px dashed rgba(132,171,219,.25);border-radius:12px;background:#0d233d;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.arena-answer-line span{color:#71879f}.arena-token-bank{margin-top:10px}.arena-answer-line button,.arena-token-bank button{padding:9px 12px;border:1px solid rgba(132,171,219,.2);border-radius:9px;background:#14304f;color:#edf4fc}.arena-sentence>button{margin-top:12px;padding:11px 18px;border:0;border-radius:9px;background:#e9b84f;color:#172235;font-weight:850}.arena-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.arena-memory button{min-height:82px;padding:8px;border:1px solid rgba(132,171,219,.18);border-radius:10px;background:#102947;color:transparent;font-weight:850;direction:ltr;unicode-bidi:plaintext;transform:none!important}.arena-memory button:after{content:"?";color:#7fa3ca;font-size:24px}.arena-memory button.is-open,.arena-memory button.is-matched{color:#edf5ff;background:#173658}.arena-memory button.is-open:after,.arena-memory button.is-matched:after{display:none}.arena-memory button.is-matched{border-color:#4cc783;background:rgba(53,158,99,.17)}
.arena-feedback{min-height:42px;margin-top:12px;padding:10px 12px;border-radius:9px;color:#91a7bf}.arena-feedback.is-correct{background:rgba(53,158,99,.13);color:#87dfad}.arena-feedback.is-wrong{background:rgba(190,67,62,.13);color:#efa09c}.arena-board-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid rgba(132,171,219,.12);color:#8297af;font-size:10px}.arena-board-foot button{min-height:36px;padding:0 13px;border:1px solid rgba(132,171,219,.18);border-radius:8px;background:#102a48;color:#dfeaf7}.arena-result-stats{display:grid;grid-template-columns:repeat(3,100px);gap:8px;margin-top:18px}.arena-result-stats>div{padding:12px;border:1px solid rgba(132,171,219,.14);border-radius:10px;background:#0d233d}.arena-result-stats strong{display:block;color:#fff;font-size:20px}.arena-result-stats span{color:#8297af;font-size:9px}.arena-result-actions{display:flex;gap:8px}.arena-result-actions button+button{border-color:rgba(132,171,219,.2);background:#102a48;color:#e5eef8}
.arena-side{display:grid;gap:12px;align-content:start}.arena-side>section{padding:14px}.arena-side header span{color:#e8b954;font-size:9px;font-weight:850;letter-spacing:.07em}.arena-side header h3{margin:4px 0 0;color:#fff;font-size:15px}.arena-tower-map{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.arena-tower-map button{min-height:62px;border:1px solid rgba(132,171,219,.15);border-radius:10px;background:#0d233d;color:#7388a0}.arena-tower-map button b{display:block;font-size:16px}.arena-tower-map button span{font-size:8px}.arena-tower-map button.is-open{color:#dbe8f5;border-color:rgba(98,166,238,.32)}.arena-tower-map button.is-cleared{border-color:rgba(76,199,131,.36);color:#86dca9}.arena-tower-map button.is-current{outline:2px solid rgba(233,184,79,.45)}.arena-tower-card p{margin:10px 0 0;color:#8297af;font-size:9px;line-height:1.5}.arena-achievements{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.arena-achievements>div{display:flex;gap:7px;align-items:center;padding:8px;border:1px solid rgba(132,171,219,.1);border-radius:9px;background:#0d233d;opacity:.42}.arena-achievements>div.is-unlocked{opacity:1;border-color:rgba(233,184,79,.27)}.arena-achievements i{font-style:normal}.arena-achievements b{display:block;color:#e9f2fc;font-size:9px}.arena-achievements small{display:block;color:#71869f;font-size:7px}.arena-record-card header{display:flex;justify-content:space-between;align-items:center}.arena-record-card header button{border:0;background:transparent;color:#6e87a4;font-size:8px}.arena-record-card p{display:flex;justify-content:space-between;margin:0;padding:8px 0;border-top:1px solid rgba(132,171,219,.1);color:#899db5;font-size:9px}.arena-record-card p:first-child{margin-top:8px}.arena-record-card p b{color:#e6eff8}

@media(max-width:1260px){.arena-mode-grid{grid-template-columns:repeat(3,1fr)}.arena-dashboard-row{grid-template-columns:1fr 1fr}.arena-reward-card{grid-column:1/-1}.arena-play-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:900px){body[data-initial-view="game"] .site-topbar-premium{background:#081629}.arena-page{padding:0 12px 55px}.arena-route-nav{height:48px;gap:22px;padding:0}.arena-command-center{grid-template-columns:1fr;padding:18px;border-radius:18px}.arena-command-center:after{background:linear-gradient(180deg,rgba(7,20,38,.94),rgba(7,20,38,.82))}.arena-command-copy{padding:4px}.arena-command-copy h1{font-size:36px}.arena-profile-card{max-width:none}.arena-mode-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.arena-mode-card{min-width:245px;scroll-snap-align:start}.arena-dashboard-row{grid-template-columns:1fr}.arena-reward-card{grid-column:auto}.arena-play-layout{grid-template-columns:1fr}.arena-side{grid-template-columns:1fr 1fr}.arena-board{min-height:540px}}
@media(max-width:600px){.arena-page{padding-inline:9px}.arena-route-nav{gap:18px}.arena-command-center{padding:14px;margin-top:10px}.arena-command-copy h1{font-size:31px}.arena-command-copy p{font-size:13px}.arena-hero-actions{display:grid;grid-template-columns:1fr}.arena-profile-top{grid-template-columns:50px 1fr 46px}.arena-avatar{width:50px;height:50px}.arena-level-hex{width:46px;height:46px}.arena-profile-stats>div{padding:8px 5px}.arena-profile-stats strong{font-size:12px}.arena-mode-head{align-items:start}.arena-mode-head h2{font-size:15px}.arena-hsk-select{flex-direction:column;align-items:start}.arena-mode-card{min-width:226px;min-height:238px}.arena-dashboard-row{gap:10px}.arena-quest-grid{grid-template-columns:1fr}.arena-league-card li{grid-template-columns:22px 32px 1fr auto}.arena-play-layout{gap:10px}.arena-board-head{align-items:start;flex-direction:column}.arena-hud{width:100%}.arena-hud>span{flex:1;min-width:0}.arena-question{padding:14px}.arena-options{grid-template-columns:1fr}.arena-memory{grid-template-columns:repeat(3,1fr)}.arena-side{grid-template-columns:1fr}.arena-result-stats{grid-template-columns:repeat(3,1fr);width:100%}.arena-result-actions{flex-direction:column;width:100%}.arena-result-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.arena-mode-card,.arena-chest.is-open svg{transition:none;animation:none}}

/* V7.3.43 — visual fidelity pass using artwork from the approved mockup */
.arena-profile-card{
  border-color:rgba(233,184,79,.24);
  background:linear-gradient(145deg,rgba(6,20,39,.94),rgba(10,29,51,.92));
  box-shadow:0 22px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)
}
.arena-avatar{
  width:64px;height:64px;border-radius:16px;overflow:hidden;
  border:1px solid rgba(233,184,79,.38);
  background:#0a1b30;box-shadow:0 10px 24px rgba(0,0,0,.28)
}
.arena-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.arena-profile-top{grid-template-columns:64px minmax(0,1fr) 56px}
.arena-profile-stats>div{
  background:linear-gradient(180deg,#102741,#0b2038);
  border-color:rgba(132,171,219,.14)
}
.arena-unlock{position:relative;padding-right:64px;min-height:64px}
.arena-unlock-frame{
  position:absolute;right:0;bottom:0;width:54px;height:54px;object-fit:cover;border-radius:12px;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))
}
.arena-mode-card{
  min-height:264px;padding:10px 11px 12px;
  border-radius:15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.13)
}
.arena-mode-card:before{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 35%)}
.arena-card-art{
  height:112px;margin:7px -3px 3px;border-radius:11px;overflow:hidden;
  background:#0a1c31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)
}
.arena-card-art img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
  transform:scale(1.035);filter:saturate(1.04) contrast(1.04) drop-shadow(0 10px 16px rgba(0,0,0,.24));
  transition:transform .2s ease,filter .2s ease
}
.arena-mode-card:hover .arena-card-art img,.arena-mode-card.is-selected .arena-card-art img{
  transform:scale(1.08);filter:saturate(1.09) contrast(1.06) drop-shadow(0 12px 19px rgba(0,0,0,.3))
}
.arena-mode-card h3{font-size:15.5px;margin-top:5px}
.arena-mode-card p{min-height:43px;color:#b1c0d2}
.mode-memory{background:linear-gradient(180deg,#0a3f46,#061b29 76%)}
.mode-blitz{background:linear-gradient(180deg,#0b3565,#061b31 76%)}
.mode-tone{background:linear-gradient(180deg,#3a2457,#12182e 76%)}
.mode-sentence{background:linear-gradient(180deg,#173e70,#071c35 76%)}
.mode-tower{background:linear-gradient(180deg,#3b2338,#15172b 76%)}
.mode-survival{background:linear-gradient(180deg,#4a341b,#171a24 76%)}
.mode-tower .arena-card-art,.mode-survival .arena-card-art{box-shadow:inset 0 0 0 1px rgba(233,184,79,.12),0 10px 20px rgba(0,0,0,.16)}
.arena-dashboard-row{grid-template-columns:minmax(0,1.12fr) minmax(0,.95fr) minmax(280px,.72fr)}
.arena-reward-card{
  display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:auto 1fr auto;
  gap:6px 10px;align-items:end;min-height:175px;
  background:linear-gradient(135deg,#0b2038,#101f32 58%,#2f2416);
  border-color:rgba(233,184,79,.22)
}
.arena-reward-card header{grid-column:1;grid-row:1;align-self:start}
.arena-chest{grid-column:2;grid-row:1/4;height:148px;align-self:end;overflow:visible}
.arena-chest img{
  width:150px;height:148px;object-fit:cover;object-position:center;border-radius:12px;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.34)) saturate(1.05)
}
.arena-chest.is-open img{animation:arenaChestImg 1s ease-in-out infinite alternate}
@keyframes arenaChestImg{to{transform:translateY(-5px) scale(1.025)}}
.arena-reward-progress{grid-column:1;grid-row:3;align-self:end;padding-bottom:4px}
.arena-reward-progress b{font-size:12px;color:#f0c250}
.arena-reward-card:after{background:radial-gradient(circle,rgba(234,180,67,.16),transparent 67%)}
@media(max-width:1260px){
  .arena-dashboard-row{grid-template-columns:1fr 1fr}
  .arena-reward-card{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 180px}
  .arena-chest img{width:172px;height:150px}
}
@media(max-width:900px){
  .arena-profile-top{grid-template-columns:58px minmax(0,1fr) 52px}
  .arena-avatar{width:58px;height:58px}
  .arena-card-art{height:118px}
  .arena-reward-card{grid-column:auto}
}
@media(max-width:600px){
  .arena-profile-top{grid-template-columns:52px minmax(0,1fr) 46px}
  .arena-avatar{width:52px;height:52px;border-radius:14px}
  .arena-unlock{padding-right:54px}
  .arena-unlock-frame{width:46px;height:46px}
  .arena-mode-card{min-height:254px}
  .arena-card-art{height:112px}
  .arena-reward-card{grid-template-columns:minmax(0,1fr) 118px;min-height:155px}
  .arena-chest{height:126px}
  .arena-chest img{width:118px;height:124px}
}
@media(prefers-reduced-motion:reduce){
  .arena-card-art img,.arena-chest.is-open img{transition:none;animation:none}
}


/* V7.3.44 — shield alignment, subtle chest glow, hard mobile overflow fix */
body[data-initial-view="game"],
body[data-initial-view="game"] .app-shell,
body[data-initial-view="game"] .main-content,
body[data-initial-view="game"] .arena-page{max-width:100%;overflow-x:hidden}

/* Align the unlock shield/frame precisely inside the profile card */
.arena-unlock{display:grid;grid-template-columns:minmax(0,1fr) 58px;grid-template-rows:auto auto auto;column-gap:10px;padding-right:0;align-items:center}
.arena-unlock>div,.arena-unlock>p,.arena-unlock>.arena-unlock-track{grid-column:1}
.arena-unlock-frame{
  position:static;grid-column:2;grid-row:1/4;align-self:center;justify-self:center;
  width:52px;height:52px;object-fit:contain;object-position:center;border-radius:10px;
  transform:translateY(1px);filter:drop-shadow(0 7px 11px rgba(0,0,0,.28))
}

/* Reward chest: warm glow without becoming harsh */
.arena-reward-card{isolation:isolate}
.arena-reward-card:before{
  content:"";position:absolute;right:10px;bottom:5px;width:170px;height:145px;z-index:0;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,199,76,.25) 0%,rgba(233,164,42,.12) 38%,transparent 72%);
  filter:blur(5px);animation:arenaChestAura 3.2s ease-in-out infinite alternate
}
.arena-chest{z-index:2}
.arena-chest img{
  filter:drop-shadow(0 0 12px rgba(255,193,61,.24)) drop-shadow(0 15px 23px rgba(0,0,0,.36)) saturate(1.06)
}
@keyframes arenaChestAura{to{opacity:.72;transform:scale(1.06)}}

/* Prevent mode art and text from extending outside cards */
.arena-mode-grid,.arena-dashboard-row,.arena-play-layout,.arena-command-center,.arena-profile-card,.arena-modes-section{min-width:0}
.arena-mode-card,.arena-dashboard-row>article,.arena-board,.arena-side>section{max-width:100%;min-width:0}
.arena-card-art img,.arena-chest img,.arena-avatar img,.arena-unlock-frame{max-width:100%}

@media(max-width:900px){
  body[data-initial-view="game"] .main-content{width:100%;padding:0!important;overflow-x:hidden}
  .arena-page{width:100%;max-width:100%;padding:0 10px calc(54px + env(safe-area-inset-bottom));overflow:hidden}
  .arena-route-nav{width:100%;padding-inline:2px}
  .arena-command-center{width:100%;max-width:100%;margin-top:10px;padding:15px;gap:14px;border-radius:17px}
  .arena-command-copy,.arena-profile-card,.arena-modes-section{width:100%;max-width:100%;min-width:0}
  .arena-command-copy h1{font-size:clamp(28px,8vw,36px);overflow-wrap:anywhere}
  .arena-command-copy p{max-width:100%}
  .arena-profile-card{padding:14px}
  .arena-mode-head{width:100%;flex-wrap:wrap}
  .arena-mode-grid{width:100%;max-width:100%;margin:0;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 8px;scroll-padding-inline:1px;overscroll-behavior-x:contain}
  .arena-mode-card{flex:0 0 min(76vw,250px);width:min(76vw,250px);max-width:250px;min-width:0;scroll-snap-align:start}
  .arena-dashboard-row,.arena-play-layout{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}
  .arena-reward-card{grid-column:auto;width:100%;grid-template-columns:minmax(0,1fr) minmax(104px,34%)}
  .arena-side{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

@media(max-width:600px){
  .arena-page{padding-inline:7px}
  .arena-command-center{padding:12px;border-radius:15px}
  .arena-command-copy h1{font-size:28px;line-height:1.08}
  .arena-kicker{max-width:100%;white-space:normal}
  .arena-profile-top{grid-template-columns:48px minmax(0,1fr) 43px;gap:8px}
  .arena-avatar{width:48px;height:48px}
  .arena-level-hex{width:43px;height:43px;font-size:9px}
  .arena-profile-top strong{font-size:14px}
  .arena-profile-stats{gap:5px}
  .arena-profile-stats>div{padding:7px 3px}
  .arena-profile-stats strong{font-size:11px}
  .arena-unlock{grid-template-columns:minmax(0,1fr) 46px;column-gap:6px}
  .arena-unlock-frame{width:44px;height:44px}
  .arena-mode-card{flex-basis:min(82vw,236px);width:min(82vw,236px)}
  .arena-card-art{height:106px}
  .arena-dashboard-row{gap:9px}
  .arena-reward-card{min-height:146px;padding:12px;grid-template-columns:minmax(0,1fr) 105px}
  .arena-reward-card:before{right:-4px;bottom:2px;width:130px;height:120px}
  .arena-chest{height:115px}
  .arena-chest img{width:105px;height:112px;object-fit:contain}
  .arena-side{grid-template-columns:minmax(0,1fr)}
  .arena-board{min-width:0;min-height:500px}
  .arena-question,.arena-board-head,.arena-board-foot{max-width:100%;overflow:hidden}
  .arena-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .arena-hud>span{width:auto;min-width:0;padding-inline:5px}
  .arena-memory{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
}

@media(max-width:390px){
  .arena-page{padding-inline:5px}
  .arena-command-center{padding:10px}
  .arena-command-copy h1{font-size:25px}
  .arena-profile-card{padding:11px}
  .arena-profile-stats small{font-size:7px}
  .arena-mode-card{flex-basis:84vw;width:84vw;max-width:224px}
  .arena-reward-card{grid-template-columns:minmax(0,1fr) 92px}
  .arena-chest img{width:92px;height:105px}
}

@media(prefers-reduced-motion:reduce){.arena-reward-card:before{animation:none}}


/* V7.3.46 — graded difficulty and richer game bank */
.arena-mode-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.arena-difficulty-select{display:flex;align-items:center;gap:8px;color:#91a6bf;font-size:10px}
.arena-difficulty-select select{height:36px;padding:0 30px 0 11px;border:1px solid rgba(243,190,77,.35);border-radius:9px;background:#13243a;color:#f9d278;font-weight:800}
.arena-tier-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 12px;padding:8px;border:1px solid rgba(117,158,205,.15);border-radius:12px;background:rgba(5,18,34,.52)}
.arena-tier-guide span{min-width:0;padding:8px 10px;border-radius:9px;border:1px solid transparent;color:#8fa4bd;transition:.18s ease}
.arena-tier-guide b,.arena-tier-guide small{display:block}.arena-tier-guide b{font-size:11px;color:#d7e5f5}.arena-tier-guide small{margin-top:2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arena-tier-guide span.is-active{border-color:rgba(245,190,70,.55);background:linear-gradient(135deg,rgba(245,190,70,.15),rgba(67,128,205,.1));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.arena-tier-guide span.is-active b{color:#ffd56e}
.arena-memory{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}
.arena-memory button{min-width:0;word-break:break-word}
.arena-token-bank button[data-decoy="1"]{border-style:dashed}
@media(max-width:900px){.arena-mode-head{align-items:start}.arena-mode-controls{justify-content:flex-start}.arena-tier-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.arena-mode-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.arena-hsk-select,.arena-difficulty-select{display:grid;gap:4px}.arena-hsk-select select,.arena-difficulty-select select{width:100%}.arena-tier-guide{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.arena-tier-guide span{min-width:145px;scroll-snap-align:start}.arena-memory{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-memory button{font-size:12px;padding:8px 4px}}