:root,:root[data-skin=matte]{--select-bg:#f7f4ee;--select-text:#22201c;--select-hover-bg:#ebe4d6;--select-hover-text:#22201c;--corner-panel:4px;--corner-card:3px;--corner-control:3px;--corner-chip:2px;--title-shadow:none;--title-spacing:.03em;--corner-control-start:3px 0 0 3px;--corner-control-end:0 3px 3px 0;--edge-detail:inset 0 0 0 3px var(--surface-solid), inset 0 0 0 4px var(--line);--corner-art:none;--panel-clip:none;--border-w:1px;--font:"Segoe UI", "Noto Sans", system-ui, sans-serif;--font-mono:"Cascadia Mono", "Consolas", ui-monospace, monospace;--text:#22201c;--text-muted:#6b665c;--text-on-accent:#fff;--link:#8a4b14;--accent:#b5651d;--accent-2:#8a4b14;--accent-green:#5d7d3a;--accent-soft:#b5651d1f;--good:#4c7a2a;--bad:#b3261e;--line:#d9d3c7;--bg:#ece7dd;--bg-image:radial-gradient(ellipse at 30% -10%, #f6f2ea, transparent 60%), linear-gradient(180deg, #efeae1, #e4ddd0);--surface:#f7f4ee;--surface-solid:#f7f4ee;--surface-2:#efebe3;--surface-border:#ddd6c9;--surface-edge:#cfc7b8;--surface-highlight:none;--blur:0px;--header-bg:#f7f4ee;--btn-bg:#f7f4ee;--btn-bg-hover:#efe9de;--btn-border:#cfc7b8;--btn-text:#22201c;--btn-primary-bg:#a3591a;--btn-primary-hover:#a05817;--btn-primary-border:#8a4b14;--btn-green-bg:#5d7d3a;--btn-green-border:#4a6630;--btn-gloss:none;--btn-shadow:none;--btn-press-shadow:inset 0 1px 3px #00000026;--radius-sm:6px;--radius:10px;--radius-lg:12px;--radius-pill:8px;--shadow-1:0 1px 2px #3c321e14;--shadow-pop:0 10px 30px #3c321e33;--focus:0 0 0 3px #b5651d80;--viewport-bg:#e9e4da;--viewport-exploded-bg:#2a2722;--spot-dim:#1e190f99;--dialog-backdrop:#1e190f66;--texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");--swatch-gloss:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=matte][data-theme=dark]{--select-bg:#2c2a26;--select-text:#ece6da;--select-hover-bg:#3a3631;--select-hover-text:#ece6da;--text:#ece6da;--text-muted:#b0a898;--text-on-accent:#1a1712;--link:#e8a35e;--accent:#d98a3d;--accent-2:#e8a35e;--accent-green:#8fb35f;--accent-soft:#d98a3d29;--good:#9cc46a;--bad:#ff8a7a;--line:#3a3630;--bg:#1b1a17;--bg-image:radial-gradient(ellipse at 30% -10%, #2a2723, transparent 60%), linear-gradient(180deg, #1e1c19, #171613);--surface:#24221f;--surface-solid:#24221f;--surface-2:#1c1b18;--surface-border:#3a3630;--surface-edge:#121110;--header-bg:#22201d;--btn-bg:#2c2a26;--btn-bg-hover:#36332e;--btn-border:#4a453d;--btn-text:#ece6da;--btn-primary-bg:#d98a3d;--btn-primary-hover:#e39a52;--btn-primary-border:#e8a35e;--btn-green-bg:#8fb35f;--btn-green-border:#a3c474;--btn-press-shadow:inset 0 1px 3px #00000080;--shadow-1:0 1px 2px #0006;--shadow-pop:0 10px 30px #0000008c;--focus:0 0 0 3px #e8a35e99;--viewport-bg:#201e1b;--viewport-exploded-bg:#141311;--spot-dim:#000000a8;--dialog-backdrop:#00000080;--texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-skin=aero]{--select-bg:#fff;--select-text:#0d2a3f;--select-hover-bg:#dcefff;--select-hover-text:#0d2a3f;--corner-panel:20px 20px 6px 6px;--corner-card:16px 16px 5px 5px;--corner-control:12px 12px 5px 5px;--corner-chip:999px;--title-shadow:0 1px 0 #ffffff8c, 0 2px 6px #003c782e;--title-spacing:.02em;--corner-control-start:12px 0 0 5px;--corner-control-end:0 12px 5px 0;--edge-detail:0 0 0 0 transparent;--corner-art:linear-gradient(180deg, #ffffff8c, #fff0 26px);--panel-clip:none;--border-w:1px;--font:"Segoe UI", "Frutiger", "Myriad Pro", "Open Sans", "Noto Sans", Ubuntu, system-ui, sans-serif;--font-mono:"Cascadia Mono", "Consolas", ui-monospace, monospace;--text:#0d2a3f;--text-muted:#45657c;--text-on-accent:#fff;--link:#0a5fa8;--accent:#1584d8;--accent-2:#0b63ad;--accent-green:#2ea84a;--accent-soft:#1584d821;--good:#1d8a3a;--bad:#c6282e;--line:#0d467829;--bg:#cfeaf9;--bg-image:radial-gradient(circle at 12% 18%, #ffffffd9 0 2px, transparent 3px), radial-gradient(circle at 86% 12%, #ffffff8c 0 26px, transparent 27px), radial-gradient(circle at 90% 70%, #ffffff59 0 60px, transparent 62px), radial-gradient(circle at 6% 82%, #fff6 0 40px, transparent 42px), radial-gradient(circle at 70% 40%, #ffffff4d 0 12px, transparent 13px), radial-gradient(ellipse 120% 60% at 50% 115%, #78d26e8c, transparent 60%), linear-gradient(180deg, #8fd0f7 0%, #c9ebfb 45%, #eaf8fd 75%, #d5f0d6 100%);--surface:linear-gradient(180deg, #ffffffdb 0%, #f0f9ffb8 100%);--surface-solid:#f3fbff;--surface-2:linear-gradient(180deg, #e1f1fce6, #fffffff2);--surface-border:#ffffffe6;--surface-edge:#1e6eaa38;--surface-highlight:inset 0 1px 0 #fffffff2, inset 0 -1px 0 #1e6eaa14;--blur:14px;--header-bg:linear-gradient(180deg, #ffffffd1, #e1f4ff9e);--btn-bg:linear-gradient(180deg, #fff 0%, #eef7fd 48%, #dbeefa 52%, #e9f6ff 100%);--btn-bg-hover:linear-gradient(180deg, #fff 0%, #e4f4ff 48%, #cbe8fb 52%, #def2ff 100%);--btn-border:#1e6eaa52;--btn-text:#0d2a3f;--btn-primary-bg:linear-gradient(180deg, #3aa6e8 0%, #0f76c6 48%, #0a5fa6 52%, #1580d2 100%);--btn-primary-hover:linear-gradient(180deg, #4fb3ee 0%, #1582d2 48%, #0c69b6 52%, #1c8bdc 100%);--btn-primary-border:#0a5c9e;--btn-green-bg:linear-gradient(180deg, #6cc96b 0%, #2a8f39 48%, #1f7a2c 52%, #2f9a3e 100%);--btn-green-border:#217a2e;--btn-gloss:linear-gradient(180deg, #ffffffbf, #ffffff1a);--btn-shadow:0 1px 2px #0a3c642e, 0 2px 6px #0a3c641a;--btn-press-shadow:inset 0 2px 4px #0a3c6440;--radius-sm:8px;--radius:16px;--radius-lg:22px;--radius-pill:999px;--shadow-1:0 1px 1px #0a3c6414, 0 4px 14px #0a3c641f, 0 14px 32px #0a3c6414;--shadow-pop:0 2px 4px #0a3c641f, 0 18px 48px #0a3c6447;--focus:0 0 0 3px #ffffffe6, 0 0 0 6px #1584d8b3;--viewport-bg:radial-gradient(ellipse 80% 70% at 50% 30%, #fffffff2, #cdecfcd9 55%, #a0d6f0cc 100%);--viewport-exploded-bg:radial-gradient(ellipse at 50% 40%, #12385a, #041424 78%);--spot-dim:#041e34a8;--dialog-backdrop:#0a325059;--texture:none;--swatch-gloss:linear-gradient(180deg, #fff9, #fff0 55%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=aero][data-theme=dark]{--select-bg:#164a6e;--select-text:#e6f5ff;--select-hover-bg:#215f8a;--select-hover-text:#fff;--corner-art:linear-gradient(180deg, #beebff29, #beebff00 26px);--text:#e6f5ff;--text-muted:#9cc2db;--text-on-accent:#fff;--link:#7fd0ff;--accent:#3fb5f5;--accent-2:#1a8fd6;--accent-green:#5fd77a;--accent-soft:#3fb5f52e;--good:#63de86;--bad:#ff7b7b;--line:#8cd2ff2e;--bg:#06223a;--bg-image:radial-gradient(circle at 12% 18%, #aae1ff80 0 2px, transparent 3px), radial-gradient(circle at 86% 12%, #78c8ff24 0 26px, transparent 27px), radial-gradient(circle at 90% 70%, #78c8ff1a 0 60px, transparent 62px), radial-gradient(circle at 6% 82%, #78e6961a 0 40px, transparent 42px), radial-gradient(ellipse 120% 60% at 50% 115%, #28a05a59, transparent 60%), linear-gradient(180deg, #031326 0%, #072a48 50%, #0a3a5a 80%, #0b3a3a 100%);--surface:linear-gradient(180deg, #285a829e 0%, #0e2e4a99 100%);--surface-solid:#0d3050;--surface-2:linear-gradient(180deg, #041626b3, #0e2e4a99);--surface-border:#96d7ff38;--surface-edge:#00000059;--surface-highlight:inset 0 1px 0 #beebff47, inset 0 -1px 0 #0003;--header-bg:linear-gradient(180deg, #1e5078bf, #0a284299);--btn-bg:linear-gradient(180deg, #3d7eaa 0%, #22597f 48%, #164a6e 52%, #1f5b82 100%);--btn-bg-hover:linear-gradient(180deg, #4a90bf 0%, #2a6994 48%, #1b5780 52%, #276a95 100%);--btn-border:#96d7ff59;--btn-text:#e6f5ff;--btn-primary-bg:linear-gradient(180deg, #4cb8f0 0%, #1680cc 48%, #0d66aa 52%, #1a86d0 100%);--btn-primary-hover:linear-gradient(180deg, #5cc2f4 0%, #1d8bd6 48%, #1170b6 52%, #2290da 100%);--btn-primary-border:#7fd0ff;--btn-green-bg:linear-gradient(180deg, #6cc96b 0%, #2a8f39 48%, #1f7a2c 52%, #2f9a3e 100%);--btn-green-border:#8de6a0;--btn-gloss:linear-gradient(180deg, #fff6, #ffffff0a);--btn-shadow:0 1px 2px #0006, 0 2px 8px #00000040;--btn-press-shadow:inset 0 2px 5px #00000073;--shadow-1:0 1px 1px #0000004d, 0 6px 18px #0000004d, 0 16px 36px #000a1e4d;--shadow-pop:0 2px 4px #0000004d, 0 20px 50px #0000008c;--focus:0 0 0 3px #06223ae6, 0 0 0 6px #3fb5f5cc;--viewport-bg:radial-gradient(ellipse 80% 70% at 50% 30%, #3c82b48c, #0c3252b3 60%, #04182ad9 100%);--spot-dim:#000812b8;--dialog-backdrop:#000a148c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-skin=neon]{--select-bg:#13102a;--select-text:#e9e6ff;--select-hover-bg:#231d4a;--select-hover-text:#fff;--corner-panel:0;--corner-card:0;--corner-control:2px;--corner-chip:2px;--title-shadow:0 0 8px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 2px var(--accent);--title-spacing:.06em;--corner-control-start:2px 0 0 2px;--corner-control-end:0 2px 2px 0;--edge-detail:inset 0 0 14px #38e1ff24;--corner-art:linear-gradient(135deg, transparent 0 9.2px, var(--accent) 9.2px 10.8px, transparent 11.2px) top left / 24px 24px no-repeat, linear-gradient(315deg, transparent 0 9.2px, var(--accent) 9.2px 10.8px, transparent 11.2px) bottom right / 24px 24px no-repeat;--panel-clip:polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);--border-w:1px;--font:"Segoe UI", "Noto Sans", system-ui, sans-serif;--font-mono:"Cascadia Mono", "Consolas", ui-monospace, monospace;--text:#e9e6ff;--text-muted:#9d97c7;--text-on-accent:#07060d;--link:#7fe9ff;--accent:#38e1ff;--accent-2:#a46bff;--accent-green:#4dff9a;--accent-soft:#38e1ff24;--good:#4dff9a;--bad:#ff5c8a;--line:#8c78ff38;--bg:#07060d;--bg-image:radial-gradient(ellipse at 50% -10%, #1d1640, transparent 60%), repeating-linear-gradient(0deg, #38e1ff0d 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, #38e1ff0d 0 1px, transparent 1px 48px), linear-gradient(180deg, #07060d, #0c0a18);--surface:linear-gradient(180deg, #1a1634d9, #0e0c1ed9);--surface-solid:#12102a;--surface-2:#080712cc;--surface-border:#38e1ff61;--surface-edge:#00000080;--surface-highlight:inset 0 1px 0 #a46bff40, inset 0 -1px 0 #0000004d;--blur:10px;--header-bg:#0a0916cc;--btn-bg:linear-gradient(180deg, #1c1838, #13102a);--btn-bg-hover:linear-gradient(180deg, #262050, #181437);--btn-border:#38e1ff59;--btn-text:#e9e6ff;--btn-primary-bg:linear-gradient(180deg, #5ef0ff, #22b8e0);--btn-primary-hover:linear-gradient(180deg, #8af5ff, #38c8ef);--btn-primary-border:#38e1ff;--btn-green-bg:linear-gradient(180deg, #7dffb8, #2fd57d);--btn-green-border:#4dff9a;--btn-gloss:linear-gradient(180deg, #ffffff1f, transparent);--btn-shadow:0 0 10px #38e1ff26;--btn-press-shadow:inset 0 0 10px #38e1ff59;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-pill:999px;--shadow-1:0 0 12px #38e1ff2e, 0 0 1px #a46bff99, 0 10px 30px #00000080;--shadow-pop:0 0 30px #a46bff40, 0 20px 50px #0009;--focus:0 0 0 2px #07060d, 0 0 0 4px #38e1ff;--viewport-bg:radial-gradient(circle at 50% 40%, #1a1636, #07060d 78%), repeating-linear-gradient(0deg, #38e1ff0d 0 1px, transparent 1px 32px), repeating-linear-gradient(90deg, #38e1ff0d 0 1px, transparent 1px 32px);--viewport-exploded-bg:radial-gradient(circle at 50% 40%, #1a1636, #07060d 78%);--spot-dim:#030208c7;--dialog-backdrop:#0009;--texture:none;--swatch-gloss:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-skin=neon][data-theme=light]{--select-bg:#fff;--select-text:#14112b;--select-hover-bg:#e3f8ff;--select-hover-text:#14112b;--text:#14112b;--text-muted:#4a4670;--text-on-accent:#fff;--link:#6a2fd6;--accent:#0a8fb0;--accent-2:#7a3ff0;--accent-green:#0f8a52;--accent-soft:#0a8fb01f;--good:#0f7a48;--bad:#c4124a;--line:#7a3ff038;--bg:#f4f6ff;--bg-image:radial-gradient(ellipse at 50% -10%, #e6e0ff, transparent 60%), repeating-linear-gradient(0deg, #0a8fb012 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, #0a8fb012 0 1px, transparent 1px 48px), linear-gradient(180deg, #f8f9ff, #eef0fb);--surface:#ffffffe6;--surface-solid:#fff;--surface-2:#f2f3fc;--surface-border:#0aaad28c;--surface-edge:#7a3ff026;--surface-highlight:inset 0 1px 0 #ffffffe6;--header-bg:#ffffffe0;--btn-bg:#fff;--btn-bg-hover:#eefbff;--btn-border:#0aaad299;--btn-text:#14112b;--btn-primary-bg:linear-gradient(180deg, #0886a6, #077a98);--btn-primary-hover:linear-gradient(180deg, #0a90b2, #0880a0);--btn-primary-border:#38e1ff;--btn-green-bg:linear-gradient(180deg, #0f8650, #0c7a48);--btn-green-border:#4dff9a;--btn-shadow:0 0 10px #38e1ff59;--btn-press-shadow:inset 0 0 8px #7a3ff04d;--shadow-1:0 0 14px #38e1ff47, 0 0 1px #a46bffcc, 0 8px 24px #281e5a14;--shadow-pop:0 0 30px #a46bff4d, 0 20px 50px #281e5a2e;--focus:0 0 0 2px #fff, 0 0 0 4px #7a3ff0;--viewport-bg:radial-gradient(circle at 50% 40%, #fff, #e8ebfb 78%), repeating-linear-gradient(0deg, #0a8fb014 0 1px, transparent 1px 32px), repeating-linear-gradient(90deg, #0a8fb014 0 1px, transparent 1px 32px);--spot-dim:#14112b8c;--dialog-backdrop:#14112b4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=brutal]{--select-bg:#fff;--select-text:#000;--select-hover-bg:#fff1b8;--select-hover-text:#000;--corner-panel:2px;--corner-card:2px;--corner-control:2px;--corner-chip:0;--title-shadow:2px 2px 0 var(--accent);--title-spacing:.01em;--corner-control-start:2px 0 0 2px;--corner-control-end:0 2px 2px 0;--edge-detail:0 0 0 0 transparent;--corner-art:none;--panel-clip:none;--border-w:3px;--font:"Segoe UI", "Arial Black", system-ui, sans-serif;--font-mono:"Cascadia Mono", "Consolas", ui-monospace, monospace;--text:#000;--text-muted:#3d3d3d;--text-on-accent:#000;--link:#1b3fd6;--accent:#ff5ca8;--accent-2:#1b3fd6;--accent-green:#3ddc84;--accent-soft:#ff5ca833;--good:#0b7a35;--bad:#c4001a;--line:#000;--bg:#fff4d6;--bg-image:linear-gradient(#fff4d6, #fff4d6);--surface:#fff;--surface-solid:#fff;--surface-2:#fff9e8;--surface-border:#000;--surface-edge:transparent;--surface-highlight:0 0 0 0 transparent;--blur:0px;--header-bg:#ffd23f;--btn-bg:#fff;--btn-bg-hover:#fff1b8;--btn-border:#000;--btn-text:#000;--btn-primary-bg:#ff5ca8;--btn-primary-hover:#ff7ab9;--btn-primary-border:#000;--btn-green-bg:#3ddc84;--btn-green-border:#000;--btn-gloss:none;--btn-shadow:3px 3px 0 #000;--btn-press-shadow:0 0 0 #000;--radius-sm:4px;--radius:6px;--radius-lg:8px;--radius-pill:8px;--shadow-1:5px 5px 0 #000;--shadow-pop:8px 8px 0 #000;--focus:0 0 0 3px #fff, 0 0 0 6px #1b3fd6;--viewport-bg:#a5e3ff;--viewport-exploded-bg:#1d1d1d;--spot-dim:#0009;--dialog-backdrop:#00000073;--texture:none;--swatch-gloss:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=brutal][data-theme=dark]{--select-bg:#2b2b2b;--select-text:#fafafa;--select-hover-bg:#3d3d3d;--select-hover-text:#fff;--text:#fafafa;--text-muted:#c8c8c8;--text-on-accent:#000;--link:#ffd23f;--accent:#ff5ca8;--accent-2:#4dd2ff;--accent-green:#3ddc84;--accent-soft:#ff5ca833;--good:#3ddc84;--bad:#ff6b6b;--line:#fafafa;--bg:#161616;--bg-image:linear-gradient(#161616, #161616);--surface:#222;--surface-solid:#222;--surface-2:#1a1a1a;--surface-border:#fafafa;--header-bg:#2b2b2b;--btn-bg:#2b2b2b;--btn-bg-hover:#3a3a3a;--btn-border:#fafafa;--btn-text:#fafafa;--btn-primary-bg:#ff5ca8;--btn-primary-hover:#ff7ab9;--btn-primary-border:#fafafa;--btn-green-bg:#3ddc84;--btn-green-border:#fafafa;--btn-shadow:3px 3px 0 #ffd23f;--btn-press-shadow:0 0 0 #ffd23f;--shadow-1:5px 5px 0 #ff5ca8;--shadow-pop:8px 8px 0 #4dd2ff;--focus:0 0 0 3px #161616, 0 0 0 6px #ffd23f;--viewport-bg:#1f3a4a;--viewport-exploded-bg:#0d0d0d;--spot-dim:#000000b3;--dialog-backdrop:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-transparency:reduce){:root{--blur:0px!important;--surface:var(--surface-solid)!important;--header-bg:var(--surface-solid)!important}}@font-face{font-family:Bungee;src:url(./bungee-latin-400-Dfnurram.woff2)format("woff2");font-weight:400;font-display:swap}*{box-sizing:border-box}html{font-family:var(--font);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100vh;margin:0;font-size:15px;line-height:1.4}body:before{content:"";z-index:-2;background:var(--bg-image);pointer-events:none;position:fixed;inset:0}body:after{content:"";z-index:-1;background:var(--texture);pointer-events:none;background-size:120px 120px;position:fixed;inset:0}h2{letter-spacing:.005em;margin:0;font-size:1rem;font-weight:600}a{color:var(--link)}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted);font-size:.85rem}.hidden{display:none!important}.grow{flex:1}.skip{position:absolute;left:-999px}.skip:focus{z-index:50;background:var(--surface-solid);border-radius:var(--corner-chip);padding:6px 12px;top:8px;left:8px}.glass,.card,.status,dialog,.coach,.tour-card,.tip,header{background:var(--corner-art), var(--surface);border:var(--border-w) solid var(--surface-border);box-shadow:var(--edge-detail), var(--surface-highlight), 0 0 0 1px var(--surface-edge), var(--shadow-1);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.3)}header{z-index:5;background:var(--header-bg);border-width:0 0 var(--border-w);border-radius:0;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 18px;display:flex;position:sticky;top:0}header h1{font-family:"Bungee", var(--font,system-ui), sans-serif;letter-spacing:var(--title-spacing);text-shadow:var(--title-shadow);align-items:center;gap:10px;margin:0 auto 0 0;font-size:1.22rem;font-weight:400;line-height:1;display:flex}header h1 img{filter:drop-shadow(0 2px 3px #00285040)}.hdr-icons{gap:6px;display:flex}button,select,input,textarea{font:inherit;color:inherit}select option,select optgroup{color:var(--text);background-color:var(--surface-solid)}button,select{color:var(--btn-text);background:var(--btn-bg);border:var(--border-w) solid var(--btn-border);border-radius:var(--corner-control);cursor:pointer;box-shadow:var(--btn-shadow), inset 0 1px 0 #fff9;padding:6px 14px;transition:background .15s,box-shadow .15s,transform 80ms,filter .15s;position:relative}button:hover:not(:disabled){background:var(--btn-bg-hover)}button:active:not(:disabled){box-shadow:var(--btn-press-shadow);transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;filter:saturate(.4)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{box-shadow:var(--focus);outline:none}button.on,button.primary{color:var(--text-on-accent);background:var(--btn-primary-bg);border-color:var(--btn-primary-border);text-shadow:0 -1px #00285a59}button.primary:hover:not(:disabled),button.on:hover:not(:disabled){background:var(--btn-primary-hover)}button.primary:after,button.on:after,.bar button:after,button.icon:after{content:"";border-radius:inherit;background:var(--btn-gloss);pointer-events:none;opacity:.8;height:48%;position:absolute;top:1px;left:6%;right:6%}#scramble{background:var(--btn-green-bg);border-color:var(--btn-green-border);color:var(--text-on-accent);text-shadow:0 -1px #003c1459}button.icon{border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}button.icon svg{width:19px;height:19px}button.link{box-shadow:none;color:var(--link);background:0 0;border:none;padding:6px 4px;text-decoration:underline}button.link:after{display:none}select{appearance:none;color:var(--select-text);background-color:var(--select-bg);--chev:linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);background-image:var(--chev);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}select:hover,select:focus-visible,select:active,select:focus{color:var(--select-hover-text);background-color:var(--select-hover-bg);background-image:var(--chev);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.group{border-radius:var(--corner-control);box-shadow:var(--btn-shadow);display:flex}.group button{border-radius:0;box-shadow:inset 0 1px #ffffff80}.group button+button{border-left:none}.group button:first-child{border-radius:var(--corner-control-start)}.group button:last-child{border-radius:var(--corner-control-end)}.check,.think,.speed{align-items:center;gap:6px;font-size:.92rem;display:flex}input[type=checkbox]{appearance:none;border-radius:var(--radius-pill);cursor:pointer;background:var(--surface-2);border:var(--border-w) solid var(--btn-border);width:38px;height:22px;margin:0;transition:background .2s;position:relative;box-shadow:inset 0 1px 3px #001e3c40}input[type=checkbox]:after{content:"";background:var(--btn-bg);border:var(--border-w) solid var(--btn-border);width:16px;height:16px;box-shadow:var(--btn-shadow);border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}input[type=checkbox]:checked{background:var(--btn-green-bg);border-color:var(--btn-green-border)}input[type=checkbox]:checked:after{transform:translate(16px)}input[type=range]{accent-color:var(--accent)}main{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:18px;max-width:1880px;margin:0 auto;padding:18px;display:grid}.left,.right{min-width:0}#viewport{border-radius:var(--corner-panel);touch-action:none;background:var(--viewport-bg);border:var(--border-w) solid var(--surface-border);height:clamp(300px,100vh - 300px,760px);min-height:300px;box-shadow:var(--surface-highlight), 0 0 0 1px var(--surface-edge), var(--shadow-1);transition:background .6s;position:relative;overflow:hidden}#viewport:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff59,#fff0);border-radius:50%;height:95%;position:absolute;top:-60%;left:-10%;right:-10%}#viewport.exploded{background:var(--viewport-exploded-bg)}#viewport.exploded:before{opacity:.25}#viewport canvas{display:block;position:relative}.rotate-row{z-index:2;gap:5px;display:flex;position:absolute;top:10px;right:10px}.rotate-row button{border-radius:50%;width:34px;height:34px;padding:0;font-size:.85rem;font-weight:700}.rotate-row button:after{content:"";background:var(--btn-gloss);pointer-events:none;border-radius:50% 50% 45% 45%;height:48%;position:absolute;top:1px;left:12%;right:12%}.explode-btn{z-index:2;letter-spacing:.03em;font-size:.85rem;position:absolute;bottom:10px;right:10px}.explode-btn[aria-pressed=true]{color:#8fe6ff;background:linear-gradient(#17304d,#071526);border-color:#38c8ff;box-shadow:0 0 14px #38c8ff80}.explode-hint{z-index:2;border-radius:var(--corner-chip);color:#cdf2ff;white-space:nowrap;background:#041424d9;border:1px solid #38c8ff80;padding:6px 14px;font-size:.85rem;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.bar,.row{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.spread{justify-content:space-between}.card{border-radius:var(--corner-card);margin-bottom:14px;padding:14px 16px}.card h2{color:var(--text)}.tabs{border-radius:var(--corner-chip);background:var(--surface-2);border:var(--border-w) solid var(--line);gap:2px;margin:4px 0 8px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 3px #001e3c26}.tabs button{box-shadow:none;background:0 0;border:none;padding:5px 14px}.tabs button[aria-selected=true]{background:var(--btn-primary-bg);color:var(--text-on-accent);box-shadow:var(--btn-shadow);text-shadow:0 -1px #00285a4d}.tabpanel{margin-top:0}#palette{gap:7px;display:flex}.swatch{border:1px solid #00000040;border-radius:9px;width:32px;height:32px;padding:0;background-image:var(--swatch-gloss)!important}.swatch.on{box-shadow:var(--focus)}#movepad{grid-template-columns:repeat(9,1fr);gap:5px;margin:8px 0;display:grid}#movepad button{border-radius:var(--corner-control);padding:6px 0;font-size:.9rem}input:not([type]),input[type=text],textarea,#alg{color:var(--text);background:var(--surface-2);border:var(--border-w) solid var(--btn-border);border-radius:var(--corner-control);box-shadow:inset 0 1px 3px #001e3c2e}#alg{flex:1;min-width:160px;padding:7px 14px}textarea{border-radius:var(--corner-control);resize:vertical;width:100%;padding:9px 12px}.tabpanel[data-panel=paint]{container-type:inline-size}#net{--n:3;--s:clamp(6px, calc((100cqi - 34px - 8px * var(--n)) / (4 * var(--n))), 26px);grid-template-rows:repeat(3,max-content);grid-template-columns:repeat(4,max-content);justify-content:center;gap:6px;margin:8px 0;display:grid}.net-face{grid-template-columns:repeat(var(--n), var(--s));background:#10161c;border-radius:7px;gap:2px;padding:3px;display:grid;box-shadow:0 2px 6px #001e3c40}.net-sticker{width:var(--s);height:var(--s);box-shadow:none;border:none;border-radius:4px;padding:0;background-image:var(--swatch-gloss)!important}.net-sticker:hover{outline:2px solid var(--accent)}.status{border-radius:var(--corner-card);margin-bottom:10px;padding:11px 14px}.status.ok{border-left:4px solid var(--good)}.status.bad{border-left:4px solid var(--bad);color:var(--bad)}.status.thinking{border-left:4px solid var(--accent)}.progress{border-radius:var(--radius-pill);background:var(--surface-2);height:6px;margin:-4px 0 10px;overflow:hidden;box-shadow:inset 0 1px 2px #001e3c33}.progress div{background:var(--btn-primary-bg);width:0;height:100%;transition:width .3s}#solution,#history{overscroll-behavior:contain;flex-wrap:wrap;align-content:flex-start;gap:4px;min-height:1.8em;font-size:1.02rem;display:flex;overflow-y:auto}#solution{max-height:168px}.sol-controls{z-index:1;margin:6px 0 8px;position:sticky;top:0}#play{min-width:6.5em}#sol-count,#hist-count{font-variant-numeric:tabular-nums;white-space:nowrap}#status{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;display:-webkit-box;overflow:hidden}#cand-note{min-height:2.6em}#candidates{max-height:260px;overflow-y:auto}#method{max-height:340px;overflow-y:auto}.speed input{width:110px}.mv{border-radius:var(--corner-chip);box-shadow:none;padding:2px 9px;font-family:inherit}.mv.done{opacity:.45}.mv.next{background:var(--btn-primary-bg);color:var(--text-on-accent);border-color:var(--btn-primary-border)}#history{max-height:132px;font-size:.9rem}.cand{text-align:left;border-radius:var(--corner-control);grid-template-columns:1.6em 3.4em 1fr 3em;align-items:center;gap:6px;width:100%;margin-bottom:6px;display:grid}.cand .mvname{font-size:1.05rem;font-weight:600}.cand .delta{text-align:right;font-weight:700}.cand.good .delta{color:var(--good)}.cand.bad .delta{color:var(--bad)}.step{border-top:var(--border-w) solid var(--line);padding:9px 0}.step-name{font-weight:600}.step-name small{color:var(--text-muted);font-weight:400}.step .mono{word-break:break-word;margin:5px 0;line-height:1.5}.banner{background:var(--accent-soft);border-bottom:var(--border-w) solid var(--line);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));flex-wrap:wrap;align-items:center;gap:10px;padding:9px 18px;display:flex}.banner.bad{background:color-mix(in srgb, var(--bad) 16%, transparent)}.tip{border-radius:var(--corner-card);z-index:3;max-width:340px;box-shadow:var(--surface-highlight), var(--shadow-pop);padding:13px 15px;position:absolute;bottom:12px;left:12px}.tip p{margin:6px 0;font-size:.9rem}.tip .row{justify-content:flex-end;margin:6px 0 0}.tip .row .muted{margin-right:auto}dialog{color:var(--text);border-radius:var(--corner-panel);max-width:560px;box-shadow:var(--edge-detail), var(--surface-highlight), var(--shadow-pop);padding:18px 22px}dialog::backdrop{background:var(--dialog-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font-size:1.15rem}dialog h3{margin:14px 0 2px;font-size:.95rem}.keys{border-collapse:collapse}.keys td{vertical-align:top;border-bottom:var(--border-w) solid var(--line);padding:5px 8px;font-size:.9rem}kbd{border:var(--border-w) solid var(--btn-border);background:var(--btn-bg);border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-family:inherit;font-size:.8rem;box-shadow:inset 0 1px #fff9}.coach{z-index:20;border-radius:var(--corner-panel);width:min(400px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--surface-highlight), var(--shadow-pop);padding:12px 18px 8px;animation:.25s ease-out rise;position:fixed;bottom:16px;right:16px;overflow-y:auto}.coach h2{margin:6px 0 4px;font-size:1.15rem}.coach h2:focus{outline:none}.coach p{margin:6px 0;font-size:.93rem;line-height:1.45}.coach-head{margin:0}.coach .icon{width:30px;height:30px;font-size:.8rem}.coach .ask{background:var(--accent-soft);border-radius:var(--corner-control);border:var(--border-w) solid var(--line);padding:8px 12px}.coach .big{color:var(--accent-2);font-size:1.2rem}.coach .choices button{min-width:3.2em;min-height:40px;font-size:1.05rem}.feedback{min-height:1.4em;font-weight:500}.feedback.good{color:var(--good)}.feedback.bad{color:var(--bad)}.dots{flex-wrap:wrap;gap:5px;margin:6px 0;display:flex}.dot{background:var(--surface-2);border:var(--border-w) solid var(--btn-border);border-radius:50%;width:12px;height:12px;padding:0;box-shadow:inset 0 1px 2px #001e3c33}.dot.done{background:var(--btn-green-bg);border-color:var(--btn-green-border)}.dot.cur{box-shadow:var(--focus)}.quiz-opts{gap:7px;margin:8px 0;display:grid}.quiz-opts button{text-align:left;border-radius:var(--corner-control);min-height:40px}.quiz-opts button.right{border-color:var(--good);background:color-mix(in srgb, var(--good) 18%, var(--surface-solid))}.quiz-opts button.wrong{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 18%, var(--surface-solid))}.spot{z-index:30;pointer-events:none;box-shadow:0 0 0 100vmax var(--spot-dim), 0 0 18px 2px #78d2ff8c;outline:3px solid var(--accent);outline-offset:0;border-radius:14px;transition:left .3s,top .3s,width .3s,height .3s;position:fixed}.spot-blocker{z-index:30;cursor:pointer;background:0 0;position:fixed}.tour-card{z-index:31;border-radius:var(--corner-panel);width:min(360px,100vw - 20px);box-shadow:var(--surface-highlight), var(--shadow-pop);background:var(--corner-art), var(--surface-solid);padding:12px 18px 8px;transition:left .3s,top .3s;position:fixed}.spot.instant,.tour-card.instant{transition:none}.tour-count{font-variant-numeric:tabular-nums}.tour-card h2{margin:4px 0;font-size:1.1rem}.tour-card h2:focus{outline:none}.tour-card p{margin:6px 0;font-size:.93rem;line-height:1.45}.coach,.tip,.tour-card{background:var(--corner-art), var(--surface-solid);box-shadow:var(--edge-detail), var(--surface-highlight), var(--shadow-pop)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (width<=1100px){main{grid-template-columns:minmax(0,1fr) 360px}}@media (width<=900px){main{grid-template-columns:1fr;gap:12px;padding:10px}#viewport{height:52vh}#movepad{grid-template-columns:repeat(6,1fr)}header{gap:8px;padding:8px 10px}header h1{width:100%}}@media (width<=700px){.coach{width:auto;max-height:40vh;padding:10px 12px 4px;bottom:8px;left:8px;right:8px}.tour-card{width:auto;bottom:8px;right:8px;top:auto!important;left:8px!important}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root[data-skin=brutal] button{box-shadow:var(--btn-shadow);font-weight:700}:root[data-skin=brutal] button:active:not(:disabled){box-shadow:var(--btn-press-shadow);transform:translate(3px,3px)}:root[data-skin=brutal] #scramble,:root[data-skin=brutal] .tabs button[aria-selected=true]{text-shadow:none}@media (prefers-reduced-motion:reduce){:root[data-skin=brutal] button:active:not(:disabled){transform:none}}.skin-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin:8px 0 12px;display:grid}.skin-card{border-radius:var(--corner-card);flex-direction:column;align-items:stretch;gap:6px;padding:8px;font-weight:600;display:flex}.skin-card[aria-checked=true]{box-shadow:var(--focus)}.skin-card:after{display:none}.skin-preview{border:1px solid #00000040;border-radius:6px;height:64px;display:block;position:relative;overflow:hidden}.skin-preview i{display:block;position:absolute}.skin-preview i:first-child{height:14px;top:0;left:0;right:0}.skin-preview i:nth-child(2){border-radius:4px;width:46%;height:32px;top:22px;left:8px}.skin-preview i:nth-child(3){border-radius:3px;width:26px;height:26px;top:24px;right:10px}.skin-preview i:nth-child(4){border-radius:3px;width:16px;height:16px;top:34px;right:42px}[data-preview=matte]{background:#ece7dd}[data-preview=matte] i:first-child{background:#f7f4ee;border-bottom:1px solid #d9d3c7}[data-preview=matte] i:nth-child(2){background:#f7f4ee;border:1px solid #d9d3c7}[data-preview=matte] i:nth-child(3){background:#b5651d}[data-preview=matte] i:nth-child(4){background:#5d7d3a}[data-preview=aero]{background:linear-gradient(#e8f6ff,#9fd4f2)}[data-preview=aero] i:first-child{background:linear-gradient(#fff,#d6eefc)}[data-preview=aero] i:nth-child(2){background:#ffffffbf;border:1px solid #fff}[data-preview=aero] i:nth-child(3){background:linear-gradient(#3aa6e8,#0a5fa6);border-radius:50%}[data-preview=aero] i:nth-child(4){background:linear-gradient(#6cc96b,#1f7a2c);border-radius:50%}[data-preview=neon]{background:#07060d}[data-preview=neon] i:first-child{background:#0a0916;border-bottom:1px solid #38e1ff}[data-preview=neon] i:nth-child(2){background:#12102a;border:1px solid #38e1ff;box-shadow:0 0 6px #38e1ff}[data-preview=neon] i:nth-child(3){background:#38e1ff;box-shadow:0 0 8px #38e1ff}[data-preview=neon] i:nth-child(4){background:#a46bff;box-shadow:0 0 8px #a46bff}[data-preview=brutal]{background:#fff4d6;border:2px solid #000}[data-preview=brutal] i:first-child{background:#ffd23f;border-bottom:2px solid #000}[data-preview=brutal] i:nth-child(2){background:#fff;border:2px solid #000;box-shadow:3px 3px #000}[data-preview=brutal] i:nth-child(3){background:#ff5ca8;border:2px solid #000}[data-preview=brutal] i:nth-child(4){background:#3ddc84;border:2px solid #000}.mode-row{align-items:center;gap:10px}#settings-dialog{max-width:620px;max-height:calc(100vh - 32px);overflow-y:auto}#settings-dialog h3{margin-top:16px}#update-msg{min-height:1.4em}:root:not([data-skin=aero]) #viewport:before{display:none}dialog,.tour-card,.card,.status,.coach,.tip,#viewport{clip-path:var(--panel-clip)}#progress.hidden{visibility:hidden;display:block!important}html{scrollbar-gutter:stable}@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}#solution{height:168px;max-height:none}#candidates{height:236px;max-height:none}#method{height:300px;max-height:none}#method-blurb{height:4.4em;overflow-y:auto}#history{height:132px;max-height:none}#status{box-sizing:border-box;height:4.6em;min-height:0}.right .card>.row.spread:first-child{box-sizing:border-box;min-height:36px}#cand-note{height:2.8em;min-height:0;overflow:hidden}#theme-modes button[aria-checked=true]{color:var(--text-on-accent);background:var(--btn-primary-bg);border-color:var(--btn-primary-border);font-weight:600}#theme-modes button[aria-checked=true]:before{content:"✓ "}