:root{--night:#0d1330;--night-2:#121a3d;--night-3:#18224d;--lapis:#22306b;--lapis-hi:#34479a;--line:#c9a24b38;--line-soft:#ece4d314;--brass:#c9a24b;--brass-hi:#ecc66e;--bone:#ece4d3;--bone-dim:#a9a6a0;--p1:#ff7a66;--p2:#4cc3b5;--ok:#7fcf8e;--danger:#f08a7e;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm:8px;--r-md:14px;--r-lg:22px;--shadow:0 18px 50px -20px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--bone);background:var(--night);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.55}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(1200px 700px at 78% -10%, #34479a59, transparent 60%), radial-gradient(900px 600px at -10% 110%, #c9a24b17, transparent 60%), var(--night);background-attachment:fixed;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.05;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0l28 16v32L28 64 0 48V16zM28 64v33' fill='none' stroke='%23c9a24b' stroke-width='1'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3{font-family:var(--font-display);font-variation-settings:"opsz" 96, "SOFT" 50;letter-spacing:-.01em;margin:0 0 .4em;font-weight:560;line-height:1.15}h1{font-size:clamp(1.9rem,3.4vw,2.6rem)}h2{font-size:1.25rem}p{margin:0 0 .8em}a{color:var(--brass-hi);text-underline-offset:3px}code{background:#ece4d314;border-radius:5px;padding:.1em .35em;font-size:.9em}:focus-visible{outline:2px solid var(--brass-hi);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--bone-dim)}.center{text-align:center}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.skip{z-index:10;background:var(--brass);color:var(--night);border-radius:var(--r-sm);padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}.nav{z-index:5;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:#0d1330c7;align-items:center;gap:28px;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.nav__brand{color:var(--bone);font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:10px;font-size:1.35rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark__dark{fill:var(--lapis);stroke:var(--brass);stroke-width:.8px}.brand-mark__light{fill:#5b6fb8;stroke:var(--brass);stroke-width:.8px}.brand-mark__hub{fill:var(--brass-hi)}.nav__brand:hover .brand-mark{transform:rotate(60deg)}.brand-mark{transition:transform .7s cubic-bezier(.6,0,.2,1)}.nav__links{gap:4px;display:flex}.nav__links a{white-space:nowrap;color:var(--bone-dim);border-radius:999px;align-items:center;padding:8px 14px;font-weight:500;text-decoration:none;transition:color .16s,background .16s;display:inline-flex;position:relative}.nav__links a:hover{color:var(--bone);background:#ece4d30f}.nav__links a.active{color:var(--bone)}.nav__links a.active:after{content:"";background:var(--brass-hi);width:6px;height:6px;position:absolute;bottom:1px;left:50%;translate:-50%;rotate:45deg}.nav__user{align-items:center;gap:12px;margin-left:auto;display:flex}.nav__name{max-width:220px;color:var(--bone-dim);align-items:center;gap:8px;display:inline-flex}.nav__name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main{max-width:1240px;margin:0 auto;padding:clamp(20px,4vw,44px) clamp(16px,4vw,40px) 80px}.centered{text-align:center;min-height:50vh;color:var(--bone-dim);align-content:center;place-items:center;gap:16px;display:grid}.centered .brand-mark{animation:6s linear infinite spin-slow}@keyframes spin-slow{to{transform:rotate(360deg)}}.btn{font:inherit;color:var(--bone);cursor:pointer;background:#ece4d30f;border:1px solid #ece4d329;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,transform .12s;display:inline-flex}.btn:hover:not(:disabled){background:#ece4d31f;border-color:#ece4d34d}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{color:#1a1405;background:linear-gradient(180deg, var(--brass-hi), var(--brass));border-color:#0000;box-shadow:inset 0 1px #ffffff59,0 6px 20px -8px #ecc66e99}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg, #f6d68a, var(--brass-hi));border-color:#0000}.btn--ghost{color:var(--bone-dim);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){color:var(--bone)}.btn--lg{padding:14px 26px;font-size:1.05rem}.btn--small{padding:6px 12px;font-size:.9rem}.icon-btn{width:38px;height:38px;color:var(--bone-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--bone);border-color:var(--line)}.avatar{width:38px;height:38px;font-family:var(--font-display);color:var(--brass-hi);background:radial-gradient(circle at 35% 30%, var(--lapis-hi), var(--lapis));border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.avatar--sm{width:28px;height:28px;font-size:.85rem}.panel{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);background:linear-gradient(#22306b59,#121a3d8c);padding:clamp(18px,3vw,28px)}.panel+.panel{margin-top:20px}.panel__title{align-items:center;gap:10px;display:flex}.badge{min-width:28px;height:24px;font-family:var(--font-body);color:#1a1405;background:var(--brass-hi);border-radius:999px;place-items:center;padding:0 8px;font-size:.85rem;font-weight:700;display:inline-grid}.badge--quiet{color:var(--bone-dim);background:#ece4d314}.alert{color:#ffd9d3;border-radius:var(--r-sm);background:#e2625a1f;border:1px solid #e2625a66;padding:10px 14px}.alert--ok{color:#d6f4dc;background:#7fcf8e1a;border-color:#7fcf8e66}.note{color:var(--bone-dim);border-left:2px solid var(--brass);border-radius:0 var(--r-sm) var(--r-sm) 0;background:#c9a24b0f;padding:10px 14px;font-size:.92rem}.empty{color:var(--bone-dim)}.page{max-width:920px;margin:0 auto}.page__head{margin-bottom:24px}.form{gap:16px;margin-top:20px;display:grid}.form label{color:var(--bone-dim);gap:6px;font-size:.92rem;font-weight:500;display:grid}input[type=text],input[type=email],input[type=password],input[type=number],select{width:100%;font:inherit;color:var(--bone);border-radius:var(--r-sm);background:#0d1330b3;border:1px solid #ece4d329;padding:12px 14px;font-size:1rem;transition:border-color .16s,box-shadow .16s}select:focus,input:focus{border-color:var(--brass);outline:none;box-shadow:0 0 0 3px #c9a24b33}.form .btn{margin-top:6px}.form__switch{color:var(--bone-dim);margin-top:22px}.auth{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:calc(100vh - 180px);display:grid}.auth__show{justify-items:center;gap:20px;display:grid}.auth__show .board{width:min(100%,520px)}.auth__pitch{text-align:center;max-width:460px}.auth__lead{font-family:var(--font-display);color:var(--bone);margin-bottom:.4em;font-size:1.5rem;font-style:italic;font-weight:400}.auth__form{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);background:linear-gradient(#22306b66,#121a3db3);padding:clamp(22px,3.5vw,36px)}@media (width<=860px){.auth{grid-template-columns:1fr;min-height:0}.auth__form{order:-1}.auth__show .board{width:min(100%,360px)}}.pending{text-align:center;max-width:560px;margin:6vh auto 0}.pending__mark{fill:none;width:72px;height:72px;stroke:var(--brass-hi);stroke-width:2px;stroke-linecap:round;margin-bottom:8px}.pending__mark path{transform-origin:32px 32px;animation:10s linear infinite spin-slow}.config-missing{max-width:720px;margin:10vh auto}.tabs{border:1px solid var(--line);background:#0d133099;border-radius:999px;gap:4px;margin-bottom:28px;padding:4px;display:inline-flex}.tabs [role=tab]{font:inherit;text-align:left;color:var(--bone-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 20px;font-weight:600;transition:background .2s,color .2s;display:grid}.tabs [role=tab] small{opacity:.8;font-size:.75rem;font-weight:400}.tabs [role=tab][aria-selected=true]{color:var(--bone);background:var(--lapis);box-shadow:inset 0 0 0 1px var(--line)}.setup{gap:26px;max-width:860px;display:grid}.setup>.btn{justify-self:start}.setup__group{border:0;margin:0;padding:0}.setup__group legend{font-family:var(--font-display);margin-bottom:12px;padding:0;font-size:1.25rem}.setup input[type=radio]{opacity:0;pointer-events:none;position:absolute}.mode-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mode-tile{border-radius:var(--r-md);cursor:pointer;background:#121a3d99;border:1px solid #ece4d31a;align-content:start;gap:6px;padding:20px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative}.mode-tile:hover{border-color:var(--line);transform:translateY(-2px)}.mode-tile .icon{width:30px;height:30px;color:var(--brass);margin-bottom:6px}.mode-tile__title{font-weight:700}.mode-tile__text{color:var(--bone-dim);font-size:.9rem}.mode-tile--on{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass) inset;background:linear-gradient(160deg,#34479a8c,#22306b66)}.mode-tile--on:after{content:"";background:var(--brass-hi);width:10px;height:10px;position:absolute;top:16px;right:16px;rotate:45deg}.mode-tile:has(input:focus-visible){outline:2px solid var(--brass-hi);outline-offset:3px}.segmented label:has(input:focus-visible){outline:2px solid var(--brass-hi);outline-offset:3px}.opponent:has(input:focus-visible){outline:2px solid var(--brass-hi);outline-offset:3px}@media (width<=720px){.mode-tiles{grid-template-columns:1fr}}.segmented{border:1px solid var(--line);background:#0d133099;border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmented label{color:var(--bone-dim);cursor:pointer;border-radius:999px;padding:8px 20px;font-weight:600;transition:background .18s,color .18s;position:relative}.segmented label.on{color:#1a1405;background:var(--brass-hi)}.opponents{flex-wrap:wrap;gap:10px;display:flex}.opponent{cursor:pointer;background:#121a3d99;border:1px solid #ece4d31a;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;display:inline-flex;position:relative}.opponent--on{border-color:var(--brass);background:#34479a80}.stage{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:clamp(20px,3vw,40px);display:grid}@media (width<=960px){.stage{grid-template-columns:1fr}}.stage__board{justify-items:center;gap:14px;display:grid;position:sticky;top:84px}@media (width<=960px){.stage__board{position:static}}.stage__board .board{width:min(100%,680px,100dvh - 170px)}.main:has(.stage){padding-top:18px}.game-page:has(.stage) .tabs{display:none}.stage__status{min-height:1.6em;font-family:var(--font-display);color:var(--bone);text-align:center;margin:0;font-size:1.15rem;font-style:italic}.stage__side{gap:18px;display:grid}.side-title{margin-bottom:10px;font-size:1.05rem}.stage__actions{flex-wrap:wrap;gap:8px;display:flex}.chip-stone{vertical-align:-.15em;border-radius:50%;flex:none;display:inline-block}.chip-stone--md{width:26px;height:26px}.chip-stone--sm{width:14px;height:14px}.chip-stone--1{box-shadow:0 0 0 1.5px var(--p1), 0 2px 4px #00000080;background:radial-gradient(circle at 35% 30%,#f0695a,#a3161c 55%,#4f070b)}.chip-stone--2{box-shadow:0 0 0 1.5px var(--p2), 0 2px 4px #00000080;background:radial-gradient(circle at 35% 30%,#fff,#e8e1d4 55%,#b9b0a0)}.players{gap:10px;margin:0;padding:0;list-style:none;display:grid}.player{border-radius:var(--r-md);background:#121a3d99;border:1px solid #ece4d314;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;padding:14px 16px;transition:border-color .3s,background .3s,box-shadow .3s;display:grid;position:relative}.player--active.player--1{border-color:var(--p1);box-shadow:0 0 0 1px var(--p1) inset, 0 10px 30px -14px var(--p1)}.player--active.player--2{border-color:var(--p2);box-shadow:0 0 0 1px var(--p2) inset, 0 10px 30px -14px var(--p2)}.player__who{min-width:0;display:grid}.player__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.player__tag{color:var(--bone-dim);font-size:.82rem}.player__reserve{grid-column:1/-1;gap:4px;margin-top:6px;display:flex}.player__reserve i{background:#ece4d314;border-radius:3px;width:100%;max-width:18px;height:6px;transition:background .4s}.player--1 .player__reserve i.on{background:var(--p1)}.player--2 .player__reserve i.on{background:var(--p2)}.player__turn{color:#08141a;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700;animation:1.8s ease-in-out infinite pulse-soft;position:absolute;top:12px;right:14px}.player--1 .player__turn{background:var(--p1)}.player--2 .player__turn{background:var(--p2);color:#1f0806}@keyframes pulse-soft{50%{opacity:.6}}.seal{border-radius:var(--r-md);background:repeating-linear-gradient(135deg,#c9a24b0d 0 8px,#0000 8px 16px),#121a3d99;border:1px dashed #c9a24b73;align-items:center;gap:16px;padding:16px 18px;display:flex}.seal__mark{fill:#8a2f2a;filter:drop-shadow(0 3px 4px #00000080);flex:none;width:54px;height:54px}.seal__star{fill:none;stroke:#e9b7a8;stroke-width:1.5px;stroke-linejoin:round}.seal__title{font-family:var(--font-display);margin:0;font-size:1.1rem}.seal__text{color:var(--bone-dim);margin:0;font-size:.88rem}.matrix{border:1px solid var(--brass);border-radius:var(--r-md);background:linear-gradient(170deg,#34479a73,#121a3db3);padding:18px;animation:.7s cubic-bezier(.2,.8,.2,1) both unseal}@keyframes unseal{0%{opacity:0;transform:scale(.96)rotateX(14deg)}}.matrix__verdict{text-align:center;margin-bottom:12px}.matrix__title{font-family:var(--font-display);align-items:center;gap:10px;margin:0;font-size:1.35rem;display:inline-flex}.matrix__total{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:3.2rem;font-weight:600;line-height:1}.matrix__dash{color:var(--bone-dim);margin:0 .25em}.p1{color:var(--p1)}.p2{color:var(--p2)}.matrix__table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.matrix__table th,.matrix__table td{text-align:center;padding:10px 8px}.matrix__table thead th{padding-top:0}.matrix__table tbody th{text-align:left;font-weight:600}.matrix__table tbody th small{color:var(--bone-dim);font-size:.76rem;font-weight:400;display:block}.matrix__table tbody tr{border-top:1px solid var(--line-soft);cursor:default;transition:background .16s;animation:.5s both row-in}.matrix__table tbody tr:hover,.matrix__table tbody tr:focus-visible{background:#ecc66e14;outline:none}.matrix__table td{font-family:var(--font-display);font-size:1.4rem;font-weight:600}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}}.matrix__tip{color:var(--bone-dim);text-align:center;margin:10px 0 0;font-size:.8rem}.log{border-radius:var(--r-md);background:#121a3d80;border:1px solid #ece4d314;padding:16px 18px}.log__empty{color:var(--bone-dim);margin:0;font-size:.86rem}.log__list{scrollbar-width:thin;grid-template-columns:1fr 1fr;gap:2px 14px;max-height:210px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.log__list li{align-items:center;gap:8px;padding:3px 0;font-size:.9rem;animation:.3s both row-in;display:flex}.log__no{text-align:right;width:1.6em;color:var(--bone-dim);font-variant-numeric:tabular-nums}.log__who{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--bone-dim);flex:1;overflow:hidden}.log__cell{font-variant-numeric:tabular-nums;color:var(--brass-hi);font-weight:700}.board{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 30px 40px #0000008c);width:100%;height:auto;display:block;overflow:visible}.plate{transition:filter .2s}.plate--hover{filter:brightness(1.18)}.tri-label{font-family:var(--font-display);fill:var(--brass);opacity:.75;font-size:15px;font-weight:600}.hole-hit{fill:#0000;cursor:default}.board--live .hole-hit{cursor:pointer}.hole-hit:focus-visible{stroke:var(--brass-hi);stroke-width:2.5px;outline:none}.stone--drop{transform-box:fill-box;transform-origin:50%;animation:.26s cubic-bezier(.3,1.4,.5,1) both stone-drop}@keyframes stone-drop{0%{opacity:0;transform:translateY(-18px)scale(1.25)}}.stone--ghost{opacity:.45}.last-dot{animation:1.6s ease-in-out infinite pulse-soft}.move-ring__next{fill:var(--brass-hi);stroke:none;animation:1.2s ease-in-out infinite pulse-soft}.preview__arc{stroke-dasharray:4 5;animation:.9s linear infinite dash-run}@keyframes dash-run{to{stroke-dashoffset:-18px}}.region-fill{opacity:.12;animation:.9s both region-in}@keyframes region-in{0%{opacity:0}}.highlight__glow{opacity:.55;stroke-width:12px}.highlight__line{fill-opacity:.18;stroke-width:3px}polyline.highlight__line{stroke-width:6px}.board--demo{pointer-events:none}.board--mini{filter:drop-shadow(0 6px 10px #00000080);flex:none;width:92px}.board--mini .tri-label,.board--mini .move-ring{display:none}.rules{max-width:min(620px,100vw - 32px);color:var(--bone);background:var(--night-2);border:1px solid var(--brass);border-radius:var(--r-lg);padding:0;box-shadow:0 40px 100px #000000b3}.rules[open]{animation:.3s both unseal}.rules::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050816b3}.rules__body{padding:clamp(20px,4vw,34px)}.rules ol{gap:12px;padding-left:1.3em;display:grid}.rules ol ul{color:var(--bone-dim);margin-top:6px;padding-left:1.1em}.rules li::marker{color:var(--brass-hi);font-family:var(--font-display);font-weight:600}.rules__hint{color:var(--bone-dim);font-size:.9rem}.tally{color:var(--bone-dim)}.tally strong{color:var(--bone);font-family:var(--font-display);font-size:1.2em}.history{gap:12px;margin:0;padding:0;list-style:none;display:grid}.hcard{border:1px solid #ece4d314;border-left:3px solid var(--bone-dim);border-radius:var(--r-md);background:#121a3d99;align-items:center;gap:18px;padding:12px 20px 12px 12px;display:flex}.hcard--win{border-left-color:var(--ok)}.hcard--loss{border-left-color:var(--p2)}.hcard--live{border-left-color:var(--brass-hi)}.hcard__body{flex:1;gap:2px;min-width:0;display:grid}.hcard__result{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.hcard--win .hcard__result{color:var(--ok)}.hcard__mode{font-size:.92rem}.hcard__body .muted{font-size:.84rem}.hcard__end{justify-items:end;gap:6px;display:grid}.hcard__score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:600}.hcard__thumb{border-radius:50%;flex:none;transition:transform .2s}.hcard__thumb:hover{transform:scale(1.06)rotate(-6deg)}.hcard__links{gap:6px;display:flex}.replay__head{flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:18px;display:flex}.replay__head h1{margin:0;font-size:clamp(1.4rem,3vw,1.9rem)}.replay__head .muted{margin:0}.replay__head .btn{margin-left:auto}.replay__back{color:var(--brass-hi);flex-basis:100%;font-size:.9rem;text-decoration:none}.replay__back:before{content:"‹ "}.replay__back:hover{text-decoration:underline}.replay .stage__board .board{width:min(100%,640px,100dvh - 345px)}.replay__status{max-width:34em;font-size:1.02rem}.replay__deck{align-items:center;gap:14px;display:flex}.replay__transport{border:1px solid var(--line);background:#0d1330b3;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.replay__transport .icon{fill:currentColor;stroke-width:1.4px;width:18px;height:18px}.replay__transport .icon-btn:disabled{opacity:.35;cursor:default;border-color:#0000}.icon-btn--play{color:#1a1405;background:linear-gradient(180deg, var(--brass-hi), var(--brass));width:46px;height:46px;box-shadow:0 6px 18px -6px #ecc66eb3}.icon-btn--play:hover{color:#1a1405;filter:brightness(1.08);border-color:#0000}.icon-btn--play .icon{width:20px;height:20px}.replay__count{font-variant-numeric:tabular-nums;color:var(--bone-dim)}.replay__count strong{font-family:var(--font-display);color:var(--bone);font-size:1.35rem}.timeline{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;width:min(100%,520px);display:grid}.timeline__tick{cursor:pointer;background:0 0;border:0;height:22px;padding:0;position:relative}.timeline__tick:after{content:"";background:#ece4d31a;border-radius:3px;transition:background .16s,inset .16s;position:absolute;inset:7px 0}.timeline__tick--1.is-past:after{background:var(--p1)}.timeline__tick--2.is-past:after{background:var(--p2)}.timeline__tick:hover:after{inset:4px 0}.timeline__tick.is-now:after{box-shadow:0 0 0 2px var(--brass-hi);inset:1px 0}.replay__teaser{border:1px dashed var(--line);border-radius:var(--r-md);justify-items:start;gap:10px;padding:16px 18px;display:grid}.replay__teaser p{color:var(--bone-dim);margin:0;font-size:.92rem}.log__list--tall{max-height:300px;position:relative}.log__list li:has(.log__btn){padding:0;animation:none}.log__btn{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;font-size:.9rem;display:flex}.log__btn:hover{background:#ece4d30f}.log__btn.is-future{opacity:.4}.log__btn.is-now{background:#ecc66e24;box-shadow:inset 0 0 0 1px #ecc66e73}.replay__keys{color:var(--bone-dim);margin:10px 0 0;font-size:.8rem}@media (hover:none){.replay__keys{display:none}}@media (width<=560px){.hcard{flex-wrap:wrap}.board--mini{width:72px}}.people{gap:10px;margin:0;padding:0;list-style:none;display:grid}.people--grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.person{border-radius:var(--r-md);background:#0d133080;border:1px solid #ece4d314;align-items:center;gap:14px;padding:12px 14px;display:flex}.person__who{flex:1;min-width:0;display:grid}.person__who .muted{font-size:.85rem}@media (width<=600px){.nav{gap:8px;padding-inline:12px}.nav__brand span{display:none}.nav__links{gap:0}.nav__links a{padding:8px 9px}.nav__user{gap:4px}.nav__name{display:none}}@media (width<=420px){.nav__brand{display:none}.nav__links{scrollbar-width:none;min-width:0;overflow-x:auto}.nav__links a{padding:8px 6px;font-size:.92rem}}.nav__count{color:#1a1405;background:var(--brass-hi);vertical-align:1px;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:.75rem;font-weight:800;line-height:1;animation:2.4s ease-in-out infinite count-pulse;display:inline-grid}@keyframes count-pulse{0%,to{box-shadow:0 0 #ecc66e8c}60%{box-shadow:0 0 0 7px #ecc66e00}}.open-games{border-bottom:1px solid var(--line-soft);gap:18px;padding-bottom:26px;display:grid}.open-games__title{align-items:center;gap:10px;margin:0 0 10px;font-size:1.25rem;display:flex}.open-games__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width<=560px){.open-games__list{grid-template-columns:1fr}}.open-game{border-radius:var(--r-md);background:#0d133080;border:1px solid #ece4d314;align-items:center;gap:12px;padding:10px 12px;display:flex}.open-game .board--mini{flex:none;width:56px}.open-game--turn{border-color:var(--brass);background:linear-gradient(160deg,#34479a73,#121a3d99)}.open-game__body{flex:1;min-width:0;display:grid}.open-game__body strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.open-game__body .muted{font-size:.82rem}.open-game__state{color:var(--bone-dim);font-size:.88rem}.open-game--turn .open-game__state{color:var(--brass-hi);font-weight:700}.toast{z-index:50;background:var(--night-3);border:1px solid var(--brass);border-radius:var(--r-md);width:min(360px,100vw - 32px);box-shadow:var(--shadow);gap:10px;padding:16px 18px;animation:.26s ease-out cred-in;display:grid;position:fixed;bottom:16px;right:16px}.toast p{margin:0}.toast__actions{gap:8px;display:flex}.admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:20px;margin-bottom:20px;display:grid}.admin-grid>.panel+.panel{margin-top:0}@media (width<=860px){.admin-grid{grid-template-columns:1fr}}.form--inline{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.form--inline label:first-child{grid-column:1/-1}.form--inline .btn{justify-self:start;margin-top:0}select{cursor:pointer;min-height:47px}.form__field{border:0;margin:0;padding:0}.form__field legend{color:var(--bone-dim);margin-bottom:6px;padding:0;font-size:.92rem;font-weight:500}.form__field input[type=radio]{opacity:0;pointer-events:none;position:absolute}.form__field .segmented label{font-size:.95rem;display:block}.input-row{align-items:center;gap:8px;display:flex}.input-row input{letter-spacing:.04em;font-family:ui-monospace,SF Mono,Menlo,monospace}.input-row .btn{flex:none;margin-top:0}.cred{border-radius:var(--r-md);background:#7fcf8e12;border:1px solid #7fcf8e59;gap:12px;margin-top:18px;padding:18px 20px;animation:.26s ease-out cred-in;display:grid}.panel__title+.cred{margin-top:4px;margin-bottom:16px}@keyframes cred-in{0%{opacity:0;transform:translateY(6px)}}.cred__title{color:#d6f4dc;margin:0;font-weight:700}.cred__list{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;display:grid}.cred__list dt{color:var(--bone-dim)}.cred__list dd{color:var(--bone);-webkit-user-select:all;user-select:all;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.1rem}.cred__hint{margin:0;font-size:.88rem}.cred__actions{flex-wrap:wrap;gap:10px;display:flex}.codes{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.code{border-radius:var(--r-md);background:#0d133080;border:1px solid #ece4d314;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"value info state""value actions actions";align-items:center;gap:6px 14px;padding:12px 14px;display:grid}.code--off{opacity:.6}.code__value{letter-spacing:.12em;color:var(--brass-hi);border:1px dashed var(--line);border-radius:var(--r-sm);-webkit-user-select:all;user-select:all;grid-area:value;padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.05rem;font-weight:700}.code__info{grid-area:info;min-width:0;display:grid}.code__info .muted{font-size:.85rem}.code__state{color:var(--bone-dim);grid-area:state;font-size:.82rem;font-weight:600}.code__state.is-live{color:var(--ok)}.code__actions{flex-wrap:wrap;grid-area:actions;gap:8px;display:flex}.link-btn{font:inherit;color:var(--brass);cursor:pointer;background:0 0;border:0;justify-self:start;padding:2px 0;font-size:.85rem}.link-btn:hover:not(:disabled){color:var(--brass-hi);text-decoration:underline}.link-btn:disabled{opacity:.6;cursor:default}.link-btn--danger{color:var(--danger)}.person__confirm{color:var(--bone-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:.85rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.rank-filters input[type=radio]{opacity:0;pointer-events:none;position:absolute}.rank-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.segmented--small label{padding:5px 14px;font-size:.9rem}.ranking{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.rank{border:1px solid var(--line-soft);border-radius:var(--r-md);background:#121a3d8c;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:12px 18px 12px 12px;display:grid}.rank__place{width:40px;height:40px;font-family:var(--font-display);color:var(--bone-dim);place-items:center;font-size:1.15rem;display:grid}.rank--top .rank__place{color:#1a1405;background:radial-gradient(circle at 35% 30%, #fff1c4, var(--brass-hi) 45%, #8a6a25);border-radius:50%;font-weight:700;box-shadow:0 0 0 2px #c9a24b59,0 3px 8px #00000073}.rank--2 .rank__place{background:radial-gradient(circle at 35% 30%,#fff,#c9ccd6 45%,#6d7284)}.rank--3 .rank__place{background:radial-gradient(circle at 35% 30%,#ffd9b8,#c9844b 45%,#6e3d18)}.rank--1{border-color:var(--line);background:linear-gradient(90deg,#c9a24b24,#121a3d8c 60%)}.rank--me{border-color:var(--brass);box-shadow:inset 3px 0 0 var(--brass-hi)}.rank__who{gap:2px;min-width:0;display:grid}.rank__name{overflow-wrap:anywhere;align-items:center;gap:8px;font-weight:650;display:flex}.rank__meta{color:var(--bone-dim);font-size:.85rem}.rank__bar{background:#ece4d312;border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.rank__bar span{background:linear-gradient(90deg, var(--brass), var(--brass-hi));border-radius:2px;height:100%;display:block}.rank__score{justify-items:end;gap:2px;display:grid}.rank__avg{font-family:var(--font-display);color:var(--bone);font-variant-numeric:tabular-nums;font-size:1.7rem;line-height:1}.rank__margin{color:var(--bone-dim);font-variant-numeric:tabular-nums;font-size:.8rem}.rank-waiting{margin-top:32px}.rank-waiting h2{font-size:1.15rem}.rank-waiting ul{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.rank-waiting li{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:8px 12px;display:flex}.rank-waiting li.rank--me{border-radius:var(--r-sm)}@media (width<=560px){.rank-filters .segmented label{padding:7px 13px;font-size:.92rem}.rank{grid-template-columns:36px 1fr auto;gap:10px;padding:10px 12px 10px 8px}.rank__place{width:34px;height:34px;font-size:1rem}.rank__avg{font-size:1.4rem}}