@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Hanken+Grotesk:wght@400;500;600;700&display=swap";.landing-page{--bg: var(--ground);--l-light: var(--light);--l-shadow: var(--dark);--l-ink: var(--ink);--l-body: color-mix(in srgb, var(--ink) 75%, var(--ground));--faint: var(--ink-soft);--l-accent: var(--cobalt);--accent-dk: var(--win);--piece-light-1: color-mix(in srgb, var(--cream) 92%, #fff);--piece-light-2: var(--cream);--piece-dark-1: color-mix(in srgb, var(--rose) 88%, #fff);--piece-dark-2: var(--rose);--card: color-mix(in srgb, var(--bg) 88%, var(--l-light));--line: color-mix(in srgb, var(--l-ink) 14%, transparent);--muted: var(--l-body);--maxw: 1120px;--pad: clamp(1.25rem, 5vw, 3.5rem);--section-y: clamp(5rem, 11vw, 9rem);--r-sm: 14px;--r-md: 22px;--r-lg: 32px;--r-pill: 999px;--nm-d: 9px;--nm-b: 18px;--nm-raise: var(--nm-d) var(--nm-d) var(--nm-b) var(--l-shadow), calc(-1*var(--nm-d)) calc(-1*var(--nm-d)) var(--nm-b) var(--l-light);--nm-raise-sm: 5px 5px 11px var(--l-shadow), -5px -5px 11px var(--l-light);--nm-inset: inset 5px 5px 11px var(--l-shadow), inset -5px -5px 11px var(--l-light);--nm-inset-deep: inset 7px 7px 15px var(--l-shadow), inset -7px -7px 15px var(--l-light);background:var(--bg);color:var(--l-body);font-family:Hanken Grotesk,system-ui,sans-serif;font-size:clamp(1rem,1.05vw + .9rem,1.0625rem);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;min-height:100dvh}.landing-page h1,.landing-page h2,.landing-page h3{font-family:Fraunces,Georgia,serif;color:var(--l-ink);line-height:1.06;letter-spacing:-.012em;font-weight:500;margin:0}.landing-page p{margin:0}.landing-page a{color:inherit}.landing-page .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}.landing-page .eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--faint);font-weight:600;margin:0}.landing-page em.serif{font-style:italic;color:var(--accent-dk)}.landing-page .topbar{display:block;max-width:none;width:100%;padding:0;border-radius:0;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.landing-page .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}.landing-page .mark{font-family:Fraunces,serif;font-weight:600;font-size:1.35rem;color:var(--l-ink);letter-spacing:.02em}.landing-page .mark span{color:var(--accent-dk)}.landing-page .topbar-actions{display:flex;align-items:center;gap:.6rem}.landing-page .btn{display:inline-flex;align-items:center;gap:.55rem;font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.02em;color:var(--l-ink);text-decoration:none;padding:.7rem 1.4rem;border-radius:var(--r-pill);background:var(--bg);box-shadow:var(--nm-raise-sm);transition:box-shadow .18s ease,transform .18s ease,color .18s ease;border:none;cursor:pointer}.landing-page .btn:hover{color:var(--accent-dk)}.landing-page .btn:active{box-shadow:var(--nm-inset);transform:translateY(1px)}.landing-page .btn .dot{width:7px;height:7px;border-radius:50%;background:var(--l-accent)}.landing-page .btn-lg{font-size:1rem;padding:1.05rem 2.2rem;box-shadow:var(--nm-raise)}.landing-page .btn-primary{color:var(--accent-dk);box-shadow:var(--nm-raise);font-weight:700}.landing-page .btn-primary:hover{color:var(--l-accent)}.landing-page :focus-visible{outline:2px solid var(--accent-dk);outline-offset:3px;border-radius:6px}.landing-page .hero{padding-top:clamp(3rem,7vw,6rem);padding-bottom:var(--section-y)}.landing-page .hero-grid{display:grid;gap:clamp(2.5rem,5vw,4.5rem);grid-template-columns:1.05fr .95fr;align-items:center}.landing-page .hero h1{font-size:clamp(2.9rem,6.4vw,5.3rem);margin:.9rem 0 0}.landing-page .hero h1 .light{font-weight:400}.landing-page .hero .lede{margin-top:1.6rem;max-width:30ch;font-size:1.12rem}.landing-page .hero-actions{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.landing-page .since{font-size:.82rem;color:var(--faint);letter-spacing:.04em}.landing-page .board-frame{background:var(--pedestal);border-radius:var(--r-lg);box-shadow:var(--nm-raise);padding:clamp(1rem,2.5vw,1.6rem);width:100%;max-width:430px;margin-inline:auto}.landing-page .board-frame .board{aspect-ratio:1/1;width:100%;background:var(--plate);border-radius:var(--r-md);box-shadow:var(--nm-inset-deep);padding:clamp(.5rem,1.8vw,.9rem);display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(2px,.6vw,5px)}.landing-page .cell{position:relative;border-radius:7px;container-type:size;--lcoin: 70cqmin;--lpeek: 11cqmin}.landing-page .cell.play{box-shadow:inset 2px 2px 4px var(--l-shadow),inset -2px -2px 4px var(--l-light)}.landing-page .lcolumn{position:absolute;left:50%;bottom:15cqmin;transform:translate(-50%);width:var(--lcoin)}.landing-page .piece{position:absolute;left:0;width:var(--lcoin);height:var(--lcoin);border-radius:50%;display:grid;place-items:center;animation:pieceIn .4s cubic-bezier(.2,.8,.2,1)}.landing-page .piece:not(.top){filter:brightness(.95)}.landing-page .piece.dark{background:radial-gradient(circle at 32% 28%,var(--piece-dark-1),var(--piece-dark-2));box-shadow:1px 2px 4px #00000052,inset 0 1px #ffffff24}.landing-page .piece.light{background:radial-gradient(circle at 32% 28%,var(--piece-light-1),var(--piece-light-2));box-shadow:1px 2px 5px var(--l-shadow),inset 0 1px 0 var(--l-light)}.landing-page .piece .dots{display:flex;align-items:center;justify-content:center;gap:20%;width:100%;height:100%}.landing-page .dot-pip{width:17%;height:17%;min-width:3.5px;min-height:3.5px;border-radius:50%}.landing-page .piece.light .dot-pip{background:#46322880;box-shadow:inset 0 .5px 1px #46261a80}.landing-page .piece.dark .dot-pip{background:#f8f0e6b8;box-shadow:inset 0 .5px 1px #0000004d}.landing-page .piece .insignia{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54%;height:54%;pointer-events:none}.landing-page .piece.light .insignia{color:color-mix(in srgb,var(--cream) 70%,#6a563f);filter:drop-shadow(-.6px -.6px .4px rgba(95,80,58,.5)) drop-shadow(.7px .8px .5px color-mix(in srgb,var(--light) 85%,#fff))}.landing-page .piece.dark .insignia{color:color-mix(in srgb,var(--rose) 78%,#000);filter:drop-shadow(-.6px -.6px .4px rgba(0,0,0,.5)) drop-shadow(.7px .8px .5px color-mix(in srgb,var(--rose) 45%,#fff))}[data-theme=navy] .landing-page .piece .insignia.ins-officer{color:#f0c84b;filter:drop-shadow(-.6px -.6px .4px rgba(75,52,4,.72)) drop-shadow(.7px .8px .5px rgba(255,235,145,.52))}[data-theme=confetti] .landing-page .piece .insignia.ins-officer{color:var(--dot-sun);filter:drop-shadow(-.6px -.6px .4px rgba(120,90,10,.55)) drop-shadow(.7px .8px .5px rgba(255,240,170,.6))}.landing-page .lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:1rem}.landing-page .lesson-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:230px;padding:1.35rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--l-ink);cursor:pointer;box-shadow:0 12px 30px #28221b12;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.landing-page .lesson-card:hover{transform:translateY(-2px);border-color:var(--l-accent);box-shadow:0 16px 34px #28221b1c}.landing-page .lesson-card:focus-visible{outline:3px solid color-mix(in srgb,var(--l-accent) 45%,transparent);outline-offset:3px}.landing-page .lesson-card.done{border-color:color-mix(in srgb,var(--l-accent) 55%,var(--line))}.landing-page .lesson-card-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.landing-page .lesson-ref,.landing-page .lesson-status{display:inline-flex;align-items:center;gap:.35rem;color:var(--faint);font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.landing-page .lesson-status.done{color:var(--l-accent)}.landing-page .lesson-card h3{margin:1.2rem 0 .55rem;font-size:1.3rem}.landing-page .lesson-card p{color:var(--muted);line-height:1.6}.landing-page .lesson-go{margin-top:auto;padding-top:1.1rem;display:inline-flex;align-items:center;gap:.3rem;color:var(--l-accent);font-weight:700}.landing-page .lesson-card.locked{cursor:not-allowed;opacity:.62}.landing-page .lesson-card.locked:hover{transform:none;border-color:var(--line);box-shadow:0 12px 30px #28221b12}.landing-page .lesson-status.locked{color:var(--faint)}.landing-page .lesson-go.locked{color:var(--muted);font-weight:600}.landing-page .tutorial-runner{display:grid;grid-template-columns:minmax(0,auto) minmax(250px,360px);align-items:start;justify-content:center;gap:clamp(1.25rem,4vw,3rem)}.landing-page .tutorial-board{min-width:0}.landing-page .tutorial-board .stage{--sq: clamp(36px, 6.2vw, 58px)}.landing-page .tutorial-coach{position:sticky;top:90px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 12px 30px #28221b12}.landing-page .tutorial-prompt{display:flex;align-items:flex-start;gap:.8rem}.landing-page .tutorial-prompt p{color:var(--l-ink);line-height:1.55;font-weight:600}.landing-page .coach-step,.landing-page .coach-icon{flex:0 0 auto;min-width:2rem;height:2rem;padding-inline:.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--l-accent) 13%,transparent);color:var(--l-accent);font-size:.72rem;font-weight:800}.landing-page .tutorial-done-actions{display:flex;flex-wrap:wrap;gap:.6rem}.landing-page .tutorial-done-actions .btn{flex:1 1 auto;justify-content:center}.landing-page .tutorial-feedback{display:flex;align-items:flex-start;gap:.55rem;padding:.8rem;border-radius:12px;font-size:.9rem;line-height:1.45}.landing-page .tutorial-feedback.hint{background:#f6eed8;color:#725a1f}.landing-page .tutorial-feedback.success{background:#e5f2eb;color:#30634a}@media (max-width: 850px){.landing-page .tutorial-runner{grid-template-columns:1fr}.landing-page .tutorial-board{display:flex;justify-content:center}.landing-page .tutorial-coach{position:static}}.landing-page .piece .ins-soldier{width:46%;height:46%}.landing-page .piece.light .insignia{color:color-mix(in srgb,var(--piece-light-1) 70%,#6a563f);filter:drop-shadow(-.6px -.6px .4px rgba(95,80,58,.5)) drop-shadow(.7px .8px .5px rgba(255,252,246,.85))}.landing-page .piece.dark .insignia{color:color-mix(in srgb,var(--piece-dark-1) 80%,#000);filter:drop-shadow(-.6px -.6px .4px rgba(0,0,0,.5)) drop-shadow(.7px .8px .5px color-mix(in srgb,var(--piece-dark-1) 45%,#fff))}.landing-page .count{position:absolute;top:calc(var(--lcoin) * -.24);left:50%;transform:translate(-50%);z-index:20;font-family:Hanken Grotesk,sans-serif;font-size:clamp(7.5px,1.3vw,10px);font-weight:700;line-height:1;color:var(--accent-dk);background:var(--bg);border-radius:999px;padding:2px 5px;box-shadow:2px 2px 4px var(--l-shadow),-1px -1px 3px var(--l-light)}@keyframes pieceIn{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}.landing-page .demo-note{margin-top:1.2rem;text-align:center;font-size:.86rem;color:var(--faint);display:flex;align-items:center;justify-content:center;gap:.55rem}.landing-page .demo-note .pulse{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--l-accent);animation:notePulse 1.7s infinite}.landing-page .demo-result{gap:.7rem 1rem;font-size:.95rem;flex-wrap:wrap}.landing-page .demo-result strong{font-family:Fraunces,serif;font-weight:500;color:var(--l-ink)}.landing-page .demo-again{display:inline-flex;align-items:center;gap:.35rem;font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.02em;color:var(--l-ink);background:var(--bg);border:none;border-radius:var(--r-pill);padding:.5rem 1.1rem;cursor:pointer;box-shadow:var(--nm-raise-sm);transition:box-shadow .16s ease,transform .16s ease,color .16s ease}.landing-page .demo-again:hover{color:var(--accent-dk)}.landing-page .demo-again:active{box-shadow:var(--nm-inset);transform:translateY(1px)}.landing-page .demo-analyze{display:inline-flex;align-items:center;gap:.3rem;font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:.82rem;color:var(--l-accent);background:none;border:0;padding:0;cursor:pointer;transition:color .16s ease}.landing-page .demo-analyze:hover{color:var(--accent-dk);text-decoration:underline}@keyframes notePulse{0%{box-shadow:0 0 #5f8c7e73}70%{box-shadow:0 0 0 7px #5f8c7e00}to{box-shadow:0 0 #5f8c7e00}}@media (prefers-reduced-motion: reduce){.landing-page .piece,.landing-page .demo-note .pulse{animation:none!important}}.landing-page .legend{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;margin-top:1.4rem;font-size:.8rem;color:var(--faint)}.landing-page .legend .swatch{display:inline-flex;align-items:center;gap:.5rem}.landing-page .legend i{width:18px;height:18px;border-radius:50%;display:inline-block;position:relative}.landing-page .legend i.dark{background:radial-gradient(circle at 32% 28%,var(--piece-dark-1),var(--piece-dark-2))}.landing-page .legend i.light{background:radial-gradient(circle at 32% 28%,var(--piece-light-1),var(--piece-light-2));border:1px solid var(--l-shadow)}.landing-page .legend i.dark:after{content:"";position:absolute;top:33%;right:33%;bottom:33%;left:33%;border-radius:50%;background:#0006}.landing-page .legend i.light:after{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;border:1.5px solid rgba(110,103,89,.6)}.landing-page section{padding-block:var(--section-y)}.landing-page .lead-h2{font-size:clamp(2rem,4vw,3.1rem);max-width:18ch;margin-top:1rem}.landing-page .section-intro{max-width:54ch;margin-top:1.5rem;font-size:1.12rem}.landing-page .panel{flex:none;min-width:0;max-width:none}.landing-page .mechanic .panel{margin-top:clamp(3rem,6vw,4.5rem);background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--nm-raise);padding:clamp(2rem,4.5vw,4rem);display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}.landing-page .mechanic h3{font-size:1.45rem;margin-bottom:.6rem}.landing-page .mech-step{display:flex;gap:1.1rem;padding:1.1rem 0}.landing-page .mech-step+.mech-step{border-top:1px solid color-mix(in srgb,var(--l-shadow) 60%,transparent)}.landing-page .mech-num{flex:none;width:42px;height:42px;border-radius:50%;background:var(--bg);box-shadow:var(--nm-raise-sm);display:grid;place-items:center;font-family:Fraunces,serif;color:var(--accent-dk);font-size:1rem;font-weight:600}.landing-page .mech-step b{color:var(--l-ink);font-weight:600}.landing-page .capture-demo{background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-inset);padding:2.4rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center;--cell: clamp(54px, 14vw, 74px);--gap: 8px;--well-pad: 10px;--step: calc(var(--cell) + var(--gap))}.landing-page .cap-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.landing-page .demo-stage{position:relative;display:inline-block;margin:1.5rem 0 1.7rem}.landing-page .demo-board{display:grid;grid-template-columns:repeat(3,var(--cell));gap:var(--gap);padding:var(--well-pad);border-radius:16px;background:var(--bg);box-shadow:var(--nm-inset)}.landing-page .demo-board .well{width:var(--cell);height:var(--cell);border-radius:9px}.landing-page .demo-board .well.play{box-shadow:inset 2px 2px 4px var(--l-shadow),inset -2px -2px 4px var(--l-light)}.landing-page .demo-grp{position:absolute;top:var(--well-pad);left:var(--well-pad);animation:demoFade 7s ease-in-out infinite}.landing-page .demo-piece{position:absolute;width:var(--cell);height:var(--cell);border-radius:50%}.landing-page .demo-piece.commander{left:0;top:calc(2 * var(--step));z-index:3;background:radial-gradient(circle at 33% 27%,var(--piece-dark-1),var(--piece-dark-2));box-shadow:3px 5px 9px #00000052,-2px -2px 6px #ffffff21;animation:cmdrJump 7s cubic-bezier(.34,.05,.32,1) infinite}.landing-page .demo-piece.commander:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--l-accent);opacity:0;animation:ringBloom 7s ease-in-out infinite}.landing-page .demo-piece.victim{left:var(--step);top:var(--step);z-index:2;transform-origin:center center;background:radial-gradient(circle at 33% 27%,var(--piece-light-1),var(--piece-light-2));box-shadow:3px 4px 7px var(--l-shadow);animation:victimTuck 7s cubic-bezier(.34,.05,.32,1) infinite}@keyframes cmdrJump{0%,9%{transform:translate(0)}19%{transform:translate(calc(1 * var(--step)),calc(-2.35 * var(--step)))}30%,80%{transform:translate(calc(2 * var(--step)),calc(-2 * var(--step)))}81%,to{transform:translate(0)}}@keyframes victimTuck{0%,20%{transform:translate(0) scaleY(1)}30%,80%{transform:translate(var(--step),calc(-1 * var(--step) + .4 * var(--cell))) scaleY(.17)}81%,to{transform:translate(0) scaleY(1)}}@keyframes ringBloom{0%,27%{opacity:0;transform:scale(.82)}36%,74%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(1)}}@keyframes demoFade{0%,72%{opacity:1}80%,90%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.landing-page .demo-grp{opacity:1;animation:none}.landing-page .demo-piece.commander{transform:translate(calc(2 * var(--step)),calc(-2 * var(--step)));animation:none}.landing-page .demo-piece.commander:after{opacity:1;animation:none}.landing-page .demo-piece.victim{transform:translate(var(--step),calc(-1 * var(--step) + .4 * var(--cell))) scaleY(.17);animation:none}}.landing-page .tag{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--l-body)}.landing-page .tag .marker{width:9px;height:9px;border-radius:50%}.landing-page .tag .marker.cmd{background:var(--l-accent)}.landing-page .tag .marker.pri{background:var(--faint)}.landing-page .rules-grid{margin-top:clamp(3rem,6vw,4rem);display:grid;gap:clamp(1.25rem,2.4vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.landing-page .card{background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-raise);padding:clamp(1.7rem,3vw,2.3rem);transition:transform .25s ease}.landing-page .card:hover{transform:translateY(-4px)}.landing-page .card .idx{font-family:Fraunces,serif;font-style:italic;color:var(--accent-dk);font-size:1.05rem}.landing-page .card h3{font-size:1.3rem;margin:.6rem 0 .7rem}.landing-page .card p{font-size:1rem}.landing-page .card.note{box-shadow:var(--nm-inset)}.landing-page .card.note h3{color:var(--accent-dk)}.landing-page code.san{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;letter-spacing:-.01em;color:var(--accent-dk);background:var(--bg);border-radius:7px;padding:1px 6px;box-shadow:var(--nm-inset);white-space:nowrap}.landing-page .san-line{margin:.2rem 0 .9rem;line-height:2.2}.landing-page .san-no{font-family:Fraunces,serif;color:var(--faint);font-weight:600;margin-right:.2rem;font-size:.95em}.landing-page .san-vars{list-style:none;margin:.9rem 0 0;padding:.9rem 0 0;border-top:1px solid color-mix(in srgb,var(--l-shadow) 50%,transparent);display:grid;gap:.7rem}.landing-page .san-vars li{font-size:.92rem;line-height:1.5}.landing-page .san-vars .san-note{display:block;color:var(--l-body);margin-top:.3rem}.landing-page .san-vars li.unresolved code.san{color:var(--faint)}.landing-page .san-vars .flag{font-style:italic;color:var(--faint);font-size:.85em}.landing-page .refs ul{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.55rem}.landing-page .refs li{font-size:.9rem;line-height:1.5;color:var(--l-body)}.landing-page .refs a{color:var(--accent-dk);text-decoration:underline;text-underline-offset:2px}.landing-page p.section-intro code.san{font-size:.85em}.landing-page .lasker-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:start}.landing-page .portrait{background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--nm-raise);aspect-ratio:4/5;max-width:380px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;position:sticky;top:100px}.landing-page .medallion-stack{display:flex;flex-direction:column;align-items:center;gap:.6rem}.landing-page .medallion-crown{color:var(--l-ink);opacity:.85;filter:drop-shadow(0 1px 0 var(--light))}.landing-page .medallion{width:128px;height:128px;border-radius:50%;background:var(--bg);box-shadow:var(--nm-inset-deep);display:grid;place-items:center;font-family:Fraunces,serif;font-weight:600;font-size:2.6rem;color:var(--l-ink);letter-spacing:.02em}.landing-page .portrait-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;object-position:50% 22%;background:var(--bg);box-shadow:var(--nm-raise);padding:7px}.landing-page .portrait .name{font-family:Fraunces,serif;font-size:1.45rem;color:var(--l-ink)}.landing-page .portrait .years{font-size:.85rem;color:var(--faint);letter-spacing:.08em;margin-top:-1rem}.landing-page .timeline{margin-top:.4rem}.landing-page .tl-item{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;padding:1.15rem 0}.landing-page .tl-item+.tl-item{border-top:1px solid color-mix(in srgb,var(--l-shadow) 60%,transparent)}.landing-page .tl-year{font-family:Fraunces,serif;color:var(--accent-dk);font-size:1.15rem;font-weight:600;min-width:3.4ch}.landing-page .tl-item p{font-size:1.02rem}.landing-page .tl-item b{color:var(--l-ink);font-weight:600}.landing-page .facts{margin-top:clamp(3rem,6vw,4rem);display:grid;gap:clamp(1.25rem,2.4vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.landing-page .fact{background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-raise-sm);padding:1.6rem 1.7rem}.landing-page .fact .big{font-family:Fraunces,serif;font-size:1.9rem;color:var(--l-ink);display:block;line-height:1.1}.landing-page .fact small{display:block;margin-top:.5rem;font-size:.92rem;color:var(--l-body)}.landing-page .closing{text-align:center}.landing-page .closing .panel{background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--nm-raise);padding:clamp(3rem,7vw,5.5rem) clamp(1.5rem,5vw,3rem);max-width:760px;margin-inline:auto}.landing-page .closing h2{font-size:clamp(2rem,4.5vw,3.2rem)}.landing-page .closing p{margin:1.4rem auto 2.4rem;max-width:46ch}.landing-page footer{padding-block:clamp(2.5rem,5vw,3.5rem)}.landing-page footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-top:1px solid color-mix(in srgb,var(--l-shadow) 55%,transparent);padding-top:2rem}.landing-page footer .fine{font-size:.82rem;color:var(--faint)}.landing-page .reveal{opacity:0;transform:translateY(16px)}.landing-page .reveal.in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}.landing-page .terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.25rem,2.4vw,1.75rem);margin-top:clamp(2rem,4vw,2.6rem)}.landing-page .term{background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-raise);padding:clamp(1.5rem,3vw,2rem)}.landing-page .term-name{display:block;font-family:Fraunces,serif;font-size:1.2rem;color:var(--ink);margin-bottom:.5rem}.landing-page .term p{font-size:1rem}.landing-page .brochure-split{display:grid;grid-template-columns:1fr minmax(0,360px);gap:clamp(2rem,5vw,4rem);align-items:center}.landing-page .numbered-board{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(3px,.8vw,6px);width:100%;max-width:360px;aspect-ratio:1/1;padding:clamp(.6rem,1.6vw,1rem);background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-inset-deep)}.landing-page .numbered-board.dim8{grid-template-columns:repeat(8,1fr)}.landing-page .numbered-board.dim8 .bd-cell{font-size:clamp(.62rem,1.5vw,.85rem)}.landing-page .numbered-board.with-coords{grid-template-columns:auto repeat(7,1fr)}.landing-page .numbered-board.dim8.with-coords{grid-template-columns:auto repeat(8,1fr)}.landing-page .bd-coord{display:flex;align-items:center;justify-content:center;font-family:Hanken Grotesk,sans-serif;font-weight:700;font-size:clamp(.5rem,1.3vw,.72rem);color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:.02em}.landing-page .bd-rank{padding-right:clamp(2px,.6vw,5px)}.landing-page .bd-cell{display:flex;align-items:center;justify-content:center;border-radius:7px;font-family:Hanken Grotesk,sans-serif;font-size:clamp(.7rem,1.7vw,.95rem);font-weight:600;font-variant-numeric:tabular-nums}.landing-page .bd-cell.light{background:transparent}.landing-page .bd-cell.play{box-shadow:inset 2px 2px 4px var(--l-shadow),inset -2px -2px 4px var(--l-light)}.landing-page .bd-cell.play span{opacity:.9}.landing-page .bd-cell.white span{color:var(--accent-dk)}.landing-page .bd-cell.black span{color:var(--body)}.landing-page .bd-cell.mid{box-shadow:inset 2px 2px 5px var(--l-shadow),inset -2px -2px 5px var(--l-light)}.landing-page .bd-cell.mid span{color:var(--faint);font-style:italic}.landing-page .replay-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.landing-page .replay-tab{font-family:Hanken Grotesk,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--body);background:var(--bg);border:0;border-radius:var(--r-pill);padding:.5rem 1.1rem;cursor:pointer;box-shadow:var(--nm-raise-sm);transition:color .14s ease,box-shadow .14s ease}.landing-page .replay-tab:hover{color:var(--accent-dk)}.landing-page .replay-tab.active{color:var(--accent-dk);box-shadow:var(--nm-inset)}.landing-page .replay-tab:focus-visible{outline:2px solid var(--accent-dk);outline-offset:2px}.landing-page .replay-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,380px);gap:clamp(2rem,4vw,3.5rem);align-items:start}.landing-page .replay-board{display:flex;justify-content:center}.landing-page .replay-panel{display:flex;flex-direction:column;gap:1.1rem;position:sticky;top:96px}.landing-page .replay-note{background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-inset);padding:1.3rem 1.4rem;min-height:7.5rem}.landing-page .replay-ply-label{display:block;font-family:Fraunces,serif;font-style:italic;color:var(--accent-dk);font-size:1.05rem;margin-bottom:.5rem}.landing-page .replay-note p{font-size:1rem;line-height:1.55}.landing-page .replay-controls{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.landing-page .replay-controls .btn{padding:.7rem 1rem}.landing-page .replay-controls .btn.icon-only{padding:.7rem}.landing-page .replay-counter{text-align:center;font-size:.82rem;letter-spacing:.04em;color:var(--faint)}.landing-page .replay-counter span{opacity:.7}.landing-page .move-list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;padding:.8rem;background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-inset)}.landing-page .move-row{display:grid;grid-template-columns:2.2rem 1fr 1fr;gap:.35rem;align-items:center}.landing-page .move-no{font-size:.82rem;color:var(--faint);font-variant-numeric:tabular-nums}.landing-page .move-cell{font-family:Hanken Grotesk,sans-serif;font-size:.9rem;font-weight:600;color:var(--body);text-align:left;background:transparent;border:0;border-radius:8px;padding:.4rem .6rem;cursor:pointer;transition:background .12s ease,color .12s ease}.landing-page .move-cell:hover:not(:disabled){color:var(--accent-dk)}.landing-page .move-cell.active{background:var(--bg);box-shadow:var(--nm-raise-sm);color:var(--ink)}.landing-page .move-cell.empty,.landing-page .move-cell:disabled{cursor:default}.landing-page .move-cell:focus-visible{outline:2px solid var(--accent-dk);outline-offset:1px}.landing-page{--q-good: #5f8c7e;--q-inaccuracy: #c79a3a;--q-mistake: #c8772f;--q-blunder: #b5483b;--q-brilliant: #1a9aa6}.landing-page .analysis-block{display:flex;flex-direction:column;gap:.9rem}.landing-page .analyse-btn{align-self:flex-start}.landing-page .eval-bar{position:relative;height:1.7rem;border-radius:var(--r-pill);overflow:hidden;background:color-mix(in srgb,var(--l-shadow) 55%,var(--bg));box-shadow:var(--nm-inset)}.landing-page .eval-fill{position:absolute;inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--l-light) 70%,var(--bg)),var(--l-light));transition:width .5s cubic-bezier(.2,.8,.2,1)}.landing-page .eval-readout{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Hanken Grotesk,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.04em;color:var(--l-ink);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 color-mix(in srgb,var(--l-light) 80%,transparent)}.landing-page .analysis-summary{display:flex;flex-direction:column;gap:.7rem}.landing-page .analysis-tallies{display:flex;gap:.8rem;flex-wrap:wrap}.landing-page .analysis-verdict{margin:0;font-family:Fraunces,serif;font-style:italic;font-size:.98rem;line-height:1.45;color:var(--l-ink)}.landing-page .summary-side{flex:1 1 0;min-width:7rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--bg);border-radius:var(--r-sm);box-shadow:var(--nm-inset);padding:.55rem .8rem}.landing-page .summary-name{font-family:Fraunces,serif;font-size:.92rem;color:var(--l-ink)}.landing-page .summary-counts{display:inline-flex;gap:.5rem;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}.landing-page .summary-counts em{font-style:normal}.landing-page .best-from-here{font-size:.9rem;color:var(--faint);margin:0}.landing-page .best-from-here b{color:var(--accent-dk)}.landing-page .move-commentary{font-size:.94rem;line-height:1.5;margin:0 0 .6rem;color:var(--l-body);padding-left:.7rem;border-left:2px solid color-mix(in srgb,var(--l-light) 60%,transparent)}.landing-page .move-commentary.q-brilliant{border-left-color:var(--q-brilliant)}.landing-page .move-commentary.q-best,.landing-page .move-commentary.q-good{border-left-color:var(--q-good)}.landing-page .move-commentary.q-inaccuracy{border-left-color:var(--q-inaccuracy)}.landing-page .move-commentary.q-mistake{border-left-color:var(--q-mistake)}.landing-page .move-commentary.q-blunder{border-left-color:var(--q-blunder)}.landing-page .move-commentary.q-forced{border-left-color:color-mix(in srgb,var(--faint) 50%,transparent)}.landing-page .commentary-cost{color:var(--faint);font-variant-numeric:tabular-nums}.landing-page .q-good{color:var(--q-good)}.landing-page .q-inaccuracy{color:var(--q-inaccuracy)}.landing-page .q-mistake{color:var(--q-mistake)}.landing-page .q-blunder{color:var(--q-blunder)}.landing-page .quality-badge{margin-left:.6rem;font-family:Hanken Grotesk,sans-serif;font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .5rem;border-radius:var(--r-pill);vertical-align:.08em;background:var(--bg);box-shadow:var(--nm-raise-sm)}.landing-page .quality-badge.q-brilliant{color:var(--q-brilliant);letter-spacing:.1em}.landing-page .quality-badge.q-best,.landing-page .quality-badge.q-good{color:var(--q-good)}.landing-page .quality-badge.q-inaccuracy{color:var(--q-inaccuracy)}.landing-page .quality-badge.q-mistake{color:var(--q-mistake)}.landing-page .quality-badge.q-blunder{color:var(--q-blunder)}.landing-page .q-mark{margin-left:.3rem;font-size:.78rem;font-weight:800}.landing-page .commentator-picker{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-top:.2rem}.landing-page .commentator-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.landing-page .commentator-chips{display:inline-flex;gap:.3rem;padding:.25rem;background:var(--bg);border-radius:var(--r-pill);box-shadow:var(--nm-inset)}.landing-page .commentator-chip{border:0;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-size:.78rem;font-weight:600;color:var(--l-body);padding:.3rem .7rem;border-radius:var(--r-pill);background:transparent;transition:color .2s ease,box-shadow .2s ease,background .2s ease}.landing-page .commentator-chip:hover{color:var(--l-ink)}.landing-page .commentator-chip.active{color:var(--accent-dk);background:var(--bg);box-shadow:var(--nm-raise-sm)}@media (prefers-reduced-motion: reduce){.landing-page .reveal{opacity:1!important;transform:none!important}}@media (max-width: 880px){.landing-page .replay-grid{grid-template-columns:1fr}.landing-page .replay-panel{position:static}.landing-page .replay-board{order:-1}.landing-page .brochure-split,.landing-page .hero-grid{grid-template-columns:1fr}.landing-page .hero .order-art{order:-1}.landing-page .hero .lede{max-width:46ch}.landing-page .mechanic .panel{grid-template-columns:1fr}.landing-page .capture-demo{order:-1}.landing-page .lasker-grid{grid-template-columns:1fr}.landing-page .portrait{position:static;margin-inline:auto}}@media (max-width: 520px){.landing-page{--nm-d: 7px;--nm-b: 14px}.landing-page .topbar .wrap{height:64px}.landing-page .hero h1{font-size:clamp(2.6rem,11vw,3.4rem)}.landing-page .tl-item{grid-template-columns:1fr;gap:.3rem}.landing-page .legend{gap:1rem}}.landing-page .corpus-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-inset);padding:1.1rem 1.4rem;margin-bottom:clamp(1.5rem,3vw,2.2rem)}.landing-page .corpus-stat{display:flex;align-items:center;gap:.8rem;color:var(--accent-dk)}.landing-page .corpus-stat>div{display:flex;flex-direction:column}.landing-page .corpus-stat b{color:var(--l-ink);font-size:.95rem}.landing-page .corpus-stat span{font-size:.82rem;color:var(--l-body)}.landing-page .saved-grid{display:grid;gap:clamp(1.1rem,2.2vw,1.6rem);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.landing-page .saved-card{background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-raise);padding:clamp(1.3rem,2.4vw,1.7rem);display:flex;flex-direction:column;gap:.5rem;transition:transform .22s ease}.landing-page .saved-card:hover{transform:translateY(-3px)}.landing-page .saved-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.landing-page .saved-card-head h3{font-size:1.18rem;line-height:1.25}.landing-page .saved-result{flex:none;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);background:var(--bg);border-radius:var(--r-pill);padding:.3rem .6rem;box-shadow:var(--nm-inset)}.landing-page .saved-result.W,.landing-page .saved-result.B{color:var(--accent-dk)}.landing-page .saved-meta{display:flex;align-items:center;gap:.4rem;font-size:.86rem;color:var(--l-body)}.landing-page .saved-variant{flex:none;display:inline-flex;align-items:center;white-space:nowrap;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);background:var(--bg);border-radius:var(--r-pill);padding:.22rem .55rem;box-shadow:var(--nm-inset);margin-right:.15rem}.landing-page .saved-variant.bashni{color:var(--accent-dk)}.landing-page .saved-date{font-size:.78rem;color:var(--faint)}.landing-page .saved-actions{display:flex;gap:.5rem;margin-top:.6rem}.landing-page .saved-actions .btn{padding:.6rem 1rem}.landing-page .saved-actions .btn.icon-only{padding:.6rem}.landing-page .saved-title-input{font-family:Fraunces,Georgia,serif;font-weight:500;color:var(--l-ink);font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.06;letter-spacing:-.012em;width:100%;margin:.6rem 0 0;background:transparent;border:0;padding:.1rem 0;border-bottom:2px solid transparent;transition:border-color .16s ease}.landing-page .saved-title-input:hover{border-bottom-color:color-mix(in srgb,var(--l-shadow) 55%,transparent)}.landing-page .saved-title-input:focus{outline:none;border-bottom-color:var(--accent-dk)}.landing-page .saved-note-field{display:block;margin-top:1.2rem}.landing-page .saved-note-label{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-bottom:.5rem}.landing-page .saved-note{width:100%;resize:vertical;font-family:Hanken Grotesk,sans-serif;font-size:.95rem;line-height:1.55;color:var(--l-ink);background:var(--bg);border:0;border-radius:var(--r-sm);padding:.8rem 1rem;box-shadow:var(--nm-inset)}.landing-page .saved-note::placeholder{color:var(--faint)}.landing-page .saved-note:focus{outline:none;box-shadow:var(--nm-inset-deep)}.landing-page .saved-note.ply-note{margin-top:.2rem}.landing-page .note-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:.4rem;background:var(--l-accent);vertical-align:middle}@media (max-width: 520px){.landing-page .corpus-bar{flex-direction:column;align-items:stretch}}[data-theme=confetti] .landing-page{--accent-dk: var(--cobalt)}[data-theme=confetti] .landing-page .btn{background:#fff;color:var(--l-ink);box-shadow:0 3px 0 var(--dark),0 8px 16px rgb(var(--cast) / .12)}[data-theme=confetti] .landing-page .btn:hover{color:var(--cobalt);transform:translateY(-1px)}[data-theme=confetti] .landing-page .btn:active{box-shadow:0 1px 0 var(--dark);transform:translateY(2px)}[data-theme=confetti] .landing-page .btn-lg{box-shadow:0 4px 0 var(--dark),0 10px 22px rgb(var(--cast) / .12)}.landing-page .welcome-toast{position:fixed;left:clamp(12px,3vw,24px);bottom:clamp(12px,3vw,24px);z-index:60;display:flex;align-items:flex-start;gap:.85rem;max-width:min(360px,calc(100vw - 24px));padding:1rem 1.1rem;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px rgb(var(--cast) / .22);animation:welcome-in .5s cubic-bezier(.22,1,.36,1) both}.landing-page .welcome-toast .wt-body{display:flex;flex-direction:column;gap:.25rem}.landing-page .welcome-toast strong{font-family:Fraunces,serif;font-size:1.05rem;color:var(--l-ink)}.landing-page .welcome-toast .wt-body>span{font-size:.9rem;color:var(--l-body);line-height:1.45}.landing-page .welcome-toast .wt-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.landing-page .welcome-toast .wt-cta{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-weight:700;font-size:.82rem;color:#fff;background:var(--l-accent);border:0;border-radius:999px;padding:.5rem .95rem}.landing-page .welcome-toast .wt-cta:hover{filter:brightness(1.06)}.landing-page .welcome-toast .wt-later{cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:.82rem;color:var(--faint);background:transparent;border:0;padding:.5rem .4rem}.landing-page .welcome-toast .wt-later:hover{color:var(--l-ink)}.landing-page .welcome-toast .wt-close{position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;cursor:pointer;color:var(--faint);background:transparent}.landing-page .welcome-toast .wt-close:hover{color:var(--l-ink);background:color-mix(in srgb,var(--l-ink) 8%,transparent)}@keyframes welcome-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.landing-page .welcome-toast{animation:none}}.landing-page .hero{position:relative}.landing-page .hero-grid{position:relative;z-index:1}.landing-page .hero-ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.landing-page .amb-dot{position:absolute;border-radius:50%;opacity:.16;background:var(--l-accent);animation:amb-float 15s ease-in-out infinite}.landing-page .amb-dot:nth-child(1){top:12%;left:7%;width:11px;height:11px;animation-delay:0s}.landing-page .amb-dot:nth-child(2){top:72%;left:13%;width:7px;height:7px;animation-delay:-3s;background:var(--accent-dk)}.landing-page .amb-dot:nth-child(3){top:32%;left:44%;width:6px;height:6px;animation-delay:-6s}.landing-page .amb-dot:nth-child(4){top:84%;left:50%;width:9px;height:9px;animation-delay:-2s;background:var(--accent-dk)}.landing-page .amb-dot:nth-child(5){top:16%;left:78%;width:13px;height:13px;animation-delay:-8s}.landing-page .amb-dot:nth-child(6){top:56%;left:90%;width:8px;height:8px;animation-delay:-5s;background:var(--accent-dk)}.landing-page .amb-dot:nth-child(7){top:44%;left:24%;width:5px;height:5px;animation-delay:-10s}.landing-page .amb-dot:nth-child(8){top:88%;left:82%;width:7px;height:7px;animation-delay:-7s}.landing-page .amb-dot:nth-child(9){top:6%;left:58%;width:6px;height:6px;animation-delay:-12s;background:var(--accent-dk)}@keyframes amb-float{0%,to{transform:translate(0);opacity:.1}50%{transform:translate(8px,-22px);opacity:.22}}@media (prefers-reduced-motion: reduce){.landing-page .amb-dot{animation:none}}.leaderboard-page .lb-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:clamp(2.5rem,7vw,4.5rem) 1.5rem;background:var(--card);border-radius:var(--r-md);box-shadow:var(--nm-inset);color:var(--l-body)}.leaderboard-page .lb-empty p{margin:0}.leaderboard-page .lb-empty .muted{font-size:.9rem;color:var(--faint)}.leaderboard-page .lb-spin{animation:lb-spin .9s linear infinite;color:var(--l-accent)}@keyframes lb-spin{to{transform:rotate(360deg)}}.leaderboard-page .lb-table{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.leaderboard-page .lb-row{display:grid;grid-template-columns:2.6rem auto 1fr auto auto;align-items:center;gap:clamp(.6rem,1.6vw,1.2rem);padding:.7rem clamp(.8rem,2vw,1.3rem);border-radius:var(--r-sm);background:var(--bg);box-shadow:var(--nm-raise-sm)}.leaderboard-page .lb-head{background:transparent;box-shadow:none;padding-block:.2rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:700}.leaderboard-page .lb-pos{display:inline-flex;align-items:center;gap:.3rem;font-family:Fraunces,serif;font-weight:600;font-size:1.05rem;color:var(--l-ink)}.leaderboard-page .lb-pos svg{color:var(--l-accent)}.leaderboard-page .lb-name{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;color:var(--l-ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-page .lb-you{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent-dk);background:var(--bg);border-radius:999px;padding:.15rem .55rem;box-shadow:var(--nm-inset)}.leaderboard-page .lb-rating{font-variant-numeric:tabular-nums;font-weight:700;color:var(--l-ink)}.leaderboard-page .lb-games{font-variant-numeric:tabular-nums;color:var(--faint);font-size:.9rem}.leaderboard-page .lb-me{box-shadow:var(--nm-inset),inset 0 0 0 2px color-mix(in srgb,var(--l-accent) 45%,transparent)}.leaderboard-page .lb-podium{box-shadow:var(--nm-raise)}.leaderboard-page .lb-p1 .lb-pos svg{color:var(--accent-dk)}.leaderboard-page .lb-p1{box-shadow:var(--nm-raise),inset 0 0 0 1.5px color-mix(in srgb,var(--accent-dk) 38%,transparent)}@media (max-width: 560px){.leaderboard-page .lb-row{grid-template-columns:2.1rem auto 1fr;row-gap:.4rem}.leaderboard-page .lb-rating{grid-column:2 / 4;justify-self:start;font-size:.95rem}.leaderboard-page .lb-rating:before{content:"Rating ";font-weight:500;color:var(--faint)}.leaderboard-page .lb-games{grid-column:2 / 4;justify-self:start}.leaderboard-page .lb-games:after{content:" games"}.leaderboard-page .lb-head .lb-rating,.leaderboard-page .lb-head .lb-games{display:none}}.landing-page .lesson-meta-row{margin-top:.9rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.landing-page .btn-small{font-size:.78rem;padding:.4rem .85rem;gap:.35rem}.landing-page .opening-head{margin-bottom:.4rem}.landing-page .opening-source{margin-top:1rem;font-size:.78rem;color:var(--faint);line-height:1.55;font-style:italic}.landing-page .opening-variations{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line)}.landing-page .opening-variations h3,.landing-page .opening-sources h3{display:inline-flex;align-items:center;margin:0 0 .7rem;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.landing-page .opening-variations ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.landing-page .opening-variations li{display:flex;flex-direction:column;gap:.2rem}.landing-page .opening-variations li.unresolved{opacity:.8}.landing-page .opening-variations .var-san{font-family:Hanken Grotesk,sans-serif;font-weight:700;color:var(--accent-dk);letter-spacing:.02em}.landing-page .opening-variations li.unresolved .var-san{color:var(--faint);text-decoration:line-through}.landing-page .opening-variations .var-note{font-size:.86rem;color:var(--muted);line-height:1.55}.landing-page .opening-sources{margin-top:clamp(1.5rem,4vw,2.5rem);padding-top:1.2rem;border-top:1px solid var(--line)}.landing-page .opening-sources ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.landing-page .opening-sources li{font-size:.84rem;color:var(--muted);line-height:1.5}.landing-page .opening-sources a{color:var(--accent-dk);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent-dk) 35%,transparent)}.landing-page .opening-sources a:hover{border-bottom-color:var(--accent-dk)}.admin-page .topbar .wrap{justify-content:space-between}.admin-page .admin-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:clamp(2.5rem,7vw,4.5rem) 1.5rem;background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-inset);color:var(--l-body)}.admin-page .admin-empty p{margin:0}.admin-page .admin-token-card{max-width:420px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center;padding:clamp(2rem,5vw,3rem) clamp(1.6rem,4vw,2.6rem);background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--nm-raise)}.admin-page .admin-token-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--bg);box-shadow:var(--nm-inset-deep);color:var(--accent-dk);margin-bottom:.2rem}.admin-page .admin-token-title{font-size:1.4rem}.admin-page .admin-token-sub{font-size:.92rem;color:var(--muted);max-width:34ch;line-height:1.55}.admin-page .admin-field{width:100%;display:flex;flex-direction:column;gap:.4rem;text-align:left;margin-top:.4rem}.admin-page .admin-field-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:700}.admin-page .admin-input{width:100%;box-sizing:border-box;font-family:Hanken Grotesk,sans-serif;font-size:.95rem;color:var(--l-ink);background:var(--bg);border:none;border-radius:var(--r-sm);padding:.85rem 1rem;box-shadow:var(--nm-inset);outline:none}.admin-page .admin-input::placeholder{color:var(--faint)}.admin-page .admin-input:focus-visible{box-shadow:var(--nm-inset),0 0 0 2px color-mix(in srgb,var(--accent-dk) 45%,transparent)}.admin-page .admin-token-card .btn{margin-top:.4rem}.admin-page .admin-token-card .btn:disabled{opacity:.5;cursor:not-allowed}.admin-page .admin-snapshot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:clamp(1rem,2.5vw,1.6rem);font-size:.86rem;color:var(--muted)}.admin-page .admin-refresh{font-size:.82rem;padding:.55rem 1rem}.admin-page .admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2.5vw,1.5rem)}.admin-page .admin-card{background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-raise);padding:clamp(1.3rem,3vw,1.9rem);display:flex;flex-direction:column;gap:1rem}.admin-page .admin-card-wide{grid-column:1 / -1}.admin-page .admin-card-head{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.admin-page .admin-card-head svg{color:var(--accent-dk)}.admin-page .admin-headline{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.admin-page .admin-big{font-family:Fraunces,serif;font-weight:600;font-size:clamp(2.4rem,6vw,3.4rem);line-height:1;color:var(--l-ink);font-variant-numeric:tabular-nums}.admin-page .admin-big-label{font-size:.9rem;color:var(--muted)}.admin-page .admin-split{display:flex;gap:4px;height:14px;border-radius:var(--r-pill);padding:4px;background:var(--bg);box-shadow:var(--nm-inset)}.admin-page .admin-split-bar{border-radius:var(--r-pill);min-width:4px;transition:flex-basis .4s ease}.admin-page .admin-split-registered{background:var(--accent-dk)}.admin-page .admin-split-guest{background:color-mix(in srgb,var(--l-ink) 28%,var(--bg))}.admin-page .admin-mini-row{display:flex;flex-wrap:wrap;gap:clamp(1rem,3vw,2rem)}.admin-page .admin-mini{display:grid;grid-template-columns:auto auto;align-items:center;gap:.3rem .5rem}.admin-page .admin-mini-dot{width:9px;height:9px;border-radius:50%;grid-row:span 2}.admin-page .admin-mini-ico{grid-row:span 2;color:var(--accent-dk)}.admin-page .dot-registered{background:var(--accent-dk)}.admin-page .dot-guest{background:color-mix(in srgb,var(--l-ink) 28%,var(--bg))}.admin-page .admin-mini-val{font-weight:700;font-size:1.15rem;color:var(--l-ink);font-variant-numeric:tabular-nums}.admin-page .admin-mini-label{font-size:.78rem;color:var(--faint);grid-column:2}.admin-page .admin-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.admin-page .admin-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.admin-page .admin-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;padding:.9rem .5rem;background:var(--bg);border-radius:var(--r-sm);box-shadow:var(--nm-inset)}.admin-page .admin-stat-val{font-family:Fraunces,serif;font-weight:600;font-size:clamp(1.3rem,3.5vw,1.7rem);line-height:1;color:var(--l-ink);font-variant-numeric:tabular-nums}.admin-page .admin-stat-label{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:600}.admin-page .admin-chart{display:flex;flex-direction:column;gap:.7rem}.admin-page .admin-bars{display:flex;align-items:flex-end;gap:clamp(2px,.6vw,4px);height:120px;padding:.8rem;background:var(--bg);border-radius:var(--r-sm);box-shadow:var(--nm-inset)}.admin-page .admin-bar{flex:1 1 0;min-width:3px;border-radius:3px 3px 1px 1px;background:color-mix(in srgb,var(--accent-dk) 55%,var(--bg));transition:background .18s ease}.admin-page .admin-bar:hover{background:var(--accent-dk)}.admin-page .admin-bar-peak{background:var(--accent-dk);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-dk) 30%,transparent)}.admin-page .admin-chart-axis{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;color:var(--faint);font-variant-numeric:tabular-nums}.admin-page .admin-chart-peak{color:var(--accent-dk);font-weight:600}.admin-page .admin-chart-empty{color:var(--muted);font-size:.9rem;padding:1rem 0}@media (max-width: 620px){.admin-page .admin-grid{grid-template-columns:1fr}.admin-page .admin-quad{grid-template-columns:repeat(2,1fr)}}.landing-page code{font-family:SFMono-Regular,ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:.86em;background:var(--bg);box-shadow:inset 1px 1px 2px var(--l-shadow),inset -1px -1px 2px var(--l-light);padding:.08em .4em;border-radius:6px;color:var(--accent-dk)}.landing-page .muted-note{margin-top:1.4rem;max-width:62ch;font-size:.95rem;color:var(--faint)}.landing-page .muted-note code{font-size:.82em}.landing-page .search-tree{margin-top:clamp(2.5rem,5vw,3.5rem);background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--nm-inset);padding:clamp(2rem,4vw,3rem) clamp(1.2rem,3vw,2.5rem) clamp(1.6rem,3vw,2rem);display:flex;flex-direction:column;align-items:center}.landing-page .search-tree .trow{display:flex;gap:clamp(.6rem,2.5vw,2rem);justify-content:center;flex-wrap:wrap}.landing-page .tnode{background:var(--bg);border-radius:var(--r-sm);box-shadow:var(--nm-raise-sm);padding:.7rem 1.1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:92px}.landing-page .tnode.root{box-shadow:var(--nm-raise);padding:.9rem 1.6rem}.landing-page .tnode.leaf{min-width:0;padding:.55rem .8rem}.landing-page .tlabel{font-size:.74rem;letter-spacing:.04em;color:var(--l-body)}.landing-page .tscore{font-family:Fraunces,serif;font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}.landing-page .tscore.pos{color:var(--accent-dk)}.landing-page .tscore.neg{color:var(--faint)}.landing-page .search-tree .tedge{width:2px;height:clamp(1.4rem,3vw,2.4rem);background:linear-gradient(var(--l-shadow),transparent);margin:.4rem 0}.landing-page .search-tree .leaves{gap:clamp(.4rem,1.5vw,1rem)}.landing-page .tree-caption{margin-top:1.6rem;max-width:52ch;text-align:center;font-size:.9rem;color:var(--faint)}.landing-page .ai-tech{margin-top:clamp(1.6rem,3vw,2.2rem);background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-raise-sm);padding:.4rem 1.5rem;max-width:760px}.landing-page .ai-tech summary{cursor:pointer;font-weight:600;color:var(--l-ink);padding:1rem 0;list-style:none;font-size:.98rem}.landing-page .ai-tech summary::-webkit-details-marker{display:none}.landing-page .ai-tech summary:before{content:"+ ";color:var(--accent-dk);font-weight:700}.landing-page .ai-tech[open] summary:before{content:"– "}.landing-page .ai-tech p{font-size:1rem;margin:0 0 1rem}.landing-page .ai-tech pre{background:var(--bg);box-shadow:var(--nm-inset);border-radius:var(--r-sm);padding:1rem 1.1rem;overflow-x:auto;margin:0 0 1rem}.landing-page .ai-tech pre code{background:none;box-shadow:none;padding:0;color:var(--l-ink)}.landing-page .ai-tech>*:last-child{margin-bottom:1rem}.landing-page .weights{margin-top:clamp(2.5rem,5vw,3.5rem);display:flex;flex-direction:column;gap:1rem}.landing-page .wrow{display:grid;grid-template-columns:4.5rem 1fr;gap:clamp(1rem,2.5vw,1.8rem);align-items:center;background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-raise-sm);padding:1.1rem 1.4rem}.landing-page .wval{font-family:Fraunces,serif;font-size:1.7rem;font-weight:600;color:var(--accent-dk);text-align:center;font-variant-numeric:tabular-nums}.landing-page .wname{font-family:Fraunces,serif;font-size:1.1rem;color:var(--l-ink)}.landing-page .wbar{display:block;height:7px;border-radius:999px;background:var(--bg);box-shadow:var(--nm-inset);margin:.5rem 0;overflow:hidden}.landing-page .wbar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--l-accent),var(--accent-dk));transition:width .5s cubic-bezier(.2,.8,.2,1)}.landing-page .wdesc{font-size:.95rem;color:var(--l-body)}.landing-page .tier-table{margin-top:clamp(2.5rem,5vw,3.5rem);background:var(--bg);border-radius:var(--r-md);box-shadow:var(--nm-raise);padding:.6rem clamp(1rem,3vw,2rem);max-width:640px}.landing-page .tier-head,.landing-page .tier-row{display:grid;grid-template-columns:1.2fr 1.4fr 1fr;gap:1rem;align-items:center;padding:.85rem 0;font-size:.95rem}.landing-page .tier-row+.tier-row,.landing-page .tier-head+.tier-row{border-top:1px solid color-mix(in srgb,var(--l-shadow) 55%,transparent)}.landing-page .tier-head{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:600}.landing-page .tier-row span{color:var(--l-body)}.landing-page .lab{margin-top:clamp(2.5rem,5vw,3.5rem);background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--nm-raise);padding:clamp(1.6rem,4vw,2.8rem)}.landing-page .lab-controls{display:flex;flex-wrap:wrap;gap:1.4rem 2rem;align-items:center;justify-content:space-between;margin-bottom:clamp(1.6rem,3vw,2.2rem)}.landing-page .lab-presets{display:flex;gap:.5rem;flex-wrap:wrap}.landing-page .lab-depth{display:flex;flex-direction:column;gap:.6rem;min-width:240px;flex:1}.landing-page .lab-depth>span{font-size:.9rem;color:var(--l-body)}.landing-page .lab-depth b{color:var(--accent-dk)}.landing-page .lab-depth input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:var(--bg);box-shadow:var(--nm-inset);cursor:pointer}.landing-page .lab-depth input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--bg);box-shadow:var(--nm-raise-sm);border:2px solid var(--l-accent);cursor:pointer}.landing-page .lab-depth input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--bg);box-shadow:var(--nm-raise-sm);border:2px solid var(--l-accent);cursor:pointer}.landing-page .lab-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,3vw,2.5rem)}.landing-page .lab-stats{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;align-content:start}.landing-page .lstat{background:var(--bg);border-radius:var(--r-sm);box-shadow:var(--nm-inset);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}.landing-page .lstat-v{font-family:Fraunces,serif;font-size:1.5rem;font-weight:600;color:var(--l-ink);line-height:1;font-variant-numeric:tabular-nums}.landing-page .lstat-approx{color:var(--faint);margin-left:.15rem;font-size:.8em}.landing-page .lstat-l{font-size:.78rem;color:var(--faint);letter-spacing:.02em}.landing-page .lab-moves{display:flex;flex-direction:column;gap:.55rem}.landing-page .lab-sub{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-bottom:.3rem}.landing-page .lab-move{display:grid;grid-template-columns:minmax(7rem,auto) 1fr minmax(4rem,auto);gap:.8rem;align-items:center}.landing-page .lm-name{font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:.92rem;color:var(--l-body);display:inline-flex;align-items:center;gap:.45rem}.landing-page .lab-move.best .lm-name{color:var(--l-ink)}.landing-page .lm-pick{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--accent-dk);background:var(--bg);box-shadow:var(--nm-raise-sm);border-radius:999px;padding:.12rem .5rem}.landing-page .lm-bar{display:block;height:9px;border-radius:999px;background:var(--bg);box-shadow:var(--nm-inset);overflow:hidden}.landing-page .lm-bar span{display:block;height:100%;border-radius:999px;transition:width .45s cubic-bezier(.2,.8,.2,1)}.landing-page .lm-bar .pos{background:linear-gradient(90deg,var(--l-accent),var(--accent-dk))}.landing-page .lm-bar .neg{background:linear-gradient(90deg,color-mix(in srgb,var(--faint) 70%,var(--l-shadow)),var(--faint))}.landing-page .lm-score{font-family:Fraunces,serif;font-weight:600;font-size:.95rem;color:var(--l-body);text-align:right;font-variant-numeric:tabular-nums}.landing-page .lab-move.best .lm-score{color:var(--accent-dk)}.landing-page .lab-callouts{margin-top:clamp(1.6rem,3vw,2.2rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.landing-page .lab-callout{display:flex;gap:.9rem;background:var(--bg);border-radius:var(--r-sm);box-shadow:var(--nm-raise-sm);padding:1.1rem 1.3rem}.landing-page .lab-callout svg{flex:none;color:var(--accent-dk);margin-top:.15rem}.landing-page .lab-callout b{color:var(--l-ink);display:block;margin-bottom:.2rem;font-size:.95rem}.landing-page .lab-callout p{font-size:.9rem;color:var(--l-body)}@media (max-width: 820px){.landing-page .lab-grid{grid-template-columns:1fr}.landing-page .wrow{grid-template-columns:3.4rem 1fr}}@media (max-width: 480px){.landing-page .lab-stats{grid-template-columns:1fr}.landing-page .tier-head,.landing-page .tier-row{grid-template-columns:1fr 1fr .7fr;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.landing-page .wbar span,.landing-page .lm-bar span{transition:none}}.build-page .ms-rail{list-style:none;margin:clamp(2rem,5vw,3rem) 0 0;padding:0;position:relative;display:flex;flex-direction:column;gap:clamp(1.4rem,3vw,2rem)}.build-page .ms-rail:before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--l-shadow),color-mix(in srgb,var(--l-shadow) 35%,transparent));border-radius:2px}.build-page .ms-item{position:relative;display:grid;grid-template-columns:44px 1fr;gap:clamp(1rem,2.5vw,1.6rem);align-items:start}.build-page .ms-marker{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--bg);box-shadow:var(--nm-raise-sm);display:grid;place-items:center;color:var(--accent-dk)}.build-page .ms-body{background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--nm-raise);padding:clamp(1.1rem,2.5vw,1.6rem) clamp(1.2rem,3vw,1.9rem)}.build-page .ms-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .8rem;margin-bottom:.9rem}.build-page .ms-id{font-family:Fraunces,serif;font-style:italic;font-weight:600;color:var(--accent-dk);font-size:1.05rem}.build-page .ms-title{margin:0;font-family:Fraunces,serif;font-size:clamp(1.15rem,2.4vw,1.45rem);color:var(--l-ink);line-height:1.2}.build-page .ms-agent{margin-left:auto;font-family:Fraunces,serif;font-size:.78rem;letter-spacing:.02em;color:var(--accent-dk);background:var(--bg);box-shadow:var(--nm-inset);border-radius:999px;padding:.25rem .7rem;white-space:nowrap}.build-page .ms-line{margin:.45rem 0 0;color:var(--l-body);font-size:.98rem;line-height:1.55}.build-page .ms-key{display:inline-block;min-width:6.6em;margin-right:.5rem;font-family:Fraunces,serif;font-style:italic;font-size:.82rem;letter-spacing:.01em;color:var(--accent-dk);vertical-align:baseline}.build-page .ms-edge .ms-key{color:var(--l-shadow)}.build-page .ms-edge{color:color-mix(in srgb,var(--l-body) 88%,var(--l-shadow))}@media (max-width: 540px){.build-page .ms-rail:before{left:17px}.build-page .ms-item{grid-template-columns:36px 1fr;gap:.8rem}.build-page .ms-marker{width:36px;height:36px}.build-page .ms-agent{margin-left:0}.build-page .ms-key{display:block;min-width:0;margin-bottom:.1rem}}:root{--ground: #e8e4db;--pedestal: #e8e4db;--plate: #e8e4db;--light: #fbf8f2;--dark: #c4beb1;--cream: #f2ede3;--rose: #4b463c;--sq-light: #e8e4db;--sq-dark: #e3ded3;--sq-lo: #c4beb1;--sq-hi: #fbf8f2;--cobalt: #5f8c7e;--cast: 96 88 74;--ring: 95 140 126;--btn-ink: #645e51;--ink: #38342c;--ink-soft: #7a7363;--danger: #b4453a;--win: #4a7165;--font-display: "Fraunces", Georgia, serif;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--sq: clamp(40px, 7.4vw, 64px);--coin: calc(var(--sq) * .875);--peek: calc(var(--sq) * .125);--field-pad: calc(var(--sq) * .344);--board-pad: calc(var(--sq) * .82);--ped-pad: calc(var(--sq) * .6);--t-feedback: .13s;--t-move: .24s;--t-reward: .42s;--ease-settle: cubic-bezier(.34, 1.4, .5, 1);--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}:root[data-theme=light]{--ground: #e3c3b2;--pedestal: #e3c3b2;--plate: #e8c9b9;--light: #f8e0d1;--dark: #cf9488;--cream: #f1e3d2;--rose: #d08c79;--sq-light: #ecd4c3;--sq-dark: #d3b19b;--sq-lo: #bd9a85;--sq-hi: #e2c2ad;--cobalt: #303dbe;--cast: 120 70 52;--ring: 48 61 190;--btn-ink: #9a6354;--ink: #7c4234;--ink-soft: #9a6354;--win: #2f7d5c}:root[data-theme=chocolate]{--ground: #8f6440;--pedestal: #9a6c45;--plate: #a5764d;--light: #bd8f5f;--dark: #5e3f26;--cream: #f3e7d3;--rose: #5a3d24;--sq-light: #9a6c45;--sq-dark: #a3714a;--sq-lo: #6b4a2c;--sq-hi: #c19564;--cobalt: #d8b27a;--cast: 42 26 14;--ring: 216 178 122;--btn-ink: #f0e2cf;--ink: #fbf1e1;--ink-soft: #d8c2a6;--win: #9fd0ac}:root[data-theme=dark]{--ground: #2b2823;--pedestal: #2b2823;--plate: #2b2823;--light: #37332c;--dark: #1e1b17;--cream: #e9e2d4;--rose: #8a7c66;--sq-light: #2b2823;--sq-dark: #322e28;--sq-lo: #1e1b17;--sq-hi: #37332c;--cobalt: #7caa9b;--cast: 8 7 5;--ring: 124 170 155;--btn-ink: #cabfab;--ink: #ece4d6;--ink-soft: #9a9082;--win: #8fbf9c}:root[data-theme=navy]{--ground: #182b4d;--pedestal: #182b4d;--plate: #182b4d;--light: #27466f;--dark: #0d1b31;--cream: #397fd1;--rose: #c94d55;--sq-light: #1b3156;--sq-dark: #213a61;--sq-lo: #10213b;--sq-hi: #2b4c7a;--cobalt: #f0c84b;--cast: 5 13 28;--ring: 240 200 75;--btn-ink: #d8e5f5;--ink: #f3f6fb;--ink-soft: #a9bdd7;--win: #8dd2af}:root[data-theme=twilight]{--ground: #131e40;--pedestal: #e3c3b2;--plate: #e8c9b9;--light: #f8e0d1;--dark: #cf9488;--cream: #f1e3d2;--rose: #d08c79;--sq-light: #ecd4c3;--sq-dark: #d3b19b;--sq-lo: #bd9a85;--sq-hi: #e2c2ad;--cobalt: #303dbe;--cast: 120 70 52;--ring: 48 61 190;--btn-ink: #9a6354;--ink: #e8ddcb;--ink-soft: #b6a690;--win: #8fc7a8}:root[data-theme=confetti]{--ground: #eef1f4;--pedestal: #eef1f4;--plate: #eef1f4;--light: #ffffff;--dark: #d2d8e0;--cream: #f4796b;--rose: #4a6fb5;--sq-light: #eef1f4;--sq-dark: #e6eaf0;--sq-lo: #d2d8e0;--sq-hi: #ffffff;--cobalt: #8a63d2;--cast: 70 80 110;--ring: 138 99 210;--btn-ink: #3a4250;--ink: #2e3440;--ink-soft: #5b6472;--danger: #e0574b;--win: #3fae84;--dot-coral: #f4796b;--dot-sun: #ffc94d;--dot-mint: #4fc59a;--dot-sky: #58b4e6;--dot-grape: #8a63d2}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{min-height:100%;background:var(--ground);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button{font-family:inherit}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(125% 110% at 50% 36%,transparent 56%,rgb(var(--cast) / .12) 100%)}[data-theme=dark] .vignette,[data-theme=navy] .vignette,[data-theme=chocolate] .vignette,[data-theme=twilight] .vignette{background:radial-gradient(120% 100% at 50% 38%,transparent 42%,rgba(0,0,0,.5) 100%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:var(--noise);background-size:200px 200px}[data-theme=dark] .grain,[data-theme=navy] .grain,[data-theme=chocolate] .grain,[data-theme=twilight] .grain{mix-blend-mode:soft-light;opacity:.06}.app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:clamp(18px,3vw,34px) clamp(16px,4vw,40px) clamp(28px,5vw,56px);gap:clamp(16px,2.6vw,28px)}.topbar{position:sticky;top:0;z-index:40;order:-3;width:100%;max-width:920px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border-radius:0 0 18px 18px;background:color-mix(in srgb,var(--ground) 84%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.brand{font-family:var(--font-display);font-weight:500;font-size:clamp(15px,2vw,19px);letter-spacing:.04em;color:var(--ink)}.brand b{color:var(--cobalt);font-weight:500}.topbar-actions{display:flex;gap:12px;align-items:center}.chrome{display:contents}.topbar .chrome-toggle{display:none}.chrome-menu{display:contents}.head{text-align:center;order:-2}.head .eyebrow{font-weight:600;font-size:clamp(9px,1.1vw,11px);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px}.head .title{font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;font-size:clamp(34px,6.4vw,60px);line-height:.92;letter-spacing:.01em;color:var(--ink);text-shadow:0 1px 0 rgba(255,253,248,.5)}[data-theme=dark] .head .title,[data-theme=navy] .head .title,[data-theme=chocolate] .head .title,[data-theme=twilight] .head .title{text-shadow:0 2px 3px rgba(0,0,0,.5)}.head .sub{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(13px,2vw,17px);color:var(--ink-soft);margin-top:10px}.stage{position:relative;display:flex;justify-content:center;align-items:center}.board{position:relative;padding:clamp(12px,2.2vw,20px);background:radial-gradient(60% 50% at 28% 24%,rgba(255,255,255,.1),transparent 60%),radial-gradient(55% 60% at 76% 74%,rgb(var(--cast) / .07),transparent 62%),var(--plate);border-radius:clamp(22px,3.4vw,32px);box-shadow:calc(var(--sq) * .34) calc(var(--sq) * .34) calc(var(--sq) * .7) var(--dark),calc(var(--sq) * -.34) calc(var(--sq) * -.34) calc(var(--sq) * .7) var(--light)}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--noise);background-size:220px 220px;mix-blend-mode:multiply;opacity:.2;pointer-events:none}.field{position:relative;display:grid;grid-template-columns:repeat(7,var(--sq));grid-template-rows:repeat(7,var(--sq));padding:var(--field-pad);background:var(--plate);border-radius:clamp(14px,2.2vw,20px);box-shadow:inset calc(var(--sq) * .156) calc(var(--sq) * .156) calc(var(--sq) * .31) var(--dark),inset calc(var(--sq) * -.156) calc(var(--sq) * -.156) calc(var(--sq) * .31) var(--light)}.sq{position:relative;width:var(--sq);height:var(--sq);border:0;background:transparent;padding:0}.sq:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--noise);background-size:220px 220px;mix-blend-mode:multiply;opacity:.14;pointer-events:none}.sq.light{background:var(--sq-light)}.sq.dark{background:var(--sq-dark);box-shadow:inset 3px 3px 6px var(--sq-lo),inset -3px -3px 6px var(--sq-hi)}.field.with-coords{padding-left:calc(var(--field-pad) + var(--sq) * .42);padding-bottom:calc(var(--field-pad) + var(--sq) * .42)}.coord-ranks,.coord-files{position:absolute;display:flex;pointer-events:none;font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:700;font-size:calc(var(--sq) * .26);line-height:1;color:var(--ink-soft);letter-spacing:.02em}.coord-ranks{left:0;top:var(--field-pad);width:calc(var(--field-pad) + var(--sq) * .42);flex-direction:column}.coord-files{bottom:0;left:calc(var(--field-pad) + var(--sq) * .42);height:calc(var(--field-pad) + var(--sq) * .42);flex-direction:row}.coord-ranks span,.coord-files span{flex:1;display:flex;align-items:center;justify-content:center}.sq.dark.play{cursor:pointer;transition:box-shadow .16s ease}.sq.dark.play:disabled{cursor:default}.sq.dark.highlight{box-shadow:inset 3px 3px 6px var(--sq-lo),inset -3px -3px 6px var(--sq-hi),inset 0 0 0 2px rgb(var(--ring) / .5)}.sq.dark.movable{box-shadow:inset 3px 3px 6px var(--sq-lo),inset -3px -3px 6px var(--sq-hi),inset 0 0 0 2px rgb(var(--ring) / .32)}.sq.dark.movable.forced{box-shadow:inset 3px 3px 6px var(--sq-lo),inset -3px -3px 6px var(--sq-hi),inset 0 0 0 2.5px rgb(var(--ring) / .62);animation:forced-breathe 2.4s ease-in-out infinite}@keyframes forced-breathe{0%,to{box-shadow:inset 3px 3px 6px var(--sq-lo),inset -3px -3px 6px var(--sq-hi),inset 0 0 0 2px rgb(var(--ring) / .34)}50%{box-shadow:inset 3px 3px 6px var(--sq-lo),inset -3px -3px 6px var(--sq-hi),inset 0 0 0 2.5px rgb(var(--ring) / .78)}}.sq.dark.drop-target{box-shadow:inset 3px 3px 6px var(--sq-lo),inset -3px -3px 6px var(--sq-hi),inset 0 0 0 3px rgb(var(--ring) / .6)}.sq.dark.drop-target.capture{box-shadow:inset 3px 3px 6px var(--sq-lo),inset -3px -3px 6px var(--sq-hi),inset 0 0 0 3.5px var(--cobalt)}.sq.dark.drop-target:after{content:"";position:absolute;left:50%;top:50%;z-index:1;width:28%;height:28%;transform:translate(-50%,-50%);border-radius:50%;background:rgb(var(--ring) / .3);opacity:1;mix-blend-mode:normal;animation:dot-bloom var(--t-move) var(--ease-settle)}@keyframes dot-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.holder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center}.glide{display:flex;align-items:center;justify-content:center}.column{position:relative;width:var(--coin);transition:transform var(--t-feedback) var(--ease-settle)}.column.selected{transform:translateY(-3px)}.column .disc.top{transition:box-shadow var(--t-feedback) ease}.column.selected .disc.top{box-shadow:0 1px 1px rgb(var(--cast) / .3),0 5px 8px rgb(var(--cast) / .26),inset 0 1.5px #ffffff6b,0 0 0 3px var(--cobalt)}.disc{position:absolute;left:0;width:var(--coin);height:var(--coin);border-radius:50%;box-shadow:0 1px 1px rgb(var(--cast) / .32),0 4px 7px rgb(var(--cast) / .24),inset 0 1.5px #fff6,inset 0 -2px 2px rgb(var(--cast) / .12)}.disc.cream{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--cream) 92%,#fff),var(--cream))}.disc.rose{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--rose) 88%,#fff),var(--rose))}.disc:not(.top){filter:brightness(.96)}.dots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:calc(var(--coin) * .12)}.dot-pip{width:calc(var(--coin) * .16);height:calc(var(--coin) * .16);border-radius:50%}.disc.cream .dot-pip{background:#46322866;box-shadow:inset 0 1px 1px #281a1080}.disc.rose .dot-pip{background:#fffaf58c;box-shadow:inset 0 1px 1px #ffffff4d}.insignia{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.ins-reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transform-origin:center}.ins-officer{width:calc(var(--coin) * .56);height:calc(var(--coin) * .56)}.ins-soldier{width:calc(var(--coin) * .46);height:calc(var(--coin) * .46)}.disc.cream .insignia{color:color-mix(in srgb,var(--cream) 70%,#6a563f);filter:drop-shadow(-.6px -.6px .4px rgba(95,80,58,.5)) drop-shadow(.7px .8px .5px color-mix(in srgb,var(--light) 85%,#fff))}.disc.rose .insignia{color:color-mix(in srgb,var(--rose) 78%,#000);filter:drop-shadow(-.6px -.6px .4px rgba(0,0,0,.5)) drop-shadow(.7px .8px .5px color-mix(in srgb,var(--rose) 45%,#fff))}[data-theme=navy] .disc .ins-officer{color:#f0c84b;filter:drop-shadow(-.6px -.6px .4px rgba(75,52,4,.72)) drop-shadow(.7px .8px .5px rgba(255,235,145,.52))}[data-theme=confetti] .disc .ins-officer{color:var(--dot-sun);filter:drop-shadow(-.6px -.6px .4px rgba(120,90,10,.55)) drop-shadow(.7px .8px .5px rgba(255,240,170,.6))}.count{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--coin) * -.3);font-size:clamp(9px,1.4vw,11px);font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--btn-ink);mix-blend-mode:multiply}.game-layout,.control-deck,.deck-scroll{display:contents}.game-layout>.board{order:0}.deck-scroll>.status{order:-1}@media (min-width: 960px){.game-layout{display:flex;align-items:stretch;justify-content:center;gap:clamp(20px,2.6vw,36px);width:100%}.control-deck{display:block;position:relative;flex:0 0 auto;width:clamp(290px,24vw,320px);border-radius:20px;background:var(--pedestal);box-shadow:inset 5px 5px 11px var(--dark),inset -5px -5px 11px var(--light)}.control-deck>.deck-scroll{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px 18px 20px;overflow-y:auto;overscroll-behavior:contain}.control-deck>.deck-scroll{scrollbar-width:thin;scrollbar-color:var(--ink-soft) transparent}.control-deck>.deck-scroll::-webkit-scrollbar{width:8px}.control-deck>.deck-scroll::-webkit-scrollbar-thumb{background:rgb(var(--cast) / .28);border-radius:999px;border:2px solid transparent;background-clip:content-box}.control-deck>.deck-scroll::-webkit-scrollbar-thumb:hover{background:rgb(var(--cast) / .42);background-clip:content-box}.deck-scroll>.status{order:0;width:100%}.deck-scroll>.controls{width:100%;justify-content:flex-start}.deck-scroll>.controls .btn{flex:1 1 auto;justify-content:center}.deck-scroll>.controls .segment{flex:1 1 100%}.deck-scroll>.controls .segment button{flex:1 1 0;justify-content:center}.deck-scroll>.controls .field-label{flex:1 1 100%;align-items:stretch}.deck-scroll>.controls .field-label .neu-select{width:100%}.deck-scroll>.ai-note{max-width:100%;text-align:left}.deck-scroll>.legend{justify-content:flex-start;gap:14px 18px}}.status{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:500;font-size:clamp(14px,2vw,17px);color:var(--btn-ink);padding:12px 22px;border-radius:16px;background:var(--pedestal);box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light)}.status .ico{color:var(--cobalt);flex:0 0 auto}.status.win,.status.win .ico{color:var(--win)}.status.draw .ico{color:var(--ink-soft)}.status.thinking .ico{animation:think-pulse 1.1s ease-in-out infinite;transform-origin:center}@keyframes think-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.hint-banner{display:inline-flex;align-items:center;gap:10px;align-self:center;font-family:var(--font-display);font-weight:500;font-size:clamp(13px,1.8vw,15px);color:var(--btn-ink);padding:10px 16px;border-radius:14px;background:var(--pedestal);box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light),inset 0 0 0 1.5px rgb(var(--ring) / .45)}.hint-banner .ico{color:var(--cobalt);flex:0 0 auto}.hint-banner b{color:var(--ink);font-weight:700}.hint-dismiss{margin-left:2px;border:0;background:transparent;cursor:pointer;font:inherit;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);padding:2px 4px}.hint-dismiss:hover{color:var(--cobalt)}.hint-dismiss:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:6px}.controls{display:flex;gap:clamp(10px,1.6vw,16px);align-items:center;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--btn-ink);background:var(--pedestal);border:0;border-radius:16px;padding:12px 20px;cursor:pointer;box-shadow:6px 6px 12px var(--dark),-6px -6px 12px var(--light);transition:box-shadow .14s ease,transform .14s ease,color .14s ease}.btn:hover{color:var(--cobalt)}.btn:active,.btn.active{box-shadow:inset 5px 5px 10px var(--dark),inset -5px -5px 10px var(--light);transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default;box-shadow:6px 6px 12px var(--dark),-6px -6px 12px var(--light);transform:none}.btn:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}.btn.icon-only{padding:12px;border-radius:14px}.segment{display:inline-flex;background:var(--pedestal);border-radius:16px;padding:5px;box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light);gap:4px}.segment button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;cursor:pointer;border-radius:12px;padding:9px 14px;font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);transition:box-shadow .14s ease,color .14s ease}.segment button.active{color:var(--btn-ink);background:var(--pedestal);box-shadow:4px 4px 8px var(--dark),-4px -4px 8px var(--light)}.segment button:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.neu-select{font-family:var(--font-body);font-weight:600;font-size:12px;letter-spacing:.03em;color:var(--btn-ink);background:var(--pedestal);border:0;border-radius:14px;padding:11px 16px;cursor:pointer;box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light)}.neu-select:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.ai-note{max-width:540px;text-align:center}.ai-note summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);list-style:none}.ai-note summary::-webkit-details-marker{display:none}.ai-note summary:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;border-radius:6px}.ai-note p{margin-top:12px;font-size:13px;line-height:1.6;color:var(--ink-2);background:var(--card);border-radius:14px;padding:14px 18px;box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light)}.ai-note b{color:var(--ink)}.field-label{display:inline-flex;flex-direction:column;gap:7px;align-items:center}.field-label>span{font-weight:600;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.legend{display:flex;gap:clamp(16px,3vw,26px);align-items:center;flex-wrap:wrap;justify-content:center;font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.legend .lg{display:flex;align-items:center;gap:10px}.legend .coin{position:relative;width:26px;height:26px;border-radius:50%;background:var(--cream);box-shadow:0 2px 4px rgb(var(--cast) / .26),inset 0 1.5px #ffffff80,inset 0 0 0 1px rgb(var(--cast) / .1);display:flex;align-items:center;justify-content:center;gap:5px}.legend .coin i{width:5px;height:5px;border-radius:50%;background:#46322873;box-shadow:inset 0 1px 1px #281a1080}.legend .legend-coin.disc{position:relative;left:auto;--coin: 26px;width:26px;height:26px;flex:0 0 auto}.legend .lg-rule{position:relative}.legend .lg-trigger{display:flex;align-items:center;gap:10px;cursor:help;background:none;border:0;padding:2px;margin:-2px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;border-radius:999px}.legend .lg-trigger:focus-visible{outline:2px solid var(--ink-soft);outline-offset:3px}.legend .lg-tip{position:absolute;bottom:calc(100% + 12px);left:0;z-index:20;width:max-content;max-width:248px;display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:14px;background:var(--plate);box-shadow:-6px -6px 14px var(--light),7px 8px 18px var(--dark);text-transform:none;letter-spacing:.005em;font-weight:500;font-family:var(--font-body);font-size:12.5px;line-height:1.4;color:var(--ink-soft);opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.legend .lg-tip strong{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--ink);letter-spacing:.01em}.legend .lg-rule:hover .lg-tip,.legend .lg-rule:focus-within .lg-tip{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.legend .lg-tip{transition:opacity .16s ease;transform:none}}.legend .muted{text-transform:none;letter-spacing:.01em;font-weight:500;font-style:italic;font-family:var(--font-display);font-size:13px;opacity:.7}.online-match,.layout{display:flex;gap:clamp(20px,3vw,36px);align-items:flex-start;flex-wrap:wrap;justify-content:center;width:100%}.panel{flex:1 1 280px;min-width:260px;max-width:360px;display:flex;flex-direction:column;gap:14px}.buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.buttons button,.linklike{font-family:var(--font-body);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--btn-ink);background:var(--pedestal);border:0;border-radius:14px;padding:11px 18px;cursor:pointer;box-shadow:6px 6px 12px var(--dark),-6px -6px 12px var(--light);transition:box-shadow .14s ease,transform .14s ease,color .14s ease}.buttons button:hover{color:var(--cobalt)}.buttons button:active{box-shadow:inset 5px 5px 10px var(--dark),inset -5px -5px 10px var(--light);transform:translateY(1px)}.buttons button:disabled{opacity:.45;cursor:default}.buttons button.secondary{color:var(--ink-soft)}.buttons button.danger{color:var(--danger)}.linklike{background:none;box-shadow:none;text-transform:none;letter-spacing:.01em;color:var(--cobalt);padding:6px 4px}fieldset.controls{border:0;border-radius:16px;padding:16px 18px;background:var(--pedestal);box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light);display:flex;flex-direction:column;gap:11px}fieldset.controls legend{font-weight:600;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);padding:0 4px}fieldset.controls label{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--btn-ink)}fieldset.controls input,fieldset.controls select{font-family:var(--font-body);background:var(--plate);color:var(--btn-ink);border:0;border-radius:10px;padding:8px 11px;box-shadow:inset 2px 2px 5px var(--dark),inset -2px -2px 5px var(--light)}fieldset.controls input:focus-visible,fieldset.controls select:focus-visible{outline:2px solid var(--cobalt);outline-offset:1px}input[type=radio]{accent-color:var(--cobalt)}.clocks{display:flex;flex-direction:column;gap:10px}.clock{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:14px;background:var(--pedestal);box-shadow:5px 5px 10px var(--dark),-5px -5px 10px var(--light)}.clock.active{box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light)}.clock-name{font-size:12px;color:var(--ink-soft)}.clock-time{font-variant-numeric:tabular-nums;font-weight:700;font-size:18px;color:var(--btn-ink)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--ink-soft)}.dot.connected{background:var(--win)}.dot.connecting,.dot.reconnecting{background:#cf9a3a}.dot.disconnected{background:var(--danger)}.conn-note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase}.connection-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;color:var(--btn-ink);background:var(--pedestal);box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light)}.connection-banner svg{flex:0 0 auto;color:#cf9a3a;animation:reconnect-spin 1.8s linear infinite}.connection-banner div{display:flex;flex-direction:column;gap:3px}.connection-banner strong{font-family:var(--font-display);font-size:14px}.connection-banner span{color:var(--ink-soft);font-size:11px;line-height:1.45}@keyframes reconnect-spin{to{transform:rotate(360deg)}}.connection-banner.opponent-offline svg{color:var(--danger);animation:opp-offline-pulse 1.8s ease-in-out infinite}@keyframes opp-offline-pulse{0%,to{opacity:1}50%{opacity:.45}}.presence-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--ink-soft)}.presence-dot.online{background:var(--win)}.presence-dot.offline{background:var(--danger);animation:opp-offline-pulse 1.8s ease-in-out infinite}.clock.opponent-offline{opacity:.72}@media (prefers-reduced-motion: reduce){.connection-banner.opponent-offline svg,.presence-dot.offline{animation:none}}.chat-panel{display:flex;flex-direction:column;gap:12px}.chat-feed{display:flex;flex-direction:column;gap:10px;max-height:240px;overflow-y:auto;padding:14px;border-radius:16px;background:var(--pedestal);box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light)}.chat-empty{color:var(--ink-soft);font-size:12px;font-style:italic;text-align:center;margin:auto 0}.chat-typing{display:flex;align-items:center;gap:8px;align-self:flex-start;padding:2px}.chat-typing-text{font-size:11px;font-style:italic;color:var(--ink-soft);letter-spacing:.01em}.chat-typing-dots{display:inline-flex;align-items:flex-end;gap:3px}.chat-typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--cobalt);opacity:.55;animation:chat-typing-bounce 1.2s ease-in-out infinite}.chat-typing-dots span:nth-child(2){animation-delay:.18s}.chat-typing-dots span:nth-child(3){animation-delay:.36s}@keyframes chat-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}@media (prefers-reduced-motion: reduce){.chat-typing-dots span{animation:none;opacity:.7}}.chat-line{display:flex;flex-direction:column;gap:3px;max-width:85%}.chat-line.mine{align-self:flex-end;align-items:flex-end}.chat-line.theirs{align-self:flex-start;align-items:flex-start}.chat-bubble{font-size:13px;line-height:1.4;color:var(--btn-ink);padding:9px 13px;border-radius:14px;background:var(--pedestal);box-shadow:4px 4px 8px var(--dark),-4px -4px 8px var(--light);word-break:break-word;white-space:pre-wrap}.chat-line.mine .chat-bubble{color:var(--ink);background:color-mix(in srgb,var(--cobalt) 14%,var(--pedestal))}.chat-meta{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.chat-emote-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--cobalt);padding:7px 12px;border-radius:12px;background:var(--pedestal);box-shadow:3px 3px 7px var(--dark),-3px -3px 7px var(--light)}.chat-emote-chip svg{flex:0 0 auto}.emote-bar{display:flex;flex-wrap:wrap;gap:7px}.emote-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--btn-ink);background:var(--pedestal);border:0;border-radius:11px;padding:7px 11px;cursor:pointer;box-shadow:4px 4px 8px var(--dark),-4px -4px 8px var(--light);transition:box-shadow .14s ease,transform .14s ease,color .14s ease}.emote-btn svg{flex:0 0 auto;color:var(--cobalt)}.emote-btn:hover{color:var(--cobalt)}.emote-btn:active{box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light);transform:translateY(1px)}.emote-btn:disabled{opacity:.45;cursor:default;box-shadow:4px 4px 8px var(--dark),-4px -4px 8px var(--light);transform:none}.chat-composer{display:flex;align-items:center;gap:9px;position:relative}.chat-input{flex:1 1 auto;min-width:0;font-family:var(--font-body);font-size:13px;color:var(--btn-ink);background:var(--plate);border:0;border-radius:12px;padding:10px 13px;box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light)}.chat-input:focus-visible{outline:2px solid var(--cobalt);outline-offset:1px}.chat-send{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--cobalt);background:var(--pedestal);border:0;border-radius:12px;width:40px;height:40px;cursor:pointer;box-shadow:4px 4px 8px var(--dark),-4px -4px 8px var(--light);transition:box-shadow .14s ease,transform .14s ease}.chat-send:active{box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light);transform:translateY(1px)}.chat-send:disabled{opacity:.45;cursor:default;box-shadow:4px 4px 8px var(--dark),-4px -4px 8px var(--light);transform:none}.chat-counter{position:absolute;right:52px;bottom:-16px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.chat-unread{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:700;color:#fff;background:var(--cobalt);box-shadow:2px 2px 4px var(--dark)}.buttons button.rematch-ready,.buttons button:has(svg){display:inline-flex;align-items:center;gap:8px}.buttons button.rematch-ready{color:var(--cobalt);box-shadow:6px 6px 12px var(--dark),-6px -6px 12px var(--light),inset 0 0 0 1.5px color-mix(in srgb,var(--cobalt) 60%,transparent)}.buttons button.rematch-ready svg{color:var(--cobalt)}.rematch-wait{text-align:center}.capture-choice{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:var(--pedestal);box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light)}.capture-choice-title{display:flex;align-items:center;gap:8px;color:var(--ink);font-family:var(--font-display);font-weight:600}.capture-choice-title svg{color:var(--cobalt)}.capture-choice>p{color:var(--ink-soft);font-size:12px;line-height:1.45}.capture-routes{display:flex;flex-direction:column;gap:8px}.capture-routes button,.capture-cancel{border:0;border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--btn-ink);background:var(--pedestal);text-align:left;box-shadow:4px 4px 8px var(--dark),-4px -4px 8px var(--light)}.capture-routes button{display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.4}.capture-routes button span{color:var(--cobalt);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.capture-routes button:hover,.capture-routes button:focus-visible{color:var(--cobalt)}.capture-cancel{align-self:flex-start;color:var(--ink-soft);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.searching{font-size:12px;color:var(--ink-soft);font-style:italic}.foot{font-size:11px;color:var(--ink-soft);letter-spacing:.06em;opacity:.7;text-align:center}.lobby-modes{display:flex;width:100%}.lobby-modes button{flex:1 1 0;justify-content:center;padding:9px 8px}.friend-panel{display:flex;flex-direction:column;gap:14px}.invite-field{display:flex;flex-direction:column;gap:7px}.invite-field-label{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.invite-field .segment{display:flex;width:100%}.invite-field .segment button{flex:1 1 0;justify-content:center;padding:8px 6px}.color-choice button{flex:1 1 0;justify-content:center}.invite-ranked{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--btn-ink);cursor:pointer}.invite-ranked input{accent-color:var(--cobalt);width:16px;height:16px;flex:0 0 auto}.bot-ranked-note{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:14px;background:var(--pedestal);box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light);font-size:12px;line-height:1.45;color:var(--ink-soft)}.bot-ranked-note svg{flex:0 0 auto;margin-top:2px;color:var(--cobalt)}.bot-ranked-note b{color:var(--btn-ink)}.quick-search{max-width:340px;margin:0 auto}.quick-search .searching{text-align:center}.quick-search-note{display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px 13px;border-radius:14px;background:var(--pedestal);box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light);font-size:11.5px;line-height:1.5;color:var(--ink-soft)}.quick-search-note svg{flex:0 0 auto;margin-top:1px;color:var(--cobalt)}.quick-search-note b{color:var(--btn-ink)}.invite-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--pedestal);box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light)}.invite-eyebrow{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:13px;color:var(--ink)}.invite-eyebrow svg{color:var(--cobalt)}.invite-link-row{display:flex;align-items:center;gap:9px}.invite-link{flex:1 1 auto;min-width:0;font-family:var(--font-body);font-size:12px;color:var(--btn-ink);background:var(--plate);border:0;border-radius:11px;padding:9px 12px;box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light)}.invite-link:focus-visible{outline:2px solid var(--cobalt);outline-offset:1px}.invite-copy{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt);background:var(--pedestal);border:0;border-radius:11px;padding:9px 13px;cursor:pointer;box-shadow:4px 4px 8px var(--dark),-4px -4px 8px var(--light);transition:box-shadow .14s ease,transform .14s ease}.invite-copy:active{box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light);transform:translateY(1px)}.invite-code{font-size:12px;color:var(--ink-soft)}.invite-code b{color:var(--btn-ink);font-variant-numeric:tabular-nums;letter-spacing:.08em}.invite-meta{display:flex;flex-wrap:wrap;gap:7px}.invite-chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--ink-soft);padding:5px 9px;border-radius:9px;background:var(--pedestal);box-shadow:3px 3px 6px var(--dark),-3px -3px 6px var(--light)}.invite-chip.ranked{color:var(--cobalt)}.invite-chip svg{flex:0 0 auto}.invite-waiting{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0}.watch-panel{display:flex;flex-direction:column;gap:12px}.watch-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.watch-count{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.watch-refresh{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--btn-ink);background:var(--pedestal);border:0;border-radius:11px;padding:8px 13px;cursor:pointer;box-shadow:4px 4px 8px var(--dark),-4px -4px 8px var(--light);transition:box-shadow .14s ease,transform .14s ease,color .14s ease}.watch-refresh:hover{color:var(--cobalt)}.watch-refresh:active{box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light);transform:translateY(1px)}.watch-refresh:disabled{opacity:.45;cursor:default}.watch-empty{font-size:12px;color:var(--ink-soft);font-style:italic;text-align:center;padding:14px 0}.spectate-list{display:flex;flex-direction:column;gap:9px}.spectate-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-align:left;border:0;cursor:pointer;padding:11px 13px;border-radius:14px;background:var(--pedestal);color:var(--btn-ink);box-shadow:5px 5px 10px var(--dark),-5px -5px 10px var(--light);transition:box-shadow .14s ease,transform .14s ease}.spectate-row:hover{transform:translateY(-1px)}.spectate-row:active{box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light);transform:translateY(1px)}.spectate-row:disabled{opacity:.5;cursor:default;transform:none}.spectate-side{display:inline-flex;align-items:center;gap:6px;min-width:0}.spectate-name{font-size:12.5px;font-weight:600}.spectate-rating{font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.spectate-vs{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.spectate-tags{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.spectate-moves{font-size:10px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.spectate-banner{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:14px;color:var(--btn-ink);background:var(--pedestal);box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light);font-size:12.5px}.spectate-banner svg{flex:0 0 auto;color:var(--cobalt)}.spectate-banner b{color:var(--ink)}.reaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.reaction{position:absolute;bottom:8%;left:calc(12% + var(--lane, .5) * 72%);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--cobalt);background:var(--pedestal);box-shadow:4px 4px 9px var(--dark),-4px -4px 9px var(--light);opacity:0;transform:translate(-50%,6%) scale(.6);animation:reaction-float 1.8s cubic-bezier(.22,.61,.36,1) forwards}.reaction.theirs{color:color-mix(in srgb,var(--rose) 80%,var(--cobalt))}@keyframes reaction-float{0%{opacity:0;transform:translate(-50%,6%) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.05)}30%{transform:translateY(-8%) scale(1)}to{opacity:0;transform:translateY(-150%) scale(.92)}}.clock.emote-pulse{animation:emote-pulse .85s ease-out}@keyframes emote-pulse{0%{box-shadow:5px 5px 10px var(--dark),-5px -5px 10px var(--light)}35%{box-shadow:5px 5px 10px var(--dark),-5px -5px 10px var(--light),inset 0 0 0 2px color-mix(in srgb,var(--cobalt) 55%,transparent)}to{box-shadow:5px 5px 10px var(--dark),-5px -5px 10px var(--light)}}@media (prefers-reduced-motion: reduce){.reaction{animation-duration:1.4s}.reaction{animation-name:reaction-fade}@keyframes reaction-fade{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}.clock.emote-pulse{animation:none}}@media (max-width: 959px){.topbar-actions{flex-wrap:wrap;justify-content:flex-end}}@media (max-width: 640px){.topbar{gap:8px;padding:8px 10px}.topbar-actions{flex:0 0 auto;flex-wrap:nowrap;gap:8px}.chrome{display:block;position:relative}.topbar .chrome-toggle{display:inline-flex}.chrome-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;display:none;flex-direction:column;gap:6px;min-width:196px;padding:8px;border-radius:16px;background:var(--pedestal);box-shadow:8px 8px 18px var(--dark),-8px -8px 18px var(--light)}.chrome.open .chrome-menu{display:flex;animation:chrome-pop .16s var(--ease-settle)}.chrome-menu .btn{width:100%;justify-content:flex-start;gap:10px;padding:11px 13px;border-radius:12px;box-shadow:none}.chrome-menu .btn:hover{box-shadow:none;background:color-mix(in srgb,var(--cobalt) 12%,transparent)}.chrome-menu .btn .btn-label{display:inline}.app{gap:12px}.head .eyebrow{margin-bottom:5px}.head .title{font-size:clamp(26px,8vw,38px)}.head .sub{margin-top:5px}.controls{gap:8px;justify-content:stretch}.controls .btn{flex:1 1 calc(50% - 4px);justify-content:center}.controls .segment{flex:1 1 100%}.controls .segment button{flex:1 1 0;justify-content:center}.panel{max-width:100%}}@keyframes chrome-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}[data-theme=confetti] .vignette{background:none}[data-theme=confetti] .grain{opacity:.02}[data-theme=confetti] .head .title{text-shadow:none}[data-theme=confetti] .btn{background:#fff;color:var(--ink);box-shadow:0 3px 0 var(--dark),0 8px 16px rgb(var(--cast) / .12)}[data-theme=confetti] .btn:hover{color:var(--cobalt);transform:translateY(-1px)}[data-theme=confetti] .btn:active,[data-theme=confetti] .btn.active{box-shadow:0 1px 0 var(--dark);transform:translateY(2px)}[data-theme=confetti] .btn:disabled{box-shadow:0 3px 0 var(--dark);transform:none}[data-theme=confetti] .segment{background:#fff;box-shadow:0 2px 10px rgb(var(--cast) / .1)}[data-theme=confetti] .segment button.active{background:color-mix(in srgb,var(--cobalt) 16%,#fff);color:var(--ink);box-shadow:none}[data-theme=confetti] .neu-select{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgb(var(--cast) / .1)}[data-theme=confetti] .status{background:#fff;color:var(--btn-ink);box-shadow:0 2px 12px rgb(var(--cast) / .1)}.dot-mascot{display:inline-block;vertical-align:middle}.dot-mascot .dm-body{animation:dm-bob 3.2s ease-in-out infinite;transform-origin:center bottom}.dot-mascot .dm-eye{animation:dm-blink 4.6s ease-in-out infinite;transform-origin:center}.dot-mascot.cheer .dm-body{animation:dm-cheer .6s var(--ease-settle) 1}@keyframes dm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}@keyframes dm-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes dm-cheer{0%{transform:scale(.6) translateY(20%)}60%{transform:scale(1.06)}to{transform:scale(1)}}.mascot-state{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:clamp(20px,5vw,40px)}.mascot-state .ms-title{font-family:var(--font-display);font-weight:500;font-size:clamp(16px,2.4vw,20px);color:var(--ink)}.mascot-state .ms-sub{font-size:13px;color:var(--ink-soft);max-width:32ch;line-height:1.5}.profile-shell{padding-top:clamp(1.5rem,4vw,3rem);padding-bottom:clamp(3rem,7vw,5rem)}.profile-shell .wrap{display:flex;flex-direction:column;gap:clamp(1.1rem,2.6vw,1.8rem)}.profile-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:clamp(1.4rem,4vw,2.8rem);flex-wrap:wrap;padding:clamp(1.6rem,4vw,2.8rem);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--nm-raise)}.profile-hero .ph-glow{position:absolute;inset:auto auto -40% -10%;width:60%;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--l-accent) 22%,transparent),transparent 70%);pointer-events:none}.profile-hero .ph-mascot{display:grid;place-items:center;width:clamp(120px,22vw,184px);aspect-ratio:1;border-radius:50%;background:var(--bg);box-shadow:var(--nm-inset);flex:0 0 auto}.profile-hero .ph-id{flex:1 1 16rem;min-width:0}.profile-hero .ph-name{font-family:var(--font-display);font-weight:500;font-size:clamp(1.9rem,5vw,3rem);line-height:1.05;margin:.3rem 0 .2rem;color:var(--l-ink)}.profile-hero .ph-note{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;color:var(--muted);margin-top:.3rem}.profile-hero .ph-note svg{color:var(--l-accent);flex:0 0 auto}.ph-stats{display:flex;gap:clamp(.6rem,2vw,1rem);margin-top:clamp(1rem,2.5vw,1.4rem);flex-wrap:wrap}.ph-stat{display:grid;justify-items:center;gap:2px;padding:.8rem 1.1rem;min-width:5.2rem;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--nm-inset)}.ph-stat-ico{color:var(--l-accent);display:grid;place-items:center}.ph-stat-val{font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,3vw,1.6rem);color:var(--l-ink);font-variant-numeric:tabular-nums}.ph-stat-lbl{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.profile-card{padding:clamp(1.2rem,3vw,1.8rem);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--nm-raise-sm)}.profile-card .pc-head{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:clamp(.9rem,2.4vw,1.3rem)}.profile-card .pc-head svg{color:var(--l-accent);flex:0 0 auto}.profile-card .pc-head h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.05rem,2.6vw,1.4rem);margin:0;color:var(--l-ink)}.profile-card .pc-sub{font-size:.78rem;color:var(--faint);margin-left:auto}.cosmetics-row{display:grid;gap:clamp(1.1rem,2.6vw,1.8rem);grid-template-columns:1fr 1fr}@media (max-width: 720px){.cosmetics-row{grid-template-columns:1fr}}.mascot-picker{display:grid;gap:clamp(.7rem,2vw,1.1rem);grid-template-columns:repeat(5,1fr)}@media (max-width: 620px){.mascot-picker{grid-template-columns:repeat(3,1fr)}}.mascot-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;display:grid;justify-items:center;gap:.5rem;padding:clamp(.8rem,2vw,1.1rem) .5rem;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--nm-raise-sm);transition:box-shadow var(--t-reward) var(--ease-settle),transform .16s ease}.mascot-card:hover{transform:translateY(-2px)}.mascot-card .mc-preview{display:grid;place-items:center;width:72px;aspect-ratio:1;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--swatch) 38%,transparent)}.mascot-card .mc-label{font-size:.74rem;font-weight:600;letter-spacing:.04em;color:var(--muted)}.mascot-card.selected{box-shadow:var(--nm-inset),inset 0 0 0 2.5px color-mix(in srgb,var(--swatch) 80%,transparent);transform:none;animation:profile-pop var(--t-reward) var(--ease-settle) 1}.mascot-card.selected .mc-label{color:var(--l-ink)}.mascot-card.selected .mc-preview{background:var(--bg);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--swatch) 60%,transparent)}@keyframes profile-pop{0%{transform:scale(.96)}55%{transform:scale(1.02)}to{transform:scale(1)}}.chip-grid{display:grid;gap:.7rem}.pick-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:.9rem;row-gap:.1rem;align-items:center;padding:.75rem 1rem;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--nm-raise-sm);transition:box-shadow var(--t-reward) var(--ease-settle)}.pick-chip .chip-preview{grid-row:span 2;display:grid;place-items:center;width:30px}.pick-chip .chip-preview .legend-coin.disc{position:relative;left:auto;--coin: 30px;width:30px;height:30px;flex:0 0 auto}.pick-chip .chip-label{font-family:var(--font-display);font-weight:500;font-size:1rem;color:var(--l-ink)}.pick-chip .chip-blurb{font-size:.76rem;color:var(--faint)}.pick-chip.selected{box-shadow:var(--nm-inset),inset 0 0 0 2px color-mix(in srgb,var(--l-accent) 55%,transparent)}.swatch-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr))}.board-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;display:grid;justify-items:center;gap:.45rem;padding:.7rem .4rem;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--nm-raise-sm);transition:box-shadow var(--t-reward) var(--ease-settle),transform .16s ease}.board-swatch:hover{transform:translateY(-2px)}.board-swatch .bs-chip{width:100%;height:28px;border-radius:10px;box-shadow:inset 0 0 0 1px #0000000f}.board-swatch .bs-label{font-size:.72rem;font-weight:600;color:var(--muted)}.board-swatch.selected{box-shadow:var(--nm-inset),inset 0 0 0 2px color-mix(in srgb,var(--l-accent) 55%,transparent);transform:none}.board-swatch.selected .bs-label{color:var(--l-ink)}.bs-chip.bs-navy{background:linear-gradient(135deg,#182b4d 0,#182b4d 50%,#397fd1 50%,#397fd1 75%,#c94d55 75%,#c94d55)}.bs-chip.bs-stone{background:linear-gradient(135deg,#e8e4db 0,#e8e4db 50%,#f2ede3 50%,#f2ede3 75%,#4b463c 75%,#4b463c)}.bs-chip.bs-dark{background:linear-gradient(135deg,#2b2823 0,#2b2823 50%,#e9e2d4 50%,#e9e2d4 75%,#8a7c66 75%,#8a7c66)}.bs-chip.bs-light{background:linear-gradient(135deg,#e3c3b2 0,#e3c3b2 50%,#f1e3d2 50%,#f1e3d2 75%,#d08c79 75%,#d08c79)}.bs-chip.bs-chocolate{background:linear-gradient(135deg,#9a6c45 0,#9a6c45 50%,#f3e7d3 50%,#f3e7d3 75%,#5a3d24 75%,#5a3d24)}.bs-chip.bs-twilight{background:linear-gradient(135deg,#131e40 0,#131e40 50%,#f1e3d2 50%,#f1e3d2 75%,#d08c79 75%,#d08c79)}.bs-chip.bs-confetti{background:linear-gradient(135deg,#eef1f4 0,#eef1f4 50%,#f4796b 50%,#f4796b 75%,#4a6fb5 75%,#4a6fb5)}.streak-card .streak-row{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.streak-big{display:flex;align-items:baseline;gap:.4rem}.streak-num{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,6vw,3rem);color:var(--l-accent)}.streak-unit{font-size:.9rem;color:var(--muted)}.streak-best{margin-left:auto;font-size:.8rem;color:var(--faint);letter-spacing:.04em}.trophy-shelf{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}.trophy{display:grid;justify-items:center;gap:.4rem;text-align:center;padding:.9rem .6rem;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--nm-inset);color:var(--faint);opacity:.55}.trophy span{font-size:.74rem;font-weight:600}.trophy.earned{box-shadow:var(--nm-raise-sm);color:var(--l-ink);opacity:1}.trophy.earned svg{color:var(--l-accent)}.profile-empty{display:grid;justify-items:center;gap:.6rem;padding:1rem 0;text-align:center;color:var(--muted)}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.history-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.7rem 1rem;border-radius:var(--r-md);background:var(--bg);box-shadow:var(--nm-inset)}.hr-result{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--card);box-shadow:var(--nm-raise-sm);color:var(--faint)}.hr-result.win{color:var(--accent-dk)}.hr-result.loss{color:color-mix(in srgb,var(--l-ink) 60%,transparent)}.hr-main{display:grid;gap:1px;min-width:0}.hr-opp{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--l-ink);font-size:.92rem}.hr-opp svg{color:var(--faint);flex:0 0 auto}.hr-meta{font-size:.74rem;color:var(--faint);font-variant-numeric:tabular-nums}.hr-tag{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--faint)}.hr-tag.win{color:var(--accent-dk)}.hr-tag.loss{color:color-mix(in srgb,var(--l-ink) 55%,transparent)}.streak-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:14px;background:var(--pedestal);color:var(--ink);box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light);font-family:var(--font-display);font-weight:500;line-height:1;-webkit-user-select:none;user-select:none;transition:box-shadow .18s ease,opacity .18s ease}.streak-flame{display:inline-flex;color:#d9622b;filter:drop-shadow(0 0 3px rgba(217,98,43,.35))}.streak-count{font-size:15px;letter-spacing:.02em;font-variant-numeric:tabular-nums;min-width:.7em;text-align:center}.streak-freezes{display:inline-flex;align-items:center;gap:2px;margin-left:2px;padding-left:8px;border-left:1px solid color-mix(in srgb,var(--ink-soft) 28%,transparent);color:var(--cobalt)}.streak-freeze-n{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.streak-pill.streak-dim{opacity:.62}.streak-pill.streak-dim .streak-flame{color:color-mix(in srgb,#d9622b 55%,var(--ink-soft));filter:none}.streak-pill.igniting{box-shadow:4px 4px 10px var(--dark),-4px -4px 10px var(--light);animation:streak-settle .72s ease-out}.streak-pill.igniting .streak-flame{animation:streak-ignite .72s ease-out}.streak-pill.igniting .streak-count{animation:streak-tick .72s ease-out}@keyframes streak-settle{0%{box-shadow:6px 6px 13px var(--dark),-6px -6px 13px var(--light)}to{box-shadow:inset 3px 3px 7px var(--dark),inset -3px -3px 7px var(--light)}}@keyframes streak-ignite{0%{transform:scale(.6) translateY(2px);color:#f0a23a}35%{transform:scale(1.35) rotate(-6deg);color:#ff7a3d;filter:drop-shadow(0 0 8px rgba(255,122,61,.7))}60%{transform:scale(.95) rotate(4deg)}to{transform:scale(1) rotate(0)}}@keyframes streak-tick{0%{transform:translateY(.45em);opacity:0}45%{transform:translateY(-.12em);opacity:1}to{transform:translateY(0);opacity:1}}.confetti-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;overflow:hidden}.confetti-bit{position:absolute;top:-28px;width:10px;height:10px;opacity:0;will-change:transform,opacity;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.37,0,.63,1);animation-iteration-count:1;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0) scale(var(--scale, 1));opacity:0}8%{opacity:1}to{transform:translate(var(--drift, 0),104vh) rotate(var(--rot, 360deg)) scale(var(--scale, 1));opacity:1}}.promo-ring{position:absolute;left:50%;top:50%;width:var(--coin);height:var(--coin);border-radius:50%;border:2px solid var(--cobalt);pointer-events:none;z-index:3;transform:translate(-50%,-50%) scale(.4);opacity:0;animation:promo-ring .62s ease-out .12s forwards}@keyframes promo-ring{0%{transform:translate(-50%,-50%) scale(.4);opacity:.85}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}.combo-pop{position:absolute;top:6%;left:50%;z-index:5;pointer-events:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 18px;border-radius:999px;background:color-mix(in srgb,var(--cobalt) 16%,var(--pedestal));color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:clamp(13px,2.1vw,17px);box-shadow:0 8px 22px rgb(var(--cast) / .28);transform:translate(-50%);animation:combo-pop 1.65s cubic-bezier(.22,1,.36,1) forwards}.combo-pop .combo-ico,.combo-pop .combo-n{color:var(--cobalt)}.combo-pop .combo-n{font-variant-numeric:tabular-nums}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,12px) scale(.7)}14%{opacity:1;transform:translate(-50%) scale(1.1)}28%{transform:translate(-50%) scale(1)}72%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-30px) scale(.96)}}.board-mascot{position:absolute;left:50%;bottom:clamp(10px,2.4vw,20px);z-index:6;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 10px 18px rgb(var(--cast) / .34));animation:board-mascot-in .5s var(--ease-settle) both}@keyframes board-mascot-in{0%{opacity:0;transform:translate(-50%,16px) scale(.78)}to{opacity:1;transform:translate(-50%) scale(1)}}.theme-spin{animation:theme-spin .55s cubic-bezier(.4,0,.2,1)}@keyframes theme-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.save-pop{animation:save-pop .42s var(--ease-settle)}@keyframes save-pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.confetti-field,.promo-ring{display:none!important}.combo-pop{animation:none;opacity:1;transform:translate(-50%)}.board-mascot,.theme-spin,.save-pop{animation:none}}@media (hover: hover){.sq.dark.movable:hover:not(:disabled) .column:not(.selected){transform:translateY(-3px)}.sq.dark.movable:hover:not(:disabled) .column:not(.selected) .disc.top{box-shadow:0 1px 1px rgb(var(--cast) / .3),0 6px 9px rgb(var(--cast) / .26),inset 0 1.5px #ffffff6b,0 0 0 2px rgb(var(--ring) / .5)}}.sq.dark.highlight{animation:hint-pulse 1.6s ease-in-out infinite}@keyframes hint-pulse{0%,to{box-shadow:inset 3px 3px 6px var(--sq-lo),inset -3px -3px 6px var(--sq-hi),inset 0 0 0 2px rgb(var(--ring) / .5)}50%{box-shadow:inset 3px 3px 6px var(--sq-lo),inset -3px -3px 6px var(--sq-hi),inset 0 0 0 3px rgb(var(--ring) / .92)}}.clock.low .clock-time{color:var(--danger);animation:clock-low 1s ease-in-out infinite}@keyframes clock-low{0%,to{opacity:1}50%{opacity:.4}}.rating-delta{font-weight:700}.rating-delta.up{color:var(--win);display:inline-block;animation:rating-pop .5s var(--ease-settle) .2s both}.rating-delta.down{color:var(--ink-soft)}@keyframes rating-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.field.dealing .column{animation:deal-in .5s var(--ease-settle) backwards;animation-delay:calc(var(--deal-i, 0) * 24ms)}@keyframes deal-in{0%{opacity:0;transform:translateY(12px) scale(.6)}to{opacity:1;transform:none}}.theme-sweep{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:inherit}.theme-sweep:before{content:"";position:absolute;top:-25%;bottom:-25%;width:45%;left:-60%;background:linear-gradient(100deg,transparent,rgb(var(--ring) / .4),transparent);transform:skew(-12deg);animation:theme-sweep .7s ease-out forwards}@keyframes theme-sweep{0%{left:-60%}to{left:130%}}.sq.dark.shake{animation:sq-shake .38s cubic-bezier(.36,.07,.19,.97)}@keyframes sq-shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}}.undo-spin{animation:undo-spin .5s cubic-bezier(.4,0,.2,1)}@keyframes undo-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.status.win .ico{animation:trophy-pop .6s var(--ease-settle)}@keyframes trophy-pop{0%{transform:scale(.2) rotate(-12deg);opacity:0}55%{transform:scale(1.25) rotate(6deg)}to{transform:scale(1) rotate(0);opacity:1}}.rank-badge{display:inline-flex;align-items:center;gap:.55em;font-family:var(--font-body);color:var(--ink);vertical-align:middle;--rb-medal: 30px;--rb-name: 12px;--rb-ink: var(--cobalt)}.rb-sm{--rb-medal: 24px;--rb-name: 11px;gap:.4em}.rb-md{--rb-medal: 30px;--rb-name: 12px}.rb-lg{--rb-medal: 46px;--rb-name: 15px;gap:.7em}.rb-medal{position:relative;flex:0 0 auto;width:var(--rb-medal);height:var(--rb-medal);border-radius:50%;display:grid;place-items:center;background:var(--plate);box-shadow:calc(var(--rb-medal) * .07) calc(var(--rb-medal) * .07) calc(var(--rb-medal) * .16) var(--dark),calc(var(--rb-medal) * -.07) calc(var(--rb-medal) * -.07) calc(var(--rb-medal) * .16) var(--light);color:var(--rb-ink)}.rb-tier-general .rb-medal{box-shadow:inset calc(var(--rb-medal) * .07) calc(var(--rb-medal) * .07) calc(var(--rb-medal) * .14) var(--dark),inset calc(var(--rb-medal) * -.07) calc(var(--rb-medal) * -.07) calc(var(--rb-medal) * .14) var(--light)}.rb-insignia{display:grid;place-items:center;width:100%;height:100%}.rb-climb{position:relative}.rb-climb .rb-plate{position:absolute;width:78%;height:78%;color:color-mix(in srgb,var(--rb-ink) 80%,var(--ink-soft));opacity:.85}.rb-chevrons{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--rb-medal) * -.07);z-index:1}.rb-chevron{width:calc(var(--rb-medal) * .34);height:calc(var(--rb-medal) * .34);color:var(--plate);filter:drop-shadow(0 .5px .5px var(--dark))}.rb-general{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:calc(var(--rb-medal) * .02);padding:12%}.rb-general .rb-star{width:calc(var(--rb-medal) * .28);height:calc(var(--rb-medal) * .28);filter:drop-shadow(0 .5px .5px var(--dark))}.rb-medal[data-stars="1"] .rb-star{width:58%;height:58%}.rb-medal[data-stars="2"] .rb-star,.rb-medal[data-stars="3"] .rb-star{width:calc(var(--rb-medal) * .34);height:calc(var(--rb-medal) * .34)}.rb-text{display:inline-flex;flex-direction:column;gap:.25em;min-width:0}.rb-name{font-weight:700;font-size:var(--rb-name);letter-spacing:.02em;line-height:1.1;white-space:nowrap;color:var(--ink)}.rb-stars-suffix{color:var(--rb-ink);font-weight:600}.rb-q{color:var(--ink-soft);font-weight:600}.rb-progress{display:block;width:100%;min-width:92px;height:6px;border-radius:999px;background:var(--plate);box-shadow:inset 1.5px 1.5px 3px var(--dark),inset -1.5px -1.5px 3px var(--light);overflow:hidden}.rb-progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--rb-ink) 70%,var(--win)),var(--rb-ink));transition:width var(--t-move) var(--ease-settle)}.rb-provisional{--rb-ink: var(--ink-soft)}.rb-provisional .rb-medal{filter:saturate(.55) opacity(.82)}.rb-provisional .rb-name{color:var(--ink-soft)}.rb-provisional-mark{position:absolute;right:-6%;bottom:-6%;width:42%;height:42%;color:var(--ink-soft);background:var(--plate);border-radius:50%;box-shadow:1px 1px 2px var(--dark),-1px -1px 2px var(--light)}.lobby-identity{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:var(--pedestal);box-shadow:5px 5px 10px var(--dark),-5px -5px 10px var(--light)}.lobby-identity-text{display:flex;flex-direction:column;gap:2px;min-width:0}.lobby-identity-text strong{font-family:var(--font-display);font-size:1.05rem;color:var(--ink)}.lobby-identity-text .muted{font-size:12px;color:var(--ink-soft);display:flex;align-items:center;gap:5px}.clock-name{display:inline-flex;align-items:center;gap:7px}.rank-result{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 18px;border-radius:18px;background:var(--pedestal);box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light);text-align:center}.rank-result-rating{font-size:13px;color:var(--ink-soft)}.rank-result-line{font-family:var(--font-display);font-size:1.05rem;color:var(--ink)}.rank-result-line.quiet{color:var(--ink-soft);font-size:.98rem}.rank-result-eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--cobalt)}.rank-promote{box-shadow:6px 6px 13px var(--dark),-6px -6px 13px var(--light);position:relative;overflow:hidden}.rank-promote .rank-result-eyebrow{animation:rr-rise .45s var(--ease-settle) .05s both}.rank-promote .rank-badge{animation:rr-medal .6s var(--ease-settle) .18s both}.rank-promote .rank-result-line{animation:rr-rise .45s var(--ease-settle) .34s both}.rank-promote .rank-result-rating{animation:rr-rise .45s var(--ease-settle) .46s both}.rank-promote.into-general{box-shadow:7px 7px 16px var(--dark),-7px -7px 16px var(--light),inset 0 0 0 2px color-mix(in srgb,var(--cobalt) 40%,transparent)}.rank-promote.into-general .rank-result-eyebrow{color:var(--cobalt);font-size:11px}@keyframes rr-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes rr-medal{0%{opacity:0;transform:scale(.3) rotate(-18deg)}55%{transform:scale(1.18) rotate(6deg)}to{opacity:1;transform:scale(1) rotate(0)}}.rank-result-burst{position:absolute;top:38%;left:50%;width:0;height:0;pointer-events:none}.rank-result-burst svg{position:absolute;color:var(--cobalt);opacity:0;animation:rr-spark .9s ease-out .3s both;transform:rotate(calc(var(--i) * 51deg)) translateY(-10px)}@keyframes rr-spark{0%{opacity:0;transform:rotate(calc(var(--i) * 51deg)) translateY(-6px) scale(.4)}40%{opacity:1}to{opacity:0;transform:rotate(calc(var(--i) * 51deg)) translateY(-46px) scale(1)}}.rank-demote{box-shadow:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light)}.rank-demote .rank-badge{animation:rr-rise .4s ease both}@media (prefers-reduced-motion: reduce){.field.dealing .column{animation:none}.theme-sweep{display:none!important}.sq.dark.shake,.undo-spin,.status.win .ico{animation:none}.rank-promote .rank-result-eyebrow,.rank-promote .rank-badge,.rank-promote .rank-result-line,.rank-promote .rank-result-rating,.rank-demote .rank-badge,.rank-result-burst svg{animation:none;opacity:1;transform:none}.rank-result-burst{display:none}}