@font-face{font-family:HuWenMingChaoTi;src:url(/assets/HuWenMingChaoTi.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#07090a;--ink-900:#080c0cf0;--ink-800:#0c1211e6;--ink-700:#121a18db;--ink-600:#1a2420cc;--glass:#1018169e;--glass-soft:#1c282375;--paper:#ece0c4;--paper-2:#dccaa3;--paper-deep:#2a2014;--seal:#b6402f;--seal-deep:#7e2a1e;--gold:#e4ba69;--gold-bright:#f6da93;--gold-deep:#9a7536;--gold-line:#cea9636b;--gold-line-soft:#cea96333;--haze:#789ec429;--text:#efe6d1;--text-strong:#fbf3df;--muted:#b6a886;--faint:#8b7f64;--jade:#74d59c;--jade-deep:#2c6a43;--vermilion:#ec6f53;--vermilion-deep:#7e2c20;--azure:#6cb6f0;--azure-deep:#28507a;--amber:#ecc06a;--amber-deep:#7a5a20;--good:#7fd89a;--bad:#e8694f;--tone:var(--jade);--tone-deep:var(--jade-deep);--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 22px #00000073;--shadow-3:0 18px 48px #0000008c;--rim:inset 0 0 0 1px var(--gold-line-soft);--rim-strong:inset 0 0 0 1px var(--gold-line);--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--r-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:32px;--serif:"HuWenMingChaoTi", "Noto Serif TC", "Noto Serif SC", "Songti SC", serif;--fz-xs:11px;--fz-sm:13px;--fz-md:15px;--fz-lg:18px;--fz-xl:24px;--fz-2xl:32px;--fz-3xl:44px;--t-fast:.14s;--t:.24s;--t-slow:.44s;--ease:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, .7, .2);--z-rail:20;--z-bar:40;--z-drawer:60;--z-overlay:80;--z-fx:95}.tone-meaning{--tone:var(--jade);--tone-deep:var(--jade-deep)}.tone-misread{--tone:var(--vermilion);--tone-deep:var(--vermilion-deep)}.tone-context{--tone:var(--azure);--tone-deep:var(--azure-deep)}.tone-recall{--tone:var(--amber);--tone-deep:var(--amber-deep)}[data-theme=zhuge]{--gold:#e3a866;--gold-bright:#f6c98a;--gold-deep:#9a5a36;--gold-line:#d8825a6b;--gold-line-soft:#d8825a33;--haze:#c476582e;--seal:#c2452f;--seal-deep:#7e261c}[data-theme=qingci]{--gold:#a8c6b0;--gold-bright:#cfe6d4;--gold-deep:#5d8a78;--gold-line:#78b6a25c;--gold-line-soft:#78b6a22e;--haze:#6cb6b029;--seal:#3f8f73;--seal-deep:#245247}[data-theme=zhulu]{--gold:#c4d488;--gold-bright:#e4efb2;--gold-deep:#6f8a3a;--gold-line:#96c06e5c;--gold-line-soft:#96c06e2e;--haze:#96ca7829;--seal:#6f8f2f;--seal-deep:#44551c}[data-theme=xuanzhi]{--void:#15110b;--ink-900:#1e1912eb;--ink-800:#282219e0;--ink-700:#342c21d6;--glass:#362f239e;--glass-soft:#463c2d80;--gold:#c79a52;--gold-bright:#e8c486;--gold-deep:#8a6a2e;--gold-line:#b8985c75;--gold-line-soft:#b8985c3d;--haze:#e8d4aa33;--text:#f3ecda;--text-strong:#fdf6e4;--muted:#c6b693;--faint:#9c8c6c}[data-theme=chenxi],[data-theme=bairi],[data-theme=songfeng],[data-theme=chunxing],[data-theme=qingchuan],[data-theme=qiuguang]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--void:#e8dcc4;--ink-900:#fcf6e7ed;--ink-800:#f4ebd5e0;--ink-700:#eadec5d1;--ink-600:#dcceb1c2;--glass:#fff9eab8;--glass-soft:#fff7e1e0;--paper:#f1e0bb;--paper-2:#dfc694;--paper-deep:#2a2014;--text:#3b3122;--text-strong:#21180f;--muted:#6f6149;--faint:#8a7a5f;--gold-line:#8a6a3761;--gold-line-soft:#8a6a3733;--shadow-2:0 8px 22px #5a422033;--shadow-3:0 18px 48px #5a422047}[data-theme=chenxi]{--gold:#c78b44;--gold-bright:#f2bd73;--gold-deep:#8f6125;--haze:#f6b97038;--seal:#bf5437;--seal-deep:#7e2e20}[data-theme=bairi]{--gold:#b68b43;--gold-bright:#e4bf72;--gold-deep:#7a5b25;--haze:#7ab2da3d;--seal:#3f78a7;--seal-deep:#234762}[data-theme=songfeng]{--gold:#9a9f46;--gold-bright:#cbd06f;--gold-deep:#67702e;--haze:#7eac6c3d;--seal:#5a8f54;--seal-deep:#31552d}[data-theme=chunxing]{--gold:#b88465;--gold-bright:#e3ad8f;--gold-deep:#81513a;--haze:#ee968e38;--seal:#bd6e6d;--seal-deep:#7a3d42}[data-theme=qingchuan]{--gold:#b7954f;--gold-bright:#e1c16f;--gold-deep:#70582a;--haze:#70b5e042;--seal:#3e7ca7;--seal-deep:#214b69}[data-theme=qiuguang]{--gold:#bd8646;--gold-bright:#edbd72;--gold-deep:#845326;--haze:#dc9b4e3d;--seal:#b75e36;--seal-deep:#73331f}[data-theme=chenxi] body,[data-theme=bairi] body,[data-theme=songfeng] body,[data-theme=chunxing] body,[data-theme=qingchuan] body,[data-theme=qiuguang] body{background-image:radial-gradient(90% 58% at 50% 0%, var(--haze), transparent 58%), linear-gradient(180deg, #fff7e057, #f8edd2a8), url(/assets/art/arena-background.webp);background-position:top,50%,50% 18%;background-size:cover,cover,cover;background-attachment:fixed,fixed,fixed}[data-theme=chenxi] body:before,[data-theme=bairi] body:before,[data-theme=songfeng] body:before,[data-theme=chunxing] body:before,[data-theme=qingchuan] body:before,[data-theme=qiuguang] body:before{background:radial-gradient(46% 30% at 50% 6%,#fff4d233,#0000 70%)}[data-theme=chenxi] .topbar,[data-theme=bairi] .topbar,[data-theme=songfeng] .topbar,[data-theme=chunxing] .topbar,[data-theme=qingchuan] .topbar,[data-theme=qiuguang] .topbar{background:linear-gradient(#fff9eaf0,#f6ecd4c7)}[data-theme=chenxi] .settings-pop,[data-theme=bairi] .settings-pop,[data-theme=songfeng] .settings-pop,[data-theme=chunxing] .settings-pop,[data-theme=qingchuan] .settings-pop,[data-theme=qiuguang] .settings-pop{background:linear-gradient(#fff9eafa,#f6ecd4f5)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scrollbar-gutter:stable}body{color:var(--text);font-family:var(--serif);background-color:var(--void);background-image:radial-gradient(120% 80% at 50% -10%, var(--haze), transparent 52%), radial-gradient(80% 60% at 50% 120%, #07090ae6, transparent 60%), linear-gradient(180deg, #06090a59, #050809db), url(/assets/art/arena-background.webp);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-position:top,50%,50%,50% 18%;background-repeat:no-repeat;background-size:cover,cover,cover,cover;background-attachment:fixed,fixed,fixed,fixed;overflow-x:hidden}body:before{content:"";pointer-events:none;animation:haze 14s var(--ease) infinite alternate;z-index:-1;background:radial-gradient(46% 30% at 50% 6%,#c6dbeb24,#0000 70%);position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-deep), #785c2c80);border-radius:var(--r-pill)}::-webkit-scrollbar-track{background:0 0}@keyframes haze{to{opacity:.55;transform:translateY(8px)}}@keyframes floatUp{0%{opacity:0;transform:translateY(8px)scale(.85)}18%{opacity:1}to{opacity:0;transform:translateY(-58px)scale(1.05)}}@keyframes shake{10%,90%{transform:translate(-2px)}30%,70%{transform:translate(4px)}50%{transform:translate(-6px)}}@keyframes sealIn{0%{opacity:0;transform:scale(1.5)rotate(-8deg)}60%{opacity:1}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes shimmer{to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #e4ba6900}50%{box-shadow:0 0 22px 2px #e4ba6959}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.u-rise{animation:riseIn var(--t-slow) var(--ease) both}@keyframes pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.28)}to{opacity:1;transform:scale(1)}}@keyframes shard{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scaleY(.3)}to{opacity:0;transform:rotate(var(--a)) translateY(82px) scaleY(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}body:before{animation:none}}.app{--bar-h:60px;flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:var(--z-bar);align-items:center;gap:var(--space-4);background:linear-gradient(180deg, var(--ink-900), #080c0cbd);border-bottom:1px solid var(--gold-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-2);grid-template-columns:1fr auto 1fr;padding:10px clamp(12px,3vw,28px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-seal{width:38px;height:38px;color:var(--paper);background:linear-gradient(160deg, var(--seal), var(--seal-deep));box-shadow:var(--shadow-1), inset 0 0 0 1px #ffdcbe4d;border-radius:7px;flex:none;place-items:center;font-size:22px;display:grid}.brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-text strong{font-size:var(--fz-lg);letter-spacing:.12em;color:var(--text-strong);white-space:nowrap}.brand-text small{font-size:var(--fz-xs);color:var(--muted);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topstats{justify-self:center;gap:7px;display:flex}.stat{border-radius:var(--r-md);background:var(--glass);min-width:58px;box-shadow:var(--rim);flex-direction:column;align-items:center;gap:1px;padding:5px 12px;display:flex}.stat .stat-label{letter-spacing:.16em;color:var(--faint);align-items:center;gap:3px;font-size:10px;display:flex}.stat .stat-value{font-size:var(--fz-md);color:var(--text-strong);letter-spacing:.04em}.stat.accent .stat-value{color:var(--gold-bright)}.stat.warn{box-shadow:inset 0 0 0 1px #ec6f5380}.stat.warn .stat-value{color:var(--vermilion)}.topactions{justify-self:end;gap:7px;display:flex}.tb-btn{font-size:var(--fz-sm);color:var(--text);border-radius:var(--r-md);background:var(--glass);box-shadow:var(--rim);transition:background var(--t-fast) var(--ease), box-shadow var(--t-fast), transform var(--t-fast);align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.tb-btn:hover{background:var(--glass-soft);box-shadow:var(--rim-strong);transform:translateY(-1px)}.tb-btn.on{color:var(--void);background:linear-gradient(160deg, var(--gold-bright), var(--gold-deep));box-shadow:var(--shadow-1)}.settings{position:relative}.settings-pop{z-index:var(--z-overlay);border-radius:var(--r-md);background:linear-gradient(180deg, var(--ink-900), #080c0cf5);width:168px;box-shadow:0 0 0 1px var(--gold-line), var(--shadow-3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:riseIn var(--t) var(--ease) both;padding:10px;position:absolute;top:calc(100% + 8px);right:0}.sp-title{font-size:var(--fz-xs);letter-spacing:.2em;color:var(--faint);padding:2px 4px 8px}.sp-themes{flex-direction:column;gap:4px;display:flex}.sp-swatch{font-size:var(--fz-sm);color:var(--text);border-radius:var(--r-sm);transition:background var(--t-fast);align-items:center;gap:9px;padding:7px 9px;display:flex}.sp-swatch:hover{background:var(--glass-soft)}.sp-swatch.on{background:var(--glass);box-shadow:inset 0 0 0 1px var(--gold-line)}.sp-swatch .sw-chip{border-radius:50%;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff40}.sp-swatch svg{color:var(--gold-bright);margin-left:auto}.tb-btn.warn{color:var(--vermilion);box-shadow:inset 0 0 0 1px #ec6f538c}.battlelog{flex-direction:column;gap:4px;display:flex}.battlelog-head{font-size:var(--fz-xs);letter-spacing:.18em;color:var(--faint);align-items:center;gap:7px;margin-bottom:2px;display:flex}.battlelog-line{font-size:var(--fz-sm);color:var(--muted);animation:riseIn var(--t) var(--ease) both;padding-left:12px;line-height:1.5;position:relative}.battlelog-line:before{content:"";background:var(--faint);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.battlelog-line.hit{color:var(--jade)}.battlelog-line.hit:before{background:var(--jade)}.battlelog-line.miss{color:var(--red-soft,var(--vermilion))}.battlelog-line.miss:before{background:var(--vermilion)}.battlelog-line.win{color:var(--gold-bright)}.battlelog-line.win:before{background:var(--gold-bright);box-shadow:0 0 8px var(--gold)}.stage{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.duelhud{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--glass), var(--ink-800));box-shadow:var(--rim), var(--shadow-2);flex-direction:column;display:flex}.duel-portraits{align-items:center;gap:var(--space-3);grid-template-columns:1fr auto 1fr;display:grid}.buffstrip{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.buffchip{font-size:var(--fz-xs);color:var(--muted);border-radius:var(--r-pill);box-shadow:var(--rim);background:#00000052;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.buffchip i{color:var(--text-strong);font-style:normal}.buffchip.buff-meaning{--tone:var(--jade)}.buffchip.buff-misread{--tone:var(--vermilion)}.buffchip.buff-context{--tone:var(--azure)}.buffchip.buff-recall{--tone:var(--amber)}.buffchip.met{color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--tone)}.buffchip.met i{color:var(--tone)}.buffchip.status.shield{color:var(--jade)}.buffchip.status.silence{color:var(--muted)}.metabar.danger i{background:linear-gradient(90deg, var(--vermilion-deep), var(--vermilion));animation:pulseGlow 1s var(--ease) infinite}.portrait-wrap{flex:none;position:relative}.portrait-impact{border:2px solid var(--jade);pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.portrait-impact.hurt{border-color:var(--vermilion)}.buffchip i{animation:pop .3s var(--ease);display:inline-block}.combatant{align-items:center;gap:var(--space-3);min-width:0;display:flex}.combatant.enemy{text-align:right;flex-direction:row-reverse}.portrait{width:60px;height:60px;color:var(--paper);box-shadow:0 0 0 2px var(--gold-deep), 0 0 0 4px #0006, var(--shadow-2);animation:bob 5s var(--ease) infinite alternate;background:radial-gradient(120% 120% at 30% 25%,#fff6e059,#0000 55%),radial-gradient(120% 120% at 70% 90%,#0006,#0000 60%),linear-gradient(160deg,#3a4d44,#1b2620);border-radius:50%;flex:none;place-items:center;font-size:30px;display:grid}.combatant.enemy .portrait{box-shadow:0 0 0 2px var(--vermilion-deep), 0 0 0 4px #0006, var(--shadow-2);background:radial-gradient(120% 120% at 30% 25%,#ffdcc852,#0000 55%),radial-gradient(120% 120% at 70% 90%,#00000073,#0000 60%),linear-gradient(160deg,#5a2a22,#2a1310);animation-delay:-2.5s}@keyframes bob{to{transform:translateY(-4px)}}.combatant.player .portrait{color:#0000;background:url(/assets/art/player-portrait.png) 50% 20%/cover no-repeat,linear-gradient(160deg,#2a3d52,#14202c)}.combatant.enemy .portrait{color:#0000;background:url(/assets/art/enemy-portrait.png) 50% 20%/cover no-repeat,linear-gradient(160deg,#4a241d,#2a1310)}.cb-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.cb-name{font-size:var(--fz-md);letter-spacing:.08em;color:var(--text-strong);align-items:center;gap:5px;display:flex}.combatant.enemy .cb-name{flex-direction:row-reverse}.cb-body small{font-size:var(--fz-xs);color:var(--muted)}.metabar{border-radius:var(--r-pill);background:#00000073;height:9px;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.metabar i{border-radius:var(--r-pill);height:100%;transition:width var(--t-slow) var(--ease);display:block}.metabar.player i{background:linear-gradient(90deg, var(--azure-deep), var(--azure))}.metabar.enemy i{background:linear-gradient(90deg, var(--vermilion-deep), var(--vermilion));box-shadow:0 0 10px #ec6f5380}.roundseal{background:url(/assets/art/round-seal.png) center / contain no-repeat, radial-gradient(circle at 50% 38%, #e4ba692e, transparent 60%), var(--ink-900);width:76px;height:76px;box-shadow:0 0 0 1px var(--gold-line), inset 0 0 0 1px #e4ba692e, var(--shadow-2);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid;position:relative}.roundseal .rs-top,.roundseal .rs-bot{letter-spacing:.3em;color:var(--faint);font-size:10px}.roundseal strong{color:var(--gold-bright);margin:1px 0;font-size:30px}.combo-badge{white-space:nowrap;font-size:var(--fz-xs);color:var(--paper);background:linear-gradient(160deg, var(--vermilion), var(--vermilion-deep));border-radius:var(--r-pill);box-shadow:var(--shadow-1);animation:sealIn var(--t) var(--ease) both, pulseGlow 1.6s var(--ease) infinite;align-items:center;gap:4px;padding:4px 10px;display:inline-flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tablet{gap:var(--space-2);color:var(--paper-deep);filter:drop-shadow(0 14px 30px #00000080);background:url(/assets/art/quote-scroll.png) 50%/100% 100% no-repeat;flex-direction:column;padding:clamp(26px,4vw,40px) 13% clamp(22px,3.2vw,34px);display:flex;position:relative}.tablet:after{content:"";inset-inline:15%;background:linear-gradient(90deg, transparent, var(--tone), transparent);opacity:.6;height:3px;position:absolute;top:12%}.tablet-meta{align-items:center;gap:10px;display:flex;position:relative}.t-chapter{font-size:var(--fz-lg);letter-spacing:.16em;color:var(--paper-deep)}.t-num{font-size:var(--fz-sm);color:#2a201499;letter-spacing:.1em}.t-pips{gap:5px;margin-left:auto;display:inline-flex}.t-pips i{background:#785c2c47;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #785c2c66}.t-pips i.on{background:var(--tone,var(--seal));box-shadow:0 0 7px var(--tone)}.tablet-text{letter-spacing:.04em;color:var(--paper-deep);text-align:justify;text-shadow:0 1px #fff6;margin:0;font-size:clamp(21px,2.6vw,32px);line-height:2}.tablet-text.typing{text-align:left}.type-caret{vertical-align:-.16em;background:color-mix(in srgb, var(--tone,var(--seal)) 78%, var(--paper-deep));width:.55em;height:1.15em;margin-left:.12em;animation:.72s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.tablet-text.long{box-sizing:border-box;background:#f7ebcc94;border-radius:8px;max-height:38vh;padding:8px 12px;font-size:clamp(17px,2vw,23px);line-height:1.95;overflow-y:auto;box-shadow:inset 0 0 0 1px #77522624}.tablet-text.dense,.tablet-text.epic{box-sizing:border-box;text-align:left;scrollbar-width:thin;background:#f7ebccb8;border-radius:8px;padding:9px 14px 9px 12px;overflow-y:auto;box-shadow:inset 0 0 0 1px #7752262e,0 1px 4px #482b141f;-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 16px),#0000 100%)}.tablet-text.dense{max-height:min(34vh,260px);font-size:clamp(16px,1.75vw,21px);line-height:1.72}.tablet-text.epic{max-height:min(31vh,236px);font-size:clamp(14px,1.45vw,18px);line-height:1.58}.tablet-foot{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.tablet-seal{width:32px;height:32px;color:var(--paper);background:linear-gradient(160deg, var(--seal), var(--seal-deep));box-shadow:var(--shadow-1);border-radius:6px;place-items:center;font-size:17px;display:grid;transform:rotate(-4deg)}.tablet-cleared{font-size:var(--fz-sm);letter-spacing:.14em;color:var(--jade-deep)}.break-btn{font-size:var(--fz-sm);letter-spacing:.08em;color:var(--paper);border-radius:var(--r-pill);background:linear-gradient(160deg, var(--tone), var(--tone-deep));box-shadow:var(--shadow-1), inset 0 0 0 1px #ffffff2e;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast);align-items:center;gap:6px;padding:9px 16px;display:inline-flex}.break-btn:hover{box-shadow:var(--shadow-2), inset 0 0 0 1px #ffffff4d;transform:translateY(-1px)scale(1.02)}.cardzone{gap:var(--space-3);flex-direction:column;display:flex}.cardhand{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.gatecard{aspect-ratio:360/540;text-align:center;color:var(--paper-deep);transition:filter var(--t) var(--ease);will-change:transform, filter;background:50%/100% 100% no-repeat;padding:0;display:block;position:relative;container-type:inline-size}.gatecard.tone-meaning{background-image:url(/assets/art/tactic-card-green.png)}.gatecard.tone-misread{background-image:url(/assets/art/tactic-card-red.png)}.gatecard.tone-context{background-image:url(/assets/art/tactic-card-blue.png)}.gatecard.tone-recall{background-image:url(/assets/art/tactic-card-gold.png)}.gatecard:not(.broken):hover{filter:drop-shadow(0 8px 16px #00000080) drop-shadow(0 0 9px color-mix(in srgb, var(--tone) 60%, transparent)) brightness(1.04)}.gatecard.active{filter:drop-shadow(0 0 16px var(--tone)) brightness(1.07)}.gatecard.broken{filter:grayscale(.72)brightness(.6);cursor:default}.gc-cost{color:var(--azure);filter:drop-shadow(0 0 4px #6cb6f080);justify-content:flex-end;gap:max(1px,1.1cqw);display:inline-flex;position:absolute;top:11.5%;right:17.5%}.gc-cost svg{width:clamp(7px,6.8cqw,12px);height:clamp(7px,6.8cqw,12px)}.gc-art{aspect-ratio:1;width:24%;color:var(--paper);background:radial-gradient(circle at 38% 30%, #fffaeb66, transparent 55%), linear-gradient(160deg, var(--tone), var(--tone-deep));border-radius:50%;place-items:center;font-size:clamp(19px,16cqw,31px);display:grid;position:absolute;top:35.5%;left:38%;box-shadow:inset 0 0 0 1px #ffffff4d,0 4px 10px #0006}.gc-label{font-size:var(--fz-lg);letter-spacing:.18em;color:var(--text-strong)}.gc-desc{color:var(--muted);min-height:2.9em;font-size:11px;line-height:1.45}.gc-foot{box-sizing:border-box;z-index:2;letter-spacing:.04em;height:8.2%;color:var(--paper-deep);white-space:nowrap;background:#faf0d6fa;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:0 4.5%;font-size:clamp(9px,7.5cqw,13px);display:inline-flex;position:absolute;top:78.8%;left:18%;right:18%;overflow:hidden;box-shadow:inset 0 0 0 1px #7752265c,0 1px 4px #482b142e}.gc-foot strong{color:var(--tone-deep);font-size:1.12em}.gatecard.broken .gc-foot{color:var(--jade-deep)}.gc-ribbon{letter-spacing:.12em;color:var(--void);background:linear-gradient(160deg, var(--gold-bright), var(--gold-deep));border-radius:0 var(--r-pill) var(--r-pill) 0;box-shadow:var(--shadow-1);padding:2px 9px 2px 7px;font-size:10px;position:absolute;top:10px;left:-1px}.manabar{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--r-pill);background:var(--glass);box-shadow:var(--rim);padding:8px 14px;display:flex}.mana-orbs{align-items:center;gap:6px;display:flex}.orb{width:14px;height:14px;transition:background var(--t), box-shadow var(--t);background:#0006;border-radius:50%;box-shadow:inset 0 0 0 1px #6cb6f059}.orb.full{background:radial-gradient(circle at 35% 30%, #cdeaff, var(--azure) 55%, var(--azure-deep));box-shadow:0 0 10px #6cb6f0b3}.mana-label{font-size:var(--fz-xs);letter-spacing:.12em;color:var(--muted);margin-left:8px}.endturn{font-size:var(--fz-sm);color:var(--text);border-radius:var(--r-pill);background:var(--glass-soft);box-shadow:var(--rim);transition:background var(--t-fast), transform var(--t-fast);align-items:center;gap:6px;padding:7px 16px;display:inline-flex}.endturn:hover{background:#28383199;transform:translateY(-1px)}.endturn:disabled{opacity:.4;cursor:default}.gc-name{box-sizing:border-box;z-index:2;letter-spacing:.04em;height:6.8%;color:var(--paper-deep);white-space:nowrap;text-shadow:0 1px #fff7e1a6;background:#faf0d6fa;border-radius:5px;place-items:center;padding:0 5%;font-size:clamp(9px,8cqw,15px);font-weight:600;line-height:1.05;display:grid;position:absolute;top:18.2%;left:29%;right:17%;overflow:hidden;box-shadow:inset 0 0 0 1px #77522647,0 1px 3px #482b141f}.gc-tag{box-sizing:border-box;z-index:2;letter-spacing:.2em;height:5.5%;color:var(--tone-deep);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone-deep) 55%, transparent);background:#faf0d6fa;place-items:center;padding:0 4%;font-size:clamp(8px,6.5cqw,11px);line-height:1;display:grid;position:absolute;top:27.1%;left:37%;right:37%;overflow:hidden}.gc-effect{box-sizing:border-box;z-index:2;color:#2a2014d1;text-wrap:balance;background:#faf0d6fa;border-radius:5px;place-items:center;height:8.8%;padding:0 4%;font-size:clamp(8px,6.3cqw,12px);line-height:1.1;display:grid;position:absolute;top:55.1%;left:21%;right:21%;overflow:hidden;box-shadow:inset 0 0 0 1px #77522638,0 1px 3px #482b141f}.gc-cond{box-sizing:border-box;z-index:2;height:7.2%;color:var(--amber-deep);text-wrap:balance;background:#faf0d6fa;border-radius:5px;place-items:center;padding:0 4%;font-size:clamp(7px,5.5cqw,10px);line-height:1;display:grid;position:absolute;top:66.4%;left:21%;right:21%;overflow:hidden;box-shadow:inset 0 0 0 1px #7a5a2038,0 1px 3px #482b141f}.gc-foot em{color:var(--tone-deep);margin-left:.35em;font-style:normal}.overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050808b8;place-items:center;padding:clamp(12px,3vw,32px);display:grid;position:fixed;inset:0}.challenge{gap:var(--space-4);border-radius:var(--r-xl);background:linear-gradient(180deg, var(--ink-800), var(--ink-900));width:min(680px,100%);max-height:88dvh;box-shadow:0 0 0 1px var(--gold-line), var(--shadow-3);flex-direction:column;padding:clamp(18px,3vw,28px);display:flex;overflow-y:auto}.challenge::-webkit-scrollbar{width:7px}.ch-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ch-prompt{font-size:var(--fz-sm);letter-spacing:.18em;color:var(--paper);border-radius:var(--r-pill);background:linear-gradient(160deg, var(--tone), var(--tone-deep));box-shadow:var(--shadow-1);align-items:center;gap:7px;padding:5px 14px;display:inline-flex}.ch-close{width:34px;height:34px;color:var(--muted);background:var(--glass);transition:color var(--t-fast), background var(--t-fast);border-radius:50%;place-items:center;display:grid}.ch-close:hover{color:var(--text-strong);background:var(--glass-soft)}.ch-stem{letter-spacing:.03em;color:var(--text-strong);margin:0;font-size:clamp(18px,2.4vw,23px);line-height:1.6}.ch-context{font-size:var(--fz-md);color:var(--paper-deep);border-radius:var(--r-md);background:linear-gradient(180deg, var(--paper), var(--paper-2));white-space:pre-line;margin:0;padding:14px 18px;line-height:1.9;box-shadow:inset 0 0 0 1px #785c2c4d}.ch-options{flex-direction:column;gap:10px;display:flex}.opt{text-align:left;width:100%;font-size:var(--fz-md);color:var(--text);border-radius:var(--r-md);background:var(--glass);box-shadow:var(--rim);transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast), background var(--t-fast);align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.7;display:flex}.opt:not(:disabled):hover{background:var(--glass-soft);box-shadow:inset 0 0 0 1px var(--tone);transform:translate(3px)}.opt-mark{width:26px;height:26px;font-size:var(--fz-sm);color:var(--muted);box-shadow:var(--rim);background:#0000004d;border-radius:50%;flex:none;place-items:center;display:grid}.opt.is-answer{box-shadow:inset 0 0 0 1px var(--good);background:linear-gradient(160deg,#74d59c33,#2c6a432e)}.opt.is-answer .opt-mark{color:var(--void);background:var(--good)}.opt.is-wrong{box-shadow:inset 0 0 0 1px var(--bad);background:linear-gradient(160deg,#e8694f33,#7e2c202e)}.opt.is-wrong .opt-mark{color:var(--void);background:var(--bad)}.opt:disabled{cursor:default}.opt.dimmed{opacity:.5}.ch-feedback{border-radius:var(--r-md);background:var(--glass);box-shadow:var(--rim);flex-direction:column;gap:8px;padding:15px 18px;display:flex}.ch-feedback.correct{box-shadow:inset 0 0 0 1px var(--good)}.ch-feedback.wrong{box-shadow:inset 0 0 0 1px var(--bad)}.fb-head{font-size:var(--fz-md);letter-spacing:.12em;align-items:center;gap:7px;display:flex}.ch-feedback.correct .fb-head{color:var(--good)}.ch-feedback.wrong .fb-head{color:var(--bad)}.fb-evidence{font-size:var(--fz-sm);color:var(--muted);white-space:pre-line;margin:0;line-height:1.8}.fb-next{font-size:var(--fz-sm);letter-spacing:.1em;color:var(--void);border-radius:var(--r-pill);background:linear-gradient(160deg, var(--gold-bright), var(--gold-deep));box-shadow:var(--shadow-1);transition:transform var(--t-fast);align-self:flex-end;align-items:center;gap:6px;margin-top:4px;padding:9px 20px;display:inline-flex}.fb-next:hover{transform:translateY(-1px)scale(1.02)}.panel{gap:var(--space-3);padding:var(--space-4);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--glass), var(--ink-800));box-shadow:var(--rim), var(--shadow-2);flex-direction:column;display:flex}.panel-title{font-size:var(--fz-sm);letter-spacing:.16em;color:var(--gold);border-bottom:1px solid var(--gold-line-soft);align-items:center;gap:7px;padding-bottom:9px;display:flex}.panel-title strong{color:var(--gold-bright);font-size:var(--fz-md);margin-left:auto}.meter{border-radius:var(--r-pill);background:#0006;height:7px;display:block;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.meter b{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--gold-deep), var(--gold-bright));height:100%;transition:width var(--t-slow) var(--ease);display:block}.virtue-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.virtue-gem{border-radius:var(--r-md);background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--vg) 26%, transparent), transparent 65%), var(--ink-700);box-shadow:var(--rim);flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;display:flex}.virtue-gem .vg-glyph{width:34px;height:34px;color:var(--paper);background:linear-gradient(160deg, var(--vg), color-mix(in srgb, var(--vg) 45%, #000));border-radius:50%;place-items:center;font-size:20px;display:grid;box-shadow:inset 0 0 0 1px #ffffff40}.virtue-gem .vg-val{font-size:var(--fz-sm);color:var(--text-strong)}.v-ren{--vg:#e0674e}.v-li{--vg:#6cb6f0}.v-zhi{--vg:#74d59c}.v-xin{--vg:#ecc06a}.v-yong{--vg:#c69be6}.chapter-all{font-size:var(--fz-md);letter-spacing:.12em;color:var(--text);border-radius:var(--r-md);background:var(--glass);box-shadow:var(--rim);justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.chapter-all span{color:var(--gold-bright)}.chapter-all.sel,.chapter-cell.sel{box-shadow:inset 0 0 0 1px var(--gold), 0 0 16px #e4ba6940}.chapter-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.chapter-cell{border-radius:var(--r-sm);background:var(--ink-700);box-shadow:var(--rim);transition:transform var(--t-fast), box-shadow var(--t-fast);flex-direction:column;align-items:center;gap:3px;padding:8px 2px 6px;display:flex}.chapter-cell:hover{box-shadow:inset 0 0 0 1px var(--gold-line);transform:translateY(-2px)}.chapter-cell strong{font-size:var(--fz-sm);color:var(--text-strong);letter-spacing:.04em}.chapter-cell span{color:var(--muted);font-size:10px}.chapter-cell.clear{background:radial-gradient(120% 80% at 50% 0%, #74d59c38, transparent 65%), var(--ink-700)}.chapter-cell.clear strong{color:var(--jade)}.cell-meter{border-radius:var(--r-pill);background:#0006;width:100%;height:4px;overflow:hidden}.cell-meter b{background:linear-gradient(90deg, var(--gold-deep), var(--gold));height:100%;transition:width var(--t-slow) var(--ease);display:block}.chapter-total{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding-top:6px;display:grid}.chapter-total span{font-size:var(--fz-xs);color:var(--muted)}.chapter-total strong{color:var(--gold-bright)}.chapter-total .meter{grid-column:1/-1}.evidence-panel{max-height:min(46dvh,460px);overflow-y:auto}.evi-block h4{font-size:var(--fz-xs);letter-spacing:.16em;color:var(--faint);margin:0 0 4px}.evi-block p{font-size:var(--fz-sm);color:var(--text);margin:0 0 10px;line-height:1.85}.evi-block .evi-ann{color:var(--muted);white-space:pre-line}.keyword-row{flex-wrap:wrap;gap:6px;display:flex}.kw{font-size:var(--fz-xs);color:var(--gold);border-radius:var(--r-pill);box-shadow:var(--rim);background:#0000004d;padding:3px 10px}.ladder-row{border-radius:var(--r-md);background:var(--ink-700);box-shadow:var(--rim);align-items:center;gap:11px;padding:9px 11px;display:flex}.lr-glyph{width:30px;height:30px;color:var(--paper);background:linear-gradient(160deg, var(--tone), var(--tone-deep));opacity:.55;border-radius:8px;flex:none;place-items:center;font-size:17px;display:grid}.ladder-row.done .lr-glyph,.ladder-row.due .lr-glyph{opacity:1}.lr-body{flex-direction:column;flex:1;min-width:0;display:flex}.lr-body strong{font-size:var(--fz-sm);color:var(--text-strong);letter-spacing:.06em}.lr-body small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lr-state{font-size:var(--fz-xs);color:var(--faint);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.ladder-row.done .lr-state{color:var(--jade)}.ladder-row.due .lr-state{color:var(--amber)}.clear-cond{border-top:1px solid var(--gold-line-soft);grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding-top:8px;display:grid}.clear-cond span{font-size:var(--fz-xs);color:var(--muted)}.clear-cond strong{color:var(--gold-bright);font-size:var(--fz-sm)}.clear-cond .meter{grid-column:1/-1}.user-panel{gap:9px}.user-card{align-items:center;gap:10px;min-width:0;display:flex}.user-avatar{width:34px;height:34px;color:var(--gold-bright);background:var(--ink-700);box-shadow:var(--rim);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-meta{flex-direction:column;min-width:0;display:flex}.user-meta strong{font-size:var(--fz-sm);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-meta small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-actions{align-items:center;gap:7px;display:flex}.alias-row{grid-template-columns:auto minmax(0,1fr) 28px;align-items:center;gap:6px;display:grid}.alias-row label{letter-spacing:.12em;color:var(--faint);font-size:10px}.alias-row input{min-width:0;height:28px;font:inherit;color:var(--text-strong);border-radius:var(--r-pill);background:var(--ink-700);box-shadow:var(--rim);border:0;outline:none;padding:4px 9px;font-size:12px}.alias-row input:focus{box-shadow:var(--rim), 0 0 0 1px color-mix(in srgb, var(--gold) 72%, transparent)}.mini-icon{width:28px;height:28px;color:var(--text);background:var(--glass-soft);box-shadow:var(--rim);border-radius:50%;place-items:center;display:grid}.mini-btn{min-height:28px;color:var(--text);border-radius:var(--r-pill);background:var(--glass-soft);box-shadow:var(--rim);white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:5px 9px;font-size:11px;text-decoration:none;display:inline-flex}.mini-btn.primary{color:var(--void);background:linear-gradient(160deg, var(--gold-bright), var(--gold-deep))}.sync-note{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:10px}.leader-title{font-size:var(--fz-xs);letter-spacing:.14em;color:var(--gold);align-items:center;gap:6px;padding-top:2px;display:inline-flex}.leader-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.leader-block{border-radius:var(--r-md);background:var(--ink-700);min-width:0;box-shadow:var(--rim);padding:7px}.leader-head{letter-spacing:.12em;color:var(--faint);padding-bottom:5px;font-size:10px}.leader-row{min-height:22px;color:var(--muted);grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:4px;font-size:11px;display:grid}.leader-row.self{color:var(--text-strong)}.leader-rank{width:15px;height:15px;color:var(--void);background:var(--gold);border-radius:50%;place-items:center;font-size:9px;display:grid}.leader-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.leader-score{color:var(--gold-bright);font-variant-numeric:tabular-nums}.leader-empty{min-height:22px;color:var(--faint);font-size:11px}.fxlayer{z-index:var(--z-fx);pointer-events:none;justify-content:center;align-items:flex-start;padding-top:92px;display:flex;position:fixed;inset:0}.fx-float{letter-spacing:.04em;text-shadow:0 2px 12px #000000b3;font-size:clamp(34px,6vw,58px);font-weight:700}.fx-float.hit{color:var(--jade)}.fx-float.combo{color:var(--gold-bright)}.fx-float.miss{color:var(--vermilion);font-size:clamp(26px,4vw,40px)}.fx-float em{letter-spacing:.4em;text-align:center;color:var(--gold);font-size:.4em;font-style:normal;display:block}body.shake .stage{animation:shake .34s var(--ease)}.victory{align-items:center;gap:var(--space-3);text-align:center;border-radius:var(--r-xl);background:radial-gradient(120% 70% at 50% 0%, #e4ba692e, transparent 60%), linear-gradient(180deg, var(--ink-800), var(--ink-900));width:min(560px,100%);box-shadow:0 0 0 1px var(--gold-line), 0 0 60px #e4ba6940, var(--shadow-3);flex-direction:column;padding:clamp(26px,4vw,40px) clamp(22px,4vw,36px);display:flex;position:relative}.vic-seal{width:72px;height:72px;color:var(--paper);background:linear-gradient(160deg, var(--seal), var(--seal-deep));box-shadow:var(--shadow-2), inset 0 0 0 1px #ffdcbe4d;animation:sealIn .5s var(--ease) both;border-radius:12px;place-items:center;font-size:40px;display:grid;transform:rotate(-5deg)}.victory h2{font-size:var(--fz-2xl);letter-spacing:.16em;color:var(--gold-bright);margin:4px 0 0}.vic-label{font-size:var(--fz-sm);letter-spacing:.14em;color:var(--muted);margin:0}.vic-quote{font-size:var(--fz-lg);color:var(--paper-deep);border-radius:var(--r-md);background:linear-gradient(180deg, var(--paper), var(--paper-2));margin:8px 0 0;padding:14px 18px;line-height:1.9;box-shadow:inset 0 0 0 1px #785c2c4d}.vic-trans{font-size:var(--fz-sm);color:var(--muted);margin:0;line-height:1.8}.vic-actions{gap:10px;margin-top:8px;display:flex}.vic-next,.vic-stay{font-size:var(--fz-sm);letter-spacing:.1em;border-radius:var(--r-pill);transition:transform var(--t-fast);align-items:center;gap:7px;padding:11px 22px;display:inline-flex}.vic-next{color:var(--void);background:linear-gradient(160deg, var(--gold-bright), var(--gold-deep));box-shadow:var(--shadow-1)}.vic-stay{color:var(--text);background:var(--glass);box-shadow:var(--rim)}.vic-next:hover,.vic-stay:hover{transform:translateY(-1px)scale(1.02)}.lossbanner{align-items:center;gap:var(--space-3);text-align:center;border-radius:var(--r-xl);background:radial-gradient(120% 70% at 50% 0%, #ec6f532e, transparent 60%), linear-gradient(180deg, var(--ink-800), var(--ink-900));width:min(520px,100%);box-shadow:0 0 0 1px #ec6f5366, 0 0 60px #ec6f5338, var(--shadow-3);flex-direction:column;padding:clamp(26px,4vw,40px) clamp(22px,4vw,36px);display:flex;position:relative}.loss-seal{width:66px;height:66px;color:var(--paper);background:linear-gradient(160deg, var(--vermilion), var(--vermilion-deep));box-shadow:var(--shadow-2);animation:sealIn .5s var(--ease) both;border-radius:12px;place-items:center;font-size:36px;display:grid;transform:rotate(-5deg)}.lossbanner h2{font-size:var(--fz-2xl);letter-spacing:.16em;color:var(--vermilion);margin:4px 0 0}.loss-sub{font-size:var(--fz-sm);color:var(--muted);margin:0;line-height:1.7}.loss-quote{font-size:var(--fz-sm);letter-spacing:.14em;color:var(--faint);margin:0}.loss-actions{gap:10px;margin-top:8px;display:flex}.fx-burst{width:0;height:0;position:relative}.fx-burst span{background:linear-gradient(var(--gold-bright), transparent);transform-origin:top;width:4px;height:58px;transform:rotate(var(--a));animation:shard .6s var(--ease) forwards;border-radius:2px;position:absolute;top:0;left:-2px}.arena{gap:var(--space-4);width:min(100%,1480px);padding:var(--space-4) clamp(12px, 3vw, 28px) 96px;grid-template-columns:300px minmax(0,1fr) 344px;align-items:start;margin:0 auto;display:grid}.rail{gap:var(--space-4);top:calc(var(--bar-h) + var(--space-4));max-height:calc(100dvh - var(--bar-h) - var(--space-5));overscroll-behavior:contain;flex-direction:column;display:flex;position:sticky;overflow-y:auto}.rail::-webkit-scrollbar{width:6px}.mobilebar,.drawer-scrim,.app.learn .duelhud,.app.learn .manabar,.app.learn .combo-badge,.app.learn .virtue-panel{display:none}@media (width<=1080px){.arena{gap:var(--space-3);padding:var(--space-3) clamp(10px, 4vw, 18px) 132px;grid-template-columns:minmax(0,1fr)}.rail{width:min(87vw,366px);max-height:none;z-index:var(--z-drawer);padding:calc(var(--bar-h) + 18px) 16px 110px;background:linear-gradient(180deg, var(--ink-900), #070a0af7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform var(--t) var(--ease);position:fixed;top:0;bottom:0}.rail.left{box-shadow:var(--shadow-3);left:0;transform:translate(-104%)}.rail.right{box-shadow:var(--shadow-3);right:0;transform:translate(104%)}.rail.open{transform:translate(0)}.drawer-scrim.show{z-index:calc(var(--z-drawer) - 1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0407079e;display:block;position:fixed;inset:0}.mobilebar{z-index:var(--z-bar);border-radius:var(--r-pill);background:var(--ink-900);box-shadow:0 0 0 1px var(--gold-line), var(--shadow-3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:10px;padding:8px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.mobilebar button{font-size:var(--fz-sm);color:var(--text);border-radius:var(--r-pill);transition:background var(--t-fast), color var(--t-fast);align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.mobilebar button.active{color:var(--void);background:linear-gradient(160deg, var(--gold-bright), var(--gold-deep))}.topstats{display:none}.topbar{grid-template-columns:1fr auto}.cardhand{gap:var(--space-2)}}@media (height<=820px) and (width>=1081px){.arena{gap:var(--space-3);padding:10px clamp(10px,2vw,22px) 8px}.stage{gap:var(--space-2)}.duelhud{gap:6px;padding:8px 14px}.duel-portraits{gap:8px}.portrait{width:50px;height:50px;font-size:25px}.roundseal{width:62px;height:62px}.roundseal strong{font-size:24px}.roundseal .rs-top,.roundseal .rs-bot{font-size:8px}.cb-name{font-size:var(--fz-sm)}.cb-body small{font-size:11px}.metabar{height:7px}.buffstrip{gap:4px}.buffchip{padding:2px 8px;font-size:10px}.tablet{gap:4px;padding:18px 10% 16px}.tablet-meta{gap:6px}.t-chapter{font-size:var(--fz-sm)}.t-num{font-size:11px}.t-pips i{width:7px;height:7px}.tablet-text{letter-spacing:.02em;font-size:clamp(18px,1.7vw,23px);line-height:1.55}.tablet-text.long{max-height:26vh;font-size:clamp(16px,1.45vw,19px);line-height:1.45}.tablet-text.dense{max-height:19vh;font-size:clamp(13px,1.2vw,16px);line-height:1.36}.tablet-text.epic{max-height:92px;font-size:clamp(12px,1.08vw,14px);line-height:1.28}.tablet-foot{gap:var(--space-2)}.tablet-seal{width:26px;height:26px;font-size:14px}.break-btn{padding:7px 14px;font-size:12px}.cardzone{gap:var(--space-2)}.cardhand{justify-content:center;gap:var(--space-2);grid-template-columns:repeat(4,1fr)}.manabar{padding:6px 12px}.orb{width:12px;height:12px}.panel{gap:8px;padding:10px}.panel-title{padding-bottom:6px}.evidence-panel{max-height:210px}.evi-block p{margin-bottom:6px;font-size:12px;line-height:1.55}.keyword-row{gap:4px}.kw{padding:2px 8px}.ladder-row{gap:8px;padding:7px 9px}.lr-glyph{width:26px;height:26px;font-size:15px}.lr-body small{font-size:10px}.user-card{gap:8px}.leader-grid{gap:6px}.leader-block{padding:6px}}@media (width<=640px){html,body,#root,.app{height:100%;overflow:hidden}.topbar{--bar-h:52px;min-height:var(--bar-h);padding:7px 9px}.tb-btn{gap:0;min-width:32px;min-height:32px;padding:7px}.tb-btn span,.tb-btn:not(.warn){font-size:0}.arena{height:calc(100dvh - var(--bar-h));padding:7px 8px 64px;overflow:hidden}.stage{grid-template-rows:auto auto auto;gap:7px;height:100%;display:grid;overflow:hidden}.duelhud{border-radius:var(--r-md);gap:4px;padding:6px 8px}.duel-portraits{gap:5px}.combatant{gap:6px}.portrait{width:38px;height:38px}.roundseal{width:46px;height:46px}.roundseal strong{font-size:19px}.roundseal .rs-top,.roundseal .rs-bot{font-size:7px}.cb-name{letter-spacing:.04em;font-size:11px}.cb-body{gap:3px}.cb-body small{white-space:nowrap;font-size:9px}.metabar{height:6px}.buffstrip{display:none}.tablet{gap:4px;height:clamp(240px,32dvh,276px);min-height:0;padding:40px 12% 22px}.tablet-meta{gap:6px}.t-chapter{font-size:12px}.t-num{font-size:10px}.t-pips{gap:4px}.t-pips i{width:7px;height:7px}.tablet-text{letter-spacing:.02em;min-height:0;font-size:clamp(18px,5.2vw,21px);line-height:1.52;overflow-y:auto}.tablet-text.long,.tablet-text.dense,.tablet-text.epic{max-height:none;padding:6px 9px;font-size:clamp(13px,3.8vw,16px);line-height:1.38}.tablet-foot{gap:6px}.tablet-seal{width:24px;height:24px;font-size:13px}.break-btn{min-height:30px;padding:6px 11px;font-size:11px}.cardzone{gap:6px;min-height:0}.cardhand{grid-template-columns:repeat(2,1fr);gap:6px}.gatecard{aspect-ratio:auto;height:clamp(76px,10.5dvh,88px);overflow:hidden}.gc-cost{display:none}.gc-art{width:16%;min-width:24px;font-size:clamp(15px,5vw,19px);top:30%;left:8%}.gc-name{height:24%;padding:0 5px;font-size:clamp(11px,3.6vw,13px);top:13%;left:27%;right:8%}.gc-tag{letter-spacing:.12em;width:46px;height:18%;font-size:9px;top:41%;left:29%;right:auto}.gc-effect{height:22%;padding:0 5px;font-size:clamp(9px,2.8vw,10px);line-height:1.05;top:62%;left:29%;right:7%}.gc-cond{display:none}.gc-foot{width:62px;height:18%;padding:0 4px;font-size:9px;top:39%;left:auto;right:7%}.manabar{min-height:34px;padding:5px 9px}.mana-orbs{gap:4px}.orb{width:11px;height:11px}.mana-label{display:none}.endturn{padding:6px 10px;font-size:11px}.mobilebar{bottom:calc(7px + env(safe-area-inset-bottom,0px));padding:6px}.mobilebar button{min-height:36px;padding:8px 15px;font-size:12px}}@media (width<=540px){.brand-text small{display:none}.brand-text strong{font-size:var(--fz-md)}.brand-seal{width:34px;height:34px;font-size:19px}.topactions{gap:5px}.duelhud{padding:var(--space-2) var(--space-3)}.mobilebar{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}