:root{--ui-text:#eaf0f7;--ui-muted:#b0bdd0;--ui-accent:#93dfc1;--ui-gold:#e5c58b}
.next-goal{margin:14px 0;padding:14px 16px;border:1px solid #6a8a79;border-radius:10px;background:#1d302e}.next-goal[hidden]{display:none}.next-goal>small{color:#a9d7c3;font-size:9px;letter-spacing:.8px}.next-goal h3{margin:7px 0;font-size:16px;line-height:1.5;color:#edf4ee}.next-goal p{margin:6px 0 10px;color:#c0d1ca;font-size:12px;line-height:1.8}.next-goal button{border:1px solid #a7c4b5;border-radius:5px;background:#c1dfcf;color:#172a24;min-height:44px;padding:9px 13px;font-size:12px;font-weight:700}.next-goal button:focus-visible,.hand-card:focus-visible,.unit:focus-visible{outline:3px solid #a6e6ff;outline-offset:3px}.battle-keyboard-help{font-size:11px;line-height:1.8;color:#becbdc;margin:14px 0}.result-dialog .next-goal{text-align:left}.result-dialog .next-goal button{width:100%}
@media(pointer:coarse){.battle-keyboard-help{display:none}}
.start-dialog .next-goal{padding:11px 13px;margin:10px 0}.start-dialog .next-goal h3{font-size:15px;margin:5px 0}.start-dialog .next-goal p{line-height:1.6;margin:4px 0 8px}
.mobile-card-action{display:none}
@media(min-width:900px) and (max-height:850px){.layout{margin-top:8px}.arena .duel-meta{margin-bottom:5px}}
@media(min-width:900px) and (max-height:850px){.topbar{height:58px}.arena .hero-info{gap:2px}.arena .hero-info small{line-height:1.1}.arena .hero-info strong{line-height:1.2}.arena .opponent-meta{line-height:1.25}.arena .enemy-rune{font-size:9px;margin-top:3px}.arena .rune-actions button{height:42px;line-height:1.2}.arena .rune-actions small{line-height:1.1}.arena .resonance-copy{line-height:1.2}.arena .resonance-copy small{line-height:1.2}.arena #resonance-gems{font-size:13px;line-height:1.1}}
@media(max-width:760px){.layout .sidebar{position:static;bottom:auto}.hand-heading{gap:8px;flex-wrap:wrap}.mobile-card-action{display:block;border:1px solid #c3a675;border-radius:5px;background:#d0b581;color:#15221f;font-size:11px;line-height:1.5;min-height:40px;padding:8px 10px;max-width:100%}.mobile-card-action:disabled{background:#283744;border-color:#58616c;color:#b4becb}.arena .resonance-panel{margin-inline:0;padding:8px;gap:6px}.arena .resonance-copy{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center}.arena .resonance-copy small{grid-column:1/-1;font-size:9px}.arena .rune-actions button{min-height:40px;padding:6px 9px}.arena .resonance-copy strong{font-size:12px;margin:0}}
@media(min-width:900px) and (max-height:850px){.arena .hero-bar{height:auto;min-height:0}.arena .card-backs{height:18px;margin-bottom:3px;gap:3px}.arena .card-backs span{height:18px;width:14px;font-size:11px}.arena .turn-divider{margin-block:5px}.arena .resonance-panel{padding:8px 12px;margin:0 0 6px}.arena .resonance-copy{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px}.arena .resonance-copy strong{margin:0;font-size:12px}.arena .resonance-copy small{grid-column:1/-1;font-size:10px}.arena .rune-actions button{padding:7px 10px;min-height:42px}.arena .hand-heading{margin-top:8px}.arena .hint-bar{margin-top:3px}}
.hand-card .card-name{font-size:12px}.hand-card .card-mini-stats{font-size:16px}.game-tools:focus-within>summary{outline-color:var(--ui-gold)}
.start-content .guide-intro,.start-content .tutorial-lobby{display:none}.start-content .start-intro{margin:12px 0 10px}.quick-learn{border:0;background:none;color:var(--ui-gold);font-size:12px;padding:4px 0 15px;text-align:left}.lobby-disclosure{border-top:1px solid #4d5b6a80;margin-top:12px}.lobby-disclosure>summary{font-size:12px;color:var(--ui-muted);cursor:pointer;padding:13px 2px}.lobby-disclosure .player-path{margin-top:0}.lobby-disclosure .name-field{margin:10px 0 14px}.lobby-disclosure .opponent-picker{display:block;margin:12px 0}.lobby-disclosure .opponent-picker select{width:100%}.start-content .lobby-wallet{font-size:12px;padding:11px}.start-content .bot-options{margin-bottom:14px}.start-content .difficulty-options button{padding-block:9px}.start-content .deck-description{margin-block:8px 13px}
.player-path{margin:19px 0 22px;padding:18px 19px;border:1px solid #61736580;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#5e806827,transparent 80%),#101c28}.path-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--ui-muted);letter-spacing:.6px}.path-heading b{color:var(--ui-gold);font-weight:500;letter-spacing:0}.path-tabs{display:flex;gap:6px;margin:15px 0}.path-tabs button{flex:1;border:0;border-bottom:2px solid #52647470;background:transparent;padding:9px 3px;color:var(--ui-muted);font-size:12px}.path-tabs button[aria-pressed=true]{border-color:var(--ui-accent);color:var(--ui-accent)}.path-tabs span{font-size:9px;margin-left:3px}.player-path h2{font-size:19px;line-height:1.45;letter-spacing:-.5px}.player-path p{font-size:12px;line-height:1.85;color:var(--ui-muted);margin:9px 0 16px}.path-actions{display:flex;gap:9px;flex-wrap:wrap}.path-actions button{border:1px solid #667968;border-radius:5px;background:#2b423a;color:#d5f4e3;padding:10px 12px;font-size:12px}.path-actions button+button{background:transparent;color:var(--ui-muted);border-color:#455363}
.strategy-note,.rating-line{padding:13px 15px;border:1px solid #6a805b66;border-radius:7px;background:#21403930;color:#b9e7d1;font-size:12px;line-height:1.8;margin:12px 0}.rating-line:empty{display:none}.rating-line strong{color:#f2d59c;font-size:20px;display:block}.result-next{margin:12px 0 16px;color:var(--ui-muted);line-height:1.8;font-size:12px}.result-next:empty{display:none}
.game-tools{position:relative}.game-tools>summary{list-style:none;cursor:pointer;border:1px solid #596777;border-radius:5px;padding:11px 12px;font-size:12px;color:#d1dcea}.game-tools>summary::-webkit-details-marker{display:none}.game-tools[open]>div{position:absolute;right:0;top:calc(100% + 9px);width:230px;max-height:70dvh;overflow:auto;background:#162333;border:1px solid #617185;border-radius:10px;padding:9px;z-index:50;box-shadow:0 14px 50px #0009;display:grid;gap:4px}.game-tools[open]>div>*{display:block;width:100%;text-align:left;padding:12px;font-size:13px;border-radius:5px}.game-tools[open]>div>*:hover{background:#334358}.topbar nav{align-items:center}.topbar nav>.menu-button{font-size:12px}
.hero-info strong{font-size:14px}.hero-info small{font-size:9px}.hero-hp{font-size:31px}.energy>span{font-size:12px}.energy b{font-size:18px}.hand-heading,.lane-label,.duel-meta{font-size:11px}.lane-label small{font-size:10px}.turn-mark #turn-label{font-size:13px;letter-spacing:1px;font-weight:600;color:var(--ui-accent)}.end-turn{font-size:13px;min-height:44px}.unit .unit-name,.hand-card .hand-name{font-size:12px}.unit .unit-stats,.hand-card .hand-stats{font-size:16px}.unit-keyword{font-size:10px}.hint-bar{font-size:12px;color:#b3c4d8}.battle-log li{font-size:12px;line-height:1.8}.side-note{font-size:11px;line-height:1.8}.unit.ready{box-shadow:0 0 0 2px #93dfc14d,0 0 18px #93dfc128}.unit-status{font-size:14px}.unit.ready .unit-status{background:#19392e;color:#a8f0cf;border:1px solid #83cfac80;border-radius:4px;padding:1px 4px}
.start-dialog{max-height:calc(100dvh - 28px);overflow:auto}.start-art{position:sticky;top:0;align-self:start;height:100%;max-height:calc(100dvh - 28px)}.start-content .start-intro{font-size:12px;line-height:1.85;color:var(--ui-muted)}.start-content .name-field{font-size:12px}.start-content .deck-description{font-size:12px;line-height:1.7}.start-content .deck-picker label{font-size:12px}.mode-options button b{font-size:13px}.mode-options button small{font-size:10px;line-height:1.5}.mode-options button{min-height:88px}.mode-options button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #ddc18c70}
@media(max-width:760px){.player-path{padding:14px;margin:15px 0 18px}.path-heading{font-size:9px;flex-wrap:wrap;gap:6px}.player-path h2{font-size:18px}.path-actions{gap:6px}.path-actions button{font-size:11px;min-height:42px}.start-art{position:relative;height:100px;min-height:100px;max-height:100px}.start-content{padding:18px 18px 24px}.start-content h1{font-size:27px}.mode-options button b{font-size:12px}.mode-options button small{font-size:9px}.mode-options button{min-height:84px}.hero-info strong{font-size:12px;max-width:120px}.hero-info small{font-size:8px}.hero-hp{font-size:27px}.unit .unit-name{font-size:11px}.unit .unit-stats{font-size:15px}.hand-card .hand-name{font-size:11px}.turn-mark #turn-label{font-size:11px}.duel-meta{font-size:10px;flex-wrap:wrap;gap:6px}.strategy-counter{display:none}.topbar{padding-inline:14px}.topbar nav{gap:4px}.topbar nav>.menu-button{font-size:11px;padding:9px 7px}.game-tools>summary{font-size:11px;padding:10px 8px}.game-tools[open]>div{width:min(250px,calc(100vw - 28px))}.topbar .brand{font-size:17px;letter-spacing:1px}.topbar .brand small{font-size:7px}.topbar .sigil{font-size:29px}.hint-bar{font-size:11px}.lane-label small{font-size:9px}}
@media(max-width:400px){.topbar .brand small{display:none}.topbar .brand{font-size:14px;gap:5px}.path-tabs span{display:block;margin:3px 0 0}.mode-options button b{font-size:11px}}