/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f7f5ee;--ink:#293629;--muted:#7b8071;--line:#dedfd2;--green:#49633d;--gold:#b48b47;--font-sans:Arial, Helvetica, sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:is(button:focus-visible,a:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #c69b4b}a{color:inherit;text-decoration:none}button:active:not(:disabled){transform:translateY(1px)}.app-shell{max-width:1600px;margin:0 auto;padding:0 16px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:94px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:12px;font:38px Georgia,serif;display:flex}.brand-mark{color:#526746;border:1px solid #8f9a80;border-radius:10px;place-items:center;width:46px;height:46px;font-size:36px;display:grid}.brand-sub{letter-spacing:1.65px;color:var(--muted);margin-top:5px;font:8px Arial,sans-serif;display:block}.edition{letter-spacing:1.8px;color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.edition i,.live-dot{background:#7d925c;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.quiet-button{color:var(--ink);background:0 0;border:1px solid #d9ddcd;border-radius:7px;align-items:center;gap:20px;padding:10px 14px;font-size:12px;display:flex}.quiet-button:hover{background:#e9ecdf}.page-heading{justify-content:space-between;align-items:center;padding:32px 0 26px;display:flex}.eyebrow{letter-spacing:1.75px;color:#727c64;margin:0 0 9px;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-1.1px;margin:0 0 9px;font:36px Georgia,serif}.page-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:12px}.chapter{letter-spacing:1.2px;align-items:center;gap:14px;font-size:10px;display:flex}.chapter>span{color:#a8ad94;border-right:1px solid var(--line);padding-right:14px;font:38px Georgia,serif}.chapter small{letter-spacing:0;color:var(--muted);margin-top:6px;font-size:10px;display:block}.game-layout{grid-template-columns:minmax(0,1fr) 344px;align-items:start;gap:20px;display:grid}.battle-column{background:#fafbf4;border:1px solid #d5d9c9;border-radius:12px;overflow:hidden}.battle-top{letter-spacing:1.5px;justify-content:space-between;align-items:center;height:42px;padding:0 18px;font-size:8px;display:flex}.muted{color:#a0a490;margin:0 8px}.arena{background:#dfe6cf;height:470px;position:relative;overflow:hidden}.arena-hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:20px;left:20px;right:20px}.camp-health{background:#fbfcf2ed;border:1px solid #d1d7bd;border-radius:8px;width:198px;padding:12px 14px;box-shadow:0 3px 12px #36432909}.camp-health>span{letter-spacing:1px;font-size:9px;display:block}.camp-health b{float:right;letter-spacing:0;font-size:11px}.camp-health small{color:#949b81;font-size:9px;font-weight:400}.health-track{background:#dfe4cf;border-radius:4px;height:5px;margin-top:10px;overflow:hidden}.health-track i{background:#77915c;border-radius:4px;height:100%;transition:width .2s;display:block}.wave-label{letter-spacing:1px;background:#fbfcf2ed;border:1px solid #d1d7bd;border-radius:7px;align-items:center;gap:14px;padding:12px 14px;font-size:9px;display:flex}.wave-label b{letter-spacing:1px;font-size:12px}.map-caption{letter-spacing:2px;color:#536349;font-size:8px;position:absolute;bottom:20px;left:22px}.map-caption span{letter-spacing:.2px;color:#758269;margin-top:5px;font-size:9px;display:block}.battle-footer{color:#78816b;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:10px 18px;font-size:10px;display:flex}.practice-dock{background:#fdfcf7;border:1px solid #d9ddce;border-radius:12px;min-height:554px;padding:22px}.dock-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dock-title .eyebrow{margin:0}.mode-tabs{background:#eeefe6;border:1px solid #e4e6db;border-radius:7px;margin-bottom:25px;padding:4px;display:flex}.mode-tabs button{color:#7b806e;background:0 0;border:0;border-radius:4px;flex:1;padding:8px 3px;font-size:11px}.mode-tabs button.active{color:#3d5635;background:#fcfcf7;font-weight:600;box-shadow:0 1px 4px #22332212}.challenge-heading{justify-content:space-between;align-items:center;display:flex}.category-badge{letter-spacing:1px;color:#577b43;background:#e7eddd;border-radius:4px;padding:6px 8px;font-size:8px;font-weight:700}.timer{color:#7d816e;font-variant-numeric:tabular-nums;font-size:10px}.practice-dock h2{letter-spacing:-.5px;margin:18px 0 8px;font:25px/1.2 Georgia,serif}.challenge-hint{color:#898c7c;margin:0;font-size:10px;line-height:1.6}.notation{color:#4c5a42;flex-direction:column;justify-content:center;align-items:center;height:115px;font:65px Georgia,serif;display:flex;position:relative}.notation>span{letter-spacing:2px;color:#a0a58e;margin-top:8px;font:7px Arial,sans-serif}.answers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.answers button{text-align:left;color:#47523d;background:#fffefa;border:1px solid #dce0d1;border-radius:6px;align-items:center;gap:9px;min-height:43px;padding:12px 9px;font-size:11px;display:flex}.answers kbd{color:#8b9580;border:1px solid #e0e4d6;border-radius:3px;padding:3px 5px;font:9px Arial,sans-serif}.reward-card{background:#f1f3e9;border:1px solid #e5e8d9;border-radius:7px;align-items:center;gap:12px;margin-top:20px;padding:13px 12px;display:flex}.reward-card small{letter-spacing:1px;color:#7e886d;font-size:7px}.reward-card strong{margin-top:4px;font:16px Georgia,serif;display:block}.reward-card p{color:#889174;margin:5px 0 0;font-size:8px}.penalty-note{text-align:center;color:#9a8b6d;margin:13px 0 0;font-size:9px}.spawn-probabilities{background:#2e3128;border:1px solid #3f4339;border-radius:7px;margin-top:20px;padding:10px 12px}.probabilities-title{letter-spacing:1px;color:#b6a781;text-align:center;margin-bottom:8px;font-size:7px;display:block}.probability-icons{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.probability-icon{cursor:help;background:#1a1d17;border:1px solid #3f4339;border-radius:5px;flex-direction:column;align-items:center;gap:2px;min-width:38px;padding:6px 8px;transition:all .15s;display:flex;position:relative}.probability-icon:hover{background:#252822;border-color:#5a6051;transform:translateY(-2px)}.probability-icon span{font-size:18px;line-height:1}.probability-icon small{color:#9a8b6d;font-variant-numeric:tabular-nums;font-size:9px;font-weight:600}.unit-tooltip{color:#eee2bd;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#1a1d17;border:1px solid #5a6051;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:10px;font-weight:500;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.probability-icon:hover .unit-tooltip{opacity:1}.spawn-probabilities .penalty-note{color:#b6a781;margin-top:8px}.bottom-grid{grid-template-columns:1fr;gap:20px;margin-top:20px;display:grid}.session-card{border:1px solid var(--line);border-radius:9px;flex-direction:column;padding:18px 20px;display:flex}.session-card .eyebrow{font-size:8px}.session-card>strong{font:26px Georgia,serif}.session-card strong small{color:#8b927d;margin-left:4px;font:10px Arial,sans-serif}.session-card>span:last-child{color:#949a85;margin-top:6px;font-size:9px}.site-footer{color:#929784;letter-spacing:1.2px;justify-content:space-between;padding:23px 0;font-size:8px;display:flex}.site-footer>span:last-child{letter-spacing:0;font:italic 12px Georgia,serif}.welcome-card{text-align:center;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafbf2ec;border:1px solid #d8dfc6;border-radius:12px;width:340px;padding:25px 25px 22px;position:absolute;top:50%;left:57%;transform:translate(-50%,-45%);box-shadow:0 15px 40px #263f2317}.welcome-card h2{letter-spacing:-.8px;margin:10px 0 13px;font:34px/1.1 Georgia,serif}.welcome-card p{color:#7c886e;margin:0 0 20px;font-size:11px;line-height:1.8}.primary-button{color:#f9faed;background:#49643a;border:1px solid #49643a;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:13px 17px;font-size:12px;display:flex}.primary-button:hover{background:#3d572f}.welcome-card>small{color:#8b957b;margin-top:13px;font-size:8px;display:block}.placeholder-land{background:radial-gradient(#adc18c,#dce6cc 70%);border-radius:40%;position:absolute;inset:85px 35px;transform:rotate(-8deg)}.placeholder-land>span{color:#657952;text-shadow:8px 10px #a1b582;font-size:120px;position:absolute;top:25%;left:12%}.placeholder-land i{clip-path:polygon(50% 0,100% 80%,60% 80%,60% 100%,40% 100%,40% 80%,0 80%);background:#7e9b60;width:70px;height:120px;position:absolute;top:20%;right:15%}.placeholder-land i:nth-child(3){top:50%;right:8%;transform:scale(.8)}.placeholder-land i:nth-child(4){top:55%;left:5%;transform:scale(.6)}@media (min-width:1450px){.arena{height:530px}.practice-dock{min-height:614px}.notation{height:155px}.game-layout{grid-template-columns:minmax(0,1fr) 364px}.practice-dock{padding:26px}.practice-dock h2{font-size:28px}}@media (max-width:1150px){.app-shell{padding:0 12px}.game-layout{grid-template-columns:minmax(0,1fr) 310px;gap:14px}.practice-dock{padding:18px}.welcome-card{width:290px;left:53%}.chapter{display:none}.arena{height:470px}}@media (max-width:820px){.app-shell{padding:0 10px}.topbar{height:80px}.edition{display:none}.page-heading{padding:25px 0}.page-heading h1{font-size:29px}.game-layout{grid-template-columns:1fr}.arena{height:420px}.practice-dock{min-height:0}.notation{height:100px}.practice-dock h2{font-size:27px}.bottom-grid{grid-template-columns:1fr}.session-card{display:none}.welcome-card{left:55%}.site-footer>span:first-child{font-size:6px}.brand{font-size:31px}.brand-sub{font-size:6px}.battle-footer{font-size:9px}.mode-tabs{margin-bottom:18px}}@media (max-width:480px){.app-shell{padding:0 8px}.page-heading h1{font-size:26px}.page-heading p:not(.eyebrow){font-size:10px}.arena{height:390px}.arena-hud{top:12px;left:12px;right:12px}.camp-health{width:166px}.wave-label{gap:9px;padding:12px 9px;font-size:8px}.welcome-card{width:280px;padding:22px;top:53%;left:50%}.welcome-card h2{font-size:30px}.battle-top{padding:0 8px;font-size:7px}.battle-top>span{letter-spacing:.5px}.battle-footer>span:last-child{display:none}.site-footer>span:first-child{max-width:150px;line-height:1.7}.quiet-button{gap:7px;padding:9px 10px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.header-actions{align-items:center;gap:10px;display:flex}.icon-button{color:#7b876b;background:0 0;border:0;width:35px;height:35px;font-size:20px}.scene-host{position:absolute;inset:0;overflow:hidden}.scene-host canvas{width:100%;height:100%;display:block}.keep-roster{z-index:2;will-change:transform;flex-direction:column;align-items:center;gap:4px;font:12px/1.3 Georgia,serif;display:flex;position:absolute;top:0;left:0}.keep-roster>button{pointer-events:auto;cursor:pointer;color:#f4efe2;font:inherit;white-space:nowrap;background:#1f2a33d0;border:1px solid #ffffffb0;border-radius:999px;padding:3px 8px;box-shadow:0 1px 4px #0005}.keep-roster.friend>button{border-color:#7fb0d8}.keep-roster.enemy>button{border-color:#d88a7f}.keep-roster-list{color:#f4efe2;background:#1f2a33ee;border-radius:8px;min-width:210px;padding:8px 10px;display:none;box-shadow:0 2px 10px #0006}.keep-roster.open .keep-roster-list{display:block}.keep-roster-list h4{letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin:4px 0 2px;font-size:11px}.keep-roster-list ul{margin:0;padding:0;list-style:none}.keep-roster-list li{align-items:baseline;gap:6px;display:flex}.keep-roster-list li span{opacity:.8;white-space:nowrap;margin-left:auto;font-size:11px}.keep-roster-list p{opacity:.6;margin:0;font-size:11px}.unit-label{z-index:1;pointer-events:none;will-change:transform;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:0;left:0}.unit-label>span{color:#fff;border:1px solid #ffffffe0;border-radius:4px;place-items:center;width:16px;height:16px;font:12px Georgia,serif;display:grid;box-shadow:0 1px 3px #26392322}.unit-label.enemy>span{border-radius:50%;outline:1px solid #965f4e}.unit-label>i{background:#0003;border-radius:3px;width:20px;height:3px;display:block;overflow:hidden}.unit-label>i>span{background:#4d794b;height:100%;display:block}.unit-label.enemy>i>span{background:#b76e55}.unit-label>em.crew-tag{white-space:nowrap;color:#fff7e0;background:#7a3b12e6;border-radius:3px;padding:2px 4px;font:700 9px/1 system-ui,sans-serif;box-shadow:0 1px 3px #0005}.unit-label>i.mana{height:2px;margin-top:-2px}.unit-label>i.mana>span{background:#4f86d9}.unit-label>u.rank-pips{opacity:.9;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:absolute;top:50%;right:calc(100% + 2px);transform:translateY(-50%)}.unit-label>u.rank-pips:empty{display:none}.unit-label>u.rank-pips>i{clip-path:polygon(0 0,50% 55%,100% 0,100% 45%,50% 100%,0 45%);background:#c9a43a;width:6px;height:2.5px}.unit-label>u.rank-pips>i+i{margin-top:-.5px}.unit-label>u.rank-pips>b{clip-path:polygon(50% 2.4%,61.8% 36.2%,97.6% 36.9%,69% 58.6%,79.4% 92.9%,50% 72.4%,20.6% 92.9%,31% 58.6%,2.4% 36.9%,38.2% 36.2%);background:#c9a43a;width:5px;height:5px;margin-bottom:.5px}.wave-controls{pointer-events:auto;align-items:center;gap:8px;display:flex}.pause-button{color:#526743;background:#fbfcf2ed;border:1px solid #d1d7bd;border-radius:7px;width:35px;height:39px;font-size:14px}.map-legend{color:#546d43;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:9px;width:136px;font-size:8px;display:flex;position:absolute;bottom:19px;right:20px}.map-legend small{color:#7f8b70;font-size:7px;display:block}.text-button{color:#667950;text-underline-offset:3px;background:0 0;border:0;padding:5px 0;font-size:10px;text-decoration:underline}.welcome-card .text-button{margin-top:9px}.result-stats{color:var(--subtle);justify-content:space-around;padding:6px 0 12px;font-size:9px;display:flex}.result-stats b{color:var(--accent);margin-bottom:5px;font:25px Georgia,serif;display:block}.results-overlay{z-index:900;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#19201599;place-items:center;animation:.3s overlay-fade;display:grid;position:fixed;inset:0}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.results-card{background:var(--surface-raised);border:1px solid var(--line);text-align:center;border-radius:18px;flex-direction:column;width:min(520px,100% - 24px);max-height:80vh;padding:30px;animation:.4s results-arrive;display:flex;overflow-y:auto;box-shadow:0 24px 90px #13200b55}@keyframes results-arrive{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.results-card>small{margin-top:0;margin-bottom:15px}.results-card h2{font-size:30px}.session-notes{background:#2e3128;border:1px solid #3f4339;border-radius:7px;max-height:300px;margin:15px 0;padding:12px;overflow-y:auto}.session-notes .eyebrow{color:#b6a781;margin-bottom:10px;display:block}.session-notes .note-row{color:#9a8b6d;border-bottom:1px solid #3f4339;grid-template-columns:80px 100px 50px 50px 60px auto;align-items:center;gap:10px;padding:6px 0;font-size:10px;display:grid}.session-notes .note-row:last-child{border-bottom:none}.session-notes .note-name{color:#b6a781;font-weight:600}.session-notes .note-pos{color:#9a8b6d}.session-notes .mastered-badge{color:#f6f8f0;letter-spacing:.5px;background:#6b8a4e;border-radius:3px;padding:2px 6px;font-size:8px;font-weight:600}.arena{height:430px}.practice-dock{min-height:0;padding:22px}.progress-section{margin:-6px 0 20px}.progress-section>div:first-child{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.progress-section small{letter-spacing:0;color:#889578;font-size:8px;font-weight:400}.level-track{gap:4px;margin-top:10px;display:flex}.level-track i{background:#e5e8dc;border-radius:4px;flex:1;height:4px}.progress-section>p{color:#859274;margin-top:7px;font-size:9px}.practice-dock h2{font-size:25px}.target-note{flex-direction:column;align-items:center;padding:12px 0 15px;display:flex}.target-note>span{color:#48643a;letter-spacing:-3px;font:76px/1 Georgia,serif}.target-note sub{vertical-align:baseline;color:#9da98a;margin-left:3px;font:27px Georgia,serif}.listen-button{color:#8a9779;background:0 0;border:0;margin-top:3px;padding:8px 14px;font-size:9px}.listen-button:hover{background:#edf1e3;border-radius:5px}.input-tabs{border-bottom:1px solid #e0e4d6;margin-bottom:12px;display:flex}.input-tabs button{color:#919983;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:8px 3px;font-size:10px}.microphone-panel{background:#f5f6ee;border:1px dashed #d9dece;border-radius:7px;padding:13px 12px}.microphone-panel.connected{background:#f0f4e8;border-style:solid;border-color:#cbd8bb}.mic-top{align-items:center;gap:6px;display:flex}.mic-top strong{font-size:10px;font-weight:500}.mic-indicator{background:#b6bca8;border-radius:50%;width:5px;height:5px}.microphone-panel p{color:#929a83;margin:8px 0 10px;font-size:9px}.level-meter{background:#dce4d0;border-radius:3px;width:35px;height:5px;margin-left:auto;overflow:hidden}.level-meter i{background:#8aa969;height:100%;display:block}.microphone-button{color:#f9fbef;background:#526c40;border:0;border-radius:5px;justify-content:space-between;width:100%;padding:10px 12px;font-size:10px;display:flex}.microphone-panel>small{color:#959d87;margin-top:9px;font-size:8px;line-height:1.5;display:block}.pitch-meter{color:#98a286;align-items:center;gap:5px;margin-bottom:6px;font-size:11px;display:flex}.pitch-meter>div{background:linear-gradient(90deg,#d6d5bf,#a3bd83 40% 60%,#d6d5bf);border-radius:4px;flex:1;height:5px;position:relative}.pitch-meter>div:after{content:"";background:#778d5d;width:1px;height:9px;position:absolute;top:-2px;left:50%}.pitch-meter i{z-index:1;background:#526d40;border:1px solid #f4f8ec;border-radius:3px;width:5px;height:9px;position:absolute;top:-2px;transform:translate(-50%)}.pitch-meter small{text-align:right;min-width:42px;font-size:8px}.scale-selector{letter-spacing:1px;color:#929b83;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;font-size:7px;display:flex}.scale-selector select{color:#657854;letter-spacing:0;background:0 0;border:0;max-width:190px;padding:3px;font-size:9px}.setting-hint{color:#a0a68f;text-align:right;margin:3px 0 0;font-size:8px}.screen-input-note{background:#f1f5e9;border:1px dashed #d3ddc7;border-radius:7px;align-items:center;gap:12px;padding:15px 12px;display:flex}.screen-input-note>span{color:#98aa81;font-size:24px}.screen-input-note p{color:#879775;margin:0;font-size:10px;line-height:1.7}.screen-input-note strong{font-size:9px;font-weight:400}.feedback{color:#8d967f;background:#f2f3eb;border-radius:6px;min-height:48px;margin-top:15px;padding:10px 11px;font-size:9px;line-height:1.6}.feedback.success{color:#5c7941;background:#e9f1dc}.feedback.error{color:#aa7251;background:#f6e9dd}.feedback.info{color:#8a8259;background:#efeedf}.audio-error{color:#9d614b;background:#f9eae1;border:1px solid #ebd5c7;border-radius:5px;padding:10px;font-size:10px;line-height:1.6}.urgent{color:#b5684f;font-weight:700}.instrument-panel{background:#fafbf4;border-top:1px solid #dce0d2;padding:18px 20px}.instrument-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.instrument-title .eyebrow{margin:0 0 5px;font-size:8px;display:block}.instrument-title strong{font:400 17px Georgia,serif}.instrument-title .quiet-button{gap:13px;padding:7px 10px;font-size:9px}.fretboard-scroll{padding-bottom:5px;overflow:auto}.fretboard{background:#edeedf;border:1px solid #e0e3d0;border-radius:6px;padding:0 8px 5px}.fret-numbers{color:#99a083;text-align:center;align-items:center;height:26px;font-size:8px;display:flex}.fret-numbers>span{flex:1}.fret-numbers>span:first-child{letter-spacing:.6px;flex:0 0 38px;font-size:6px}.fret-string{align-items:center;height:25px;display:grid}.string-name{color:#6e7c5b;text-align:left;font-size:10px}.string-name small{color:#a1a88b;margin-left:5px;font-size:7px}.fret{color:#8d9879;background:0 0;border:0;border-right:2px solid #c8cbb5;place-items:center;height:25px;padding:0;font-size:17px;display:grid;position:relative}.fret:before{content:"";z-index:0;background:#b5b9a1;width:100%;height:1px;position:absolute;top:50%;left:0}.fret-string:nth-child(n+5) .fret:before{height:2px}.fret>span{z-index:1;place-items:center;min-width:18px;height:18px;font-size:12px;display:grid;position:relative}.fret.open-fret{border-right:3px solid #99a27d}.fret.open-fret>span{background:#edeedf;font-size:15px}.fret.highlight>span{color:#fffbe8;background:#7d965a;border-radius:50%;font-size:10px;box-shadow:0 0 0 3px #92a86f33}.fret.locked{opacity:.23}.fret:disabled:not(.locked){opacity:1}.fretboard-caption{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.fretboard-caption .text-button{white-space:nowrap;font-size:9px}.session-card .best-score{color:#a2a88f;margin-top:6px;font-size:8px}.audio-orb{color:#718a52;background:#edf3e2;border:1px solid #d5dfc4;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;font-size:35px;display:flex}.audio-orb small{letter-spacing:1px;font-size:6px}.info-dialog{color:#3d5134;background:#fcfcf5;border:1px solid #d6ddc8;border-radius:14px;width:calc(100% - 32px);max-width:460px;max-height:85vh;padding:32px;overflow:auto;box-shadow:0 20px 80px #17260f30}.info-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#20301760}.info-dialog h2{margin:12px 0 20px;font:34px/1.1 Georgia,serif}.info-dialog h3{margin:25px 0 10px;font:20px Georgia,serif}.info-dialog p,.info-dialog li{color:#839173;font-size:12px;line-height:1.8}.info-dialog ol{padding-left:17px}.info-dialog li{margin:12px 0}.info-dialog .dialog-footnote{background:#eef2e5;border-radius:6px;margin:16px 0;padding:10px 12px;font-size:10px}.dialog-close{color:#8b987b;background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:17px}.settings-label{color:#6d805c;font-size:12px;display:block}.settings-label b{float:right;color:#91a17f;font-size:11px}.settings-label input{accent-color:#79945c;width:100%;margin:15px 0;display:block}.checkbox-label{color:#7b8d69;align-items:center;gap:9px;margin:20px 0;font-size:12px;display:flex}.checkbox-label input{accent-color:#738c58}.tuning-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0;display:grid}.tuning-grid label{letter-spacing:1px;color:#8f9e7b;font-size:8px}.tuning-grid select{color:#5f774c;background:#f1f4e8;border:1px solid #d8e0ca;border-radius:5px;width:100%;margin-top:6px;padding:8px;font-size:12px;display:block}.info-dialog .primary-button{margin-top:20px}.fallback-field{background:radial-gradient(#becd9e,#d5dfc4);position:absolute;inset:0}.fallback-field>small{color:#718362;font-size:8px;position:absolute;bottom:50px;left:20px}.fallback-keep{color:#718458;font-size:60px;position:absolute;top:40%;left:7%}.fallback-unit{text-align:center;background:#f8faeb;border:2px solid #6f8958;border-radius:50%;width:32px;height:32px;font-size:24px;position:absolute}.fallback-unit.enemy{border-color:#b67a60}.fallback-unit i{background:#6f8958;height:3px;position:absolute;bottom:-5px;left:0}.bottom-grid{margin-top:18px}@media (min-width:1450px){.game-layout{grid-template-columns:minmax(0,1fr) 385px}.arena{height:490px}.practice-dock{padding:25px}.target-note{padding:20px 0}.target-note>span{font-size:88px}}@media (max-width:1150px){.game-layout{grid-template-columns:minmax(0,1fr) 330px}.practice-dock{padding:18px}.arena{height:420px}.instrument-panel{padding:15px}.instrument-title strong{font-size:14px}.fretboard-caption{align-items:flex-start}.fretboard-caption>span{max-width:220px;line-height:1.5}.map-legend{right:12px}.practice-dock h2{font-size:24px}}@media (max-width:820px){.game-layout{grid-template-columns:1fr}.arena{height:410px}.practice-dock{padding:22px}.mode-tabs{margin-bottom:24px}.target-note{padding:12px}.instrument-panel{padding:17px}.page-heading h1{font-size:28px}.fretboard-caption>span{max-width:none}.header-actions{gap:4px}}@media (max-width:480px){.arena{height:385px}.page-heading h1{font-size:25px}.page-heading p:not(.eyebrow){max-width:310px;line-height:1.6}.instrument-title strong{font-size:13px}.instrument-title .quiet-button{gap:5px;padding:6px;font-size:8px}.instrument-panel{padding:14px 12px}.fretboard-caption>span{max-width:180px}.map-legend{width:115px;font-size:7px}.map-caption{font-size:7px;left:15px}.scale-selector select{max-width:220px}.practice-dock{padding:20px}.info-dialog{padding:26px}.header-actions .icon-button{width:28px}}[hidden]{display:none!important}.main-nav{background:#eeefe5;border-radius:7px;gap:6px;padding:4px;display:flex}.main-nav button,.main-nav .main-nav-link{color:#8b937d;background:0 0;border:0;border-radius:5px;padding:10px 16px;font-size:11px}.main-nav .main-nav-link{align-items:center;text-decoration:none;display:inline-flex}.main-nav .main-nav-link:hover{color:#50683e}.main-nav button.active{color:#50683e;background:#fafbf3;box-shadow:0 1px 4px #23331a0a}.main-nav button span{color:#9aa68a;margin-left:8px}.natural-notes{color:#929d81;letter-spacing:.6px;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;font-size:7px;display:flex}.natural-notes strong{letter-spacing:2px;color:#7c8d66;font-size:10px;font-weight:400}.target-string{background:#e2e8d3;border-radius:4px}.target-string .string-name{color:#506f39;font-weight:700}.tuning-value{letter-spacing:0;color:#5f774c;background:#f1f4e8;border:1px solid #d8e0ca;border-radius:5px;width:100%;margin-top:6px;padding:9px;font-size:13px;display:block}.profile-dashboard{padding:35px 0}.profile-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.profile-heading h1{letter-spacing:-1px;margin:7px 0 10px;font:36px Georgia,serif}.profile-heading>div>p:last-child{color:#8b957f;font-size:12px}.profile-heading .primary-button{width:auto;min-width:180px}.profile-stats{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.profile-stats article{background:#fcfcf5;border:1px solid #dce1d0;border-radius:10px;padding:23px}.profile-stats article>span{letter-spacing:1.5px;color:#849173;font-size:8px}.profile-stats strong{color:#506b3e;margin:16px 0 10px;font:36px Georgia,serif;display:block}.profile-stats strong small{color:#939d83;margin-left:9px;font:10px Arial,sans-serif}.profile-stats p{color:#9aa38c;margin:0;font-size:9px;line-height:1.5}.profile-middle{grid-template-columns:1.25fr 1fr;gap:20px;margin:20px 0;display:grid}.activity-card,.journey-card,.memory-card{background:#fcfcf5;border:1px solid #dce1d0;border-radius:10px;padding:26px}.card-heading{justify-content:space-between;align-items:center;display:flex}.card-heading h2,.journey-card h2,.memory-top h2{letter-spacing:-.5px;margin:8px 0 0;font:24px Georgia,serif}.card-heading>span{color:#97a085;font-size:9px}.activity-chart{align-items:end;gap:20px;height:150px;padding:15px 7px 0;display:flex}.activity-chart>div{text-align:center;flex-direction:column;flex:1;justify-content:end;gap:8px;height:100%;display:flex}.activity-chart>div>span{color:#8b9b78;font-size:9px}.activity-chart>div>div{border-bottom:1px solid #e0e5d4;align-items:flex-end;height:100px;display:flex}.activity-chart i{background:#b6c59d;border-radius:5px 5px 0 0;width:100%;max-width:45px;margin:0 auto;display:block}.activity-chart .today i{background:#79975a}.activity-chart small{color:#96a287;font-size:9px}.journey-card>p:not(.eyebrow){color:#8a987b;margin:13px 0;font-size:11px;line-height:1.7}.string-journey{gap:8px;margin:18px 0;display:flex}.string-journey span{color:#b2baa4;background:#f4f6ed;border:1px solid #e0e5d5;border-radius:50%;place-items:center;width:31px;height:31px;font:14px Georgia,serif;display:grid}.string-journey .current{color:#6c864e;background:#e9efd9;border-color:#9aad7e;box-shadow:0 0 0 3px #ebefdf}.string-journey .done{color:#fff;background:#809b60;border-color:#809b60}.daily-goal>span{color:#8c9b7a;font-size:9px}.daily-goal b{float:right;color:#738d56;font-weight:400}.daily-goal>div{background:#e7ecdf;border-radius:5px;height:4px;margin-top:9px;overflow:hidden}.daily-goal i{background:#93ad72;height:100%;display:block}.memory-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-mode-tabs{background:#edf1e5;border-radius:6px;padding:4px;display:flex}.profile-mode-tabs button{color:#8e9c7d;background:0 0;border:0;border-radius:4px;padding:8px 16px;font-size:11px}.profile-mode-tabs button.active{color:#66814b;background:#fafcf3}.memory-filters{flex-wrap:wrap;gap:10px;margin:24px 0 10px;display:flex}.memory-filters button{color:#95a287;background:0 0;border:1px solid #0000;border-radius:5px;padding:8px 10px;font-size:10px}.memory-filters button.active{color:#647e4b;background:#f0f5e7;border-color:#d9e2cc}.memory-filters button>span{background:#e9eede;border-radius:3px;margin-left:8px;padding:2px 5px;font-size:8px}.memory-string{border-bottom:1px solid #e8ecdf;align-items:center;gap:18px;padding:18px 0;display:flex}.memory-string-name{align-items:center;gap:10px;min-width:84px;display:flex}.memory-string-name>strong{color:#899e6e;font:28px Georgia,serif}.memory-string-name>span{color:#879879;letter-spacing:1px;font-size:7px}.memory-string-name small{color:#a6af97;letter-spacing:0;margin-top:5px;font-size:9px;display:block}.memory-note-grid{grid-template-columns:repeat(8,minmax(75px,1fr));gap:9px;width:100%;display:grid}.memory-note{background:#f5f6ef;border:1px solid #e0e4d8;border-radius:6px;padding:11px 10px 8px}.memory-note>div:first-child{justify-content:space-between;align-items:center;display:flex}.memory-note strong{color:#8b997b;font:17px Georgia,serif}.memory-note>div>span{color:#aeb89e;font-size:10px}.memory-note>small{color:#a3ad95;white-space:nowrap;margin-top:6px;font-size:7px;display:block}.memory-note>p{color:#a3ad95;white-space:nowrap;margin:6px 0 0;font-size:6px}.note-progress{background:#e5eadd;border-radius:4px;height:3px;margin-top:8px;overflow:hidden}.note-progress i{background:#acbf8e;height:100%;display:block}.memory-note.practicing{background:#f5f0df;border-color:#e7dcc0}.memory-note.practicing strong,.memory-note.practicing>div>span{color:#aa914e}.memory-note.practicing .note-progress i{background:#c2a966}.memory-note.mastered{background:#eaf1de;border-color:#cfddba}.memory-note.mastered strong,.memory-note.mastered>div>span{color:#6c8951}.memory-note.mastered .note-progress i{background:#8da86a}.mastery-explainer{color:#95a286;flex-wrap:wrap;gap:22px;padding-top:20px;font-size:9px;display:flex}.mastery-explainer b{color:#788e61;font-weight:400}.memory-empty{text-align:center;color:#9ba78b;padding:40px;font:20px Georgia,serif}.profile-local-note{color:#9aa78b;text-align:center;margin:22px 0 0;font-size:9px;line-height:1.6}@media (max-width:1150px){.profile-stats article{padding:18px}.profile-stats strong{font-size:29px}.profile-stats strong small{font-size:8px}.memory-note-grid{grid-template-columns:repeat(4,1fr)}.main-nav button,.main-nav .main-nav-link{padding:9px 11px;font-size:10px}.memory-string{align-items:flex-start}.memory-string-name{padding-top:10px}.profile-stats p{font-size:8px}}@media (max-width:820px){.profile-heading h1{font-size:28px}.profile-stats{grid-template-columns:1fr 1fr;gap:12px}.profile-middle{grid-template-columns:1fr}.main-nav{gap:0}.main-nav button,.main-nav .main-nav-link{padding:8px;font-size:9px}.main-nav button span{display:none}.brand-sub{letter-spacing:1px;max-width:150px;font-size:5px}.header-actions .quiet-button{font-size:9px}.topbar{gap:10px}.profile-heading .primary-button{min-width:150px;font-size:10px}.memory-card{padding:20px}.memory-top h2{font-size:22px}.memory-note-grid{grid-template-columns:repeat(4,1fr);gap:7px}.memory-string-name{gap:7px;min-width:65px}}@media (max-width:580px){.topbar{flex-wrap:wrap;row-gap:15px;height:auto;padding:16px 0 12px}.brand{font-size:30px}.brand-mark{width:37px;height:38px;font-size:29px}.main-nav{order:3;width:100%}.main-nav button,.main-nav .main-nav-link{flex:1;justify-content:center;font-size:10px}.header-actions{margin-left:auto}.profile-dashboard{padding:25px 0}.profile-heading{display:block}.profile-heading .primary-button{width:auto;margin-top:20px}.profile-stats article{padding:16px}.profile-stats strong{font-size:27px}.profile-stats strong small{margin:5px 0 0;display:block}.profile-stats article>span{font-size:7px}.memory-top{display:block}.profile-mode-tabs{width:fit-content;margin-top:18px}.memory-string{display:block}.memory-string-name{padding:0 0 12px}.memory-string-name>strong{font-size:22px}.memory-string-name small{margin-left:7px;display:inline}.memory-note-grid{grid-template-columns:repeat(4,1fr)}.memory-note{padding:9px 7px}.memory-note>small{font-size:6px}.memory-note strong{font-size:16px}.memory-filters{gap:0}.memory-filters button{padding:8px;font-size:9px}.memory-filters button>span{margin-left:3px}.mastery-explainer{gap:10px;font-size:8px}.activity-card,.journey-card{padding:21px}.activity-chart{gap:12px}.natural-notes{font-size:6px}.natural-notes strong{font-size:9px}}.game-layout{grid-template-columns:minmax(0,1fr) 410px}.play-target{color:#f2e4bc;text-align:center;background:#2e2a21;border:1px solid #494433;border-radius:13px;margin-top:15px;padding:18px 20px 13px;transition:background .2s}.play-target-heading{letter-spacing:1.7px;color:#c2b594;justify-content:space-between;font-size:9px;display:flex}.note-and-string{grid-template-columns:1fr 38px;align-items:center;gap:18px;margin:16px 0 12px;display:grid}.big-note{aspect-ratio:1;background:#765544;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:210px;max-width:100%;margin:auto;display:flex}.big-note strong{letter-spacing:-6px;font:700 115px/.95 Arial,sans-serif}.big-note sub{letter-spacing:0;vertical-align:baseline;margin-left:4px;font:24px Arial,sans-serif}.big-note>span{letter-spacing:2px;color:#deca9f;margin-top:12px;font-size:8px}.string-rail{flex-direction:column;gap:6px;display:flex}.string-rail>span{color:#9a8e70;place-items:center;width:34px;height:28px;font-size:17px;font-weight:700;display:grid}.string-rail>span.selected{color:#302b20;background:#f0dcaa;border-radius:50%;height:34px;box-shadow:0 0 0 4px #f0dcaa17}.big-string{justify-content:center;align-items:center;gap:13px;margin-top:5px;display:flex}.big-string>span:first-child{letter-spacing:2px;font-size:10px}.big-string>strong{font:700 44px/1 Arial,sans-serif}.big-string>span:last-child{color:#b8aa87;border-left:1px solid #665b43;padding-left:13px;font-size:13px}.play-target .listen-button{color:#c8b98e;margin-top:6px;padding:10px 15px}.play-target .listen-button:hover{background:#4a4130}.target-range{text-align:center;margin:10px 0!important;font-size:10px!important}.practice-dock.answer-success{border-color:#69a77e;box-shadow:0 0 0 4px #6eb38227}.practice-dock.answer-success .big-note{background:#367b55}.practice-dock.answer-error{border-color:#be665d;box-shadow:0 0 0 4px #bc615827}.practice-dock.answer-error .big-note{background:#a63c36}.answer-toast{z-index:70;color:#faffed;pointer-events:none;border:1px solid #ffffff40;border-radius:13px;align-items:center;gap:17px;width:calc(100% - 32px);max-width:560px;padding:20px 25px;animation:.2s ease-out answer-arrive;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 45px #1c261b30}.answer-toast.correct{background:#33724f}.answer-toast.incorrect{background:#ab423c}.answer-toast>span{border:2px solid #ffffff60;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:32px;display:grid}.answer-toast strong{letter-spacing:-.5px;font-size:25px}.answer-toast p{color:#ffffffd9;margin:6px 0 0;font-size:12px;line-height:1.5}@keyframes answer-arrive{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.soundcheck-dialog{color:#eee2bd;background:#2e2b22;border:1px solid #62604a;border-radius:18px;width:min(520px,100% - 24px);max-height:92vh;padding:30px;position:fixed;overflow:auto;box-shadow:0 24px 90px #13200b55}.soundcheck-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#19201599}.soundcheck-dialog>.eyebrow{color:#b6a781;font-size:9px}.soundcheck-dialog>h2{margin:10px 0;font:34px Georgia,serif}.check-intro{color:#b0a584;margin-bottom:24px;font-size:11px}.soundcheck-dialog .dialog-close{color:#c0b28d}.check-steps{border-bottom:1px solid #524a36;justify-content:space-between;gap:12px;padding-bottom:16px;display:flex}.check-steps span{color:#847b61;font-size:10px}.check-steps .current{color:#f1dfb0;font-weight:700}.check-body{text-align:center;padding-top:24px}.check-body h3{margin:12px 0;font:27px Georgia,serif}.check-body p{color:#c5b794;margin:20px 0;font-size:12px;line-height:1.7}.check-body .primary-button{background:#6c8e50;border-color:#829d68;padding:14px 18px;font-size:13px}.check-body .primary-button:hover{background:#7c9d60}.noise-orb{background:#3c3528;border:2px solid #706247;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:132px;height:132px;margin:0 auto 20px;display:flex}.noise-orb>span{letter-spacing:1px;color:#b4a683;font-size:8px}.noise-orb.passed{color:#a8d2aa;background:#344b35;border-color:#72b187}.noise-meter{background:#4c4635;border-radius:5px;width:80%;height:6px;margin:0 auto;overflow:hidden}.noise-meter i{background:#b8a578;height:100%;transition:width .1s;display:block}.check-body progress{accent-color:#8eba77;border:0;border-radius:5px;width:100%;height:6px;display:block}.check-body progress::-webkit-progress-bar{background:#514a37;border-radius:5px}.check-body progress::-webkit-progress-value{background:#8eba77;border-radius:5px}.check-body .text-button{color:#a99b75;margin-top:15px}.check-footnote{color:#9d9376;text-align:center;border-top:1px solid #514a37;margin:24px 0 0;padding-top:18px;font-size:9px;line-height:1.7}.tuning-target>span{letter-spacing:2px;color:#c0b08a;font-size:10px;display:block}.tuning-target>span b{color:#f2e1b6;margin-left:5px;font-size:21px}.tuning-target>strong{color:#f2e1b6;margin:15px 0;font:700 70px Arial,sans-serif;display:block}.tuning-target>small{color:#a99b7a;font-size:10px}.tuner-scale{letter-spacing:1px;color:#ad9c75;justify-content:space-between;margin:27px 0 13px;font-size:7px;display:flex}.tuner-track{background:linear-gradient(90deg,#8d5942,#6e7550 42%,#89b376 43% 57%,#6e7550 58%,#8d5942);border-radius:5px;height:9px;position:relative}.tuner-track i{background:#f0e3ba;border-radius:3px;width:4px;height:19px;position:absolute;top:-5px;transform:translate(-50%);box-shadow:0 0 0 2px #302a2055}.check-body .tuner-reading{color:#d5c49b;margin:17px 0;font-size:11px}.tuning-string-buttons{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.tuning-string-buttons button{color:#c9b88d;background:#393226;border:1px solid #665b41;border-radius:7px;flex-direction:column;align-items:center;gap:5px;padding:12px 5px;display:flex}.tuning-string-buttons button.selected{border-color:#e0c783;box-shadow:0 0 0 2px #c2aa6b33}.tuning-string-buttons button.checked{color:#a0d3a8;background:#344c36;border-color:#618d65}.tuning-string-buttons button small{letter-spacing:1px;font-size:7px}.tuning-string-buttons button b{font-size:22px}.tuning-string-buttons button>span{font-size:13px}.check-seal{color:#bfe5b3;background:#43623f;border-radius:50%;place-items:center;width:85px;height:85px;margin:5px auto 20px;font-size:42px;display:grid}.checked-strings{color:#9fc997;justify-content:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.check-ready>small{color:#a79b7d;margin-top:14px;font-size:9px;display:block}.profile-section-tabs{gap:8px;margin-bottom:18px;display:flex}.profile-section-tabs button{color:#8b947c;background:0 0;border:1px solid #d7ddcc;border-radius:7px;padding:12px 20px;font-size:12px}.profile-section-tabs button.active{color:#f2f2dc;background:#465d36;border-color:#465d36}.mastery-surface,.personal-surface{color:#f0e1b7;background:#2c291f;border:1px solid #4d4736;border-radius:17px;padding:30px}.mastery-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.mastery-header h2{margin:0 0 8px;font:29px Georgia,serif}.mastery-header p{color:#b5a786;margin:0;font-size:13px}.mastery-header select{color:#e8d9af;background:#383225;border:1px solid #786b4d;border-radius:7px;padding:12px 30px 12px 14px;font-size:12px}.mastery-header{flex-wrap:wrap}.mastery-header>div:first-child{flex:200px}.mastery-reset{color:#e3a08f;cursor:pointer;background:0 0;border:1px solid #8a4a3c;border-radius:7px;padding:11px 14px;font-size:12px}.mastery-reset:hover{background:#4a2c25}.mastery-metric{background:#413d32;border-radius:25px;margin:24px 0;padding:4px;display:flex}.mastery-metric button{color:#b4aa8c;background:0 0;border:0;border-radius:22px;flex:1;padding:11px;font-size:13px}.mastery-metric button.active{color:#fff7da;background:#726f65}.mastery-board-scroll{padding:0 0 8px;overflow:auto}.mastery-board{background:#393325;border:1px solid #625941;border-radius:10px;min-width:920px;padding:0 8px 8px}.mastery-fret-labels,.mastery-board-string{grid-template-columns:55px repeat(13,minmax(0,1fr));display:grid}.mastery-fret-labels{text-align:center;color:#a29572;align-items:center;height:30px;font-size:10px}.mastery-fret-labels>span:first-child{letter-spacing:1px;font-size:7px}.mastery-board-string{align-items:center;height:68px}.mastery-string-label{color:#c0ae80;align-items:center;gap:6px;font-size:14px;display:flex}.mastery-string-label small{color:#9c8d68;font-size:8px}.mastery-slot{border-right:2px solid #8c8061;place-items:center;height:100%;padding:5px;display:grid;position:relative}.mastery-slot:nth-child(2){border-right:4px solid #c9b88c}.mastery-slot:before{content:"";opacity:.8;pointer-events:none;background:#827659;height:2px;position:absolute;top:50%;left:0;right:0}.mastery-board-string:nth-child(n+5) .mastery-slot:before{height:3px}.mastery-tile{z-index:1;color:#bbae88;background:#4b4432;border:1px solid #655a3f;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:49px;display:flex;position:relative}.mastery-tile strong{font-size:15px}.mastery-tile small{font-size:10px}.mastery-tile.practicing{color:#e0f3f5;background:#24678b;border-color:#3684ab}.mastery-tile.learning{color:#ffebc7;background:#ae5c25;border-color:#d07936}.mastery-tile.mastered{color:#edffdf;background:#508962;border-color:#73b388}.mastery-tile.familiar{color:#e0f3f5;background:#24678b;border-color:#3684ab}.mastery-tile.fluent{color:#ddfaf5;background:#1f7a72;border-color:#2fa397}.mastery-tile.rusty{color:#ffe1d9;background:#8a3a31;border-color:#b65246}.mastery-tile.selected{outline-offset:2px;outline:2px solid #ffe6a5}.mastery-tile:hover{filter:brightness(1.2)}.mastery-legend{color:#c9b990;flex-wrap:wrap;gap:24px;margin-top:19px;font-size:11px;display:flex}.mastery-legend>span{align-items:center;gap:7px;display:flex}.mastery-legend i{border-radius:3px;width:12px;height:12px;display:inline-block}.mastery-legend .not-started,.stage-distribution .not-started{background:#615741}.mastery-legend .learning,.stage-distribution .learning{background:#ef8a31}.mastery-legend .practicing,.stage-distribution .practicing{background:#2787b9}.mastery-legend .mastered,.stage-distribution .mastered{background:#71c18e}.mastery-legend .new,.stage-distribution .new{background:#615741}.mastery-legend .familiar,.stage-distribution .familiar{background:#2787b9}.mastery-legend .fluent,.stage-distribution .fluent{background:#2fb3a5}.mastery-legend .rusty,.stage-distribution .rusty{background:#d0594b}.recall-chip{color:#f4ead0;background:#615741;border-radius:999px;padding:1px 8px;font-weight:600;display:inline-block}.recall-chip.learning{color:#ffebc7;background:#ae5c25}.recall-chip.familiar{color:#e0f3f5;background:#24678b}.recall-chip.fluent{color:#ddfaf5;background:#1f7a72}.recall-chip.mastered{color:#edffdf;background:#508962}.recall-chip.rusty{color:#ffe1d9;background:#8a3a31}.stage-summary{border-top:1px solid #4a4433;margin-top:33px;padding-top:21px}.stage-summary h3{margin:0 0 20px;font:24px Georgia,serif}.stage-distribution{background:#453d2c;border-radius:15px;height:18px;display:flex;overflow:hidden}.stage-distribution i{height:100%;display:block}.stage-summary .text-button{color:#c5b488;margin:21px 0 0 auto;font-size:12px;display:block}.note-detail{background:#3b3527;border:1px solid #766845;border-radius:9px;flex-wrap:wrap;align-items:center;gap:28px;margin-top:23px;padding:20px;display:flex}.note-detail>div:first-child{margin-right:auto}.note-detail .eyebrow{color:#bcaa7b}.note-detail h3{margin:0;font:34px Georgia,serif}.note-detail h3 span{color:#b9a67b;margin-left:10px;font:10px Arial,sans-serif}.note-detail>div:not(:first-child)>strong{text-align:center;font:24px Georgia,serif;display:block}.note-detail>div:not(:first-child)>span{color:#b6a47a;text-align:center;margin-top:5px;font-size:9px;display:block}.note-detail p{color:#b6a782;width:100%;margin:0;font-size:11px;line-height:1.6}.all-notes-table{margin-top:20px;overflow:auto}.all-notes-table table{border-collapse:collapse;color:#cdb98b;text-align:left;width:100%;font-size:11px}.all-notes-table td,.all-notes-table th{white-space:nowrap;border-bottom:1px solid #4e4530;padding:12px}.all-notes-table th{color:#a49571;font-size:9px;font-weight:400}.mastery-next{background:#373525;border-radius:8px;flex-direction:column;gap:9px;margin-top:25px;padding:19px;display:flex}.mastery-next>span{letter-spacing:2px;color:#b0a479;font-size:8px}.mastery-next small{color:#aaa079;font-size:11px}.personal-surface{max-width:850px;margin:auto;padding:35px}.personal-name{justify-content:space-between;align-items:center;display:flex}.personal-name h2{letter-spacing:-.5px;margin:0;font:700 31px Arial,sans-serif}.personal-name>button{color:#cbbb92;background:0 0;border:0;font-size:26px}.personal-name form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.personal-name form label{color:#b6a981;width:100%;font-size:11px}.personal-name input{color:#f1e0ac;background:#3d3828;border:1px solid #82724e;border-radius:6px;min-width:0;max-width:100%;padding:10px;font:22px Arial,sans-serif}.personal-name form button{color:#e5d2a1;background:#51472e;border:1px solid #766542;border-radius:5px;padding:9px}.joined-line{color:#baac88;align-items:center;gap:14px;margin:24px 0 35px;font-size:13px;display:flex}.joined-line i{border-top:1px dashed #766b4e;flex:1}.personal-surface>h3{letter-spacing:-.3px;margin:30px 0 21px;font:700 23px Arial,sans-serif}.personal-surface>h3 small{color:#b5a781;font-size:15px;font-weight:400}.instrument-cards{gap:18px;display:flex}.instrument-cards button{color:#cdbc91;background:0 0;border:2px solid #665b40;border-bottom-width:5px;border-radius:14px;flex-direction:column;align-items:center;gap:9px;width:160px;padding:19px;display:flex}.instrument-cards button>span{color:#cf86be;font-size:47px}.instrument-cards button.bass>span{color:#79c095}.instrument-cards strong{font-size:15px}.calendar-caption{color:#a79b77;font-size:11px;line-height:1.7}.practice-calendar{grid-template-rows:repeat(7,1fr);grid-auto-columns:minmax(12px,1fr);grid-auto-flow:column;gap:5px;margin:18px 0 10px;display:grid;overflow-x:auto}.practice-calendar button{aspect-ratio:1;background:#5c513a;border:0;border-radius:3px;min-height:12px;padding:0}.practice-calendar .activity-1{background:#3f7753}.practice-calendar .activity-2{background:#5c9f72}.practice-calendar .activity-3{background:#82c79a}.calendar-key{color:#9e906c;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.calendar-key>span:nth-child(2){align-items:center;gap:4px;display:flex}.calendar-key i{background:#5c513a;border-radius:2px;width:9px;height:9px}.calendar-key i:nth-of-type(2){background:#3f7753}.calendar-key i:nth-of-type(3){background:#5c9f72}.calendar-key i:nth-of-type(4){background:#82c79a}.calendar-detail{color:#b7c68e;margin:17px 0;font-size:12px}.personal-stats{grid-template-columns:1fr 1fr;gap:20px;margin-top:27px;display:grid}.personal-stats>div{background:#3c3527;border-radius:13px;flex-direction:column;padding:24px;display:flex}.personal-stats>div>span{color:#91bd80;margin-bottom:17px;font-size:24px}.personal-stats>div:nth-child(2n)>span{color:#ce8c4c}.personal-stats strong{color:#efe1b8;margin-bottom:9px;font:700 32px Arial,sans-serif}.personal-stats small{color:#b4a57c;letter-spacing:1px;font-size:11px}@media (min-width:1450px){.game-layout{grid-template-columns:minmax(0,1fr) 440px}.big-note{width:230px}.big-note strong{font-size:135px}.string-rail>span{height:31px}}@media (max-width:1150px){.game-layout{grid-template-columns:minmax(0,1fr) 360px}.big-note{width:195px}.big-note strong{font-size:107px}.play-target{padding:15px}.note-and-string{gap:12px}.big-string>span:first-child{font-size:8px}.mastery-surface{padding:24px}.mastery-legend{gap:16px}}@media (max-width:820px){.game-layout{grid-template-columns:1fr}.practice-dock{grid-row:1}.battle-column{grid-row:2}.play-target{padding:20px}.big-note{width:245px}.big-note strong{font-size:142px}.note-and-string{gap:24px;max-width:330px;margin:18px auto}.string-rail>span{width:36px;height:32px;font-size:19px}.big-string>span:first-child{font-size:12px}.big-string>strong{font-size:49px}.play-target-heading{font-size:10px}.big-string>span:last-child{font-size:15px}.profile-section-tabs button{flex:1;font-size:11px}.mastery-header h2{font-size:25px}.personal-surface{padding:27px}.mastery-board{min-width:880px}.mastery-legend{font-size:10px}.answer-toast{top:12px}}@media (max-width:480px){.big-note{width:215px}.big-note strong{font-size:123px}.play-target{padding:15px}.note-and-string{grid-template-columns:1fr 34px;gap:10px}.string-rail>span{width:31px;height:29px}.big-string{gap:10px}.big-string>strong{font-size:43px}.big-string>span:first-child{font-size:10px}.big-string>span:last-child{font-size:12px}.play-target-heading{font-size:8px}.soundcheck-dialog{padding:25px 20px}.check-steps{gap:8px}.check-steps span{font-size:8px}.soundcheck-dialog>h2{font-size:30px}.answer-toast{gap:12px;padding:15px}.answer-toast strong{font-size:22px}.answer-toast p{font-size:10px}.answer-toast>span{width:38px;height:38px;font-size:25px}.mastery-surface,.personal-surface{padding:20px 16px}.mastery-header{gap:10px}.mastery-header h2{font-size:23px}.mastery-header p{font-size:11px}.mastery-header select{padding:9px;font-size:10px}.mastery-legend{gap:12px;font-size:9px}.note-detail{gap:16px;padding:15px}.note-detail>div:first-child{width:100%}.note-detail>div:not(:first-child)>strong{font-size:22px}.personal-name h2{font-size:26px}.personal-stats{gap:12px}.personal-stats>div{padding:18px}.personal-stats strong{font-size:26px}.personal-stats small{font-size:9px}.practice-calendar{grid-auto-columns:minmax(9px,1fr);gap:3px}.practice-calendar button{min-height:9px}.calendar-key{font-size:7px}.profile-section-tabs button{padding:11px 10px}.instrument-cards button{width:140px}.mastery-next strong{font-size:18px}}.check-audio-error:empty{display:none}.check-audio-error{color:#f3aa91;background:#5a352a;border-radius:6px;padding:12px;font-size:11px;line-height:1.6}.spectate-mode{z-index:1000;background:#1a1a1a;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.spectate-mode .arena{width:100%;height:100%;position:absolute;top:0;left:0}.spectate-mode canvas{width:100%!important;height:100%!important}.spectator-hud{z-index:10;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.team-health{color:#fff;background:#000000b3;border-radius:8px;align-items:center;gap:10px;padding:8px 16px;font-size:14px;font-weight:700;display:flex}.team-health.blue-team{border:2px solid #4a9eff}.team-health.red-team{border:2px solid #ff4a4a}.health-bar{background:#333;border-radius:4px;width:200px;height:20px;overflow:hidden}.health-fill{background:linear-gradient(90deg,#4a9eff,#2070dd);height:100%;transition:width .3s}.red-team .health-fill{background:linear-gradient(90deg,#ff4a4a,#dd2020)}.wave-info{color:#fff;background:#000000b3;border-radius:8px;padding:8px 16px;font-size:14px}.toggle-spawn-panel{color:#fff;cursor:pointer;background:#000000b3;border:2px solid #666;border-radius:6px;padding:10px 20px;font-size:14px;transition:all .2s}.toggle-spawn-panel:hover{background:#4a9eff33;border-color:#4a9eff}.manual-spawn-panel{z-index:20;background:#000000e6;border:2px solid #666;border-radius:12px;max-width:800px;padding:20px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.spawn-controls{flex-direction:column;gap:15px;display:flex}.side-selector{justify-content:center;gap:10px;display:flex}.side-selector button{color:#fff;cursor:pointer;background:#222;border:2px solid #666;border-radius:6px;padding:10px 20px;transition:all .2s}.side-selector button.active{background:#1a3a5a;border-color:#4a9eff}.side-selector button:hover{border-color:#888}.spectate-map-picker{flex-wrap:wrap;justify-content:flex-start;margin-bottom:16px}.auto-spawn-toggles button{opacity:.7;flex:1}.auto-spawn-toggles button.active{opacity:1}.auto-spawn-toggles button.blue-spawn.active{background:#1a3a5a;border-color:#4a9eff}.auto-spawn-toggles button.red-spawn.active{background:#5a1f1a;border-color:#ff5a4a}.variant-spawn-header{letter-spacing:.06em;text-transform:uppercase;color:#aaa;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 8px;font-size:12px;display:flex}.variant-spawn-all{color:#ddd;cursor:pointer;background:#2a2a2a;border:2px solid #4a9eff;border-radius:6px;padding:6px 12px;font-size:12px}.variant-spawn-all:hover{background:#3a3a3a}.unit-cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:300px;display:grid;overflow-y:auto}.unit-card{cursor:pointer;background:#2a2a2a;border:2px solid #444;border-radius:8px;flex-direction:column;align-items:center;padding:12px;transition:all .2s;display:flex}.unit-icon{margin-bottom:8px;font-size:32px}.unit-name{text-align:center;color:#ccc;font-size:12px}.spectate-result{text-align:center;z-index:100;background:#000000f2;border:2px solid #666;border-radius:16px;flex-direction:column;gap:20px;padding:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spectate-result h2{color:#fff;margin:0;font-size:32px}.spectate-result button{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;transition:all .2s}.spectate-result button:hover{background:#2070dd}.back-button{color:#fff;cursor:pointer;z-index:10;background:#000000b3;border:2px solid #666;border-radius:6px;padding:10px 20px;transition:all .2s;position:absolute;top:20px;left:20px}.back-button:hover{background:#000c;border-color:#888}.spectator-launcher{background:#0000004d;border:2px solid #444;border-radius:12px;max-width:800px;margin:40px auto;padding:30px}.spectator-launcher h3{color:#fff;margin:0 0 10px;font-size:24px}.spectator-launcher p{color:#ccc;margin:0 0 20px;font-size:14px}.difficulty-selector{flex-wrap:wrap;gap:10px;display:flex}.spectate-symmetric{color:#ccc;cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.spectate-symmetric input{accent-color:#4a9eff;width:16px;height:16px}.spectate-armies{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.spectate-armies label{color:#ccc;gap:6px;min-width:0;font-size:14px;display:grid}.spectate-armies .spectate-armies-note{grid-column:1/-1;margin:0}.spectate-armies select{color:#fff;background:#222;border:1px solid #666;border-radius:6px;width:100%;min-width:0;padding:9px 10px}.spectate-armies [role=alert]{color:#ffc98a;grid-column:1/-1;margin:0}.spectate-armies .spectate-plan-link{color:#fff;background:#222;border:1px solid #666;border-radius:6px;grid-column:1/-1;justify-self:start;padding:8px 12px}@media (max-width:560px){.spectate-armies{grid-template-columns:minmax(0,1fr)}}.spectate-objective{color:#bbb;margin:0 0 8px;font-size:12px}.spectator-launch-btn{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.spectator-launch-btn:hover{background:#2070dd;transform:translateY(-2px)}.battle-summary{text-align:left;color:inherit;flex-direction:column;gap:10px;margin:6px 0 14px;display:flex}.battle-summary .eyebrow{text-align:center}.battle-summary table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.battle-summary th,.battle-summary td{border-bottom:1px solid;padding:4px 8px}@supports (color:color-mix(in lab, red, red)){.battle-summary th,.battle-summary td{border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent)}}.battle-summary td{text-align:right}.battle-summary tbody th{opacity:.8;font-weight:400}.battle-summary thead th{text-align:right;letter-spacing:.06em;text-transform:uppercase;font-size:12px}.battle-summary thead .side-friend{color:#5b9dff}.battle-summary thead .side-enemy{color:#ef5a4c}.summary-highlights{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.summary-highlight{border:1px solid;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.summary-highlight{border:1px solid color-mix(in srgb, currentColor 14%, transparent)}}.summary-highlight{border-left:3px solid #5b9dff;min-width:0}.summary-highlight.side-enemy{border-left-color:#ef5a4c}.summary-highlight strong{overflow-wrap:anywhere;font-size:14px}.summary-highlight small,.summary-label{opacity:.75;font-size:11px}.summary-label{text-transform:uppercase;letter-spacing:.06em}.summary-deadliest{opacity:.8;text-align:center;margin:0;font-size:12px}.spectate-result{color:#fff;width:min(560px,100vw - 32px);max-height:calc(100vh - 40px);overflow-y:auto}.hide-unit-icons .unit-label>b,.hide-unit-bars .unit-label>i,.hide-unit-bars .unit-label>u.rank-pips,.hide-hud .unit-label,.hide-hud .keep-roster,.hide-hud .arena-hud,.hide-hud .wave-banner,.hide-hud .arena-stats,.hide-hud .spectate-overlay-info,.hide-hud .camera-controls,.hide-hud .arena-volume{display:none!important}.deck-queue{gap:6px;display:grid}.deck-queue-lane{gap:3px;display:grid}.deck-queue-title{letter-spacing:.08em;color:#ad9e7f;font-size:9px}.deck-queue-lane.is-elite .deck-queue-title{color:#d9b45a}.deck-queue .probability-icons{margin:0;padding:0;list-style:none}.deck-queue .probability-icon.is-next{background:#2a2618;border-color:#b99a52}.deck-queue .probability-icon.is-waiting{opacity:.45}.deck-queue .probability-icon.is-empty{opacity:.7;border-style:dashed;border-color:#8a5a4a}.deck-queue-empty{color:#6f6a5c;font-size:10px}.language-select select{border:1px solid var(--color-border,#655c4b);max-width:8rem;min-height:2.25rem;color:inherit;background:var(--color-surface,#292820);font:inherit;border-radius:.5rem;padding:.35rem .55rem}html[lang=zh-CN] body{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}html[lang=zh-CN] .eyebrow,html[lang=zh-CN] .brand-sub,html[lang=zh-CN] .wr-eyebrow{letter-spacing:.08em}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.save-file-actions{flex-wrap:wrap;gap:8px;margin:4px 0 8px;display:flex}.save-file-note{opacity:.85;margin:0 0 12px;font-size:.9em}.timer.intro{color:#9fd3a8;letter-spacing:.08em;font-size:11px}.intro-answer{color:#d9ecd9;background:#5f8f6824;border:1px solid #5f8f68;border-radius:8px;margin:10px 0 4px;padding:10px 12px;font-size:13px;line-height:1.4}.intro-answer b{color:#9fd3a8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:11px;display:block}.arp-build ol{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.arp-build li{background:#00000038;border-radius:6px;justify-items:center;min-width:64px;padding:6px 8px;display:grid}.arp-build li strong{color:#fff;font-size:18px}.arp-build .degree{color:#9fd3a8;font-weight:700}.arp-build small{opacity:.8;font-size:10px}.big-note .arp-quality{text-align:center;color:#f4e6c4;max-width:170px;margin-top:4px;font:700 15px/1.15 Arial,sans-serif}.memory-zone{background:#ffffff08;border:1px solid #5b5240;border-radius:10px;margin:12px 0;padding:12px 14px}.memory-zone>div:first-child{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.memory-zone strong{font-size:15px}.memory-zone small{color:#b5a786;margin-left:auto}.memory-zone-bar{background:#3a3428;border-radius:4px;height:8px;margin:10px 0 6px;display:flex;position:relative;overflow:visible}.memory-zone-bar .was{background:#8f9a6a;border-radius:4px 0 0 4px}.memory-zone-bar .gain{background:#cdb97f}.memory-zone-bar b{background:#e8d9af;width:2px;position:absolute;top:-3px;bottom:-3px}.memory-zone p{color:#b5a786;margin:0;font-size:12px}.memory-change{gap:4px;display:grid}.memory-change>span{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.memory-change b.up{color:#9fd3a8}.memory-change b.down{color:#e3a08f}.memory-change small{color:#b5a786}.memory-note{font-style:italic}.mic-kind,.mic-sample{gap:6px;margin-top:12px;display:grid}.mic-kind select{color:#e8d9af;background:#383225;border:1px solid #786b4d;border-radius:7px;padding:10px 12px}.mic-kind small,.mic-sample small{color:#b5a786;font-size:12px;line-height:1.4}.mic-advice{color:#e8d9af;background:#cdb97f1a;border:1px solid #8a7440;border-radius:8px;margin:4px 0 0;padding:10px 12px;font-size:12px;line-height:1.45}.war-chest-strip{letter-spacing:.06em;color:#7d6a42;background:#faf4e2;border:1px solid #e3d7b8;border-radius:7px;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:-4px 0 16px;padding:10px 12px;font-size:10px;display:flex}.war-chest-strip b,.war-chest-head b{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:16px}.war-chest-total b{color:#b07d1e}.war-chest-clock.is-held b{color:#3b6ea5}.war-chest-clock em{color:#2f5c8a;letter-spacing:.04em;background:#dce8f4;border-radius:4px;margin-left:8px;padding:1px 6px;font-style:normal;font-weight:600}.war-chest-strip small{letter-spacing:0;margin-left:auto;font-size:10px}.war-chest-deploy{color:#e8dfc6;background:#2e3128;border:1px solid #3f4339;border-radius:7px;gap:10px;padding:12px;display:grid}.war-chest-head{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;font-size:11px;display:flex}.war-chest-head .war-chest-total b{color:#e0b04f;font-size:22px}.war-chest-rank,.war-chest-note{color:#b6a781;margin:0;font-size:10px}.war-chest-slots{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.war-chest-slot{text-align:left;color:#eee2bd;cursor:pointer;background:#1a1d17;border:1px solid #4a4f42;border-radius:5px;gap:2px;width:100%;height:100%;padding:7px 8px;font-size:11px;display:grid}.war-chest-slot:hover:not(:disabled){background:#2a2618;border-color:#b99a52}.war-chest-slot.is-elite{border-color:#8a7236}.war-chest-slot.is-blocked{opacity:.45;cursor:default}.war-chest-key,.war-chest-why{color:#9a8b6d;font-size:9px}.war-chest-card{overflow-wrap:anywhere;min-width:0}.war-chest-card i{font-style:normal}.war-chest-price{color:#e0b04f;font-variant-numeric:tabular-nums;font-weight:700}.war-chest-rally{color:#f6e7bf;cursor:pointer;background:#5a4317;border:1px solid #c7963a;border-radius:6px;padding:9px;font-size:12px}.war-chest-rally:disabled{opacity:.5;cursor:default}.war-chest-tally{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 14px;display:grid}.war-chest-tally div{gap:2px;display:grid}.war-chest-tally dt{color:#8b957b;font-size:9px}.war-chest-tally dd{margin:0;font:22px Georgia,serif}.learn-hold{z-index:5;color:#2f5c8a;pointer-events:none;text-align:center;background:#dce8f4f0;border-radius:6px;max-width:calc(100% - 32px);padding:6px 14px;font-size:13px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.scale-run-card .setting-hint{text-align:left}.scale-formula-chip strong,.scale-formula-chip small{display:block}.scale-formula-chip small{white-space:nowrap;opacity:.8}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#211f19;--ink:#f0e5c6;--muted:#b5ad92;--line:#4b4738;--green:#bfa56a;--gold:#d1b97d;--surface:#2b2922;--surface-raised:#353229;--surface-soft:#403b2e;--surface-inset:#24221c;--text:#f0e5c6;--subtle:#a39b82;--accent:#d1b97d;--accent-ink:#28241a;--success:#82bd94;--success-bg:#294535;--error:#e19b8e;--error-bg:#57332d;--radius:14px;--control-radius:8px;--ui-font:"Avenir Next", "Segoe UI", Arial, sans-serif}body{background:var(--paper);color:var(--text);font-family:var(--ui-font)}::selection{color:#fff3d0;background:#8f7b4d}button,input,select{font-family:var(--ui-font)}button{transition:background .16s,border-color .16s,color .16s,transform .16s}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.42}.app-shell{max-width:1920px;padding-inline:14px}.app-shell.is-home{max-width:1500px;padding-inline:36px}.topbar{border-color:var(--line);gap:20px;height:92px}.brand{color:var(--text);font-size:35px}.brand-mark{color:var(--accent);background:var(--surface);border-color:#746444;border-radius:10px}.brand-sub,.edition{color:var(--muted)}.main-nav,.mode-tabs,.profile-section-tabs,.mastery-metric,.profile-mode-tabs{background:var(--surface-inset);border:1px solid var(--line);border-radius:10px;gap:4px;padding:4px}.main-nav button,.main-nav .main-nav-link,.header-actions .quiet-button{white-space:nowrap}a.brand-button,.header-actions a.quiet-button{color:inherit;text-decoration:none}.header-actions a.quiet-button{align-items:center;display:inline-flex}.profile-page-tabs{width:fit-content;margin-bottom:18px}.main-nav button,.main-nav .main-nav-link,.mode-tabs button,.profile-section-tabs button,.mastery-metric button,.profile-mode-tabs button{color:var(--muted);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:7px;padding:10px 17px;font-size:12px}.main-nav button.active,.main-nav .main-nav-link.active,.mode-tabs button.active,.profile-section-tabs button.active,.mastery-metric button.active,.profile-mode-tabs button.active{background:var(--surface-soft);color:var(--text);border-color:#62583e;box-shadow:0 1px 3px #0002}.main-nav button:hover:not(:disabled),.main-nav .main-nav-link:hover,.mode-tabs button:hover:not(:disabled),.profile-section-tabs button:hover:not(:disabled),.mastery-metric button:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.main-nav button span{color:var(--accent)}.icon-button{color:var(--muted);border-radius:var(--control-radius)}.icon-button:hover{background:var(--surface-raised);color:var(--text)}.primary-button,.check-body .primary-button,.microphone-button{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:var(--control-radius);min-height:44px;padding:12px 17px;font-size:13px;font-weight:600}.primary-button:hover:not(:disabled),.check-body .primary-button:hover:not(:disabled),.microphone-button:hover:not(:disabled){background:#e4ce98;border-color:#e4ce98}.quiet-button,.secondary-button{background:var(--surface-raised);color:var(--text);border-radius:var(--control-radius);border:1px solid #696047;min-height:38px;font-size:12px}.quiet-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-soft)}.secondary-button{justify-content:space-between;align-items:center;gap:18px;width:100%;padding:12px 17px;display:flex}.skip-tuning{min-height:44px;margin-top:12px}.text-button,.check-body .text-button,.stage-summary .text-button{color:var(--accent);text-underline-offset:4px;font-size:11px;text-decoration-thickness:1px}.eyebrow,.instrument-title .eyebrow,.reward-card small,.session-card .eyebrow{color:var(--accent);letter-spacing:1.6px;font-size:10px}.muted{color:var(--subtle)}.page-heading{padding:30px 0 26px}.page-heading h1,.profile-heading h1{font:600 34px/1.2 var(--ui-font);color:var(--text);letter-spacing:-1.1px}.page-heading p:not(.eyebrow),.profile-heading>div>p:last-child{color:var(--muted);font-size:13px;line-height:1.6}.chapter{color:var(--muted);font-size:10px}.chapter>span{color:var(--accent);border-color:var(--line)}.chapter small{color:var(--subtle);font-size:11px}.game-layout{grid-template-columns:minmax(0,1fr) 410px;align-items:stretch;gap:22px}.battle-column,.practice-dock,.session-card,.mastery-surface,.personal-surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 18px #0000000a}.battle-column{flex-direction:column;display:flex}.battle-top{height:46px;color:var(--muted);border-bottom:1px solid var(--line);flex-shrink:0;font-size:9px}.live-dot,.edition i{background:var(--success)}.arena{background:#252920;flex:1;min-height:450px}.camp-health,.wave-label,.pause-button{color:var(--text);border-radius:var(--control-radius);background:#2b2922ee;border-color:#625f48;box-shadow:0 3px 12px #0002}.camp-health small{color:var(--muted)}.streak-hud{color:#f0c040;letter-spacing:.05em;border-radius:var(--control-radius);text-align:center;text-shadow:0 0 6px #f0c04066;background:#2b2922ee;border:1px solid #a8860a;padding:.2em .7em;font-size:.75rem;font-weight:700;animation:1.5s ease-in-out infinite alternate streak-glow}@keyframes streak-glow{0%{text-shadow:0 0 4px #f0c04044}to{text-shadow:0 0 12px #f0c040aa,0 0 20px #f0c04044}}.spirit-hud{color:#b8e0c2;letter-spacing:.05em;border-radius:var(--control-radius);font-variant-numeric:tabular-nums;background:#22291fee;border:1px solid #4f7a5a;align-items:center;gap:.45em;padding:.2em .7em;font-size:.75rem;font-weight:700;display:flex}.spirit-drum{background:conic-gradient(#9fe3b4 var(--fill,0%), #3a3326 0);border:2px solid #8a6a42;border-radius:50%;width:1.1em;height:1.1em;box-shadow:0 0 6px #9fe3b455}.health-track{background:#4c4838}.health-track i{background:var(--success)}.health-track.danger i{background:var(--error)}.wave-label{font-size:10px}.pause-button:hover{background:var(--surface-soft)}.map-caption{color:var(--text);background:#28271fe6;border:1px solid #ffffff12;border-radius:7px;padding:10px 12px}.map-caption span{color:#c4bea6}.map-legend{color:#b7debb;background:#28271fe6;border:1px solid #ffffff12;border-radius:7px;width:151px;padding:9px 10px}.map-legend span:nth-child(2){color:#e4ac95}.map-legend small{color:#c4bea6}.battle-footer{background:var(--surface);color:var(--muted);border-block:1px solid var(--line);min-height:46px;font-size:11px}.battle-footer>span:first-child{color:var(--text)}.welcome-card{border-radius:var(--radius);background:#2b2922f5;border-color:#756342;padding:27px 24px 23px;box-shadow:0 18px 48px #11160f40}.welcome-card h2,.results-card h2{color:var(--text);font:600 31px/1.16 var(--ui-font);letter-spacing:-.8px}.welcome-card p{color:var(--muted);font-size:12px;line-height:1.7}.welcome-card>small{color:var(--muted);font-size:10px;line-height:1.6}.result-stats{color:var(--muted);font-size:11px}.result-stats b{color:var(--accent);font:600 27px var(--ui-font)}.session-notes{text-align:left;width:100%;margin-top:14px}.session-notes .eyebrow{margin-bottom:8px;display:block}.note-row{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:5px 0;font-size:11px;display:flex}.note-row .note-name{color:var(--text);min-width:36px;font-weight:600}.note-row .note-pos{min-width:72px}.note-row .mastered-badge{color:var(--success);margin-left:auto;font-weight:600}.practice-dock{padding:23px}.dock-title,.progress-section{margin-bottom:18px}.progress-section>div:first-child{color:var(--text);font-size:10px}.progress-section small,.progress-section>p{color:var(--muted);font-size:10px}.level-track i{background:var(--surface-soft);height:5px}.level-track i.filled{background:var(--accent)}.mode-tabs{margin-bottom:23px}.category-badge{letter-spacing:.8px;color:#b2d3a7;background:#344535;padding:7px 9px;font-size:9px}.timer{color:var(--text);font-size:13px;font-weight:600}.timer.urgent{color:var(--error)}.practice-dock h2{color:var(--text);font:600 25px/1.25 var(--ui-font)}.play-target{background:var(--surface-inset);border-color:var(--line);color:var(--text);border-radius:12px}.play-target-heading{color:var(--muted);font-size:10px}.big-note{background:#4d4934;border:1px solid #87764b;box-shadow:inset 0 0 35px #97835610}.big-note strong{color:#f8ecc7;font-family:var(--ui-font)}.big-note>span{color:#d0c293}.string-rail>span{color:#b0a588}.string-rail>span.selected{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 4px #d1b97d18}.big-string>span:first-child{color:var(--muted)}.big-string>span:last-child{color:var(--muted);border-color:var(--line)}.big-string>strong{color:var(--accent)}.play-target .listen-button{color:var(--accent);font-size:12px}.play-target .listen-button:hover:not(:disabled){background:var(--surface-raised)}.challenge-hint,.target-range{color:var(--muted);font-size:11px}.new-note-badge{letter-spacing:.6px;vertical-align:middle;background:var(--accent);color:var(--accent-ink);border-radius:4px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.4;display:inline-block}.input-tabs{border-color:var(--line)}.input-tabs button{color:var(--muted);padding:11px 4px;font-size:11px}.input-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.microphone-panel,.screen-input-note{background:var(--surface-inset);border:1px solid var(--line);border-radius:9px;padding:15px}.microphone-panel.connected{background:#2c362a;border-color:#536449}.mic-top strong{color:var(--text);font-size:11px}.mic-indicator{background:var(--subtle)}.mic-indicator.on{background:var(--success);box-shadow:0 0 0 3px #82bd941a}.microphone-panel p,.microphone-panel>small{color:var(--muted);font-size:10px;line-height:1.6}.level-meter{background:var(--surface-soft)}.level-meter i{background:var(--success)}.pitch-meter{color:var(--muted)}.pitch-meter small{color:var(--text);font-size:10px}.pitch-meter>div{background:linear-gradient(90deg,#57503a,#86a66c 40% 60%,#57503a)}.pitch-meter i{background:var(--text);border-color:var(--surface)}.screen-input-note>span{color:var(--accent)}.screen-input-note p,.screen-input-note strong{color:var(--muted);font-size:11px}.natural-notes{color:var(--subtle);font-size:8px}.natural-notes strong{color:var(--text);font-size:11px}.setting-hint{color:var(--muted);font-size:9px;line-height:1.6}.reward-card{background:var(--surface-raised);border-color:var(--line);border-radius:9px}.reward-card small{letter-spacing:1px;font-size:8px}.reward-card strong{font:600 16px var(--ui-font);color:var(--text)}.reward-card p,.penalty-note{color:var(--muted);font-size:10px;line-height:1.5}.feedback{background:var(--surface-inset);color:var(--muted);border:1px solid var(--line);padding:12px;font-size:11px}.feedback.success{background:var(--success-bg);color:#c8ead1;border-color:#537f60}.feedback.error,.audio-error{background:var(--error-bg);color:#f2c5ba;border-color:#855247}.feedback.info{color:#e2d3a5;background:#433d29;border-color:#6f603c}.rally-call{z-index:3;color:#ffd9a8;max-width:calc(100% - 32px);font:700 14px/1.3 var(--font);letter-spacing:.04em;text-align:center;pointer-events:none;background:#4a2a1aeb;border:2px solid #c2703a;border-radius:8px;padding:10px 20px;animation:1s ease-in-out infinite alternate rally-call-pulse;position:absolute;top:16%;left:50%;transform:translate(-50%)}@keyframes rally-call-pulse{0%{border-color:#c2703a}to{border-color:#ffb36b;box-shadow:0 0 10px #ff964659}}@media (prefers-reduced-motion:reduce){.rally-call{animation:none}}.practice-dock.answer-success{border-color:var(--success)}.practice-dock.answer-success .big-note{border-color:var(--success);background:#376248}.practice-dock.answer-error{border-color:var(--error)}.practice-dock.answer-error .big-note{border-color:var(--error);background:#84463b}.notation{color:var(--text)}.notation>span{color:var(--subtle);font-size:9px}.audio-orb{background:var(--surface-soft);color:var(--accent);border-color:#81704a}.answers button{background:var(--surface-inset);border-color:var(--line);color:var(--text);min-height:47px;font-size:12px}.answers button:hover:not(:disabled){background:var(--surface-soft);border-color:var(--accent)}.answers button.correct-reveal{border-color:var(--accent);color:#8f8;background:#64c87826;animation:1s infinite pulse-reveal}@keyframes pulse-reveal{0%,to{box-shadow:0 0 #64c87840}50%{box-shadow:0 0 12px 2px #64c87859}}.answers kbd{color:var(--muted);border-color:#655d45}.instrument-panel{background:var(--surface);border-color:var(--line);padding:20px}.instrument-title strong{color:var(--text);font:500 16px var(--ui-font)}.instrument-title .quiet-button{font-size:11px}.fretboard{background:var(--surface-inset);border-color:var(--line);padding:3px 8px 8px}.fret-numbers{color:var(--muted);height:30px;font-size:10px}.fret-string{height:29px}.string-name{color:var(--text);font-size:12px}.string-name small{color:var(--subtle);font-size:9px}.fret{height:29px;color:var(--muted);border-right-color:#766a4e}.fret:before{background:#827557}.fret.open-fret{border-right-color:#c7b784}.fret.open-fret>span{background:var(--surface-inset)}.target-string{background:#44412d}.target-string .string-name{color:var(--accent)}.target-string .fret.open-fret>span{background:#44412d}.fret.highlight>span{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 3px #d1b97d22}.fret:hover:not(:disabled){background:#5a5135}.fretboard-caption>span{color:var(--muted);font-size:10px}.fretboard-caption .text-button{font-size:11px}.session-card>strong{color:var(--accent);font:600 28px var(--ui-font)}.session-card strong small,.session-card>span:last-child,.session-card .best-score{color:var(--muted);font-size:10px}.site-footer{color:var(--subtle);font-size:9px}.site-footer>span:last-child{color:var(--muted);font:12px var(--ui-font)}.profile-heading{margin-bottom:25px}.profile-section-tabs{width:fit-content;margin-bottom:22px}.mastery-surface,.personal-surface{color:var(--text);padding:28px}.mastery-header h2,.personal-name h2,.personal-surface>h3,.stage-summary h3{color:var(--text);font:600 26px/1.25 var(--ui-font);letter-spacing:-.7px}.mastery-header p,.profile-local-note,.calendar-caption{color:var(--muted);font-size:12px}.mastery-header select,.personal-name input,.tuning-value{background:var(--surface-inset);border:1px solid var(--line);color:var(--text);border-radius:var(--control-radius)}.mastery-metric{border-radius:10px}.mastery-board{background:var(--surface-inset);border-color:var(--line)}.mastery-fret-labels,.mastery-string-label,.mastery-string-label small{color:var(--muted)}.mastery-tile{border-radius:7px}.mastery-tile.selected{outline-color:var(--accent)}.mastery-legend{color:var(--muted);font-size:12px}.stage-summary{border-color:var(--line)}.note-detail,.mastery-next,.personal-stats>div{background:var(--surface-raised);border:1px solid var(--line);border-radius:10px}.note-detail h3{color:var(--accent);font:600 30px var(--ui-font)}.note-detail>div:not(:first-child)>strong{font:600 25px var(--ui-font)}.note-detail p,.note-detail h3 span,.note-detail>div:not(:first-child)>span,.mastery-next small{color:var(--muted)}.note-detail .eyebrow,.mastery-next>span{color:var(--accent)}.mastery-next strong{color:var(--text);font:500 20px var(--ui-font)}.all-notes-table table{color:var(--text);font-size:12px}.all-notes-table th{color:var(--muted);font-size:10px}.all-notes-table td,.all-notes-table th{border-color:var(--line)}.personal-name>button{color:var(--accent)}.personal-name form label{color:var(--muted)}.personal-name form button{background:var(--surface-soft);color:var(--text);border-color:var(--line);border-radius:var(--control-radius)}.joined-line{color:var(--muted)}.joined-line i{border-color:var(--line)}.personal-surface>h3 small{color:var(--muted)}.instrument-cards button{background:var(--surface-inset);border:1px solid var(--line);color:var(--text);border-radius:10px}.instrument-cards button:hover{background:var(--surface-raised);border-color:var(--accent)}.instrument-cards small{color:var(--muted);font-size:10px}.calendar-key{color:var(--muted)}.calendar-detail{color:var(--success)}.personal-stats strong{color:var(--text);font:600 32px var(--ui-font)}.personal-stats small{color:var(--muted)}.info-dialog,.soundcheck-dialog{background:var(--surface);color:var(--text);border-radius:var(--radius);border:1px solid #776745;padding:30px;box-shadow:0 24px 90px #0006}.info-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#15140fd4}.soundcheck-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#15140fd4}.info-dialog h2,.soundcheck-dialog>h2{color:var(--text);font:600 30px/1.2 var(--ui-font);letter-spacing:-.8px}.info-dialog h3,.check-body h3{color:var(--text);font:600 24px/1.3 var(--ui-font)}.info-dialog p,.info-dialog li,.check-intro,.check-body p{color:var(--muted);font-size:12px}.info-dialog strong{color:var(--text)}.info-dialog .dialog-footnote{background:var(--surface-inset);color:var(--muted);border:1px solid var(--line)}.dialog-close,.soundcheck-dialog .dialog-close,.settings-label,.checkbox-label,.settings-label b,.tuning-grid label{color:var(--muted)}.settings-label input,.checkbox-label input{accent-color:var(--accent)}.soundcheck-dialog>.eyebrow{color:var(--accent)}.check-steps{border-color:var(--line)}.check-steps span{color:var(--subtle)}.check-steps .current{color:var(--accent)}.check-steps .done{color:var(--success)}.noise-orb{background:var(--surface-inset);border-color:#7f6d46}.noise-orb strong{font:600 46px var(--ui-font)}.noise-orb>span{color:var(--muted)}.noise-orb.passed{background:var(--success-bg);color:#c5e4c8;border-color:var(--success)}.noise-meter{background:var(--surface-soft)}.noise-meter i{background:var(--accent)}.check-body progress::-webkit-progress-bar{background:var(--surface-soft)}.check-body progress::-webkit-progress-value{background:var(--success)}.check-footnote,.check-ready>small{color:var(--muted);border-color:var(--line);font-size:10px;line-height:1.6}.tuning-target>span,.tuning-target>small,.tuner-scale,.check-body .tuner-reading{color:var(--muted)}.tuning-target>strong,.tuning-target>span b{color:var(--text)}.tuning-string-buttons button{background:var(--surface-inset);border-color:var(--line);color:var(--text);border-radius:var(--control-radius)}.tuning-string-buttons button.selected{border-color:var(--accent)}.tuning-string-buttons button.checked{background:var(--success-bg);color:#c5e4c8;border-color:#6d9a73}.check-seal{background:var(--success-bg);color:var(--success)}.checked-strings{color:var(--success);flex-wrap:wrap}.checked-strings.unverified{color:var(--muted)}.check-audio-error{color:#f2c5ba;background:var(--error-bg)}.fallback-field{background:#414738}.fallback-field>small{color:var(--muted)}.fallback-keep{color:var(--accent)}.fallback-unit{background:var(--surface)}@media (min-width:1450px){.game-layout{grid-template-columns:minmax(0,1fr) 430px}.practice-dock{padding:26px}}@media (max-width:1150px){.app-shell{padding-inline:12px}.app-shell.is-home{padding-inline:24px}.game-layout{grid-template-columns:minmax(0,1fr) 365px;gap:18px}.practice-dock{padding:20px}.page-heading h1,.profile-heading h1{font-size:29px}.main-nav button,.main-nav .main-nav-link{padding-inline:12px}.welcome-card{width:280px}.welcome-card h2{font-size:27px}}@media (max-width:820px){.app-shell{padding-inline:10px}.app-shell.is-home{padding-inline:18px}.game-layout{grid-template-columns:1fr;align-items:start}.practice-dock{grid-row:1;padding:24px}.battle-column{grid-row:2}.arena{flex:auto;min-height:410px}.main-nav button,.main-nav .main-nav-link{padding:9px 11px;font-size:11px}.topbar{gap:12px}.header-actions .quiet-button{font-size:10px}.brand-sub{font-size:6px}.mastery-surface,.personal-surface{padding:24px}.profile-section-tabs{width:100%}.profile-section-tabs button{flex:1}}@media (max-width:580px){.topbar{height:auto;padding:18px 0 13px}.brand{font-size:31px}.main-nav{order:3;width:100%}.main-nav button,.main-nav .main-nav-link{flex:1;min-height:38px}.page-heading{padding:25px 0}.page-heading h1,.profile-heading h1{font-size:27px}.page-heading p:not(.eyebrow){font-size:12px}.chapter{display:none}.mastery-header h2,.personal-name h2{font-size:24px}.profile-section-tabs button{padding-inline:8px;font-size:11px}}@media (max-width:480px){.app-shell,.app-shell.is-home{padding-inline:8px}.practice-dock{padding:18px}.arena{min-height:390px}.instrument-panel{padding:17px 13px}.instrument-title strong{font-size:13px}.instrument-title .quiet-button{font-size:10px}.info-dialog,.soundcheck-dialog,.mastery-surface,.personal-surface{padding:23px 18px}.soundcheck-dialog>h2{font-size:27px}.map-legend{width:132px;font-size:8px}.map-caption{padding:8px;font-size:8px}.mastery-legend{gap:12px;font-size:10px}.natural-notes strong{letter-spacing:1px;font-size:10px}.fretboard-caption>span{font-size:9px}.site-footer{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.tuning-target>strong,.big-string>strong,.personal-name input,.mastery-tile strong{font-family:var(--ui-font)}.input-device-check{border:1px solid var(--border,#48433a);text-align:left;border-radius:12px;margin:20px 0;padding:16px}.input-device-check label{margin-bottom:8px;font-weight:700;display:block}.input-device-check select{color:#f2e9d7;background:#25241f;border:1px solid #625944;border-radius:8px;width:100%;padding:12px}.input-device-check p,.input-device-check small{margin:8px 0;display:block}.input-device-check button{margin-top:12px}.info-dialog,.soundcheck-dialog{max-height:calc(100dvh - 32px);margin:auto;inset:0}.brand-button{text-align:left;background:0 0;border:0;padding:0}.home-library{padding-top:30px}.home-hero{background:radial-gradient(at 90% 80%,#454c31 0,#0000 60%),#302f25;border:1px solid #62593e;border-radius:20px;grid-template-columns:1.2fr 1fr;min-height:370px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:48px;position:relative}.hero-copy h1{letter-spacing:-2px;color:var(--text);margin:19px 0;font-size:clamp(34px,3.6vw,55px);font-weight:550;line-height:1.12}.hero-copy h1 em{color:var(--accent);font-style:normal}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.hero-actions a{justify-content:space-between;gap:35px;text-decoration:none;display:flex}.hero-footnote{text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);align-items:center;gap:16px;margin-top:32px;font-size:9px;display:flex}.hero-footnote i{background:var(--line);width:28px;height:1px}.hero-art{background:repeating-linear-gradient(0deg,#0000 0 49px,#d1b97d09 50px 51px);place-items:center;min-height:360px;display:grid;position:relative}.keep-emblem{color:#d6c591;text-shadow:0 15px #171d153d,0 0 70px #d1b97d20;font:185px/1 Georgia,serif;position:relative;transform:rotate(-7deg)}.orbit{border:1px solid #a2936440;border-radius:50%;width:280px;height:280px;position:absolute}.orbit-two{opacity:.6;border-style:dashed;width:365px;height:365px}.hero-note{color:#ccbd8c;background:#414331;border:1px solid #877c4d;border-radius:15px;place-items:center;width:58px;height:58px;font-size:34px;display:grid;position:absolute;transform:rotate(12deg)}.note-one{top:12%;left:24%}.note-two{top:39%;right:11%;transform:rotate(-12deg)}.note-three{bottom:17%;left:14%}.art-caption{letter-spacing:3px;color:#ada57e;font-size:9px;position:absolute;bottom:34px}.checklist{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:22px;padding:20px 22px}.checklist-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.checklist-head h2{margin:4px 0 0;font-size:20px;font-weight:500}.checklist-points{justify-items:end;gap:2px;display:grid}.checklist-points strong{color:var(--gold);font-size:17px}.checklist-points small{color:var(--muted);font-size:11px}.checklist-bar{background:var(--surface-inset);border-radius:3px;height:6px;margin:14px 0 6px;overflow:hidden}.checklist-bar i{background:var(--gold);height:100%;transition:width .4s;display:block}.checklist-tasks{margin:0;padding:0;list-style:none}.checklist-tasks li{border-bottom:1px solid var(--line);grid-template-columns:22px 1fr auto auto;align-items:center;gap:12px;padding:11px 0;display:grid}.checklist-tasks li>div{gap:2px;min-width:0;display:grid}.checklist-tasks small{color:var(--muted);font-size:12px}.checklist-tick{border:1px solid var(--line);border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.checklist-tasks li.done .checklist-tick{border-color:var(--success);background:var(--success-bg);color:var(--success)}.checklist-tasks li.done strong{color:var(--muted);text-decoration:line-through}.checklist-reward{color:var(--gold);font-variant-numeric:tabular-nums;font-size:13px}.checklist-done{min-width:48px;color:var(--success);text-align:center;font-size:13px}.checklist-foot{justify-content:space-between;gap:12px;margin-top:10px;display:flex}.checklist-reopen{margin-top:16px}@media (max-width:580px){.checklist{padding:16px}.checklist-points{justify-items:start}.checklist-tasks li{gap:10px}}@media (prefers-reduced-motion:reduce){.checklist-bar i{transition:none}}.home-session-strip{border-bottom:1px solid var(--line);align-items:center;gap:34px;padding:23px 5px;display:flex}.home-session-strip>span{letter-spacing:1.2px;color:var(--muted);font-size:9px}.home-session-strip strong{font-size:19px;font-weight:500}.home-session-strip small{color:var(--muted);margin-left:5px;font-size:11px;font-weight:400}.home-session-strip button{margin-left:auto}.library-section-heading{justify-content:space-between;align-items:end;gap:20px;margin:36px 0 20px;display:flex}.library-section-heading h2{letter-spacing:-.6px;margin:9px 0 0;font-size:25px;font-weight:500}.library-section-heading>span{color:var(--muted);font-size:11px}.home-instruments{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.home-instruments button{text-align:left;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:12px;align-items:center;gap:17px;padding:22px;display:flex}.home-instruments button:hover,.home-instruments button.selected{border-color:var(--accent);background:#44402c}.instrument-glyph{color:var(--accent);text-align:center;width:35px;font-size:32px}.home-instruments strong{font-size:17px;font-weight:500;display:block}.home-instruments small{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.5;display:block}.home-instruments b{color:var(--accent);margin-left:auto;font-weight:400}.coming-soon-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.home-instruments .coming-soon-card{background:var(--surface-inset);border-style:dashed}.home-instruments .coming-soon-card:hover{border-style:solid}.coming-soon-card .instrument-glyph{color:var(--subtle)}.soon-tag{letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:4px 9px;font-size:10px;font-style:normal}.coming-soon-dialog{width:min(460px,100vw - 32px)}.coming-soon-glyph{color:var(--accent);margin-bottom:14px;font-size:40px;line-height:1;display:block}.coming-soon-dialog .eyebrow{color:var(--accent);letter-spacing:1.4px}.coming-soon-dialog h2{margin:4px 0 10px}.coming-soon-dialog>p{font-size:13px;line-height:1.6}.coming-soon-features{gap:6px;margin:14px 0 22px;padding-left:18px;display:grid}.coming-soon-form{gap:10px;display:grid}.coming-soon-form label{color:var(--text);font-size:12px}.coming-soon-form>div{flex-wrap:wrap;gap:8px;display:flex}.coming-soon-form input{min-width:0;color:var(--text);background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--control-radius);font:inherit;flex:200px;padding:11px 13px;font-size:13px}.coming-soon-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.coming-soon-form input[aria-invalid=true]{border-color:var(--error)}.coming-soon-error{margin:0;color:var(--error)!important}.coming-soon-joined{background:var(--success-bg);border-radius:var(--control-radius);padding:12px 14px;color:var(--success)!important}.exercise-picker{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.settings-label .settings-select{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:10px 0 15px;padding:9px 12px;display:block}.exercise-picker select{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 30px 11px 13px}.game-count{color:var(--accent);vertical-align:middle;border:1px solid var(--line);border-radius:6px;margin-left:12px;padding:4px 7px;font-size:12px}.game-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.today-cards{gap:12px;display:grid}.today-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 20px;display:grid}.today-glyph{color:#f4e9cf;border-radius:12px;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.today-card.daily .today-glyph{background:radial-gradient(at bottom,#6a7a3a,#232a18)}.today-card.raid .today-glyph{background:radial-gradient(at bottom,#5a3a2a,#241914)}.today-body{gap:4px;min-width:0;display:grid}.today-body .eyebrow{margin:0}.today-body h3{margin:0;font-size:18px;font-weight:500}.today-body h3 em{color:var(--accent);font-style:normal}.today-body h3 small,.today-ask,.today-facts,.today-foot{color:var(--muted);font-size:13px}.today-ask{color:var(--text);margin:0}.today-facts{margin:0}.today-deck{letter-spacing:2px;margin-left:8px}.today-deck i{font-style:normal}.today-foot{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:2px 0 0;display:flex}.today-foot .text-button{font-size:13px}.today-notes{flex-wrap:wrap;gap:6px 14px;margin:2px 0 0;padding:0;list-style:none;display:flex}.today-notes li{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.today-notes li>span{color:var(--muted);margin-right:2px;font-size:12px}.today-notes b{border:1px solid var(--line);background:var(--surface-inset);color:var(--text);border-radius:999px;align-items:baseline;gap:4px;padding:2px 8px;font-size:13px;font-weight:600;display:inline-flex}.today-notes b small{color:var(--accent);font-size:11px;font-weight:400}.today-card>.primary-button,.today-card>.secondary-button{white-space:nowrap}@media (max-width:720px){.today-card{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px}.today-glyph{width:40px;height:40px;font-size:20px}.today-card>.primary-button,.today-card>.secondary-button{grid-column:1/-1}}.difficulty-settings{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px;display:flex}.difficulty-settings strong{font-size:13px}.difficulty-settings p{color:var(--muted);margin:6px 0 0;font-size:12px}.difficulty-picker{gap:6px;min-width:240px;display:flex}.difficulty-picker button{background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--muted);font:500 12px/1 var(--font);letter-spacing:.5px;cursor:pointer;flex:1;padding:10px 16px;transition:background .15s,color .15s,border-color .15s}.difficulty-picker button:hover{border-color:var(--accent);color:var(--text)}.difficulty-picker button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.difficulty-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.options-toggle{background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--control-radius);min-height:44px;color:var(--muted);font:500 12px/1 var(--ui-font);cursor:pointer;white-space:nowrap;padding:12px 18px;transition:all .15s}.options-toggle:hover{border-color:var(--accent);color:var(--text)}.options-toggle.open{background:var(--surface-soft);border-color:var(--accent);color:var(--text)}.practice-options{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;margin-bottom:24px;padding:clamp(18px,3vw,28px);display:grid}.option-group{flex-direction:column;gap:12px;min-width:0;display:flex}.option-group label{letter-spacing:.5px;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.string-toggles,.toggle-pair,.session-length-picker{flex-wrap:wrap;gap:8px;display:flex}.string-toggles button,.toggle-pair button,.session-length-picker button{background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--muted);font:500 12px/1 var(--ui-font);cursor:pointer;flex:1;padding:7px 0;transition:all .15s}.string-toggles button:hover,.toggle-pair button:hover,.session-length-picker button:hover{border-color:var(--accent);color:var(--text)}.string-toggles button.selected,.toggle-pair button.selected,.session-length-picker button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.interval-config{flex-direction:column;gap:24px;display:flex}.interval-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr));gap:10px;display:grid}.interval-grid button{background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--muted);font:500 12px/1 var(--ui-font);cursor:pointer;padding:7px 4px;transition:all .15s}.interval-grid button:hover{border-color:var(--accent);color:var(--text)}.interval-grid button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.mode-toggles{flex-wrap:wrap;gap:8px;display:flex}.mode-toggles button{background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--muted);font:500 12px/1 var(--ui-font);cursor:pointer;flex:1;padding:7px 0;transition:all .15s}.mode-toggles button:hover{border-color:var(--accent);color:var(--text)}.mode-toggles button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.root-note-row,.range-row,.tempo-row{align-items:center;gap:12px;display:flex}.range-row select,.root-note-row select{background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--text);font:500 12px/1 var(--ui-font);flex:1;padding:6px 8px}.tempo-row input[type=number]{background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--control-radius);width:64px;color:var(--text);font:500 12px/1 var(--ui-font);text-align:center;padding:6px 8px}.deathmatch .game-card-art{background:radial-gradient(at bottom,#6a3535,#2e1f1f)}.quickmatch .game-card-art{background:radial-gradient(at bottom,#3a5a3f,#1f2e1f)}.enemy-health span{color:#e19b8e}.enemy-health .health-track{border-color:#c9643a4d}.enemy-health .health-track i{background:linear-gradient(90deg,#d27650,#e19b8e)}.arena-hud{flex-wrap:wrap;gap:8px}.volcanic-arena,.volcanic-arena .fallback-field{background:#281821}.volcanic-arena .map-caption{color:#edb396}.fallback-keep.fallback-enemy-keep{color:#e19b8e;left:auto;right:7%}.library-game{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.game-card-art{background:radial-gradient(at bottom,#65724a,#303e2e);place-items:center;height:160px;display:grid;position:relative;overflow:hidden}.onslaught .game-card-art{background:radial-gradient(at bottom,#876240,#48342a)}.explorer .game-card-art{background:radial-gradient(at bottom,#69604c,#373634)}.siege .game-card-art{background:radial-gradient(at bottom,#6a3535,#2e1f1f)}.card-number{color:#eee2bb9c;letter-spacing:2px;font-size:10px;position:absolute;top:17px;left:19px}.card-art-icon{z-index:1;color:#e5d6a8;text-shadow:0 8px #0002;font:95px Georgia,serif}.card-art-lines{border:1px solid #d9c48d30;border-radius:50%;width:250px;height:250px;position:absolute;transform:translateY(65px);box-shadow:0 0 0 30px #d9c48d0a,0 0 0 60px #d9c48d08}.game-card-copy{flex-direction:column;flex:1;padding:25px;display:flex}.game-card-copy h3{letter-spacing:-.5px;margin:10px 0 12px;font-size:24px;font-weight:500}.game-card-copy>p:not(.eyebrow){color:var(--muted);flex:1;margin:0 0 22px;font-size:12px;line-height:1.8}.game-tag{color:var(--accent);font-size:10px}.game-focus{color:var(--muted);margin:9px 0 20px;font-size:10px}.game-card-copy button{width:100%}.library-note{text-align:center;color:var(--muted);margin:22px 0 0;font-size:11px;line-height:1.6}@media (max-width:1050px){.hero-copy{padding:35px}.home-instruments button{gap:10px;padding:17px}.home-session-strip{gap:20px}.game-card-copy{padding:20px}.game-card-copy h3{font-size:21px}.main-nav{flex-wrap:wrap}.brand-sub{display:none}}@media (max-width:820px){.hero-copy h1{font-size:37px}.home-hero{grid-template-columns:1.4fr 1fr}.hero-art{min-width:0}.orbit{width:190px;height:190px}.orbit-two{width:270px;height:270px}.keep-emblem{font-size:135px}.hero-note{width:43px;height:43px;font-size:25px}.note-one{left:12%}.note-two{right:3%}.art-caption{letter-spacing:1px;font-size:7px}.home-session-strip{flex-wrap:wrap}.home-session-strip>span{width:100%}.home-instruments small{display:none}.game-library-grid{gap:12px}.game-card-copy{padding:16px}.game-card-copy h3{font-size:19px}.game-card-copy .eyebrow{font-size:8px}.library-section-heading>span{display:none}.exercise-picker{flex-direction:column;align-items:start;gap:6px}}@media (max-width:580px){.home-library{padding-top:20px}.home-hero{grid-template-columns:1fr}.hero-copy{padding:28px 23px}.hero-copy h1{font-size:37px}.hero-art{display:none}.home-session-strip{gap:17px}.home-session-strip button{text-align:left;width:100%;margin-left:0}.home-instruments{gap:8px}.home-instruments button{text-align:center;flex-direction:column;gap:7px;padding:16px 10px}.home-instruments strong{font-size:14px}.home-instruments b{display:none}.coming-soon-row{margin-top:8px}.soon-tag{margin:0 auto}.instrument-glyph{font-size:27px}.library-section-heading{flex-direction:column;align-items:start;margin-top:30px}.library-section-heading h2{font-size:24px}.exercise-picker{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.game-library-grid{grid-template-columns:1fr;gap:20px}.game-card-art{height:150px}.game-card-copy{padding:24px}.game-card-copy h3{font-size:25px}.game-card-copy .eyebrow{font-size:10px}.hero-footnote{gap:10px;font-size:8px}}.hero-actions .primary-button{width:auto}.welcome-card{max-width:calc(100% - 28px);top:50%;left:50%;transform:translate(-50%,-50%)}.skip-soundcheck{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.skip-soundcheck small{color:var(--muted);text-align:center;margin-top:10px;font-size:11px;line-height:1.6;display:block}.desert-arena{background:#ac7852}.desert-arena .map-caption{color:#553321}.unit-label>b{text-shadow:0 1px 3px #211b16;font-size:12px}.fallback-unit>small{background:#292820;border-radius:50%;padding:2px;font-size:12px;position:absolute;top:-8px;right:-5px}.fallback-impact{pointer-events:none;border:2px solid #d7a3ed;border-radius:50%;width:17.86%;height:31.25%;position:absolute;transform:translate(-50%,-50%)}.units-viewer{max-width:1200px;margin:0 auto;padding:40px 24px}.viewer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:40px;padding-bottom:32px;display:flex}.viewer-header h1{margin:8px 0 12px;font-size:32px;line-height:1.2}.viewer-header p{color:var(--muted);max-width:600px}.viewer-controls{background:var(--surface-inset);border:1px solid var(--line);border-radius:12px;gap:32px;margin-bottom:40px;padding:20px;display:flex}.control-group{flex-direction:column;gap:10px;display:flex}.control-group label{letter-spacing:.5px;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600}.button-group{gap:6px;display:flex}.button-group button{background:var(--surface);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--text);font:500 13px/1 var(--font);cursor:pointer;padding:8px 16px;transition:all .15s}.button-group button:hover{border-color:var(--accent)}.button-group button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.viewer-controls,.button-group{flex-wrap:wrap}.shelf-count{font-variant-numeric:tabular-nums;opacity:.65;margin-left:8px;font-size:11px}.codex-era-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;padding-bottom:8px;display:flex}.codex-era-heading h2{text-wrap:balance;margin:0;font-size:20px;line-height:1.3}.codex-era-heading span{letter-spacing:.5px;color:var(--muted);text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.unit-shared-note{color:var(--muted);margin:8px 0 0;font-size:12px}.units-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.unit-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;transition:border-color .2s;overflow:hidden}.unit-card:hover,.unit-card.modified{border-color:var(--accent)}.unit-card.disabled{opacity:.5}.unit-card-preview{background:#1a1a1a;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.unit-preview{width:240px;height:240px}.unit-preview canvas{border-radius:8px;width:100%;height:100%;display:block}.unit-card-info{padding:20px}.unit-card-info h3{margin:0 0 8px;font-size:18px;line-height:1.3}.unit-description{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.viewer-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.spawn-badge{color:var(--accent);font:600 11px/1 var(--ui-font);letter-spacing:.3px;background:#000a;border-radius:6px;padding:5px 8px;position:absolute;bottom:10px;right:10px}.modified-badge{color:var(--accent);vertical-align:middle;margin-left:8px;font-size:10px;font-weight:500}.codex-era.is-faction .codex-era-heading{border-bottom:3px solid var(--banner,var(--line))}.codex-blurb{max-width:72ch;color:var(--muted);margin:-6px 0 16px;font-size:13px;line-height:1.5}.codex-card{border-top:3px solid var(--banner,var(--line))}.codex-card-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.codex-cost{background:var(--accent);min-width:28px;color:var(--surface);font:700 13px/1.2 var(--ui-font);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:3px 7px}.codex-card-meta{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.codex-rarity,.codex-trait{border:1px solid var(--line);font:600 11px/1.4 var(--ui-font);text-transform:capitalize;color:var(--muted);border-radius:6px;padding:2px 7px}.codex-rarity.is-uncommon{color:#3f8f5a;border-color:currentColor}.codex-rarity.is-rare{color:#3b6fc4;border-color:currentColor}.codex-rarity.is-epic{color:#8b4fc4;border-color:currentColor}.codex-rarity.is-legendary,.codex-rarity.is-mythical{color:#c48a1e;border-color:currentColor}.codex-ability{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:4px;margin:0 0 10px;padding:8px 10px;font-size:13px;line-height:1.5}.codex-ability.is-planned{border-left-color:var(--line);color:var(--muted);background:0 0}.stat-sheet{flex-direction:column;gap:12px;margin-top:4px;display:flex}.stat-sheet dl,.stat-sheet dd{margin:0}.stat-bars{flex-direction:column;gap:7px;display:flex}.stat-bar-row{grid-template-columns:64px 1fr;align-items:center;gap:10px;display:grid}.stat-bar-row dt{color:var(--muted);font-size:12px}.stat-bar-row dd{grid-template-columns:1fr 58px;align-items:center;gap:10px;display:grid}.stat-meter{background:var(--line);border-radius:3px;height:6px;display:block;overflow:hidden}.stat-meter>span{background:var(--accent);border-radius:3px;height:100%;display:block}.stat-value{font:600 12px/1 var(--ui-font);font-variant-numeric:tabular-nums;color:var(--text);text-align:right;white-space:nowrap}.stat-chips{flex-wrap:wrap;gap:6px;display:flex}.stat-chip{border:1px solid var(--line);background:var(--surface-inset);border-radius:6px;align-items:baseline;gap:6px;padding:5px 9px;display:flex}.stat-chip dt{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.stat-chip dd{font:600 12px/1 var(--ui-font);font-variant-numeric:tabular-nums;color:var(--text)}.stat-notes{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.viewer-footer{background:var(--surface-inset);border:1px solid var(--line);text-align:center;border-radius:12px;padding:24px}.viewer-footer p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.viewer-footer strong{color:var(--text)}.fallback-unit.unit-hit{filter:brightness(1.8)}.fallback-unit.unit-attack{outline-offset:3px;outline:2px solid #efdab1}.fallback-unit.unit-death{pointer-events:none}@media (prefers-reduced-motion:reduce){.fallback-unit.unit-hit{filter:none}}.fallback-projectile{pointer-events:none;font-size:22px;position:absolute;transform:translate(-50%,-50%)}.camera-controls{z-index:8;background:#252920d9;border:1px solid #e3ddc033;border-radius:10px;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.camera-controls button{color:#f4eedb;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:36px;min-height:36px;padding:4px 9px;font-size:12px}.camera-controls button:hover:not(:disabled){background:#ffffff24}.camera-controls button:focus-visible{background:#ffffff24}.camera-controls button:disabled{opacity:.35;cursor:default}.fallback-field{border-bottom:8px solid #66503e;border-radius:50%;inset:4%;overflow:hidden}.fallback-river{background:linear-gradient(100deg,#91aa9d55,#adb8a980,#91aa9d55);width:6%;position:absolute;top:0;bottom:0;left:47%}.fallback-road{background:#c5b18a;height:4%;position:absolute;top:48%;left:9%;right:9%}.fallback-bridge{background:repeating-linear-gradient(90deg,#a88b62 0 7px,#715d44 8px);border-block:3px solid #705b41;width:11%;height:14%;position:absolute;top:43%;left:44.5%}.camera-controls input[type=range]{accent-color:#d8c894;cursor:ew-resize;width:76px}.arena>.enemy-health{z-index:70;pointer-events:none;width:180px;margin:0;position:absolute;bottom:12px;right:16px}@media (max-width:680px){.arena>.enemy-health{width:145px;padding:8px 10px;bottom:68px;right:12px}.arena .map-caption{max-width:calc(100% - 185px);bottom:74px}}.scene-host canvas{cursor:grab;touch-action:pan-y}.scene-host canvas:active{cursor:grabbing}.unit-preview canvas{cursor:grab;touch-action:none}.unit-preview canvas:active{cursor:grabbing}.wave-banner{color:#fff;font:700 16px/1 var(--font);letter-spacing:1.5px;text-transform:uppercase;text-align:center;pointer-events:none;z-index:10;background:#b43c1ed9;border:2px solid #ff783c99;border-radius:8px;padding:12px 32px;animation:.5s ease-out banner-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes banner-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(1.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.wave-counter{font:600 11px/1 var(--font);letter-spacing:1px;color:var(--muted)}.siege-timer-critical{animation:.8s ease-in-out infinite alternate siege-pulse}@keyframes siege-pulse{0%{color:var(--error);text-shadow:0 0 4px #e19b8e44}to{color:#ff6b5b;text-shadow:0 0 14px #ff6b5baa,0 0 24px #ff6b5b44}}.zombie .game-card-art{background:radial-gradient(at bottom,#3a5a2a,#1f2e1a)}.warchest .game-card-art{background:radial-gradient(at bottom,#8a6a2c,#3a2c16)}.muster-picker{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 14px;font-size:10px;display:flex}.muster-picker button{border:1px solid var(--line);width:auto;color:inherit;cursor:pointer;background:0 0;border-radius:5px;flex:none;padding:4px 8px;font-size:10px}.muster-picker button.selected{border-color:var(--accent);color:var(--accent);font-weight:600}.raid .game-card-art{background:radial-gradient(at bottom,#5a3a2a,#241914)}.game-card-copy>p.raid-due{border-radius:var(--control-radius);background:#3a2a1d;border:1px solid #a8642f;flex-direction:column;flex:none;gap:3px;margin:8px 0 14px;padding:8px 10px;line-height:1.5;display:flex}.raid-due b{color:#f0b77a;font-size:13px}.raid-due.is-none{border-color:var(--line);background:var(--surface-inset)}.raid-due.is-none b{color:var(--text);font-size:12px}.raid-due small{color:var(--muted);font-size:10px}.raid-hud{z-index:3;pointer-events:none;color:#f0b77a;letter-spacing:.05em;border-radius:var(--control-radius);text-align:center;font-variant-numeric:tabular-nums;background:#2b2922ee;border:1px solid #a8642f;min-width:180px;padding:.25em .7em .35em;font-size:.75rem;font-weight:700;position:absolute;top:22px;left:50%;transform:translate(-50%)}.raid-hud i{background:#4c3828;border-radius:2px;height:3px;margin-top:3px;display:block;overflow:hidden}.raid-hud b{background:#f0b77a;height:100%;transition:width .4s;display:block}.raid-hud.is-clear{border-color:var(--success);color:var(--success)}.daily .game-card-art{background:radial-gradient(at bottom,#6a7a3a,#232a18)}.daily-info{margin:8px 0 14px;font-size:11px}.daily-setup{grid-template-columns:1fr 1fr;gap:6px 10px;margin:0 0 8px;display:grid}.daily-setup dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:9px}.daily-setup dd{color:var(--text);margin:1px 0 0}.daily-deck{flex-wrap:wrap;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.daily-deck li{border:1px solid var(--line);background:var(--surface-inset);border-radius:5px;align-items:center;gap:4px;padding:2px 6px;display:flex}.daily-deck small{color:var(--muted);font-size:9px}.daily-best{color:var(--accent);margin:0 0 6px;font-size:11px}.daily-history{gap:4px;margin:0;padding:0;list-style:none;display:flex}.daily-history li{border:1px solid var(--line);border-radius:5px;flex-direction:column;align-items:center;min-width:38px;padding:2px 4px;display:flex}.daily-history li.is-won b{color:var(--success)}.daily-history li.is-lost b{color:var(--error)}.daily-history small{color:var(--muted);font-size:9px}.daily-result{border-radius:var(--control-radius);background:#262b1c;border:1px solid #6a7a3a;flex-direction:column;gap:6px;margin:14px 0;padding:12px 14px;display:flex}.daily-share{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.daily-share code{background:var(--surface-inset);color:var(--text);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;border-radius:5px;flex:220px;padding:6px 8px;font-size:12px}.daily-share button{width:auto}.spectate-mode{--sidebar-width:360px;gap:0;min-height:calc(100vh - 92px);display:flex;position:relative}.spectate-arena-container{flex:1;min-width:0;position:relative;overflow:hidden}.spectate-arena-container .arena{width:100%;height:100%}.resize-divider{background:var(--line);cursor:col-resize;flex-shrink:0;width:4px;transition:background .2s;position:relative}.resize-divider:hover,.resize-divider:active{background:var(--accent)}.resize-divider:before{content:"";position:absolute;inset:0 -4px}.spectate-overlay-info{z-index:50;pointer-events:none;position:absolute;top:68px;left:20px}.spectate-sidebar{width:var(--sidebar-width);background:var(--surface);flex-direction:column;flex-shrink:0;gap:16px;min-width:280px;max-width:600px;max-height:calc(100vh - 92px);padding:20px;display:flex;overflow-y:auto}.spectate-status{background:var(--surface-inset);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--accent);text-align:center;letter-spacing:.5px;padding:10px 16px;font-size:13px;font-weight:600}.sidebar-section{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.sidebar-section h4{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--line);margin:0 0 12px;padding-bottom:8px;font-size:15px;font-weight:600}.sidebar-section h5{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin:16px 0 8px;font-size:12px;font-weight:600}.sidebar-toggle-button{background:var(--surface-raised);width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--control-radius);cursor:pointer;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-toggle-button:hover{background:var(--surface-soft);border-color:var(--accent)}.sidebar-exit-button{background:var(--destructive);color:#fff;border-radius:var(--control-radius);cursor:pointer;border:none;width:100%;margin-top:auto;padding:12px 16px;font-size:14px;font-weight:600;transition:all .15s}.sidebar-exit-button:hover{opacity:.9;transform:translateY(-1px)}.debug-section .debug-stats{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.debug-row{background:var(--surface-inset);border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;display:flex}.debug-row span{color:var(--muted)}.debug-row strong{color:var(--accent);font-weight:600}.unit-composition{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.composition-row{background:var(--surface-inset);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.composition-row .unit-icon{text-align:center;min-width:20px;font-size:16px}.composition-row span{color:var(--text);flex:1}.composition-row strong{color:var(--accent);text-align:right;min-width:30px;font-weight:600}.composition-empty{text-align:center;color:var(--muted);padding:12px;font-size:12px;font-style:italic}.spawn-section .team-buttons{gap:8px;margin-bottom:12px;display:flex}.spawn-section .team-buttons button{border-radius:var(--control-radius);border:1px solid var(--line);background:var(--surface-inset);color:var(--text);cursor:pointer;flex:1;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s}.spawn-section .team-buttons button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.spawn-section .team-buttons button:hover{background:var(--surface-soft)}.spawn-section .team-buttons button.active:hover{opacity:.9}.spawn-section .unit-buttons{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.spawn-section .unit-buttons button{border-radius:var(--control-radius);border:1px solid var(--line);background:var(--surface-inset);color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.spawn-section .unit-buttons button:hover{background:var(--surface-soft);border-color:var(--accent);transform:translateY(-1px)}.unit-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:12px;display:grid}.unit-card{border-radius:var(--control-radius);border:1px solid var(--line);background:var(--surface-inset);color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.unit-card:hover{background:var(--surface-soft);border-color:var(--accent);transform:translateY(-1px)}.unit-card .unit-icon{text-align:center;min-width:20px;font-size:16px}.unit-card .unit-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.biome-picker{color:#e2e8f0;background:#172c36;border:1px solid #475569;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;max-width:1240px;margin:22px auto;padding:20px 24px;display:flex}.biome-picker>div{flex:1;min-width:240px}.biome-picker:not(.gore-picker)>div{flex-basis:100%}.biome-picker:not(.gore-picker)>div p{max-width:none}.biome-picker:not(.gore-picker) button{flex:190px}.biome-picker strong{letter-spacing:.12em;font-size:12px}.biome-picker p{color:#adc5d1;max-width:480px;margin:6px 0 0;font-size:12px;line-height:1.6}.biome-picker button{color:#f8fafc;text-align:left;cursor:pointer;background:#203a47;border:1px solid #526977;border-radius:9px;padding:12px 18px}.biome-picker button[aria-pressed=true]{background:#315666;border-color:#a5f3fc;box-shadow:inset 0 0 0 1px #a5f3fc}.gore-picker{background:#2a1a1f;border-color:#6b3a44;margin-top:-10px}.gore-picker button{text-align:center;letter-spacing:.08em;min-width:72px;font-weight:700}.gore-picker button[aria-pressed=true]{background:#7f1d1d;border-color:#f87171;box-shadow:inset 0 0 0 1px #f87171}.biome-picker small{color:#cbd5e1;margin-top:5px;font-size:11px;display:block}.winter-arena{background:#526b80}.loess-arena{background:#c98a4b}.loess-arena .map-caption{color:#4a2410}.bamboo-arena{background:#a9bfb4}.bamboo-arena .map-caption{color:#1f3b2c}.graveyard-arena,.graveyard-arena .fallback-field{background:#0b1020}.graveyard-arena .map-caption{color:#c4b5fd}.sakura-arena{background:#f3d6df}.sakura-arena .map-caption{color:#6b2a3c}.thermopylae-arena{background:#bfd8e8}.thermopylae-arena .map-caption{color:#5a3a1e}.beach-arena{background:#8fd3f4}.beach-arena .map-caption{color:#0e4a6b}.liangshan-arena{background:#c9d6d2}.liangshan-arena .map-caption{color:#3d4a36}.steppe-arena{background:#e8e2c9}.steppe-arena .map-caption{color:#4a4a2a}.red-cliffs-arena{background:#e6b48c}.red-cliffs-arena .map-caption{color:#5a2416}.changban-arena{background:#ddd6bc}.changban-arena .map-caption{color:#4a4030}.battle-top-right{align-items:center;gap:10px;display:flex}.battle-top-button{font:inherit;letter-spacing:1px;border:1px solid var(--line);background:var(--surface-inset);color:var(--muted);cursor:pointer;border-radius:999px;padding:4px 9px;font-size:9px}.battle-top-button:hover,.battle-top-button[aria-pressed=true]{color:var(--text);border-color:var(--accent)}.arena-volume{border-radius:var(--control-radius);background:#2b2922ee;border:1px solid #625f48;align-items:center;gap:6px;height:39px;padding:0 10px 0 4px;display:flex;box-shadow:0 3px 12px #0002}.arena-volume-mute{cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:16px}.arena-volume input[type=range]{width:84px;accent-color:var(--accent);cursor:pointer}.arena-view{z-index:50;border-radius:var(--control-radius);opacity:.8;background:#2b2922ee;border:1px solid #625f48;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;max-width:calc(100% - 40px);padding:4px;transition:opacity .15s;display:flex;position:absolute;top:67px;right:20px;box-shadow:0 3px 12px #0002}.arena-view:hover,.arena-view:focus-within{opacity:1}.hide-hud .arena-view{opacity:.45}.hide-hud .arena-view:hover,.hide-hud .arena-view:focus-within{opacity:1}.arena-view-button{border-radius:calc(var(--control-radius) - 2px);color:#c4bea6;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;height:30px;padding:0 9px;font-family:inherit;font-size:12px;font-weight:600;line-height:1}:is(.arena-view-button:hover,.arena-view-button:focus-visible){color:#fff;border-color:#625f48}.arena-view-button[aria-pressed=false]{color:#8a8672;text-decoration:line-through}.arena-view-status{color:#e9e3c9;padding:0 8px;font-size:12px}.floating-panel{z-index:45;border-radius:var(--control-radius);color:#e9e3c9;background:#2b2922f2;border:1px solid #625f48;max-height:min(70%,100% - 32px);padding:10px 12px;font-size:12px;line-height:1.4;position:absolute;top:50%;overflow-y:auto;transform:translateY(-50%);box-shadow:0 3px 12px #0003}.floating-panel-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:8px;display:flex}.floating-panel-handle:active{cursor:grabbing}.floating-panel-handle>div{flex:1;min-width:0}.floating-panel h3{color:#fff;flex:1;margin:0;font-size:14px}.floating-panel-handle button{color:#c4bea6;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.floating-panel-handle button:hover{color:#fff}.floating-panel h4{color:#a39d86;letter-spacing:.08em;text-transform:uppercase;margin:10px 0 4px;font-size:10px;font-weight:700}.unit-inspector{border-left-width:4px;width:min(320px,100% - 32px);left:16px}.unit-inspector header p{color:#c4bea6;margin:2px 0 0}.unit-inspector-icon{font-size:22px;line-height:1}.unit-inspector-tags{color:#a39d86;flex-wrap:wrap;gap:4px 10px;margin:6px 0 0;display:flex}.unit-inspector-tags code{text-transform:none;font-size:11px}.unit-inspector dl{grid-template-columns:repeat(3,1fr);gap:4px;margin:0;display:grid}.unit-inspector dl>div{background:#ffffff0d;border-radius:4px;padding:3px 6px}.unit-inspector dt{color:#a39d86;font-size:10px}.unit-inspector dd{color:#fff;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.unit-inspector-about{margin:10px 0 0}.unit-inspector-about summary{cursor:pointer;color:#a39d86;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.unit-inspector-text{color:#c4bea6;margin:6px 0 0}.unit-inspector-condition{margin:8px 0 0}.unit-inspector-nerve{align-items:center;gap:8px;font-weight:600;display:flex}.unit-inspector-nerve>span:last-child{color:#c4bea6;font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.unit-inspector-meter{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.unit-inspector-meter>span{background:currentColor;height:100%;display:block}.unit-inspector-condition ul{flex-wrap:wrap;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.unit-inspector-condition li{border:1px solid;border-radius:999px;padding:1px 7px;font-size:11px}.unit-inspector-condition .tone-good{color:#6fcf7c}.unit-inspector-condition .tone-warn{color:#ea580c}.unit-inspector-condition .tone-bad{color:#f06a5f}.unit-inspector-condition .tone-info{color:#a9c7e8}.unit-inspector-condition ul.unit-inspector-effects{flex-flow:column;gap:3px}.unit-inspector-condition .unit-inspector-effects li{border:0;border-left:2px solid;border-radius:0;align-items:baseline;gap:6px;padding:1px 0 1px 7px;display:flex}.unit-inspector-effect-name{white-space:nowrap;font-weight:600}.unit-inspector-effect-detail{color:#c4bea6;flex:1}.unit-inspector-effect-left{color:#c4bea6;font-variant-numeric:tabular-nums;white-space:nowrap}.unit-orders{width:min(260px,100% - 40px);right:20px}.test-bench{flex-direction:column;gap:8px;display:flex}.test-bench-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.test-bench button{color:inherit;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #625f48;border-radius:4px;padding:3px 9px}.test-bench button:hover:not(:disabled){background:#ffffff1f}.test-bench button:disabled{opacity:.45;cursor:default}.test-bench-row [role=radio]{font-weight:700}.test-bench-row [role=radio][aria-checked=true]{background:#ffffff26;border-color:currentColor}.test-bench-count{align-items:center;gap:4px;margin-left:auto;font-weight:700;display:inline-flex}.test-bench-count input{color:#fff;width:3.4em;font:inherit;background:#1c1b16;border:1px solid #625f48;border-radius:4px;padding:2px 4px}.test-bench-toggle{color:#c4bea6;align-items:center;gap:4px;font-size:12px;display:inline-flex}.test-bench-search{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#1c1b16;border:1px solid #625f48;border-radius:4px;padding:4px 8px}.test-bench-cards{grid-template-columns:minmax(0,1fr);gap:3px;max-height:420px;display:grid;overflow-y:auto}.test-bench-cards button{box-sizing:border-box;text-align:left;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.test-bench-cards button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.test-bench-cards button.in-deck{border-color:#c9a86a}.test-bench-deck-tag{color:#e7cf98;text-transform:uppercase;letter-spacing:.05em;background:#c9a86a33;border-radius:3px;flex:none;padding:0 5px;font-size:10px}.test-bench-cards small{color:#a39d86;font-variant-numeric:tabular-nums;flex:none}.test-bench-cards p,.test-bench-note{color:#a39d86;margin:0;font-size:12px}.unit-orders-sides{gap:4px;margin-top:8px;display:flex}.unit-orders-sides button,.unit-orders-choice button{color:#c4bea6;font:inherit;cursor:pointer;background:0 0;border:1px solid #625f48;border-radius:4px;flex:1;padding:5px 6px;font-weight:600}.unit-orders-sides button[aria-selected=true],.unit-orders-choice button[aria-checked=true]{color:#fff;background:#625f48}.unit-orders-choice{border:0;margin:8px 0 0;padding:0}.unit-orders-choice legend{color:#a39d86;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;padding:0;font-size:10px;font-weight:700}.unit-orders-choice>div{gap:4px;display:flex}.unit-orders-hint{color:#a39d86;margin:8px 0 0}.unit-inspector-all{color:#c4bea6;cursor:pointer;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.unit-inspector-led{color:#c4bea6;margin:0 0 8px;font-size:12px}.arena>.arena-hud{z-index:70}@media (max-width:680px){.arena-view{top:auto;bottom:118px;right:12px}}.arena-stats{z-index:2;color:#c4bea6;pointer-events:none;background:#1b1a15d9;border:1px solid #ffffff14;border-radius:7px;grid-template-columns:repeat(2,auto);gap:3px 14px;padding:8px 11px;font:11px ui-monospace,Menlo,monospace;display:grid;position:absolute;top:84px;left:20px}.arena-stats.is-inline{width:max-content;margin-top:4px;position:static}.arena-stats b{color:var(--text);margin-left:4px;font-weight:600}.game-layout.is-fullscreen{z-index:60;height:100vh;background:var(--paper);grid-template-columns:minmax(0,1fr) 420px;align-items:stretch;gap:10px;height:100dvh;margin:0;padding:10px;position:fixed;inset:0;overflow:hidden}.game-layout.is-fullscreen .battle-column{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.game-layout.is-fullscreen .arena{flex:1 1 0;height:auto;min-height:360px}.game-layout.is-fullscreen .practice-dock{min-height:0;max-height:100%;overflow-y:auto}@media (max-width:820px){.game-layout.is-fullscreen{grid-template-columns:1fr;overflow-y:auto}.game-layout.is-fullscreen .arena{min-height:60vh}.game-layout.is-fullscreen .practice-dock{max-height:none}}.spectate-arena-controls{z-index:50;position:absolute;top:20px;right:20px}.practice-options button{overflow-wrap:anywhere;min-width:44px;min-height:44px;padding:12px 16px;line-height:1.4}.practice-options :is(.string-toggles,.toggle-pair,.session-length-picker,.mode-toggles) button{flex:auto}.practice-options :is(select,input[type=number]){min-width:0;max-width:100%;min-height:44px;font:500 13px/1.4 var(--ui-font);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-inset);color:var(--text);padding:10px 12px}.results-card{width:min(860px,100% - 24px);max-height:92vh;overscroll-behavior:contain;scrollbar-gutter:stable;max-height:92dvh;padding:clamp(20px,3vw,32px);display:block}.results-card>p{max-width:640px;margin:12px auto;line-height:1.6}.results-card>small{display:block}.learning-report{text-align:left;background:var(--surface-inset);border:1px solid var(--line);border-radius:12px;margin-top:24px;padding:22px}.learning-report h3{color:var(--text);margin:6px 0 12px;font-size:21px}.learning-insights{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:8px 0 24px;display:grid}.insight-block{border:1px solid var(--line);background:var(--surface-inset);border-radius:12px;padding:16px}.insight-block h3{margin:0 0 10px;font-size:16px}.weakest-list,.session-list{margin:0;padding:0;list-style:none}.weakest-list li,.session-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.weakest-list li:first-child,.session-list li:first-child{border-top:0}.weakest-list strong,.weakest-list b{color:var(--text);display:block}.weakest-list small{color:var(--muted);font-size:12px}.weakest-list span{text-align:right}.session-list li{color:var(--muted);font-size:13px}.session-list li span:first-child{flex:1}.session-list b{color:var(--text)}.session-list small{text-align:right;min-width:36px}.session-list .up{color:var(--success)}.session-list .down{color:var(--error)}.trend-chart{grid-template-columns:repeat(14,1fr);align-items:end;gap:4px;height:110px;display:grid}.trend-day{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.trend-day i{background:var(--accent);border-radius:3px 3px 0 0;width:100%;min-height:3px;display:block}.trend-day i.empty{background:var(--line)}.trend-day small{color:var(--muted);font-size:10px}.learning-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;margin:0 0 16px;display:grid}.learning-summary>div{border:1px solid var(--line);background:var(--surface-inset);border-radius:10px;padding:12px 14px}.learning-summary strong{color:var(--text);font-size:22px;display:block}.learning-summary small{color:var(--muted);font-size:12px}.learning-caption,.theory-caption{color:var(--muted);font-size:13px;line-height:1.6}.learning-rows{gap:10px;margin-top:16px;display:grid}.learning-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:18px;padding:16px;display:grid}.learning-row strong{color:var(--text);font-size:16px;display:block}.learning-row small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5;display:block}.learning-meter label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.learning-meter progress{width:100%;height:9px;accent-color:var(--accent)}.battle-record{margin:8px 0 28px}.battle-record h4{color:var(--text);margin:22px 0 10px;font-size:15px}.record-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;display:grid}.record-tiles>div{border:1px solid var(--line);background:var(--surface-inset);border-radius:12px;padding:14px 16px}.record-tiles strong{color:var(--text);font:600 28px var(--ui-font);font-variant-numeric:tabular-nums;display:block}.record-tiles small{color:var(--muted);letter-spacing:.6px;font-size:11px}.record-grade{color:var(--gold)!important;font-family:Georgia,serif!important}.record-grades{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.record-grades li{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:13px;display:flex}.record-grades b{background:var(--surface-soft);width:24px;height:24px;color:var(--text);border-radius:50%;place-items:center;font:700 13px Georgia,serif;display:grid}.record-grades .grade-A b{background:var(--gold);color:var(--accent-ink)}.record-heroes{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin-top:16px;display:grid}.record-heroes>div{border:1px solid var(--line);background:var(--surface-inset);border-left-width:4px;border-radius:10px;gap:4px;padding:14px 16px;display:grid}.record-heroes .side-friend{border-left-color:#6d8fc7}.record-heroes .side-enemy{border-left-color:#c46e5f}.record-heroes strong{color:var(--text);font-size:16px}.record-heroes small{color:var(--muted);font-size:12px}.record-feats{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:0 24px;margin:0;display:grid}.record-feats>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.record-feats dt{color:var(--muted);font-size:13px}.record-feats dd{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-weight:600}.record-feats dd small{color:var(--muted);margin-left:6px;font-size:11px;font-weight:400}.record-armies{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px 24px;display:grid}.record-armies table{border-collapse:collapse;width:100%;font-size:13px}.record-armies th{color:var(--muted);text-align:right;padding:6px 4px;font-size:11px;font-weight:500}.record-armies th:first-child,.record-armies td:first-child{text-align:left}.record-armies td{border-top:1px solid var(--line);color:var(--text);text-align:right;font-variant-numeric:tabular-nums;padding:7px 4px}.record-totals{margin-top:18px}.battle-results{--medal:var(--gold);--medal-ink:#2a2214;padding-top:0}.battle-results.grade-A{--medal:#f2d27a}.battle-results.grade-C,.battle-results.grade-D,.battle-results.grade-F{--medal:#a99a7a}.battle-results.is-lost{--medal:#b79a8f;--medal-ink:#2d1f1b}.br-hero{text-align:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--medal) 16%, transparent), transparent 85%);margin:0 calc(-1*clamp(20px,3vw,32px)) 6px;padding:34px 20px 22px;position:relative;overflow:hidden}.is-lost .br-hero{background:linear-gradient(180deg, color-mix(in srgb, var(--error) 12%, transparent), transparent 85%)}.br-glow{background:repeating-conic-gradient(from 0deg at 50% 50%, color-mix(in srgb, var(--medal) 9%, transparent) 0deg 8deg, transparent 8deg 22deg);pointer-events:none;height:160%;animation:40s linear infinite br-spin;position:absolute;inset:-60% -10% auto;-webkit-mask-image:radial-gradient(circle,#000 0 30%,#0000 62%);mask-image:radial-gradient(circle,#000 0 30%,#0000 62%)}.is-lost .br-glow{display:none}@keyframes br-spin{to{transform:rotate(360deg)}}.br-hero>*{position:relative}.br-hero h2{letter-spacing:-1.5px;color:var(--medal);margin:6px 0 4px;font-size:clamp(38px,6vw,54px)}.br-hero>p{max-width:520px;color:var(--muted);margin:0 auto 18px}.br-medal{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--medal) 70%, #fff), var(--medal) 55%, color-mix(in srgb, var(--medal) 60%, #000));width:118px;height:118px;box-shadow:0 0 0 5px color-mix(in srgb, var(--medal) 30%, transparent), 0 14px 40px color-mix(in srgb, var(--medal) 30%, transparent);border-radius:50%;place-items:center;margin:0 auto;animation:.55s cubic-bezier(.2,1.6,.4,1) .15s both br-pop;display:grid}.br-grade{color:var(--medal-ink);margin-top:8px;font:700 64px/1 Georgia,serif}.br-stars{gap:4px;margin-top:-22px;font-size:16px;display:flex}.br-stars i{color:color-mix(in srgb, var(--medal-ink) 30%, transparent);font-style:normal}.br-stars i.on{color:var(--medal-ink);animation:.35s both br-star}.br-word{color:var(--text);margin-top:14px;font-size:20px;display:block}.br-score{color:var(--muted);font-variant-numeric:tabular-nums}.br-held{color:var(--muted);font-size:.85em}@keyframes br-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes br-star{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:none}}.br-parts{text-align:left;gap:10px;max-width:620px;margin:22px auto 8px;padding:0;list-style:none;display:grid}.br-parts li{grid-template-columns:130px 1fr 130px 54px;align-items:center;gap:12px;font-size:13px;display:grid}.br-parts li>span{color:var(--text)}.br-parts i{background:var(--surface-inset);border-radius:4px;height:8px;overflow:hidden}.br-parts b{background:var(--medal);transform-origin:0;border-radius:4px;height:100%;animation:.8s .5s both br-fill;display:block}.br-parts small{color:var(--muted)}.br-parts strong{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}@keyframes br-fill{0%{transform:scaleX(0)}to{transform:none}}.br-stats{grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0 0;display:grid}.br-stats div{border:1px solid var(--line);background:var(--surface-inset);border-radius:10px;padding:12px 8px}.br-stats dt{color:var(--muted);font-size:11px}.br-stats dd{color:var(--text);font:600 22px var(--ui-font);font-variant-numeric:tabular-nums;margin:4px 0 0}.br-bests{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);background:color-mix(in srgb, var(--gold) 9%, transparent);border-radius:12px;margin-top:16px;padding:14px 16px}.br-bests ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.br-bests li{background:var(--surface-inset);color:var(--text);border-radius:999px;padding:5px 12px;font-size:13px}.br-standouts{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin-top:16px;display:grid}.br-standouts>div{border:1px solid var(--line);background:var(--surface-inset);border-left-width:4px;border-radius:10px;gap:4px;padding:14px 16px;display:grid}.br-standouts .side-friend{border-left-color:#6d8fc7}.br-standouts .side-enemy{border-left-color:#c46e5f}.br-standouts strong{color:var(--text);font-size:16px}.br-standouts small{color:var(--muted)}@media (max-width:600px){.br-parts li{grid-template-columns:1fr auto;gap:4px 10px}.br-parts i{grid-area:2/1/auto/-1}.br-parts small{display:none}.br-stats{grid-template-columns:repeat(6,1fr);gap:6px}.br-stats div{grid-column:span 2;padding:8px 4px}.br-stats div:nth-child(n+4){grid-column:span 3}.br-stats dd{font-size:18px}}@media (prefers-reduced-motion:reduce){.br-glow,.br-medal,.br-stars i.on,.br-parts b{animation:none}}.results-battle-details{text-align:left;border:1px solid var(--line);border-radius:10px;margin-top:18px}.results-battle-details summary{cursor:pointer;color:var(--text);padding:18px;font-weight:600}.results-battle-details summary span{color:var(--muted);margin:6px 0 0 18px;font-size:12px;font-weight:400;display:block}.results-battle-details .battle-summary{margin:0;padding:0 18px 18px}.results-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.results-actions button{min-height:44px;padding:12px 18px}.theory-progress{border-top:1px solid var(--line);margin:28px 0;padding-top:24px}.theory-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.theory-heading h3{margin:6px 0 0}.theory-heading>p{color:var(--muted);margin:0;font-size:13px}.theory-categories{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;margin:20px 0;display:grid}.theory-categories button{text-align:left;border:1px solid var(--line);background:var(--surface-inset);color:var(--text);border-radius:10px;padding:16px}.theory-categories button[aria-pressed=true]{border-color:var(--accent);background:var(--surface-soft);box-shadow:inset 0 0 0 1px var(--accent)}.theory-categories strong,.theory-categories span{display:block}.theory-categories span{color:var(--muted);margin-top:6px;font-size:12px}.theory-overview{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.theory-overview h4{margin:0;font-size:18px}.theory-overview span{color:var(--muted);font-size:13px}.theory-topic-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.theory-topic{border:1px solid var(--line);background:var(--surface-inset);border-radius:10px;padding:16px}.theory-topic.mastered{border-color:var(--success)}.theory-topic>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.theory-topic h4{margin:0;font-size:14px}.theory-stage{color:var(--muted);font-size:11px}.theory-topic.mastered .theory-stage{color:var(--success)}.theory-topic>strong{color:var(--accent);margin-top:16px;font-size:22px;display:block}.theory-topic>strong small{color:var(--muted);font-size:11px;font-weight:400}.theory-topic p,.theory-topic>small{color:var(--muted);font-size:12px;line-height:1.5}@media (max-width:600px){.results-card h2{font-size:25px}.learning-report{padding:16px}.learning-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.learning-meter{grid-column:1/-1}.results-actions{flex-direction:column;align-items:stretch}.theory-categories{gap:8px}.theory-categories button{padding:12px 8px}.theory-categories span{font-size:11px}.practice-options :is(.root-note-row,.range-row,.tempo-row){flex-wrap:wrap}}.perf-overlay{z-index:30;color:#d7f5d2;white-space:pre;pointer-events:none;background:#0a0c10c7;border-radius:6px;margin:0;padding:6px 8px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:8px;left:8px}.war-room{--wr-good:var(--success);--wr-bad:var(--error);max-width:1500px;color:var(--text);margin:0 auto;padding-block:18px 40px}.wr-eyebrow{color:var(--accent);letter-spacing:1.6px;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.wr-muted{color:var(--subtle);margin:4px 0;font-size:12px}.war-room button,.war-room select,.war-room input{font:inherit;color:var(--text);background:var(--surface-raised);border-radius:var(--control-radius);border:1px solid #696047;padding:6px 10px;font-size:12px}.war-room button:hover:not(:disabled){border-color:var(--accent);background:#44402c}.war-room button[aria-pressed=true],.war-room button[aria-checked=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.wr-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:20px;padding-bottom:18px;display:flex}.wr-header h1{letter-spacing:-.8px;margin:9px 0 0;font-size:32px;font-weight:500}.wr-deckbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wr-deckbar input{width:180px}.war-room .wr-danger{color:var(--error)}.war-room .wr-close{margin-left:8px}.wr-main{grid-template-columns:290px minmax(0,1fr) 330px;align-items:start;gap:16px;display:grid}.wr-march,.wr-side{scrollbar-width:thin;max-height:690px;overflow:auto}.wr-march h2,.wr-lower h2,.wr-papers h2{letter-spacing:-.2px;margin:0 0 10px;font-size:17px;font-weight:500}.wr-lower h2 small{color:var(--subtle);margin-top:3px;font-size:11px;font-weight:400;display:block}.wr-lane{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px}.wr-lane.is-elite{background:radial-gradient(ellipse at 0% 0%, #d1b97d1f 0, transparent 60%), var(--surface);border-color:#7a6a3c}.wr-lane h3{margin:0 0 10px;font-size:14px;font-weight:600}.wr-lane h3 small{color:var(--subtle);margin-top:3px;font-size:11px;font-weight:400;line-height:1.4;display:block}.wr-lane ol{gap:5px;margin:0;padding:0;list-style:none;display:grid}.wr-slot{border-radius:9px;align-items:stretch;gap:4px;display:flex}.wr-slot.is-over{outline:2px dashed var(--accent)}.war-room .wr-slot-body{text-align:left;background:var(--surface-inset);border-color:var(--line);flex:1;align-items:center;gap:8px;min-width:0;padding:4px 8px 4px 4px;display:flex}.war-room .wr-slot.is-picked .wr-slot-body{border-color:var(--accent);color:var(--text);background:#44402c;font-weight:400}.wr-slot.is-empty .wr-slot-text span{color:var(--subtle);font-style:italic}.wr-step{width:20px;height:20px;color:var(--muted);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.wr-step.is-elite{color:var(--accent);border-color:#7a6a3c}.wr-slot-text{flex:1;gap:2px;min-width:0;line-height:1.2;display:grid}.wr-slot-text small{letter-spacing:1px;text-transform:uppercase;color:var(--accent);font-size:9.5px;font-weight:700}.wr-slot-text span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.wr-slot-cost,.wr-card-cost{min-width:22px;height:22px;color:var(--accent-ink);background:var(--accent);border-radius:999px;flex:none;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:grid}.wr-slot-move{gap:2px;display:grid}.war-room .wr-slot-move button{padding:0 5px;font-size:8px;line-height:1}.wr-portrait{background:radial-gradient(ellipse at 50% 30%, #4a4432, var(--surface-inset) 75%);border:1px solid var(--line);border-radius:8px;flex:none;place-items:center;width:64px;height:80px;display:grid;position:relative;overflow:hidden}.wr-portrait img{object-fit:cover;width:100%;height:100%}.wr-portrait-icon{opacity:.8;font-size:26px}.wr-portrait.is-small{border-radius:6px;width:38px;height:46px}.wr-portrait.is-small .wr-portrait-icon{font-size:18px}.wr-portrait.is-large{border-radius:10px;width:116px;height:145px}.wr-portrait.is-blank{color:var(--subtle);background:var(--surface-inset);border-style:dashed;font-size:20px}.wr-portrait.rarity-uncommon{border-color:#5f8f63}.wr-portrait.rarity-rare{border-color:#5a7fb0}.wr-portrait.rarity-epic{border-color:#9a6ad6}.wr-portrait.rarity-legendary{border-color:var(--accent)}.wr-portrait.rarity-mythical{border-color:#e0567a}.wr-table{position:relative}.sand-table{border-radius:var(--radius);background:var(--surface-inset);border:1px solid #7a6a3c;height:600px;overflow:hidden}.sand-table-frame{position:relative}.sand-legend{border:1px solid var(--line);border-radius:var(--control-radius);max-width:calc(100% - 24px);color:var(--muted);pointer-events:none;background:#24221cd1;flex-wrap:wrap;gap:4px 14px;margin:0;padding:8px 10px;font-size:12px;list-style:none;display:flex;position:absolute;bottom:12px;left:12px}.sand-legend li{align-items:center;gap:6px;display:flex}.sand-legend i{background:#3f86e8;border-radius:2px;width:22px;height:4px;position:relative}.sand-legend i:after{content:"";border:6px solid #0000;border-left:7px solid #3f86e8;border-right:0;position:absolute;top:-4px;right:-5px}.sand-legend i.is-dashed{background:repeating-linear-gradient(90deg,#3f86e8 0 5px,#0000 5px 9px)}.sand-legend i.is-bar:after{background:#3f86e8;border:0;width:4px;height:14px;top:-5px;right:-2px}.sand-legend i.is-enemy{background:#d6412f}.sand-legend i.is-enemy:after{border-left-color:#d6412f}.sand-table canvas{cursor:grab;display:block}.sand-table canvas:active{cursor:grabbing}.wr-chest-meter{border:1px solid var(--line);pointer-events:none;background:#211f19d1;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.wr-chest-meter>span:first-child{color:var(--accent);letter-spacing:1.4px;text-transform:uppercase;font-size:10px;font-weight:700}.wr-meter{background:var(--surface-soft);border-radius:3px;flex:1;height:6px;overflow:hidden}.wr-meter>span{background:var(--accent);height:100%;display:block}.wr-meter>span.is-over{background:var(--error)}.wr-table-hint{text-align:center;color:var(--subtle);margin:8px 0 0;font-size:11px}.wr-dossier{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:16px}.wr-dossier-head{gap:12px;display:flex}.wr-dossier h3{margin:6px 0;font-size:18px;font-weight:500;line-height:1.25}.wr-cost{color:var(--muted);margin:0;font-size:12px}.wr-cost b{color:var(--text);font-size:18px}.wr-traits{flex-wrap:wrap;gap:4px;margin:6px 0 0;display:flex}.wr-traits span{color:var(--muted);background:var(--surface-raised);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:11px}.wr-role{margin:14px 0 10px;font-size:14px;line-height:1.45}.wr-matchups{gap:8px;margin:0 0 12px;font-size:12px;line-height:1.45;display:grid}.wr-matchups dt{letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:700}.wr-matchups div:first-child dt{color:var(--wr-good)}.wr-matchups div:last-child dt{color:var(--wr-bad)}.wr-matchups dd{color:var(--muted);margin:2px 0 0}.wr-figures{gap:5px;margin:0 0 12px;font-size:12px;display:grid}.wr-figures>div{grid-template-columns:64px 1fr;align-items:center;display:grid}.wr-figures dt{color:var(--muted)}.wr-figures dd{align-items:center;gap:6px;margin:0;display:flex}.wr-bar{background:var(--surface-soft);border-radius:3px;flex:1;height:6px;position:relative}.wr-bar>span{background:var(--accent);border-radius:3px;height:100%;display:block}.wr-bar>i{background:var(--text);width:2px;height:12px;position:absolute;top:-3px}.wr-figures b{text-align:right;min-width:34px;font-weight:600}.wr-figures em,.wr-cost em{font-style:normal;font-weight:700}.wr-figures em{min-width:34px}.war-room .is-better{color:var(--wr-good)}.war-room .is-worse{color:var(--wr-bad)}.wr-skins{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:10px;font-size:12px;display:flex}.war-room .wr-skins button{padding:3px 9px;font-size:11px}.wr-skin-gem{background:var(--subtle);vertical-align:1px;border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block;transform:rotate(45deg)}.wr-skin-gem.rarity-uncommon{background:#82bd94}.wr-skin-gem.rarity-rare{background:#8fb0dc}.wr-skin-gem.rarity-epic{background:#b995ec}.wr-skin-gem.rarity-legendary{background:var(--accent)}.wr-skin-gem.rarity-mythical{background:linear-gradient(135deg,#ff7a9c,#ffd36b,#7fe3ff,#c79bff)}.wr-skin-saved{color:var(--wr-good);font-weight:700}.war-room .wr-skins .wr-skin-save{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);flex-basis:100%;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:600}.war-room .wr-skins .wr-skin-save:disabled{color:var(--muted);background:var(--surface-soft);border-color:var(--line);cursor:default}.wr-lore summary{cursor:pointer;color:var(--accent);font-size:12px;font-weight:600}.wr-lore p{color:var(--muted);font-size:12px;line-height:1.55}.rank-chevrons{flex:none;display:block}.wr-rank-mark{justify-content:center;align-items:flex-end;height:13px;display:flex}.wr-rank{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 10px;font-size:12px;display:flex}.wr-rank-label{margin-right:2px}.wr-rank button{border:1px solid var(--line);background:var(--surface-raised);min-width:36px;min-height:36px;color:var(--muted);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px 6px 5px;display:inline-flex}.wr-rank button b{font-size:12px;line-height:1}.wr-rank button[aria-checked=true]{color:#c9a43a;background:#c9a43a1a;border-color:#c9a43a}.wr-rank button:focus-visible{outline-offset:1px;outline:2px solid #c9a43a}.wr-rank-note{color:var(--muted);margin:0 0 10px;font-size:12px}.wr-figures em.wr-rank-gain{white-space:nowrap;color:#c9a43a;min-width:54px;font-weight:700}.wr-rank-help{margin-bottom:10px}.wr-rank-help ul{color:var(--muted);margin:6px 0 0;padding-left:16px;font-size:12px;line-height:1.5}.wr-rank-help li+li{margin-top:4px}.wr-rank-help b{color:var(--text);font-weight:600}.wr-lower{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:20px;display:grid}.wr-chest{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:16px}.wr-chest-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.war-room .wr-card{text-align:center;background:var(--surface-inset);border-color:var(--line);border-radius:12px;align-content:start;justify-items:center;gap:5px;padding:8px 8px 12px;transition:transform .12s,border-color .16s;display:grid;position:relative}.war-room .wr-card:hover{transform:translateY(-2px)}.war-room .wr-card .wr-portrait{width:100%;height:150px}.war-room .wr-card.is-in{border-color:var(--accent);color:var(--text);background:#44402c;font-weight:400}.war-room .wr-card.is-fielded{cursor:not-allowed;opacity:.45;filter:grayscale()}.war-room .wr-card.is-fielded:hover{transform:none}.war-room .wr-card.is-clear{min-height:120px;color:var(--subtle);place-content:center;font-style:italic}.wr-card .wr-card-cost{position:absolute;top:14px;right:14px}.wr-card-name{font-size:13px;font-weight:500;line-height:1.3}.wr-card-role{color:var(--subtle);font-size:11px;line-height:1.35}.war-room .wr-card.unit-card{--frame:linear-gradient(145deg, #8a6a45, #4a3522 45%, #7d5f3c);--face:linear-gradient(180deg, #2c2419, #1d1812);--title:#f3e6c8;--mx:50%;--my:50%;--rx:0deg;--ry:0deg;isolation:isolate;text-align:left;background:var(--face) padding-box, var(--frame) border-box;transform:perspective(700px) rotateX(var(--rx)) rotateY(var(--ry));border:3px solid #0000;border-radius:12px;justify-items:stretch;gap:4px;padding:7px 7px 9px;transition:transform .2s ease-out,box-shadow .2s,filter .2s;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 6px 14px #00000059}.war-room .wr-card.unit-card:hover{transform:perspective(700px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-3px) scale(1.02);box-shadow:inset 0 1px #ffffff1a,0 12px 26px #00000080}.war-room .wr-card.unit-card.rarity-uncommon{--frame:linear-gradient(145deg, #e3e8e6, #7e8a86 40%, #c7d0cc 60%, #6f7b77);--face:linear-gradient(180deg, #232a27, #171c1a)}.war-room .wr-card.unit-card.rarity-rare{--frame:linear-gradient(145deg, #9fc4f4, #2f5b94 40%, #7aa6e0 60%, #1f3f6c);--face:linear-gradient(180deg, #1c2536, #131a26)}.war-room .wr-card.unit-card.rarity-epic{--frame:linear-gradient(145deg, #e2c6ff, #6a3aa8 40%, #b98ae8 60%, #43206f);--face:linear-gradient(180deg, #2a1f3a, #1a1326);box-shadow:0 0 0 1px #c8a0ff4d,0 0 12px #9664e640,0 6px 14px #00000059}.war-room .wr-card.unit-card.rarity-mythical{--frame:conic-gradient(from var(--spin,0deg), #ff5f87, #ffd36b, #7dffb0, #6bd5ff, #b98bff, #ff5f87);--face:linear-gradient(180deg, #3a1422, #1f0c14);animation:8s linear infinite uc-spin;box-shadow:0 0 0 1px #ffc8dc66,0 0 22px #ff78aa59,0 6px 14px #00000059}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes uc-spin{to{--spin:360deg}}.war-room .wr-card.unit-card.rarity-legendary{--frame:linear-gradient(145deg, #fff1b8, #c79a2e 30%, #fbe08a 50%, #9a6f16 72%, #f5d77a);--face:linear-gradient(180deg, #33250f, #1d160a);box-shadow:0 0 0 1px #ffdc8259,0 0 18px #f0be5047,0 6px 14px #00000059}.war-room .wr-card.unit-card.is-in{background:var(--face) padding-box, var(--frame) border-box;outline:2px solid var(--accent);outline-offset:2px}.uc-head{background:linear-gradient(#ffffff1f,#00000040);border-radius:4px;align-items:center;gap:6px;min-width:0;padding:3px 4px 3px 7px;display:flex;box-shadow:inset 0 0 0 1px #00000073}.unit-card .wr-card-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px;min-width:0;color:var(--title);text-shadow:0 1px 1px #000;flex:1;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:700;overflow:hidden}.war-room .unit-card .wr-card-cost{color:#1c1307;background:radial-gradient(circle at 35% 30%,#fff4c9,#e0b04a 55%,#8f6516);min-width:20px;height:20px;font-size:11px;position:static;box-shadow:0 0 0 1px #3a2809}.uc-stars{flex-direction:row-reverse;gap:1px;min-height:11px;padding-inline:2px;display:flex}.uc-stars i{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ff9b6b,#c8321b 55%,#6d1307);border-radius:50%;flex:0 11px;min-width:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #2a0802}.uc-stars i:after{content:"★";color:#ffe08a;text-shadow:0 0 2px #7a3a00;place-items:center;font-size:8.5px;font-style:normal;line-height:1;display:grid;position:absolute;inset:0}.wr-dossier .uc-stars{flex-direction:row;justify-content:flex-end;margin:2px 0}.uc-art{background:linear-gradient(145deg,#0000008c,#ffffff1f);border-radius:4px;padding:3px;display:block;position:relative}.war-room .unit-card .wr-portrait{border:1px solid #0009;border-radius:2px;width:100%;height:142px}.unit-card .cl-badge{top:8px;left:8px}.uc-type{color:#d9c9a3;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-family:Georgia,serif;font-size:10px;font-weight:700;overflow:hidden}.unit-card .wr-card-role{color:#2a2014;background:linear-gradient(#e9dcbc,#d6c49a);border-radius:3px;min-height:3.9em;padding:4px 6px;font-size:10.5px;box-shadow:inset 0 0 0 1px #00000080}.unit-card .cl-tile-foot{justify-content:space-between;padding-inline:2px}.uc-foil,.uc-glare{z-index:2;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .25s;position:absolute;inset:0}.uc-glare{background:radial-gradient(circle at var(--mx) var(--my), #ffffff73, #fff0 45%);mix-blend-mode:overlay}.unit-card:hover .uc-glare{opacity:1}.rarity-uncommon .uc-foil{background:linear-gradient(115deg, transparent 30%, #ffffff59 calc(var(--mx) - 5%), transparent 70%);mix-blend-mode:soft-light}.rarity-uncommon:hover .uc-foil{opacity:1}.rarity-rare .uc-foil,.rarity-epic .uc-foil,.rarity-legendary .uc-foil,.rarity-mythical .uc-foil{background:repeating-linear-gradient(115deg,#ff6b6b 0%,#ffd76b 7%,#7dff9b 14%,#6bd5ff 21%,#b28bff 28%,#ff6b6b 35%) 0 0/300% 300%,repeating-linear-gradient(45deg,#ffffff2e 0 2px,#0000 2px 5px) 0 0/100% 100%;background-position:var(--mx) var(--my), 0 0;mix-blend-mode:color-dodge;filter:saturate(1.2)}.rarity-rare .uc-foil{opacity:.06}.rarity-rare:hover .uc-foil{opacity:.22}.rarity-epic .uc-foil{opacity:.08}.rarity-epic:hover .uc-foil{opacity:.26}.rarity-mythical .uc-foil{opacity:.16;animation:4s linear infinite uc-shimmer}.rarity-mythical:hover .uc-foil{opacity:.36;animation:none}.rarity-legendary .uc-foil{opacity:.1;animation:6s linear infinite uc-shimmer}.rarity-legendary:hover .uc-foil{opacity:.28;animation:none}.rarity-legendary .uc-glare,.rarity-mythical .uc-glare{opacity:.35;background:radial-gradient(circle at var(--mx) var(--my), #fff0be8c, transparent 45%), linear-gradient(115deg, transparent 40%, #ffecaa80 50%, transparent 60%);background-size:100% 100%,250% 100%;animation:4.5s ease-in-out infinite uc-sweep}.rarity-legendary:hover .uc-glare,.rarity-mythical:hover .uc-glare{opacity:1}@keyframes uc-shimmer{0%{background-position:0%,0 0}to{background-position:300%,0 0}}@keyframes uc-sweep{0%,55%{background-position:50%,130% 0}to{background-position:50%,-30% 0}}.war-room .wr-card.unit-card.is-fielded,.war-room .cl-tile.unit-card.is-locked{transform:none}.unit-card.is-fielded .uc-foil,.unit-card.is-fielded .uc-glare,.unit-card.is-locked .uc-foil,.unit-card.is-locked .uc-glare{display:none}@media (prefers-reduced-motion:reduce){.war-room .wr-card.unit-card,.war-room .wr-card.unit-card:hover{transform:none}.rarity-legendary .uc-foil,.rarity-legendary .uc-glare,.rarity-mythical .uc-foil,.rarity-mythical .uc-glare,.war-room .wr-card.unit-card.rarity-mythical{animation:none}}.wr-papers{align-content:start;gap:14px;display:grid}.wr-dispatch,.wr-assess,.wr-enemy{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:16px}.wr-papers h2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.wr-orders{gap:8px;display:grid}.wr-orders fieldset{border:0;grid-template-columns:92px 1fr;align-items:center;margin:0;padding:0;display:grid}.wr-orders legend{float:left;color:var(--muted);padding:0;font-size:12px}.wr-orders [role=radiogroup]{flex-wrap:wrap;gap:4px;display:flex}.war-room .wr-papers button,.war-room .wr-stance button{padding:4px 10px;font-size:12px}.wr-stance{border:0;margin:10px 0 0;padding:0}.wr-stance legend{color:var(--muted);padding:0 0 4px;font-size:12px}.wr-stance [role=radiogroup]{flex-wrap:wrap;gap:4px;display:flex}.wr-stance p{margin:6px 0 0;font-size:12px}.wr-assess ul{color:var(--error);margin:8px 0 0;padding-left:18px;font-size:12px}.wr-enemy-roster{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.wr-enemy-roster li{text-align:center;width:64px;color:var(--muted);justify-items:center;gap:3px;font-size:10px;line-height:1.2;display:grid}.wr-enemy-roster .wr-portrait{border-color:#7a4a3f}.wr-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;margin-top:20px;padding-top:18px;display:flex}.wr-refused{color:var(--error);font:600 12px/1.4 var(--ui-font);margin:6px 0 0}.wr-problems{color:var(--error);background:var(--error-bg);border:1px solid #7a4a3f;border-radius:10px;flex:360px;margin:0;padding:10px 14px 10px 28px;font-size:12px}.war-room .wr-horn{min-height:44px;color:var(--accent-ink);background:var(--accent);border-color:var(--accent);padding:14px 22px;font-size:15px;font-weight:600}.war-room .wr-horn:hover:not(:disabled){color:var(--accent-ink);background:#e4ce98;border-color:#e4ce98}.wr-modal-backdrop{z-index:50;background:#0a0906b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.wr-modal{border-radius:var(--radius);width:min(560px,100%);max-height:calc(100vh - 32px);color:var(--text);background:var(--surface-raised);border:2px solid var(--error);padding:22px 24px;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.wr-modal h2{margin:4px 0 14px;font-size:24px;font-weight:500}.wr-modal h3{margin:0 0 6px;font-size:14px}.wr-modal-deck{margin-bottom:12px}.wr-modal-loss{color:var(--error);font-weight:600}.wr-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.wr-empty{text-align:center;padding:60px 20px}.wr-empty h2{margin:0 0 8px;font-size:26px;font-weight:500}.wr-guide{color:var(--subtle);margin-top:14px;font-size:12px}.wr-guide summary{cursor:pointer}.wr-maps{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);margin-top:20px;padding:16px}.wr-maps h2{letter-spacing:-.2px;margin:0 0 12px;font-size:17px;font-weight:500}.wr-maps h2 small{color:var(--subtle);margin-top:3px;font-size:11px;font-weight:400;display:block}.wr-map-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.war-room .wr-map,.war-room .wr-map[aria-pressed=true]{text-align:left;color:var(--text);background:var(--surface-inset);border:1px solid var(--line);border-radius:12px;align-content:start;gap:4px;padding:0 0 12px;font-weight:400;transition:transform .12s,border-color .16s;display:grid;overflow:hidden}.war-room .wr-map:hover:not(.is-shut){border-color:var(--accent);background:var(--surface-inset);transform:translateY(-2px)}.war-room .wr-map[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);background:#3a3626}.war-room .wr-map:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.war-room .wr-map.is-shut{cursor:not-allowed}.wr-map-shot{aspect-ratio:16/9;background:#1b1f24;margin-bottom:6px;display:block;position:relative}.wr-map-shot img{object-fit:cover;width:100%;height:100%;display:block}.wr-map.is-shut .wr-map-shot img{filter:grayscale()brightness(.6)}.wr-map.is-shut .wr-map-title,.wr-map.is-shut .wr-map-era,.wr-map.is-shut .wr-map-text{opacity:.55}.wr-map-lock{text-shadow:0 2px 8px #000000b3;place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.wr-map:not(.is-shut) .wr-map-lock{font-size:16px;inset:6px 8px auto auto}.wr-map-badge{color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.wr-map-title,.wr-map-era,.wr-map-text,.wr-map-locked{padding-inline:12px}.wr-map-title{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.wr-map-zh{font-size:16px;font-weight:600}.wr-map-name{font-size:13px;font-weight:500}.wr-map-era{letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.wr-map-text{color:var(--muted);font-size:12px;line-height:1.45}.wr-map-locked{color:var(--subtle);margin-top:4px;font-size:11px;font-style:italic}@media (max-width:560px){.war-room .wr-map,.war-room .wr-map[aria-pressed=true]{grid-template-columns:112px minmax(0,1fr);column-gap:10px;padding:8px}.wr-map-shot{border-radius:8px;grid-row:1/span 4;align-self:start;margin:0;overflow:hidden}.wr-map-title,.wr-map-era,.wr-map-text,.wr-map-locked{padding-inline:0}.wr-map-text{font-size:11px}.wr-map-badge{padding:1px 6px;font-size:10px;top:4px;left:4px}}@media (max-width:1200px){.wr-main{grid-template-columns:260px minmax(0,1fr)}.wr-side{grid-column:1/-1;max-height:none}.wr-lower{grid-template-columns:minmax(0,1fr)}}@media (max-width:800px){.wr-main{grid-template-columns:minmax(0,1fr)}.wr-march{max-height:none}.sand-table{height:380px}}.cl-counts{color:var(--muted);flex-wrap:wrap;gap:18px;margin:10px 0 0;font-size:12px;display:flex}.cl-counts b{color:var(--text);margin-right:3px;font-size:20px;font-weight:500}.war-room .cl-plan{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-weight:600}.war-room .cl-plan:hover:not(:disabled){color:var(--accent-ink);background:#e4ce98;border-color:#e4ce98}.cl-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:12px;display:flex}.war-room .cl-toolbar input[type=search]{flex:220px;min-width:0}.cl-seg{gap:4px;display:flex}.cl-check{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.war-room .cl-check input{padding:0}.cl-main{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.cl-shelves{gap:22px;display:grid}.cl-shelf h2{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;margin:0 0 10px;padding-bottom:8px;font-size:16px;font-weight:500;display:flex}.cl-shelf h2 small{color:var(--subtle);font-size:11px}.cl-none{text-align:center;padding:40px 0}.cl-badge{letter-spacing:.8px;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:700;position:absolute;top:14px;left:14px}.cl-badge.is-locked{color:var(--muted);background:var(--surface-soft)}.war-room .cl-tile.is-locked .wr-portrait{filter:grayscale()brightness(.55)}.war-room .cl-tile.is-locked .wr-card-name{color:var(--subtle)}.cl-tile-foot{color:var(--subtle);justify-content:center;gap:8px;font-size:10px;display:flex}.cl-rarity{text-transform:uppercase;letter-spacing:.8px;font-weight:700}.cl-rarity.rarity-uncommon{color:#82bd94}.cl-rarity.rarity-rare{color:#8fb0dc}.cl-rarity.rarity-epic{color:#b995ec}.cl-rarity.rarity-legendary{color:var(--accent)}.cl-rarity.rarity-mythical{background:linear-gradient(90deg,#ff7a9c,#ffd36b,#7fe3ff,#c79bff);color:#0000;-webkit-background-clip:text;background-clip:text}.cl-side{top:var(--cl-sticky-top,12px);overflow-wrap:anywhere;gap:12px;min-width:0;display:grid;position:sticky}.cl-side .wr-dossier-head>div{min-width:0}.cl-record{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:14px 16px}.cl-record dl{gap:8px;margin:0;font-size:12px;display:grid}.cl-record dt{color:var(--accent);letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:700}.cl-record dd{color:var(--muted);margin:2px 0 0;line-height:1.45}@media (max-width:1000px){.cl-main{grid-template-columns:minmax(0,1fr)}.cl-side{order:-1;position:static}}.war-council{background:radial-gradient(at 0 0,#d1b97d29 0,#0000 55%),linear-gradient(135deg,#3a3222,#2b2922);border:1px solid #7a6a3c;border-radius:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:20px 28px;margin-top:18px;padding:24px 28px;display:grid}.war-council h2{margin:4px 0 8px;font-size:26px}.war-council-copy p:last-child{color:var(--muted);margin:0}.war-council-lanes{gap:8px;display:grid}.war-council-lanes ol{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.war-council-lanes li{border:1px solid var(--line);background:var(--surface-raised);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:flex}.war-council-lanes .is-elite li:not(.war-council-lane-name){border-color:#7a6a3c}.war-council-lanes li.is-empty{color:var(--subtle);border-style:dashed}.war-council-lanes li.war-council-lane-name{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;width:96px;padding-left:0;font-size:11px;font-weight:700}.war-council-actions{justify-items:end;gap:8px;display:grid}.war-council-actions .primary-button{white-space:nowrap;width:auto;padding:14px 22px;font-size:16px}.war-council-foe{color:var(--muted);font-size:13px}@media (max-width:900px){.war-council{grid-template-columns:1fr}.war-council-actions{justify-items:start}}.uc-faction{--banner:#5a4630;letter-spacing:.3px;color:#fff7e6;text-shadow:0 1px 1px #000c;background:linear-gradient(180deg, color-mix(in srgb, var(--banner) 80%, #fff 20%), var(--banner) 45%, color-mix(in srgb, var(--banner) 70%, #000 30%));white-space:nowrap;border-top:1px solid #ffe6aa8c;justify-content:center;align-items:baseline;gap:5px;min-width:0;padding:2px 6px 3px;font-family:Georgia,Times New Roman,serif;font-size:10.5px;font-weight:700;display:flex;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden;box-shadow:0 -2px 6px #00000059}.uc-faction-name{text-overflow:ellipsis;text-transform:uppercase;min-width:0;overflow:hidden}.uc-faction-native{opacity:.85;flex:none;font-weight:400}.uc-faction.is-dossier{border-top:0;border-radius:3px;max-width:100%;margin-bottom:4px;padding:3px 10px 4px;font-size:12px;display:inline-flex;position:static;box-shadow:inset 0 0 0 1px #00000073,0 2px 6px #0000004d}.cl-wearers{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cl-wearers li{align-items:center;gap:8px;display:flex}.war-room .cl-wearer{text-align:left;background:0 0;border-color:#0000;flex:1;align-items:center;gap:8px;min-width:0;padding:3px 6px;font-size:12px;display:flex}.war-room .cl-wearer:hover{border-color:var(--line)}.cl-wearer span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.war-room .cl-wear{flex:none;padding:3px 10px;font-size:11px}.war-room .cl-wear.is-on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.beta-badge{vertical-align:super;border:1px solid var(--accent);color:var(--accent);font:600 10px var(--ui-font);letter-spacing:1.2px;text-transform:uppercase;border-radius:999px;margin-left:6px;padding:2px 6px;display:inline-block}.desktop-notice{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-raised);color:var(--text);font:13px/1.4 var(--ui-font);justify-content:space-between;align-items:center;gap:12px;margin:8px 0;padding:10px 14px;display:flex}.desktop-notice .quiet-button{flex:none}.help-tabs{margin:4px 0 14px;display:inline-flex}.info-dialog .settings-note{color:var(--muted);margin:-4px 0 14px 26px;font-size:12px}.site-footer{flex-wrap:wrap;align-items:center;gap:12px 24px}.site-footer .footer-links{align-items:center;gap:16px;display:inline-flex}.site-footer .footer-links a,.site-footer .footer-links .text-button{color:var(--muted);font:12px var(--ui-font)}.subscribe-form{font:12px var(--ui-font);letter-spacing:0;flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.subscribe-form label{color:var(--muted);gap:4px;display:grid}.subscribe-form input,.account-form input,.feedback-form input[type=email],.feedback-form textarea{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-inset);min-width:0;color:var(--text);font:14px var(--ui-font);padding:8px 10px}.subscribe-form .save-file-note{flex-basis:100%;margin:0}.subscribe-done{color:var(--muted);font:12px var(--ui-font);letter-spacing:0;margin:0}.account-panel{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-inset);margin:0 0 14px;padding:12px 14px}.account-panel .settings-note{margin:8px 0 0}.account-status{align-items:center;gap:8px;margin:0 0 10px;display:flex}.sync-dot{background:var(--subtle);border-radius:50%;flex:none;width:8px;height:8px}.sync-dot.sync-saved{background:var(--success)}.sync-dot.sync-saving,.sync-dot.sync-starting{background:var(--accent)}.sync-dot.sync-offline,.sync-dot.sync-conflict{background:var(--error)}.account-row,.account-form{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.account-form .settings-note{flex-basis:100%;margin:0}.account-form input{flex:180px}.danger-text{color:var(--error)}.reset-progress{justify-content:flex-end;margin-top:14px;display:flex}.reset-progress .text-button.danger-text{color:var(--error)}.reset-progress-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.reset-progress-actions button{min-height:40px;padding:10px 16px}.danger-button{border:1px solid var(--error);background:var(--error-bg);color:var(--error);border-radius:var(--control-radius);font-size:12px;font-weight:600}.danger-button:hover:not(:disabled){background:var(--error);color:var(--error-bg)}.desktop-notice.cloud-conflict{flex-wrap:wrap}.cloud-conflict>span:first-child{flex:240px}.cloud-conflict-actions{flex-wrap:wrap;gap:8px;display:inline-flex}.feedback-form{gap:14px;display:grid}.feedback-form fieldset{border:0;margin:0;padding:0}.feedback-form legend,.feedback-form label>span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.feedback-form .settings-note{margin:0}.feedback-kinds{flex-wrap:wrap;gap:6px;display:flex}.feedback-kinds label{border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.feedback-kinds label.chosen{border-color:var(--accent);background:var(--surface-soft)}.feedback-kinds input{opacity:0;pointer-events:none;position:absolute}.feedback-kinds label:has(input:focus-visible){outline:2px solid var(--accent)}.feedback-rating .star{color:var(--line);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:24px}.feedback-rating .star.on{color:var(--accent)}.feedback-message textarea,.feedback-email input{box-sizing:border-box;resize:vertical;width:100%}.view-loading{height:100%;min-height:240px;color:var(--muted);place-items:center;font-size:14px;display:grid}.announcement{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-raised);color:var(--text);align-items:center;gap:12px;margin-bottom:14px;padding:10px 8px 10px 16px;font-size:14px;display:flex}.announcement>span{flex:1}.announcement .text-button{color:var(--accent)}.announcement-close{min-width:32px;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:20px}.legal-page{box-sizing:border-box;max-width:720px;color:var(--text);font:16px/1.6 var(--ui-font);margin:0 auto;padding:48px 16px 64px}.legal-page h1{font-size:32px;line-height:1.2}.legal-page h2{margin-top:32px;font-size:20px}.legal-page a{color:var(--accent)}.legal-page .legal-meta{color:var(--muted)}.legal-page p,.legal-page ul{margin:0 0 14px}.coach-layer{z-index:1000;pointer-events:none;position:fixed;inset:0}.coach-ring{border:2px solid var(--accent);border-radius:12px;transition:top .2s,left .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 9999px #00000073}.coach-card{border:1px solid var(--line);background:var(--surface-raised);color:var(--text);pointer-events:auto;border-radius:12px;padding:14px 16px 12px;position:fixed;box-shadow:0 10px 30px #0006}.coach-card small{color:var(--muted);font-size:12px}.coach-card h3{margin:4px 0 6px;font-size:17px}.coach-card p{margin:0 0 12px;font-size:14px;line-height:1.45}.coach-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.coach-actions .text-button{color:var(--muted);margin-right:auto}.coach-actions .text-button+.text-button{margin-right:0}.coach-actions .text-button{white-space:nowrap}.coach-actions .primary-button{flex:none;width:auto;min-height:34px;margin:0;padding:6px 18px}@media (prefers-reduced-motion:reduce){.coach-ring{transition:none}}.field-manual{max-width:760px;color:var(--text);margin:0 auto;line-height:1.6}.field-manual-head h2{color:var(--text);margin:6px 0 14px;font:600 clamp(24px,6vw,34px)/1.15 Georgia,serif}.field-manual-toc{flex-wrap:wrap;gap:8px;margin:0 0 8px;display:flex}.field-manual-toc a{border:1px solid var(--line);background:var(--surface-inset);color:var(--accent);border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}:is(.field-manual-toc a:hover,.field-manual-toc a:focus-visible){border-color:var(--accent)}.field-manual-section{border:1px solid var(--line);background:var(--surface-inset);border-radius:12px;margin:18px 0 0;padding:18px 20px;scroll-margin-top:16px}.field-manual-section h3{color:var(--text);margin:0 0 10px;font:600 20px/1.25 Georgia,serif}.field-manual-section h4{color:var(--accent);margin:16px 0 6px;font-size:14px}.field-manual-section p,.field-manual-section li,.field-manual-section dd{color:var(--muted);font-size:14px}.field-manual-section p{margin:0 0 8px}.field-manual-section ul,.field-manual-section ol{margin:0;padding-left:20px}.field-manual-section li{margin:6px 0}.field-manual-terms{grid-template-columns:minmax(130px,200px) 1fr;gap:8px 16px;margin:0;display:grid}.field-manual-terms dt{color:var(--text);font-size:14px;font-weight:600}.field-manual-terms dd{margin:0}.field-manual-close{margin-top:20px}@media (max-width:560px){.field-manual-section{padding:14px}.field-manual-terms{grid-template-columns:1fr;gap:2px}.field-manual-terms dd{margin-bottom:8px}}.first-run .first-run-steps,.war-chest-guide .first-run-steps{gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.first-run-steps li{background:var(--line);border-radius:2px;width:28px;height:4px}.first-run-steps li.done,.first-run-steps li.active{background:var(--accent)}.first-run-choices{gap:10px;margin:16px 0;display:grid}.first-run-choices button{border:1px solid var(--line);background:var(--surface-raised);color:var(--text);text-align:left;cursor:pointer;border-radius:12px;gap:4px;padding:14px 16px;display:grid}:is(.first-run-choices button:hover,.first-run-choices button:focus-visible){border-color:var(--accent)}.first-run-choices strong{font-size:17px}.first-run-choices small{color:var(--muted);font-size:14px;line-height:1.4}.first-run-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 12px;display:grid}.first-run-tabs button{border:1px solid var(--line);background:var(--surface-raised);color:var(--text);text-align:left;cursor:pointer;border-radius:10px;gap:2px;padding:10px 12px;display:grid}.first-run-tabs button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.first-run-tabs small{color:var(--muted);font-size:13px;line-height:1.35}@media (max-width:520px){.first-run-tabs small{display:none}}.first-run-hint{color:var(--muted);margin:0 0 8px;font-size:13px}.first-run-picks{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.first-run-picks button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:14px}.first-run-picks button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text)}.first-run .first-run-next{width:100%;margin:14px 0 6px;display:flex}.first-run-points{margin:12px 0 20px;padding-left:20px;line-height:1.5}.first-run-foot{justify-content:space-between;margin-top:12px;display:flex}.first-run-skip{color:var(--muted);margin:8px auto 0;display:block}.tutorial-tip{z-index:900;border:1px solid var(--accent);background:var(--surface-raised);width:min(420px,100vw - 32px);color:var(--text);border-radius:14px;padding:16px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000080}.tutorial-tip small{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.tutorial-tip h3{margin:4px 0 8px;font-size:19px}.tutorial-tip p{margin:0 0 14px;line-height:1.5}.tutorial-tip h3 .tutorial-tip-rank,.help-rank-chevrons{vertical-align:-1px;margin-left:8px;display:inline-block}.wr-lane.is-keep{border-style:dashed}.wr-step.is-keep{color:var(--accent)}.wr-portrait.is-keep img{object-fit:contain}.war-chest-guide{max-width:520px}.war-chest-guide h2{margin:4px 0 14px}.war-chest-guide .coach-actions{margin-top:18px}.wcg-stages{counter-reset:wcg;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.wcg-stages li{border:1px solid var(--line);background:var(--surface-inset);counter-increment:wcg;border-radius:10px;padding:10px 12px;position:relative}.wcg-stages li:before{content:counter(wcg);color:var(--accent);font-size:12px;font-weight:700;display:block}.wcg-stages b{color:var(--text);display:block}.wcg-stages small{color:var(--muted);font-size:12px}.wcg-pay{gap:4px;margin:0 0 14px;display:grid}.wcg-pay div{background:var(--surface-inset);border-radius:8px;justify-content:space-between;gap:12px;padding:6px 10px;display:flex}.wcg-pay dt{color:var(--text);font-size:13px}.wcg-pay dd{color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.wcg-pay .is-miss dd{color:var(--muted)}.wcg-waves{border:1px solid var(--line);background:var(--surface-inset);border-radius:10px;align-items:flex-end;gap:8px;min-height:84px;margin:0 0 14px;padding:10px 12px;display:flex}.wcg-waves span{background:#b5523f;border-radius:4px 4px 0 0;width:22px}.wcg-waves span:last-of-type{background:#d9654c}.wcg-waves small{color:var(--muted);align-self:center;margin-left:auto;font-size:12px}.wcg-deploy{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;margin:0 0 14px;display:grid}.wcg-deploy span{border:1px solid var(--line);background:var(--surface-inset);color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.wcg-deploy i{color:var(--muted);font-style:normal}.wcg-deploy b{color:var(--accent);margin-left:auto}.wcg-deploy .is-elite{border-color:var(--accent)}.wcg-deploy .is-blocked{opacity:.5}.wcg-win{border:1px solid var(--line);background:var(--surface-inset);border-radius:10px;align-items:center;gap:12px;margin:0 0 14px;padding:10px 12px;display:flex}.wcg-win span{font-size:28px}.wcg-win small{color:var(--muted);font-size:13px}.war-chest-help{border:1px solid var(--line);width:24px;height:24px;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;flex:none;margin-left:auto;padding:0;font-weight:700;line-height:1}:is(.war-chest-help:hover,.war-chest-help:focus-visible){border-color:var(--accent)}.war-chest-how{color:var(--accent);margin:6px 0 2px;padding:0;font-size:13px;display:block}@media (max-width:480px){.wcg-stages{grid-template-columns:1fr}}.mode-help{vertical-align:middle;letter-spacing:0;place-items:center;width:20px;height:20px;margin:0 0 0 10px;font-size:11px;display:inline-grid}.wcg-pay .is-foe dd{color:#c4573f}.war-chest-strip .war-chest-foe b{color:#a3453a}.war-chest-strip .war-chest-foe:not(.is-fed) b{color:inherit;opacity:.6}.war-chest-tally:has(.war-chest-foe){grid-template-columns:repeat(5,1fr)}.war-chest-tally .war-chest-foe dd{color:#c4573f}.duel-strip{border:1px solid var(--line);background:var(--surface-inset);color:var(--muted);letter-spacing:.06em;border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:-4px 0 16px;padding:10px 12px;font-size:10px;display:flex}.duel-strip>small{letter-spacing:0;flex-basis:100%}.duel-strip .war-chest-help{margin-left:auto}.duel-vs{color:var(--subtle);font-weight:700}.duel-side{flex:140px;align-items:center;gap:8px;min-width:0;display:flex}.duel-side img,.duel-portrait-empty{object-fit:cover;background:var(--surface-soft);border-radius:6px;flex:none;width:40px;height:40px}.duel-side>div{flex:1;gap:4px;min-width:0;display:grid}.duel-side strong{color:var(--text);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.duel-hp{background:var(--surface-soft);border-radius:3px;height:5px;display:block;overflow:hidden}.duel-hp i{background:var(--success);height:100%;transition:width .2s;display:block}.duel-side.is-enemy .duel-hp i{background:var(--error)}.duel-pips{align-items:center;gap:4px;display:flex}.duel-pips b{border:1px solid var(--line);border-radius:50%;width:10px;height:10px}.duel-pips b.is-held{background:var(--gold);border-color:var(--gold)}.duel-side.is-enemy .duel-pips b.is-held{background:var(--error);border-color:var(--error)}.duel-pips em{color:var(--gold);margin-left:4px;font-style:normal;font-weight:700}.notation:has(.foe-portrait){height:auto;padding:4px 0 8px}.notation .foe-portrait{object-fit:cover;background:var(--surface-soft);border-radius:10px;width:120px;height:120px}.recall-chip{background:var(--surface-soft);color:var(--subtle);letter-spacing:.04em;border-radius:9px;margin-left:8px;padding:1px 6px;font-size:10px}.heroduel .game-card-art{background:radial-gradient(at bottom,#7a3b2e,#2c1814)}.duel-picker select{background:var(--surface-inset);min-width:0;max-width:100%;color:var(--text);border:1px solid var(--line);border-radius:6px;flex:1;padding:4px 6px}@media (max-width:1200px){.topbar .brand-sub{display:none}}