:root{--font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--sky: #2f6fd0;--sky-deep: #1e4fa8;--sky-haze: #8fc0f0;--glass: rgba(255, 255, 255, .2);--glass-hover: rgba(255, 255, 255, .3);--glass-line: rgba(255, 255, 255, .3);--blur: 12px;--white: #fff;--text-80: rgba(255, 255, 255, .8);--text-60: rgba(255, 255, 255, .6);--ink: #262626;--ink-80: rgba(38, 38, 38, .8);--ink-60: rgba(38, 38, 38, .6);--paper: #f5f5f5;--paper-line: #e5e5e5;--paper-hover: #ececec;--paper-2: #e9e9e9;--paper-2-line: #dcdcdc;--paper-2-hover: #e0e0e0;--up: #c9f7d3;--down: #ffc2b8;--warn: #f4c542;--up-ink: #1a7f37;--down-ink: #c0392b;--warn-ink: #9a6b00;--radius-pill: 9999px;--radius-circle: 50%;--radius-card: 1.5rem;--gutter: 1.25rem;--banner-h: 1.75rem;--nav-top: calc(var(--banner-h) + 12px);--nav-h: 2.75rem;--bar-total: calc(var(--nav-top) + var(--nav-h) + 2rem);--ease-soft: cubic-bezier(.16, .84, .44, 1);--dur: .9s;--fast: .2s;--app-max: 1440px;--srf-fill: var(--glass);--srf-fill-hover: var(--glass-hover);--srf-line: var(--glass-line);--srf-blur: var(--blur);--srf-tint: rgba(255, 255, 255, .08);--srf-on-text: var(--white);--srf-on-text-80: var(--text-80);--srf-on-text-60: var(--text-60);--srf-on-up: var(--up);--srf-on-down: var(--down);--srf-on-warn: var(--warn);--srf-on-invert: #0b1220;--srf-fill-nested: var(--paper);--srf-fill-hover-nested: var(--paper-hover);--srf-line-nested: var(--paper-line);--srf-blur-nested: 0px;--srf-tint-nested: rgba(38, 38, 38, .05);--txt: var(--white);--txt-80: var(--text-80);--txt-60: var(--text-60);--txt-up: var(--up);--txt-down: var(--down);--txt-warn: var(--warn);--txt-accent: var(--white);--txt-on: #0b1220}@media (min-width: 768px){:root{--gutter: 2.5rem}}@media (min-width: 1024px){:root{--gutter: 3.5rem}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:var(--sky)}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{border:0;background:none;cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:8px;background:#ffffff59;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(120% 80% at 78% 82%,#ffffff80,#fff0 55%),radial-gradient(90% 60% at 20% 100%,#b4dcff8c,#b4dcff00 60%),linear-gradient(180deg,#1b4694,#2a63c2,#3f83db,#74aee9 78%,#a7d2f4)}.sky-clouds{position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-2;pointer-events:none;opacity:.5;mix-blend-mode:screen;background-repeat:no-repeat;background-size:cover;animation:drift 90s linear infinite alternate}@keyframes drift{0%{transform:translate3d(-1.5%,0,0) scale(1.02)}to{transform:translate3d(1.5%,-1%,0) scale(1.06)}}.sky-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#1e4fa800,#1e4fa838 48%,#1e4fa880)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.045;mix-blend-mode:overlay}.display{font-family:var(--font-serif);font-style:italic;font-weight:400;line-height:.95;letter-spacing:-.05em}.display-sans{font-family:var(--font-sans);font-weight:400;line-height:.95;letter-spacing:-.08em}.num{font-family:var(--font-sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.caption{font-size:.75rem;line-height:1.4;color:var(--txt-60)}.note{font-size:.75rem;line-height:1.5;color:var(--txt-60);overflow-wrap:anywhere}.dim{color:var(--txt-80)}.dimmer{color:var(--txt-60)}.up{color:var(--txt-up)}.down{color:var(--txt-down)}.warn{color:var(--txt-warn)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.srf-glass{--txt: var(--white);--txt-80: var(--text-80);--txt-60: var(--text-60);--txt-up: var(--up);--txt-down: var(--down);--txt-warn: var(--warn);--txt-accent: var(--white);--txt-on: #0b1220;color:var(--txt)}.srf-glass>*{--srf-fill: var(--paper);--srf-fill-hover: var(--paper-hover);--srf-line: var(--paper-line);--srf-blur: 0px;--srf-tint: rgba(38, 38, 38, .05);--srf-on-text: var(--ink);--srf-on-text-80: var(--ink-80);--srf-on-text-60: var(--ink-60);--srf-on-up: var(--up-ink);--srf-on-down: var(--down-ink);--srf-on-warn: var(--warn-ink);--srf-on-invert: #fff;--srf-fill-nested: var(--paper-2);--srf-fill-hover-nested: var(--paper-2-hover);--srf-line-nested: var(--paper-2-line);--srf-tint-nested: rgba(38, 38, 38, .06)}.srf,.table-wrap,.kv-inset,.empty,.step,.clockbar,.moves,.ev,.waiting,.toast{--txt: var(--srf-on-text);--txt-80: var(--srf-on-text-80);--txt-60: var(--srf-on-text-60);--txt-up: var(--srf-on-up);--txt-down: var(--srf-on-down);--txt-warn: var(--srf-on-warn);--txt-accent: var(--srf-on-text);--txt-on: var(--srf-on-invert);color:var(--txt)}.srf>*,.table-wrap>*,.kv-inset>*,.empty>*,.step>*,.clockbar>*,.moves>*,.ev>*,.waiting>*{--srf-fill: var(--srf-fill-nested);--srf-fill-hover: var(--srf-fill-hover-nested);--srf-line: var(--srf-line-nested);--srf-blur: var(--srf-blur-nested);--srf-tint: var(--srf-tint-nested)}.srf-paper{--txt: var(--ink);--txt-80: var(--ink-80);--txt-60: var(--ink-60);--txt-up: var(--up-ink);--txt-down: var(--down-ink);--txt-warn: var(--warn-ink);--txt-accent: var(--ink);--srf-fill: var(--paper-2);--srf-fill-hover: var(--paper-2-hover);--srf-line: var(--paper-2-line);--srf-blur: 0px;--srf-tint: rgba(38, 38, 38, .06);--srf-on-text: var(--ink);--srf-on-text-80: var(--ink-80);--srf-on-text-60: var(--ink-60);--srf-on-up: var(--up-ink);--srf-on-down: var(--down-ink);--srf-on-warn: var(--warn-ink);--srf-on-invert: #fff;--txt-on: #fff;color:var(--txt)}.glass{background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--glass-line)}.rise{animation:rise var(--dur) var(--ease-soft) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.rise,.sky-clouds{animation:none}html{scroll-behavior:auto}}.banner{position:fixed;top:0;left:0;right:0;z-index:101;height:var(--banner-h);display:flex;align-items:center;justify-content:center;gap:.375rem;padding:0 1rem;background:var(--glass);border-bottom:1px solid var(--glass-line);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));color:var(--warn);font-size:.75rem;line-height:1.3;white-space:nowrap;overflow:hidden}.banner a{color:var(--warn);font-weight:500;text-decoration:underline;text-underline-offset:2px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--nav-top) 1.25rem 1.25rem}@media (min-width: 768px){.nav{padding:var(--nav-top) 2.5rem 1.25rem}}@media (min-width: 1024px){.nav{padding:var(--nav-top) 3.5rem 1.25rem}}.nav-logo{display:inline-flex;align-items:center;gap:.5rem;color:var(--white);font-size:1.5rem;font-family:var(--font-serif);font-style:italic;line-height:1}.nav-logo svg{display:block;width:1.75rem;height:1.75rem;flex:none}.nav-pills{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.25rem;background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--glass-line);border-radius:var(--radius-pill);padding:.5rem}.nav-pill{font-size:.875rem;font-weight:500;padding:.375rem 1rem;border-radius:var(--radius-pill);color:var(--text-80);white-space:nowrap;transition:background var(--fast),color var(--fast)}.nav-pill:hover,.nav-pill.is-active{background:var(--glass);color:var(--white)}.nav-right{display:flex;align-items:center;gap:.5rem}.nav-circle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex:none;border-radius:var(--radius-circle);border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));color:var(--white);transition:background var(--fast)}.nav-circle:hover{background:var(--glass-hover)}.nav-circle svg{width:.9375rem;height:.9375rem;display:block}.chain-chip{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--text-80);padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));white-space:nowrap}.chain-dot{width:.375rem;height:.375rem;border-radius:var(--radius-circle);background:var(--up);flex:none}.chain-chip.is-wrong{color:var(--down);cursor:pointer}.chain-chip.is-wrong .chain-dot{background:var(--down)}.hamburger{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-circle);border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));position:relative;transition:all .3s}.hamburger:active{transform:scale(.95)}.hamburger .bar{position:absolute;left:50%;top:50%;height:1.5px;width:1.25rem;border-radius:2px;background:var(--white);transition:all .3s ease-out}.hamburger .bar-top{transform:translate(-50%,-5px)}.hamburger .bar-mid{transform:translate(-50%)}.hamburger .bar-bot{transform:translate(-50%,5px)}.hamburger.is-open{background:var(--paper);border-color:var(--paper-line);-webkit-backdrop-filter:none;backdrop-filter:none}.hamburger.is-open .bar{background:var(--ink)}.hamburger.is-open .bar-top{transform:translate(-50%) rotate(45deg)}.hamburger.is-open .bar-mid{opacity:0;transform:translate(-50%) scaleX(0)}.hamburger.is-open .bar-bot{transform:translate(-50%) rotate(-45deg)}.nav-menu-wrap,.nav-panel{display:none}@media (max-width: 1000px){.nav-pills,.nav-desktop-only{display:none}.nav-menu-wrap{display:block;position:relative}.hamburger{display:flex}.nav-panel{display:flex;flex-direction:column;gap:.375rem;position:absolute;right:0;top:calc(100% + .75rem);z-index:30;width:max-content;min-width:13rem;padding:.5rem;background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--glass-line);border-radius:var(--radius-card);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transform-origin:100% 0;transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s}.nav-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.nav-panel .nav-pill{text-align:center}}.app-main{display:block;width:100%;max-width:var(--app-max);margin:0 auto;padding:var(--bar-total) var(--gutter) 4rem}.app-main-wide{max-width:none}.page-stack{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.page-title{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.page-title .left{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;max-width:44rem}.page-title .eyebrow{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.page-title h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.95;color:var(--white);font-weight:400}.page-title .lede{font-size:.875rem;line-height:1.6;color:var(--text-80);max-width:44rem}.page-title .actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.section{display:flex;flex-direction:column;gap:1rem;min-width:0}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1rem;padding:0 .25rem}.section-head-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.section-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.5rem;line-height:1.1;letter-spacing:-.03em;color:var(--txt)}.section-subtitle{font-size:.75rem;line-height:1.5;color:var(--txt-60);max-width:60ch}.section-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.pane{position:relative;border-radius:var(--radius-card);border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));padding:1.25rem;overflow:hidden}.pane.pad-none{padding:0}.pane.pad-tight{padding:1rem}.pane.pad-loose{padding:2rem}.pane.elevated{background:var(--glass-hover)}.pane-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.pane-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.5rem;line-height:1.1;letter-spacing:-.03em;color:var(--txt)}.pane-subtitle{font-size:.75rem;line-height:1.4;color:var(--txt-60);margin-top:.25rem}.pane-body{position:relative;z-index:1}.pill{display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;border-radius:var(--radius-pill);white-space:nowrap;font-size:.875rem;font-weight:500;padding:.375rem 1rem;color:var(--srf-on-text-80);transition:background var(--fast),color var(--fast)}.pill:hover{background:var(--srf-fill-hover);color:var(--srf-on-text)}.pill.is-active{background:#fff;color:var(--ink);box-shadow:0 1px 2px #14285024}.pill.small{font-size:.75rem;padding:.25rem .75rem}.pill:disabled{opacity:.4;cursor:not-allowed}.pill:disabled:hover{background:none;color:var(--srf-on-text-80)}.pill-group{display:inline-flex;align-items:center;gap:.25rem;background:var(--srf-fill);backdrop-filter:blur(var(--srf-blur));-webkit-backdrop-filter:blur(var(--srf-blur));border:1px solid var(--srf-line);border-radius:var(--radius-pill);padding:.5rem}.pill-group.wrap{flex-wrap:wrap}.pill-group.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;padding:.25rem}.pill-group.segmented .pill{width:100%;padding-inline:.5rem}.tag{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:var(--radius-pill);white-space:nowrap;padding:.375rem .75rem;border:1px solid var(--srf-line);background:var(--srf-fill);backdrop-filter:blur(var(--srf-blur));-webkit-backdrop-filter:blur(var(--srf-blur));color:var(--srf-on-text-80);font-size:.75rem;line-height:1.2}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border:1px solid var(--srf-line);border-radius:var(--radius-pill);background:var(--srf-fill);backdrop-filter:blur(var(--srf-blur));-webkit-backdrop-filter:blur(var(--srf-blur));color:var(--srf-on-text-80);font-size:.75rem;line-height:1.3;white-space:nowrap}.chip .dot{width:.375rem;height:.375rem;border-radius:var(--radius-circle);background:currentColor;flex:none}.chip.up{color:var(--srf-on-up)}.chip.down{color:var(--srf-on-down)}.chip.warn{color:var(--srf-on-warn)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:var(--radius-pill);background:var(--txt);color:var(--txt-on);font-weight:500;font-size:.875rem;line-height:1.4;white-space:nowrap;transition:opacity var(--fast),transform var(--fast)}.btn:hover:not(:disabled){opacity:.88}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.block{width:100%}.btn.small{padding:.25rem .75rem;font-size:.75rem}.btn.large{padding:.75rem 1.5rem;font-size:.9375rem}.btn.ghost{background:var(--srf-fill);backdrop-filter:blur(var(--srf-blur));-webkit-backdrop-filter:blur(var(--srf-blur));border:1px solid var(--srf-line);color:var(--srf-on-text)}.btn.ghost:hover:not(:disabled){background:var(--srf-fill-hover)}.cta{display:inline-flex;align-items:center;gap:.75rem;padding:0}.cta .circle{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-circle);background:var(--txt);color:var(--txt-on);flex:none;transition:transform var(--fast) var(--ease-soft)}.cta .label{font-size:.75rem;line-height:1.4;color:var(--txt-60);transition:color var(--fast);text-align:left}.cta:hover:not(:disabled) .label{color:var(--txt)}.cta:hover:not(:disabled) .circle{transform:scale(1.08)}.game-mark{display:inline-block;flex:none;overflow:hidden;line-height:0;background:var(--srf-fill);box-shadow:inset 0 0 0 1px var(--srf-line)}.game-mark img,.game-mark svg{display:block;width:100%;height:100%;object-fit:cover}.game-cell{display:inline-flex;align-items:center;gap:.625rem;min-width:0}.game-cell .nm{font-weight:500;white-space:nowrap}.game-cell .tc{color:var(--srf-on-text-60);font-size:.75rem;white-space:nowrap}.game-cell .stack{display:flex;flex-direction:column;gap:.125rem;min-width:0;line-height:1.25}.game-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.game-opt{display:flex;flex-direction:column;align-items:center;gap:.4375rem;padding:.625rem .25rem .5rem;border:1px solid var(--srf-line);border-radius:1rem;background:var(--srf-fill);color:var(--srf-on-text);transition:background var(--fast),border-color var(--fast),transform var(--fast)}.game-opt:hover{background:var(--srf-fill-hover)}.game-opt:active{transform:scale(.97)}.game-opt.on{background:#fff;color:var(--ink);border-color:#fff;box-shadow:0 1px 3px #14285033}.game-opt .lbl{font-size:.6875rem;font-weight:500;line-height:1.15;text-align:center}.stat{display:flex;flex-direction:column;gap:.375rem;min-width:0}.stat .label{font-weight:400;font-size:.75rem;line-height:1.2;color:var(--txt-60)}.stat .value{font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1.15;letter-spacing:-.02em;color:var(--txt);white-space:nowrap}.stat.small .value{font-size:1.125rem}.stat.large .value{font-size:2.25rem;letter-spacing:-.04em}.stat .hint{font-size:.75rem;line-height:1.4;color:var(--txt-60)}.stat-row{display:flex;flex-wrap:wrap;gap:1.5rem 2rem}.table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--srf-line);border-radius:var(--radius-card);background:var(--srf-fill);backdrop-filter:blur(var(--srf-blur));-webkit-backdrop-filter:blur(var(--srf-blur))}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;line-height:1.4;color:var(--txt)}.table thead th{position:sticky;top:0;z-index:2;text-align:left;font-weight:500;font-size:.75rem;line-height:1.2;letter-spacing:.02em;color:var(--txt-60);background:var(--srf-tint)}.table thead th,.table tbody td{padding:.875rem 1.25rem;white-space:nowrap;border-bottom:1px solid var(--srf-line)}.table tbody td{vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.clickable{cursor:pointer;transition:background var(--fast)}.table tbody tr.clickable:hover,.table tbody tr.clickable:focus-visible{background:var(--srf-tint)}.table .num{text-align:right}.table-empty{padding:2.5rem 1.25rem;text-align:center;font-family:var(--font-serif);font-style:italic;font-size:1.25rem;letter-spacing:-.02em;color:var(--txt-80);white-space:normal}.kv-rows{display:flex;flex-direction:column;gap:.5rem}.kv-inset{padding:.875rem 1rem;border:1px solid var(--srf-line);border-radius:1rem;background:var(--srf-fill)}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.8125rem;line-height:1.4}.kv .k{color:var(--txt-60)}.kv .v{color:var(--txt);text-align:right;overflow-wrap:anywhere}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:2.5rem 2rem;border:1px solid var(--srf-line);border-radius:var(--radius-card);background:var(--srf-fill);backdrop-filter:blur(var(--srf-blur));-webkit-backdrop-filter:blur(var(--srf-blur))}.empty.compact{padding:1.5rem 1.25rem}.empty .title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.5rem;line-height:1.15;letter-spacing:-.03em;color:var(--txt);max-width:30ch}.empty .body{font-size:.875rem;line-height:1.6;color:var(--txt-80);max-width:56ch}.empty .action{margin-top:.5rem}.skeleton{display:block;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--srf-tint) 0,var(--srf-fill-hover) 50%,var(--srf-tint) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-stack{display:flex;flex-direction:column;gap:.625rem}.field{display:flex;flex-direction:column;gap:.5rem}.field>.label{display:flex;align-items:baseline;justify-content:space-between;gap:.625rem;font-weight:500;line-height:1.2;font-size:.75rem;color:var(--txt-60)}.field .hint{font-weight:400;line-height:1.4;font-size:.75rem;color:var(--txt-60)}.control,.select,.textarea{width:100%;padding:.625rem 1rem;border:1px solid var(--srf-line);border-radius:var(--radius-pill);background:var(--srf-fill);backdrop-filter:blur(var(--srf-blur));-webkit-backdrop-filter:blur(var(--srf-blur));color:var(--srf-on-text);font-size:.875rem;line-height:1.4;outline:none;transition:border-color var(--fast),background var(--fast)}.control:hover,.select:hover,.textarea:hover{background:var(--srf-fill-hover)}.control:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:color-mix(in srgb,var(--srf-on-text) 45%,transparent)}.control::placeholder,.textarea::placeholder{color:var(--srf-on-text-60)}.control.numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.textarea{min-height:6rem;border-radius:1rem;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.25rem;background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 1.125rem) 50%,calc(100% - .75rem) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.search-wrap{position:relative;display:block;width:100%}.search-icon{position:absolute;top:50%;left:.9375rem;transform:translateY(-50%);color:var(--srf-on-text-60);pointer-events:none}.search-control{padding-left:2.375rem}.file-input{width:100%;padding:.5rem .75rem;border:1px dashed var(--srf-line);border-radius:1rem;background:var(--srf-fill);color:var(--srf-on-text-80);font-size:.8125rem}.file-input::file-selector-button{margin-right:.75rem;padding:.3rem .75rem;border:0;border-radius:var(--radius-pill);background:var(--srf-on-text);color:var(--srf-fill);font-size:.75rem;font-weight:500;cursor:pointer}.toast-stack{position:fixed;right:1.25rem;bottom:1.25rem;z-index:300;width:min(360px,calc(100vw - 2.5rem));pointer-events:none;display:flex;flex-direction:column;gap:.625rem}.toast{pointer-events:auto;position:relative;display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border:1px solid var(--glass-line);border-radius:var(--radius-card);background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));animation:rise .28s var(--ease-soft) both}.toast .title{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.875rem;line-height:1.3;color:var(--txt)}.toast .dot{width:.4375rem;height:.4375rem;border-radius:var(--radius-circle);background:currentColor;flex:none}.toast.ok .title{color:var(--txt-up)}.toast.err .title{color:var(--txt-down)}.toast .body{font-size:.75rem;line-height:1.5;color:var(--txt-80);overflow-wrap:anywhere}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a1c409e;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade .2s ease-out both}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{position:relative;display:flex;flex-direction:column;gap:1rem;width:min(460px,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1.5rem;border-radius:var(--radius-card);border:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,#23538f,#17386b);box-shadow:0 32px 80px #06143099;color:var(--white);animation:rise .28s var(--ease-soft) both}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sheet-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.5rem;line-height:1.1;letter-spacing:-.03em}.sheet-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:none;border:1px solid var(--glass-line);border-radius:var(--radius-circle);background:var(--glass);color:var(--white);font-size:.875rem;line-height:1;transition:background var(--fast)}.sheet-close:hover{background:var(--glass-hover)}.gate-steps{display:flex;flex-direction:column;gap:.5rem}.gate-step{display:grid;grid-template-columns:1.75rem 1fr auto;gap:.875rem;align-items:center;padding:.875rem 1rem;border:1px solid var(--glass-line);border-radius:1rem;background:var(--glass)}.gate-step .n{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-circle);border:1px solid var(--glass-line);font-size:.75rem;font-weight:500;color:var(--text-80)}.gate-step.done .n{background:var(--white);border-color:var(--white);color:var(--sky-deep)}.gate-step b{display:block;font-size:.875rem;font-weight:500}.gate-step span{display:block;font-size:.75rem;line-height:1.45;color:var(--text-60);margin-top:.125rem}.hero{position:relative;width:100%;min-height:100dvh;overflow:hidden}.hero-heading{position:absolute;top:calc(12% + 50px);left:0;right:0;z-index:50;display:flex;flex-direction:column;align-items:center;gap:1.75rem;padding:0 1.25rem;pointer-events:none}.hero-heading h1{color:var(--white);text-align:center;line-height:.95;font-weight:400}.hero-heading .line-1{display:block;font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(3.5rem,10vw,9rem);letter-spacing:-.05em}.hero-heading .line-2{display:block;font-weight:400;font-size:clamp(3.5rem,10vw,9rem);letter-spacing:-.08em;margin-top:.08em}.hero-cta{pointer-events:auto}.hero-note{position:absolute;bottom:2.5rem;left:1.25rem;right:1.25rem;z-index:50;max-width:280px}.hero-note p{font-size:.875rem;color:var(--white);line-height:1.6}.hero-year{position:absolute;bottom:1.5rem;right:1.25rem;z-index:50;font-size:.75rem;color:#fff9}@media (min-width: 768px){.hero-note{left:auto;right:2.5rem;bottom:6rem}.hero-year{right:2.5rem}}@media (min-width: 1024px){.hero-note,.hero-year{right:3.5rem}}@media (max-width: 767px){.hero-note{bottom:6rem;max-width:none}}.anim{opacity:0;animation-duration:var(--dur);animation-timing-function:var(--ease-soft);animation-fill-mode:both}.anim-reveal{animation-name:reveal}.anim-fade{animation-name:rise}.floaties{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.floatie{position:absolute;transform:translate(-50%,-50%);animation-name:bob;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;will-change:transform}.floatie img{width:100%;height:100%;object-fit:contain;transform:translate3d(calc(var(--px, 0) * var(--depth) * -26px),calc(var(--py, 0) * var(--depth) * -26px),0) rotate(var(--spin));filter:drop-shadow(0 22px 34px rgba(10,32,78,.42))}@keyframes bob{0%{transform:translate(-50%,calc(-50% - 10px))}to{transform:translate(-50%,calc(-50% + 10px))}}@media (max-width: 900px){.floatie{transform:translate(-50%,-50%) scale(.62)}.floatie:not(.on-phone){display:none}@keyframes bob{0%{transform:translate(-50%,calc(-50% - 7px)) scale(.62)}to{transform:translate(-50%,calc(-50% + 7px)) scale(.62)}}}@media (prefers-reduced-motion: reduce){.floatie{animation:none}}.hero-horizon{position:absolute;left:-30%;right:-30%;bottom:-44vh;height:84vh;z-index:2;border-radius:50% 50% 0 0/30% 30% 0 0;background:linear-gradient(180deg,#eaf5fe,#b2d6f5 7%,#7db3e8 19%,#4d8ad4 34%,#2f6ac0 62%,#24539f);box-shadow:0 -1px #ffffffe6,0 -24px 70px #fff6;pointer-events:none}.match-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem;align-items:start}@media (max-width: 1080px){.match-grid{grid-template-columns:minmax(0,1fr)}}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.25rem;align-items:start}@media (max-width: 1080px){.lobby-grid{grid-template-columns:minmax(0,1fr)}}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;align-items:start}.match-page{padding-bottom:1.5rem}.match-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-bottom:.875rem;padding:0 .25rem}.match-head .title{display:flex;align-items:center;gap:.75rem}.match-head .title .display,.match-head .title .no{align-self:baseline}.match-head .title .display{font-size:1.75rem}.match-head .title .no{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.75rem;letter-spacing:-.05em;color:var(--txt-60)}.board-shell{display:flex;flex-direction:column;gap:.75rem;align-items:center}.board-shell>.clockbar,.board-shell>.row-wrap,.board-shell>div:has(>.board){width:100%;max-width:min(560px,calc(100dvh - 26rem))}.clockbar{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.625rem 1rem;border:1px solid var(--srf-line);border-radius:var(--radius-pill);background:var(--srf-fill);color:var(--srf-on-text);transition:background var(--fast),border-color var(--fast)}.clockbar.active{background:var(--srf-fill-hover);border-color:color-mix(in srgb,var(--srf-on-text) 30%,transparent)}.clockbar .who{display:flex;align-items:center;gap:.625rem;min-width:0}.clockbar .col{width:.75rem;height:.75rem;border-radius:3px;border:1px solid var(--srf-on-text-60);flex:none}.clockbar .col.w{background:#fff}.clockbar .col.b{background:var(--ink)}.clockbar .tick{font-size:.6875rem;color:var(--srf-on-down);white-space:nowrap}.clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.625rem;font-weight:500;line-height:1;letter-spacing:-.03em;min-width:5.5rem;text-align:right}.clock.low{color:var(--srf-on-down)}.clock.dead{opacity:.45}.board{position:relative;width:100%;max-width:min(560px,calc(100dvh - 26rem));aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:1rem;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-shadow:0 18px 48px #0c265a59}.sq{position:relative;display:grid;place-items:center}.sq.light{background:#eceff3}.sq.dark{background:#8fa8c4}.sq.last{background:#d9d08a}.sq.last.dark{background:#bfae63}.sq.sel{box-shadow:inset 0 0 0 3px #2626268c}.sq.can{cursor:pointer}.sq.dot:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:#26262647}.sq.cap:after{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border:3px solid rgba(192,57,43,.6);border-radius:50%}.sq.check{background:radial-gradient(circle,rgba(192,57,43,.75) 0%,rgba(192,57,43,.15) 62%,transparent 72%)}.sq .co{position:absolute;font-size:.5625rem;font-weight:500;color:#26262673;line-height:1}.sq .co.f{right:4px;bottom:3px}.sq .co.rk{left:4px;top:3px}.pc{font-size:calc(var(--sqsize, 66px) * .8);line-height:1;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,Apple Symbols,sans-serif;pointer-events:none;transform:translateY(-3%)}.pc.w{color:#fff;-webkit-text-stroke:1.4px #23303f;paint-order:stroke fill;filter:drop-shadow(0 2px 2px rgba(20,30,45,.35))}.pc.b{color:#23303f;-webkit-text-stroke:1.1px #23303f;filter:drop-shadow(0 2px 2px rgba(20,30,45,.3))}.sq.drag .pc{opacity:.3}.promo{position:absolute;top:0;right:0;bottom:0;left:0;background:#eceff3eb;display:grid;place-items:center;z-index:5}.promo .opts{display:flex;gap:.5rem;padding:.5rem;border-radius:1rem;background:#fff;box-shadow:0 12px 32px #0c265a4d}.promo button{width:64px;height:64px;border-radius:.75rem;background:#eceff3;font-size:44px;line-height:1;color:#23303f}.promo button:hover{background:#dfe4ea}.board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:#0a1c4080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:1rem;animation:fade .3s ease-out both}.board-overlay .card{text-align:center;padding:1.75rem 2rem;border-radius:var(--radius-card);border:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,#23538f,#17386b);box-shadow:0 32px 80px #06143099;color:#fff;max-width:22rem;animation:rise .4s .06s var(--ease-soft) both}.board-overlay h3{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:2rem;letter-spacing:-.04em;line-height:1.05;margin-bottom:.5rem}.waiting{width:100%;max-width:min(560px,calc(100dvh - 26rem));aspect-ratio:1;container-type:inline-size;display:grid;place-items:center;text-align:center;padding:2rem;border-radius:1rem;border:1px solid var(--srf-line);background:var(--srf-fill);color:var(--srf-on-text)}.waiting h3{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.75rem;letter-spacing:-.03em;line-height:1.1;margin-bottom:.5rem}.waiting.compact{aspect-ratio:auto;min-height:13rem}.waiting .count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:2.75rem;font-weight:500;letter-spacing:-.04em;margin:1rem 0 .25rem}.moves{max-height:22rem;overflow-y:auto;font-size:.8125rem;border:1px solid var(--srf-line);border-radius:1rem;background:var(--srf-fill);color:var(--srf-on-text)}.moves .mv{display:grid;grid-template-columns:2.5rem 1fr 1fr;border-bottom:1px solid var(--srf-line)}.moves .mv:last-child{border-bottom:0}.moves .mv>span{padding:.4375rem .75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.moves .mv .n{color:var(--srf-on-text-60);text-align:right;border-right:1px solid var(--srf-line)}.moves .mv .cur{background:var(--srf-tint);font-weight:500}.moves .none{padding:1.5rem;text-align:center;color:var(--srf-on-text-60);font-size:.8125rem}.who{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.who .av{width:1.5rem;height:1.5rem;flex:none;border-radius:var(--radius-circle);display:grid;place-items:center;font-size:.625rem;font-weight:600;overflow:hidden;background:var(--srf-fill-hover);color:var(--srf-on-text);border:1px solid var(--srf-line)}.who .av img{width:100%;height:100%;object-fit:cover}.who .nm{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who .rt{font-size:.6875rem;color:var(--srf-on-text-60);font-feature-settings:"tnum"}.who.lg .av{width:2.25rem;height:2.25rem;font-size:.875rem}.who.xl .av{width:4rem;height:4rem;font-size:1.5rem}.founder-mark{display:inline-flex;align-items:center;padding:.0625rem .375rem;border-radius:var(--radius-pill);border:1px solid currentColor;color:var(--srf-on-warn);font-size:.5625rem;font-weight:600;letter-spacing:.08em;line-height:1.5}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.versus .side{min-width:0}.versus .side.right{display:flex;justify-content:flex-end}.versus .x{font-family:var(--font-serif);font-style:italic;font-size:.9375rem;color:var(--txt-60)}.pass-art{width:100%;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--glass-line);box-shadow:0 24px 64px #0c265a59}.progress{position:relative;width:100%;height:.375rem;border-radius:var(--radius-pill);background:var(--srf-line);overflow:hidden}.progress i{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:var(--txt-accent);transition:width .3s ease-out}.steps{display:flex;flex-direction:column;gap:.75rem}.step{display:grid;grid-template-columns:1.75rem 1fr;gap:.875rem;padding:1rem 1.125rem;border:1px solid var(--srf-line);border-radius:1rem;background:var(--srf-fill);color:var(--srf-on-text)}.step .n{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-circle);border:1px solid var(--srf-line);font-size:.75rem;font-weight:500;color:var(--srf-on-text-60)}.step.done .n{background:var(--srf-on-up);border-color:var(--srf-on-up);color:#fff}.step h4{font-size:.9375rem;font-weight:500;margin-bottom:.25rem}.step p{font-size:.8125rem;line-height:1.55;color:var(--srf-on-text-60);margin-bottom:.75rem}.step .code{display:inline-block;padding:.4375rem .875rem;border-radius:var(--radius-pill);border:1px dashed var(--srf-line);background:var(--srf-fill);font-feature-settings:"tnum";font-size:.9375rem;font-weight:500;letter-spacing:.08em}.row-wrap{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag-row{display:flex;align-items:center;gap:.5rem}.tag-row>.control{flex:1;min-width:0}.tag-value{flex:1;min-width:0;padding:.5rem .875rem;border:1px solid var(--srf-line);border-radius:var(--radius-pill);background:var(--srf-fill);color:var(--srf-on-text);font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev{display:flex;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;border:1px solid var(--srf-line);border-radius:.875rem;background:var(--srf-fill);font-size:.8125rem;color:var(--srf-on-text)}.spin{display:inline-block;width:.75rem;height:.75rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;background:var(--sky-deep);transition:opacity .5s var(--ease-soft)}.boot.out{opacity:0;pointer-events:none}.boot .mark{display:flex;align-items:center;gap:.75rem;font-family:var(--font-serif);font-style:italic;font-size:2.5rem;letter-spacing:-.04em;color:#fff;animation:rise .7s var(--ease-soft) both}.boot .mark svg{width:2.5rem;height:2.5rem}.boot .bar{position:absolute;bottom:22%;left:50%;transform:translate(-50%);width:160px;height:2px;border-radius:2px;background:#ffffff40;overflow:hidden}.boot .bar i{position:absolute;inset:0 auto 0 0;background:#fff;border-radius:2px;transition:width .2s linear}.footer{max-width:var(--app-max);margin:0 auto;padding:2rem var(--gutter) 3rem;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;font-size:.75rem;color:var(--text-60);border-top:1px solid rgba(255,255,255,.15)}.footer a:hover{color:var(--white)}