@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;--accent-strong:color-mix(in srgb, var(--gold-bright) 58%, var(--text-strong));--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);--bronze-hi:#f0d79a;--bronze-1:#d8bd80;--bronze-2:#ab8a48;--bronze-3:#6f5526;--bronze-4:#443012;--patina:#5f927a;--patina-deep:#356054;--jade-hi:#cdeed8;--jade-lo:#1f5234;--lacquer:#15100c;--lacquer-2:#241712;--cinnabar:#b6402f;--cinnabar-deep:#6f241a;--bronze-face:linear-gradient(180deg, #3a2f1c 0%, #2a2113 48%, #1c1509 100%);--bronze-bevel:inset 0 1px 0 #fff0c857, inset 0 0 0 1px #b08c4a80, inset 0 -7px 12px #00000080, 0 2px 5px #0006;--fret-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16'%3E%3Cg fill='none' stroke='%23b8924a' stroke-width='1.3'%3E%3Cpath d='M2 14V3h11v8H8V6h3'/%3E%3Cpath d='M19 2v11h11V5h-5v5h3'/%3E%3C/g%3E%3C/svg%3E");--cloud-qi:radial-gradient(circle at 18% 30%, #0000000d 0 1px, transparent 2px), radial-gradient(circle at 64% 70%, #0000000a 0 1px, transparent 2px);--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)}}@keyframes fxSpark{to{opacity:0;transform:translateY(-76px)scaleY(.2)}}@keyframes answerPulse{35%{filter:brightness(1.18);transform:translate(5px)scale(1.018)}}@keyframes wrongPulse{30%{filter:brightness(1.12);transform:translate(-4px)}60%{transform:translate(4px)}}@keyframes feedbackWin{35%{box-shadow:inset 0 0 0 1px var(--good), 0 0 26px #74d59c38;transform:scale(1.018)}}@keyframes feedbackWrong{35%{box-shadow:inset 0 0 0 1px var(--bad), 0 0 24px #ec6f5333;transform:scale(1.01)}}@keyframes celebrateDots{0%{opacity:0;transform:scale(.96)}20%{opacity:1}to{opacity:0;transform:scale(1.08)}}@keyframes cardFlipSheen{0%{opacity:0;transform:translate(-38%)skew(-12deg)}28%{opacity:.85}to{opacity:0;transform:translate(42%)skew(-12deg)}}@keyframes relicBreath{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes slowGleam{0%{opacity:0;transform:translate(-120%)skew(-18deg)}30%{opacity:.55}to{opacity:0;transform:translate(120%)skew(-18deg)}}@keyframes sealSpinGlow{to{transform:rotate(360deg)}}@keyframes inkPulse{0%,to{opacity:.55}50%{opacity:.95}}@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-emblem{transition:transform var(--t) var(--ease), filter var(--t) var(--ease);filter:drop-shadow(0 2px 5px #00000073);border-radius:50%;outline:none;flex:none;line-height:0;display:inline-flex}.brand-emblem:hover{filter:drop-shadow(0 5px 11px #00000080)drop-shadow(0 0 9px #f6da9380);transform:translateY(-1px)scale(1.05)}.brand-emblem:active{transform:translateY(0)scale(.98)}.brand-emblem:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.brand-emblem-svg{width:40px;height:40px;display:block;overflow:visible}.brand-emblem-svg text{font-family:var(--serif);letter-spacing:0;font-size:38px;font-weight:400}.ly-glow{transform-box:fill-box;transform-origin:50%;animation:lyBreathe 4.2s var(--ease) infinite alternate}.ly-reede{transform-box:fill-box;transform-origin:50%;animation:26s linear infinite lySpin}.ly-glyph{filter:drop-shadow(0 0 1.4px #f6da938c)}.ly-glint{animation:lyGlint 6.4s var(--ease) infinite}.brand-emblem:hover .ly-reede{animation-duration:9s}.brand-emblem:hover .ly-glow{opacity:.95}@keyframes lySpin{to{transform:rotate(360deg)}}@keyframes lyBreathe{0%{opacity:.42;transform:scale(.95)}to{opacity:.82;transform:scale(1.06)}}@keyframes lyGlint{0%{opacity:0;transform:translate(-22px)}10%{opacity:.9}28%{opacity:0;transform:translate(120px)}to{opacity:0;transform:translate(120px)}}@media (prefers-reduced-motion:reduce){.ly-glow,.ly-reede,.ly-glint{animation:none}.ly-glow{opacity:.7}}.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:linear-gradient(180deg, #fff4d214, #00000024), var(--glass);min-width:58px;box-shadow:inset 0 1px 0 #fff4d229, inset 0 -4px 8px #00000029, 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(--accent-strong)}.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;position:relative}.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)}.user-menu{position:relative}.user-popover{z-index:var(--z-overlay);width:min(452px,100vw - 24px);animation:riseIn var(--t) var(--ease) both;position:absolute;top:calc(100% + 8px);right:0}.user-popover .panel{box-shadow:inset 0 1px 0 #ffedb82e, inset 0 -18px 30px #00000038, 0 0 0 1px var(--gold-line), var(--shadow-3)}.user-popover .user-panel{max-height:min(74dvh,660px);overflow-y:auto}@media (width<=640px){.user-popover{top:calc(var(--bar-h) + 8px);width:auto;position:fixed;left:12px;right:12px}.user-popover .user-panel{max-height:calc(100dvh - var(--bar-h) - 20px)}}.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.compact{border-radius:var(--r-md);min-height:46px;max-height:74px;box-shadow:var(--rim);background:linear-gradient(#070a0a75,#070a0a38);padding:8px 10px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 72%,#0000 100%);mask-image:linear-gradient(#000 0 72%,#0000 100%)}.battlelog.compact .battlelog-head{margin-bottom:0}.battlelog.compact .battlelog-line{font-size:11px;line-height:1.35}.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(145deg, #ffefbe1a, transparent 34%), radial-gradient(120% 100% at 50% -20%, #e4ba691c, transparent 58%), linear-gradient(180deg, color-mix(in srgb, var(--glass) 92%, #fff 8%), var(--ink-800));box-shadow:inset 0 1px 0 #ffefbe2e, inset 0 -16px 26px #00000040, var(--rim), var(--shadow-2);flex-direction:column;display:flex;position:relative;overflow:visible}.duelhud:before{content:"";pointer-events:none;border-radius:inherit;opacity:.8;background:linear-gradient(90deg,#0000,#e4ba6914,#0000);position:absolute;inset:1px}.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:#cabd9c;border-radius:var(--r-pill);background:linear-gradient(#fff4d21a,#00000042),#160f09a3;align-items:center;gap:5px;padding:3px 11px;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff4d224,inset 0 0 0 1px #b08c4a52,inset 0 -3px 6px #00000057,0 1px 3px #00000052}.buffchip i{color:#f4e8cb;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:#f7eed8;box-shadow:inset 0 1px 0 #fff4d229, inset 0 0 0 1px var(--tone), 0 0 10px color-mix(in srgb, var(--tone) 36%, transparent)}.buffchip.met i{color:var(--tone)}.buffchip.status.shield{color:var(--jade)}.buffchip.status.silence{color:#cabd9c}.metabar.danger i{background:linear-gradient(90deg, var(--vermilion-deep), var(--vermilion));animation:pulseGlow 1s var(--ease) infinite}.portrait-wrap{--ring:#fff4d29e;--ring-2:#e4ba698c;perspective:500px;flex:none;position:relative}.combatant.enemy .portrait-wrap{--ring:#ffe2ce99;--ring-2:#ec6f5399}.portrait-wrap:before{content:"";background:conic-gradient(from 0deg, transparent 0 6%, var(--ring) 13%, transparent 27% 54%, var(--ring-2) 64%, transparent 78% 100%);pointer-events:none;z-index:1;border-radius:50%;animation:9s linear infinite sealSpinGlow;position:absolute;inset:-7px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.combatant.enemy .portrait-wrap:before{animation-direction:reverse}.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:66px;height:66px;color:var(--paper);box-shadow:inset 0 2px 2px #fff4d252, inset 0 -12px 18px #0000006b, 0 0 0 2px var(--bronze-3), 0 0 0 3px var(--bronze-1), 0 0 0 5px var(--bronze-4), 0 0 0 6px #00000080, 0 12px 24px #0006, 0 0 22px #e4ba692e;animation:bob 5s var(--ease) infinite alternate, relicBreath 5.8s var(--ease) infinite;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;position:relative;overflow:hidden}.portrait:before{content:"";border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);border-top-color:#fff4d29e;border-radius:50%;animation:12s linear infinite sealSpinGlow;position:absolute;inset:-9px}.portrait:after{content:"";opacity:.72;background:radial-gradient(#ffffff61,#0000 70%);border-radius:50%;height:24%;position:absolute;inset:8% 12% auto}.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)}.portrait-img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.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:linear-gradient(#000000bd,#fff4d20f),#00000073;height:11px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000c7,inset 0 -1px #fff4d214,0 1px #fff4d20f}.metabar:after{content:"";opacity:.45;background:linear-gradient(90deg,#0000,#ffffff52,#0000);height:34%;position:absolute;inset:1px 0 auto}.metabar i{border-radius:var(--r-pill);height:100%;transition:width var(--t-slow) var(--ease);display:block}.metabar.player i{background:linear-gradient(180deg, #ffffff7a, transparent 45%), linear-gradient(90deg, var(--azure-deep), var(--azure));box-shadow:0 0 13px #6cb6f080}.metabar.enemy i{background:linear-gradient(180deg, #ffffff57, transparent 45%), 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:84px;height:84px;box-shadow:inset 0 1px 0 #fff4d233, inset 0 -12px 18px #00000057, 0 0 0 1px var(--gold-line), 0 0 0 5px #0000003d, 0 0 30px #e4ba6929, var(--shadow-2);animation:relicBreath 5s var(--ease) infinite;border-radius:50%;flex:none;place-items:center;line-height:1;display:grid;position:relative}.roundseal:before{content:"";border:1.5px solid #f6da9380;border-color:#f6da9380 #f6da9380 #0000 #0000;border-radius:50%;animation:14s linear infinite sealSpinGlow;position:absolute;inset:-5px}.roundseal:after{content:"";animation:pulseGlow 3.6s var(--ease) infinite;pointer-events:none;border-radius:50%;position:absolute;inset:-6px;box-shadow:0 0 18px 2px #e4ba6952}.roundseal .rs-top,.roundseal .rs-bot{letter-spacing:.28em;color:var(--bronze-1);text-shadow:0 1px 2px #000000b8;font-size:10px}.roundseal strong{z-index:1;color:var(--gold-bright);font-variant-numeric:tabular-nums;text-shadow:0 0 16px #f6da938c,0 2px 3px #0009;margin:1px 0;font-size:33px;position:relative}.buffchip.combo{color:var(--paper);white-space:nowrap;background:linear-gradient(160deg, var(--vermilion), var(--vermilion-deep));animation:sealIn var(--t) var(--ease) both, pulseGlow 1.6s var(--ease) infinite;box-shadow:inset 0 1px #ffffff38,0 2px 6px #0006,0 0 14px #ec6f5366}.buffchip.combo svg{color:var(--paper)}.tablet{min-height:clamp(276px,36dvh,430px);color:var(--paper-deep);filter:drop-shadow(0 18px 36px #0000008f);background:url(/assets/art/quote-scroll.png) 50%/100% 100% no-repeat;flex-direction:column;justify-content:center;align-items:stretch;padding:clamp(46px,5.4vw,62px) 13.5%;display:flex;position:relative}.tablet:after{content:"";inset-inline:15%;background:linear-gradient(90deg, transparent, var(--tone), transparent);opacity:.72;height:3px;animation:inkPulse 3s var(--ease) infinite;position:absolute;top:11%}.tablet-meta{flex:none;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;width:100%;min-height:0;max-height:100%;color:var(--paper-deep);text-align:center;text-shadow:0 1px #fff6;scrollbar-width:thin;flex:0 auto;place-items:center;margin:0;font-size:clamp(21px,2.6vw,32px);line-height:clamp(1.58,1.15vw + 1.22,1.86);display:grid;overflow-y:auto}.tablet-text.typing{text-align:center}.tablet-line{display:inline}.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;text-align:left;background:#f7ebcc94;border-radius:8px;padding:8px 12px;font-size:clamp(17px,2vw,23px);line-height:1.72;display:block;box-shadow:inset 0 0 0 1px #77522624}.tablet-text.dense,.tablet-text.epic{box-sizing:border-box;text-align:left;background:#f7ebccb8;border-radius:8px;padding:9px 14px 9px 12px;display:block;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{font-size:clamp(16px,1.75vw,21px);line-height:1.58}.tablet-text.epic{font-size:clamp(14px,1.45vw,18px);line-height:1.45}.tablet-foot{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:absolute;bottom:clamp(14px,2vw,20px);left:13.5%;right:13.5%}.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{perspective:1200px;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), transform var(--t-fast) var(--ease);will-change:transform, filter;isolation:isolate;transform-style:preserve-3d;filter:drop-shadow(0 10px 16px #0000006b);background:50%/100% 100% no-repeat;padding:0;display:block;position:relative;container-type:inline-size}.gatecard:before,.gatecard:after{content:"";pointer-events:none;z-index:1;border-radius:9px;position:absolute;inset:7.5% 10%}.gatecard:before{background:radial-gradient(80% 50% at 50% 10%, color-mix(in srgb, var(--tone) 22%, transparent), transparent 60%), linear-gradient(115deg, transparent 40%, #fff8d86b 49%, transparent 58%);mix-blend-mode:screen;opacity:.6;animation:cardSheen 6.5s var(--ease) infinite;background-position:0 0,-70% 0;background-repeat:no-repeat;background-size:100% 100%,240% 100%}.cardhand .gatecard:nth-child(2):before{animation-delay:1.6s}.cardhand .gatecard:nth-child(3):before{animation-delay:3.2s}.cardhand .gatecard:nth-child(4):before{animation-delay:4.8s}@keyframes cardSheen{0%{background-position:0 0,-70% 0}20%,to{background-position:0 0,170% 0}}.gatecard:after{background:linear-gradient(180deg, #fff4d22e, transparent 16% 78%, #00000038), radial-gradient(120% 80% at 50% 105%, color-mix(in srgb, var(--tone-deep) 24%, transparent), transparent 58%);opacity:.7;inset:8.5% 12% 9.5%;box-shadow:inset 0 1px #fff4d22e,inset 0 -14px 18px #0000002e}.gatecard.tone-meaning{background-image:url(/assets/art/tactic-card-green.png)}.gatecard.tone-misread{background-blend-mode:multiply, color, normal;background-image:linear-gradient(#1c07044d,#1c07044d),linear-gradient(#a23c2c,#a23c2c),url(/assets/art/tactic-card-green.png);-webkit-mask-image:url(/assets/art/tactic-card-green.png);mask-image:url(/assets/art/tactic-card-green.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.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 14px 22px #00000094) drop-shadow(0 0 9px color-mix(in srgb, var(--tone) 60%, transparent)) brightness(1.04);transform:translateY(-3px)rotateX(4deg)}.gatecard.active{filter:drop-shadow(0 0 18px var(--tone)) drop-shadow(0 12px 18px #00000080) brightness(1.08);animation:relicBreath 1.8s var(--ease) infinite}.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;color:#fffaf0;z-index:2;background:radial-gradient(circle at 37% 25%, #ffffffc7, #fff0 38%), radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--tone) 30%, #000), transparent 56%), radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--tone) 96%, #fff), color-mix(in srgb, var(--tone) 48%, #000) 80%);width:24%;box-shadow:inset 0 2px 3px #ffffff80, inset 0 -7px 11px #0000005c, 0 0 0 2px var(--bronze-2), 0 0 0 3px #443012b3, 0 5px 11px #00000073, 0 0 14px color-mix(in srgb, var(--tone) 44%, transparent);text-shadow:0 1px 2px #00000080, 0 0 7px color-mix(in srgb, var(--tone) 52%, transparent);border-radius:50%;place-items:center;font-size:clamp(19px,16cqw,31px);display:grid;position:absolute;top:35.5%;left:38%;overflow:hidden}.gc-art:after{content:"";mix-blend-mode:screen;animation:gemGlint 6.5s var(--ease) infinite;background:linear-gradient(116deg,#0000 40%,#fff9 50%,#0000 60%);position:absolute;inset:-25%;transform:translate(-130%)}.cardhand .gatecard:nth-child(2) .gc-art:after{animation-delay:1.6s}.cardhand .gatecard:nth-child(3) .gc-art:after{animation-delay:3.2s}.cardhand .gatecard:nth-child(4) .gc-art:after{animation-delay:4.8s}.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:7.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(8px,6.9cqw,12px);display:inline-flex;position:absolute;top:72.2%;left:22%;right:22%;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:linear-gradient(180deg, #fff4d214, #00000029), var(--glass);box-shadow:inset 0 1px 0 #fff4d21f, inset 0 -8px 14px #0000002e, var(--rim);padding:8px 14px;display:flex;position:relative}.mana-orbs{align-items:center;gap:6px;display:flex}.orb{width:14px;height:14px;transition:background var(--t), box-shadow var(--t);background:radial-gradient(circle at 35% 28%,#ffffff1f,#00000075);border-radius:50%;box-shadow:inset 0 0 0 1px #6cb6f059,inset 0 -3px 5px #00000061}.orb.full{background:radial-gradient(circle at 35% 30%, #cdeaff, var(--azure) 55%, var(--azure-deep));animation:relicBreath 2.4s var(--ease) infinite;box-shadow:inset 0 1px #ffffff8c,inset 0 -3px 5px #00000038,0 0 12px #6cb6f0c7}.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:linear-gradient(180deg, #fff4d214, #00000029), var(--glass-soft);box-shadow:inset 0 1px 0 #fff4d21f, 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:3;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,7.4cqw,14px);font-weight:600;line-height:1.05;display:grid;position:absolute;top:18.2%;left:22%;right:22%;overflow:hidden;box-shadow:inset 0 0 0 1px #77522647,0 1px 3px #482b141f}.gc-tag{box-sizing:border-box;z-index:3;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:36%;right:36%;overflow:hidden}.gc-effect{box-sizing:border-box;z-index:3;color:#2a2014d1;text-wrap:balance;background:#faf0d6fa;border-radius:5px;place-items:center;height:8.8%;padding:0 4%;font-size:clamp(8px,5.8cqw,11px);line-height:1.05;display:grid;position:absolute;top:55.1%;left:22%;right:22%;overflow:hidden;box-shadow:inset 0 0 0 1px #77522638,0 1px 3px #482b141f}.gc-cond{box-sizing:border-box;z-index:3;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.1cqw,9px);line-height:1;display:grid;position:absolute;top:63.8%;left:23%;right:23%;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);perspective:1100px;-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);transform-style:preserve-3d;backface-visibility:hidden;flex-direction:column;padding:clamp(18px,3vw,28px);display:flex;position:relative;overflow-y:auto}.challenge:before{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:screen;opacity:0;animation:cardFlipSheen .72s var(--ease) 50ms both;background:linear-gradient(105deg,#0000 0 34%,#ffe9a947 48%,#0000 62% 100%);position:absolute;inset:0;transform:translate(-34%)}.challenge.celebrate{box-shadow:0 0 0 1px var(--gold-line), 0 0 48px #e4ba693d, var(--shadow-3)}.challenge.celebrate:after{content:"";pointer-events:none;border-radius:inherit;animation:celebrateDots 1.1s var(--ease) both;background:radial-gradient(circle at 16% 22%,#e4ba69e6 0 2px,#0000 3px),radial-gradient(circle at 86% 28%,#74d59ccc 0 2px,#0000 3px),radial-gradient(circle at 72% 78%,#e4ba69cc 0 2px,#0000 3px),radial-gradient(circle at 30% 84%,#6cb6f0bf 0 2px,#0000 3px);position:absolute;inset:12px}.challenge.stumble{animation:shake .34s var(--ease)}.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(--bronze-1);background:linear-gradient(160deg,#2c2014,#181009);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffecc433,inset 0 0 0 1px #b08c4a6b,0 1px 2px #00000052}.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-auto{letter-spacing:.14em;color:var(--gold);font-size:11px}.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(145deg, #ffefbe14, transparent 34%), radial-gradient(120% 80% at 50% 0%, #e4ba6914, transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--glass) 92%, #fff 8%), var(--ink-800));box-shadow:inset 0 1px 0 #ffedb829, inset 0 -18px 30px #00000038, var(--rim), var(--shadow-2);flex-direction:column;display:flex;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;border-radius:inherit;opacity:.9;background:linear-gradient(90deg,#0000,#e4ba6914,#0000),radial-gradient(60% 20% at 50% 0,#fff4cd1a,#0000 70%);position:absolute;inset:1px}.panel-title{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0;padding:11px var(--space-4) 13px;font-size:var(--fz-sm);letter-spacing:.18em;color:var(--bronze-hi);text-shadow:0 1px #0009,0 0 10px #e4ba6938;background:radial-gradient(120% 100% at 12% 0%, #f0d79a29, transparent 55%), var(--bronze-face);box-shadow:var(--bronze-bevel);border-bottom:1px solid #b08c4a80;align-items:center;gap:7px;display:flex;position:relative}.panel-title svg{color:var(--bronze-1);filter:drop-shadow(0 1px #00000080)}.panel-title:after{content:"";background:var(--fret-gold) repeat-x left center / auto 14px;opacity:.55;pointer-events:none;height:7px;position:absolute;bottom:0;left:0;right:0}.panel-title strong{color:var(--bronze-hi);font-size:var(--fz-md);text-shadow:0 1px 1px #0009,0 0 12px #e4ba6973;margin-left:auto}.meter{border-radius:var(--r-pill);background:linear-gradient(#0000009e,#fff4d20f),#00000070;height:9px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000b8,inset 0 -1px #fff4d214,0 1px #fff4d20f}.meter b{border-radius:var(--r-pill);background:linear-gradient(180deg, #ffffff70, transparent 48%), linear-gradient(90deg, var(--gold-deep), var(--gold-bright));height:100%;transition:width var(--t-slow) var(--ease);display:block;box-shadow:0 0 14px #e4ba697a}.virtue-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.mastery-mini{flex-direction:column;gap:7px;padding-top:3px;display:flex}.mastery-title{font-size:var(--fz-xs);letter-spacing:.14em;color:var(--bronze-hi);text-shadow:0 1px #00000080;border-radius:var(--r-md);background:var(--bronze-face);box-shadow:var(--bronze-bevel);align-items:center;gap:7px;padding:7px 10px;display:flex}.mastery-title svg{color:var(--bronze-1)}.mastery-title strong{color:var(--bronze-hi);font-variant-numeric:tabular-nums;margin-left:auto}.virtue-gem{background:radial-gradient(92% 66% at 50% 6%, color-mix(in srgb, var(--vg) 30%, transparent), transparent 60%), var(--cloud-qi), linear-gradient(180deg, #33271a 0%, #20160d 60%, #160d08 100%);min-height:90px;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast), filter var(--t-fast);animation:relicBreath 4.8s var(--ease) infinite;border-radius:11px;flex-direction:column;align-items:center;gap:5px;padding:12px 3px 9px;display:flex;position:relative;box-shadow:inset 0 1px #ffecc442,inset 0 0 0 1px #b08c4a66,inset 0 -9px 14px #00000080,0 6px 13px #0006}.virtue-gem:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--vg) 78%, #fff), transparent);opacity:.62;height:1px;position:absolute;inset:6px 8px auto}.virtue-gem:hover{box-shadow:inset 0 1px 0 #ffecc452, inset 0 0 0 1px color-mix(in srgb, var(--vg) 56%, #b08c4a80), inset 0 -9px 14px #00000070, 0 15px 26px #0000007a, 0 0 22px color-mix(in srgb, var(--vg) 52%, transparent);transform:translateY(-4px)rotateX(5deg)}.virtue-gem .vg-glyph{color:#fffaf0;background:radial-gradient(circle at 37% 25%, #ffffffb8, #fff0 38%), radial-gradient(circle at 50% 118%, color-mix(in srgb, var(--vg) 28%, #000), transparent 58%), radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--vg) 96%, #fff), color-mix(in srgb, var(--vg) 52%, #000) 78%);width:40px;height:40px;box-shadow:inset 0 2px 3px #ffffff80, inset 0 -7px 11px #0000006b, 0 0 0 2px var(--bronze-2), 0 0 0 3px var(--bronze-4), 0 4px 9px #00000075, 0 0 14px color-mix(in srgb, var(--vg) 46%, transparent);text-shadow:0 1px 2px #0000008c, 0 0 7px color-mix(in srgb, var(--vg) 55%, transparent);border-radius:50%;place-items:center;font-size:21px;display:grid;position:relative;overflow:hidden}.virtue-gem .vg-glyph:after{content:"";mix-blend-mode:screen;animation:gemGlint 5.4s var(--ease) infinite;background:linear-gradient(116deg,#0000 38%,#fff9 49%,#0000 60%);position:absolute;inset:-20%;transform:translate(-130%)}.virtue-gem:first-child .vg-glyph:after{animation-delay:0s}.virtue-gem:nth-child(2) .vg-glyph:after{animation-delay:.7s}.virtue-gem:nth-child(3) .vg-glyph:after{animation-delay:1.4s}.virtue-gem:nth-child(4) .vg-glyph:after{animation-delay:2.1s}.virtue-gem:nth-child(5) .vg-glyph:after{animation-delay:2.8s}.virtue-gem:nth-child(2){animation-delay:-1s}.virtue-gem:nth-child(3){animation-delay:-2s}.virtue-gem:nth-child(4){animation-delay:-3s}.virtue-gem:nth-child(5){animation-delay:-4s}.virtue-gem .vg-val{font-size:var(--fz-sm);color:var(--bronze-hi);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 1px #0009}.v-ren{--vg:#e0674e}.v-li{--vg:#6cb6f0}.v-zhi{--vg:#74d59c}.v-xin{--vg:#ecc06a}.v-yong{--vg:#c69be6}@keyframes gemGlint{0%{transform:translate(-130%)}26%,to{transform:translate(130%)}}.chapter-all{font-size:var(--fz-md);letter-spacing:.14em;color:var(--bronze-hi);text-shadow:0 1px #00000080;border-radius:var(--r-md);background:radial-gradient(130% 130% at 0% 0%, #f0d79a2e, transparent 58%), var(--bronze-face);box-shadow:var(--bronze-bevel);transition:transform var(--t-fast), box-shadow var(--t-fast);justify-content:space-between;align-items:center;padding:11px 16px;display:flex;position:relative}.chapter-all span{color:var(--bronze-1);font-variant-numeric:tabular-nums}.chapter-all:hover{transform:translateY(-1px)}.chapter-all.sel{box-shadow:var(--bronze-bevel), inset 0 0 0 1.5px var(--gold), 0 0 18px #e4ba696b}.chapter-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.chapter-cell{text-align:center;background:radial-gradient(120% 64% at 50% -8%, color-mix(in srgb, var(--chapter-tone,var(--gold)) 34%, transparent), transparent 62%), var(--cloud-qi), linear-gradient(168deg, #36251a 0%, #23160f 56%, #150c08 100%);min-height:58px;transition:transform var(--t-fast), box-shadow var(--t-fast), filter var(--t-fast);border-radius:7px;grid-template-rows:1fr auto auto;place-items:center;gap:3px;padding:9px 4px 6px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffecc43d,inset 0 0 0 1px #b08c4a57,inset 0 -8px 13px #0000007a,0 4px 9px #0000006b}.chapter-cell:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(110deg,#0000 0 35%,#ffecb338 50%,#0000 65% 100%);position:absolute;inset:0;transform:translate(-110%)skew(-16deg)}.chapter-cell:hover:after,.chapter-cell.sel:after{animation:slowGleam 1.05s var(--ease) both}.chapter-cell:hover{filter:brightness(1.1);box-shadow:inset 0 1px 0 #ffecc44d, inset 0 0 0 1px color-mix(in srgb, var(--chapter-tone,var(--gold)) 70%, transparent), inset 0 -8px 13px #0006, 0 12px 20px #0006, 0 0 16px color-mix(in srgb, var(--chapter-tone,var(--gold)) 40%, transparent);transform:translateY(-3px)scale(1.02)}.chapter-cell strong{color:#f3e2bd;letter-spacing:.02em;text-shadow:0 1px 1px #000000a8;white-space:nowrap;width:100%;min-width:0;padding:0 2px;font-size:12px;overflow:hidden}.chapter-cell span{color:color-mix(in srgb, var(--chapter-tone,var(--gold)) 46%, #d7c8a6);font-variant-numeric:tabular-nums;font-size:9px}.chapter-cell.clear{background:radial-gradient(120% 72% at 50% -8%, #74d59c6b, transparent 60%), var(--cloud-qi), linear-gradient(168deg, #234c34 0%, #16331f 58%, #0b1d12 100%);box-shadow:inset 0 1px #cdeed852,inset 0 0 0 1px #74d59c80,inset 0 -8px 13px #0000006b,0 4px 10px #0000006b,0 0 14px #74d59c4d}.chapter-cell.clear strong{color:var(--jade-hi)}.chapter-cell.sel{box-shadow:inset 0 1px 0 #ffecc44d, inset 0 0 0 1.5px var(--gold), inset 0 -8px 13px #00000070, 0 4px 10px #0000006b, 0 0 16px #e4ba6980}.cell-meter{border-radius:var(--r-pill);background:#0000008c;width:100%;height:5px;overflow:hidden;box-shadow:inset 0 1px 2px #000c,inset 0 -1px #ffecc41f}.cell-meter b{background:linear-gradient(180deg, #ffffff6b, transparent 50%), linear-gradient(90deg, color-mix(in srgb, var(--chapter-tone,var(--gold)) 55%, #000), var(--chapter-tone,var(--gold)));height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--chapter-tone,var(--gold)) 60%, transparent);transition:width var(--t-slow) var(--ease);display:block}.chapter-cell:nth-child(5n+1){--chapter-tone:var(--jade)}.chapter-cell:nth-child(5n+2){--chapter-tone:var(--azure)}.chapter-cell:nth-child(5n+3){--chapter-tone:var(--vermilion)}.chapter-cell:nth-child(5n+4){--chapter-tone:var(--amber)}.chapter-cell:nth-child(5n){--chapter-tone:#c69be6}.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(--accent-strong);font-variant-numeric:tabular-nums}.chapter-total .meter{grid-column:1/-1}.evidence-panel{min-height:0;max-height:100%;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);letter-spacing:.04em;color:#f0d79a;border-radius:var(--r-pill);background:linear-gradient(#2d2115,#190f09);padding:3px 11px;box-shadow:inset 0 1px #ffecc42e,inset 0 0 0 1px #b08c4a66,0 1px 3px #0006}.ladder-row{border-radius:var(--r-md);background:linear-gradient(180deg, color-mix(in srgb, var(--ink-700) 90%, #fff 5%), var(--ink-800));box-shadow:inset 0 1px 0 #fff4d21f, inset 0 -6px 11px #0000002e, var(--rim);align-items:center;gap:11px;padding:9px 11px 9px 13px;display:flex;position:relative;overflow:hidden}.ladder-row:before{content:"";background:linear-gradient(var(--tone), var(--tone-deep));opacity:.4;border-radius:0 3px 3px 0;width:3px;position:absolute;top:16%;bottom:16%;left:0}.ladder-row.done:before,.ladder-row.due:before{opacity:1;box-shadow:0 0 8px color-mix(in srgb, var(--tone) 60%, transparent)}.ladder-row.compact{gap:8px;padding:7px 8px}.ladder-row.compact .lr-glyph{border-radius:7px;width:25px;height:25px;font-size:14px}.ladder-row.compact .lr-body strong{font-size:12px}.ladder-row.compact .lr-body small,.ladder-row.compact .lr-state{font-size:10px}.lr-glyph{color:#fff8ee;background:linear-gradient(160deg, var(--tone), var(--tone-deep));text-shadow:0 1px 2px #0006;opacity:.5;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:17px;display:grid;box-shadow:inset 0 1px #ffffff57,inset 0 -3px 5px #0000004d,0 2px 4px #0000005c}.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(--accent-strong);font-size:var(--fz-sm);font-variant-numeric:tabular-nums}.clear-cond .meter{grid-column:1/-1}.clear-cond.compact{padding-top:2px}.user-panel{gap:11px}.user-card{align-items:center;gap:11px;min-width:0;display:flex}.user-avatar{width:42px;height:42px;color:var(--gold-bright);background:radial-gradient(circle at 36% 28%, var(--ink-600), var(--ink-800));box-shadow:inset 0 1px 0 #fff4d238, inset 0 0 0 1px var(--gold-line), 0 0 0 2px #0000004d, 0 0 0 3px var(--gold-line-soft), var(--shadow-1);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;gap:1px;min-width:0;display:flex}.user-meta strong{font-size:var(--fz-md);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)}.avatar-row input::placeholder{color:var(--faint)}.avatar-tools{align-items:center;gap:7px;display:flex}.avatar-tools input{display:none}.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-sm);letter-spacing:.16em;color:var(--bronze-hi);text-shadow:0 1px #0006;align-items:center;gap:7px;padding-top:2px;display:inline-flex}.leader-title svg{color:var(--gold);filter:drop-shadow(0 1px #0006)}.leader-push{color:var(--bronze-hi);border-radius:var(--r-md);background:radial-gradient(120% 100% at 14% 0%, #f0d79a2e, transparent 56%), var(--bronze-face);box-shadow:var(--bronze-bevel);padding:9px 11px 9px 14px;font-size:11.5px;line-height:1.5;position:relative}.leader-push:before{content:"";background:linear-gradient(180deg, var(--seal), var(--seal-deep));border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:0;box-shadow:0 0 6px #b6402f80}.leader-grid{gap:10px;display:grid}.leader-block{border-radius:var(--r-md);background:var(--cloud-qi), linear-gradient(180deg, #fff4d214, transparent 38%), var(--ink-700);min-width:0;box-shadow:var(--rim-strong), inset 0 1px 0 #fff4d224, var(--shadow-1);padding:9px 9px 8px;position:relative}.leader-head{letter-spacing:.16em;color:var(--bronze-hi);border-bottom:1px solid var(--gold-line);align-items:center;gap:5px;margin-bottom:7px;padding-bottom:5px;font-size:10px;display:flex}.leader-head:before{content:"";background:linear-gradient(135deg, var(--gold-bright), var(--gold-deep));flex:none;width:5px;height:5px;transform:rotate(45deg);box-shadow:inset 0 0 0 .5px #0000004d}.leader-row{border-radius:9px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;margin:0 -4px;padding:3px 6px;display:grid}.leader-row+.leader-row{margin-top:1px}.leader-row.self{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 17%, transparent), transparent);box-shadow:inset 0 0 0 1px var(--gold-line)}.leader-medal{flex:none;place-items:center;width:40px;height:40px;display:grid}.leader-medal .ding{width:33px;height:33px;box-shadow:0 0 0 1.5px var(--ring,var(--gold-line)), 0 0 0 3px #00000052, 0 1px 3px #0000008c, inset 0 0 7px #00000080;filter:drop-shadow(0 1px 1px #0006);border-radius:50%}.leader-row.m2 .leader-medal .ding{--ring:#c6d0da}.leader-row.m3 .leader-medal .ding{--ring:#d09a64}.leader-row.m4 .leader-medal .ding{--ring:#79aa8d}.leader-row.m5 .leader-medal .ding{--ring:#ac8d50}.leader-row.m1 .leader-medal .ding{--ring:var(--gold-bright);filter:drop-shadow(0 1px 1px #0006)drop-shadow(0 0 5px #f6da938c);width:36px;height:36px}.leader-id{flex-direction:column;gap:1px;min-width:0;line-height:1.12;display:flex}.leader-name{min-width:0;font-family:var(--serif);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.leader-rank-tag{letter-spacing:.14em;color:var(--gold);font-size:9.5px}.leader-row.m1 .leader-rank-tag{color:var(--gold-bright)}.leader-score{color:var(--gold-bright);font-variant-numeric:tabular-nums;text-shadow:0 1px #00000059;align-items:baseline;gap:2px;font-size:14px;font-weight:700;display:inline-flex}.leader-score em{color:var(--faint);font-size:9px;font-style:normal;font-weight:500}.leader-empty{min-height:60px;color:var(--faint);text-align:center;place-items:center;padding:8px;font-size:11px;display:grid}@media (prefers-reduced-motion:no-preference){.leader-row.m1 .leader-medal .ding{animation:dingGlow 3.4s var(--ease) infinite}@keyframes dingGlow{0%,to{filter:drop-shadow(0 1px 1.5px #00000073)drop-shadow(0 0 4px #f6da9366)}50%{filter:drop-shadow(0 1px 1.5px #00000073)drop-shadow(0 0 8px #f6da93bf)}}}.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;place-items:center;font-size:clamp(34px,6vw,58px);font-weight:700;display:grid;position:relative}.fx-main{z-index:2;position:relative}.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:.24em;text-align:center;color:var(--gold);font-size:.4em;font-style:normal;display:block}.fx-float i{opacity:.72;transform-origin:50% 48px;width:7px;height:28px;animation:fxSpark .72s var(--ease) both;background:currentColor;border-radius:4px;position:absolute}.fx-float i:first-of-type{transform:rotate(-38deg)translateY(-34px)}.fx-float i:nth-of-type(2){animation-delay:40ms;transform:rotate(0)translateY(-42px)}.fx-float i:nth-of-type(3){animation-delay:80ms;transform:rotate(38deg)translateY(-34px)}body.shake .stage,body.shake .challenge{animation:shake .34s var(--ease)}.ch-feedback.correct{animation:feedbackWin .48s var(--ease) both}.ch-feedback.wrong{animation:feedbackWrong .42s var(--ease) both}.opt.is-answer{animation:answerPulse .72s var(--ease) both}.opt.is-wrong{animation:wrongPulse .42s var(--ease) both}.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));height:calc(100dvh - var(--bar-h) - var(--space-5));max-height:calc(100dvh - var(--bar-h) - var(--space-5));overscroll-behavior:contain;flex-direction:column;display:flex;position:sticky;overflow-y:auto}.rail.left .chapter-panel{flex-direction:column;flex:auto;display:flex}.rail.left .chapter-total{margin-top: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);height:auto;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:8px clamp(10px,2vw,22px) 0}.rail{height:calc(100dvh - var(--bar-h) - 18px);max-height:calc(100dvh - var(--bar-h) - 18px)}.stage{gap:var(--space-2)}.duelhud{gap:6px;padding:8px 14px}.duel-portraits{gap:8px}.portrait{width:52px;height:52px;font-size:25px}.roundseal{width:66px;height:66px}.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{min-height:clamp(206px,30dvh,268px);padding:30px 10.5%}.tablet-foot{bottom:12px;left:10.5%;right:10.5%}.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{font-size:clamp(16px,1.45vw,19px);line-height:1.42}.tablet-text.dense{font-size:clamp(13px,1.2vw,16px);line-height:1.36}.tablet-text.epic{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)}.battlelog.compact{min-height:38px;max-height:52px;padding:6px 8px}.battlelog.compact .battlelog-line{font-size:10px;line-height:1.24}.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:6px;padding:8px}.panel-title{padding-bottom:6px}.evidence-panel{max-height:100%}.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:6px 8px}.ladder-row.compact{padding:5px 7px}.ladder-row.compact .lr-body small{display:none}.mastery-mini{gap:5px}.mastery-title{padding:5px 7px}.virtue-gem{padding:6px 3px 5px}.virtue-gem .vg-glyph{width:28px;height:28px;font-size:17px}.chapter-grid{gap:4px}.chapter-cell{gap:2px;min-height:46px;padding:5px 4px 4px}.chapter-cell strong{font-size:11px}.chapter-cell span{font-size: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{height:clamp(246px,32dvh,282px);min-height:0;padding:38px 12%}.tablet-foot{bottom:11px;left:12%;right:12%}.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(17px,5vw,20px);line-height:1.48;overflow-y:auto}.tablet-text.long,.tablet-text.dense,.tablet-text.epic{max-height:none;padding:6px 8px;font-size:clamp(12px,3.6vw,15px);line-height:1.34}.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}.battlelog.compact{min-height:38px;max-height:52px;padding:6px 8px}.battlelog.compact .battlelog-line{font-size:10px;line-height:1.24}.cardhand{grid-template-columns:repeat(2,1fr);gap:7px}.cardhand .gatecard{aspect-ratio:auto;text-align:left;height:auto;min-height:clamp(74px,10.5dvh,92px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tone-deep) 60%, transparent), 0 3px 9px #0000006b;background:radial-gradient(140% 110% at 100% 100%,#785c2c1f,#0000 46%),linear-gradient(155deg,#f8eed4fa,#e2d2b0f5);border-radius:11px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"glyph name""glyph effect""glyph foot";align-items:center;gap:2px 12px;padding:8px 14px 10px 15px;display:grid;overflow:hidden}.gatecard:before{content:"";background:linear-gradient(var(--tone), var(--tone-deep));mix-blend-mode:normal;opacity:1;background-position:0 0;background-size:100% 100%;border-radius:0;width:5px;animation:none;position:absolute;inset:0 auto 0 0;transform:none}.gatecard:after,.gc-art:after,.gc-cost,.gc-tag,.gc-cond{display:none}.gc-art{grid-area:glyph;align-self:center;width:40px;height:40px;font-size:22px;position:static}.gc-name{height:auto;box-shadow:none;text-shadow:none;text-align:left;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;background:0 0;grid-area:name;padding:0;font-size:13px;display:block;position:static;overflow:hidden}.gc-effect{height:auto;box-shadow:none;text-align:left;color:#2a2014d1;background:0 0;grid-area:effect;padding:0;font-size:10px;line-height:1.18;display:block;position:static}.gc-foot{height:auto;box-shadow:none;white-space:nowrap;background:0 0;grid-area:foot;justify-content:flex-start;padding:1px 0 0;font-size:11px;position:static}.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-emblem-svg{width:34px;height:34px}.topactions{gap:5px}.duelhud{padding:var(--space-2) var(--space-3)}.mobilebar{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}