@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: #e8e4db;--l-light: #fbf8f2;--l-shadow: #c4beb1;--l-ink: #38342c;--l-body: #645e51;--faint: #7a7363;--l-accent: #5f8c7e;--accent-dk: #4a7165;--piece-dark-1: #4b463c;--piece-dark-2: #322e27;--piece-light-1: #f2ede3;--piece-light-2: #d9d2c4;--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 .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 :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(--bg);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{aspect-ratio:1/1;width:100%;background:var(--bg);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 .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{width:8px;height:8px;border-radius:50%;background:var(--l-accent);animation:notePulse 1.7s infinite}.landing-page .demo-result{margin-top:1.2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.landing-page .demo-result strong{font-family:Fraunces,serif;font-weight:500;font-size:1.15rem;color:var(--l-ink)}.landing-page .demo-metrics{display:flex;gap:.6rem;margin:0}.landing-page .demo-metrics>div{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:5.4rem;padding:.7rem .5rem;background:var(--bg);border-radius:var(--r-card, 14px);box-shadow:var(--nm-inset)}.landing-page .demo-metrics dt{font-family:Hanken Grotesk,sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.landing-page .demo-metrics dd{margin:0;font-family:Fraunces,serif;font-size:1.5rem;font-weight:600;line-height:1;color:var(--accent-dk)}.landing-page .demo-again{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)}@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{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 .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 .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}@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 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=classic]{--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=colors]{--ground: #20242e;--pedestal: #20242e;--plate: #20242e;--light: #2b303c;--dark: #14171c;--cream: #3f6fd0;--rose: #c2362f;--sq-light: #20242e;--sq-dark: #262b37;--sq-lo: #14171c;--sq-hi: #2b303c;--cobalt: #e7b53d;--cast: 6 8 12;--ring: 231 181 61;--btn-ink: #d8dde8;--ink: #eef1f7;--ink-soft: #97a0b2;--win: #5fb98a;--star: #f2c84b}*{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=chocolate] .vignette,[data-theme=classic] .vignette,[data-theme=colors] .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=chocolate] .grain,[data-theme=classic] .grain,[data-theme=colors] .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;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}.head{text-align:center}.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=chocolate] .head .title,[data-theme=classic] .head .title,[data-theme=colors] .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}.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)}.sq.dark.play{cursor:pointer;transition:box-shadow .16s ease}.sq.dark.play:disabled{cursor:default}.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:color-mix(in srgb,var(--cream) 70%,#6a563f);box-shadow:inset .8px .9px 1.1px #5f503a99,inset -.7px -.8px .9px color-mix(in srgb,var(--light) 82%,#fff)}.disc.rose .dot-pip{background:color-mix(in srgb,var(--rose) 78%,#000);box-shadow:inset .8px .9px 1.1px #0000008c,inset -.7px -.8px .9px color-mix(in srgb,var(--rose) 45%,#fff)}.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))}:root[data-theme=colors] .disc .insignia{color:var(--star);filter:drop-shadow(-.5px -.5px .3px color-mix(in srgb,var(--star) 55%,#fff)) drop-shadow(.7px .9px .7px rgba(0,0,0,.5))}:root[data-theme=colors] .disc .dot-pip{background:var(--star);box-shadow:inset .6px .6px .6px color-mix(in srgb,var(--star) 50%,#fff),0 .8px 1.2px #00000073}.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}.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)}}.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 .muted{text-transform:none;letter-spacing:.01em;font-weight:500;font-style:italic;font-family:var(--font-display);font-size:13px;opacity:.7}.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}.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}@media (max-width: 560px){.topbar{flex-direction:column;gap:10px}.panel{max-width:100%}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}