:root{color-scheme:light;--bg: #fff3dc;--bg-2: #fffaf0;--ink: #1c3a5e;--muted: #3f5d7c;--brass: #f2b94b;--brass-2: #ffd23f;--brass-ink: #1c3a5e;--accent: #c2412f;--line: rgba(28, 58, 94, .18);--danger: #b4321f;--ok: #17785c;--shadow: 0 14px 34px rgba(28, 58, 94, .14);--stage: #8fd8f7;--page: url(/art/page-bg.webp) 0 0 / 256px 256px repeat;font-family:Avenir Next,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #1c3a5e;--bg-2: #25496f;--ink: #fff3dc;--muted: #cfdeeb;--brass: #f2b94b;--brass-2: #ffd23f;--brass-ink: #1c3a5e;--accent: #ffd23f;--line: rgba(255, 243, 220, .18);--danger: #ffb4a8;--ok: #9be3c3;--shadow: 0 18px 50px rgba(8, 20, 36, .35);--stage: #1c3a5e;--page: none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font-size:17px;line-height:1.4;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}.app{height:100%;display:flex;flex-direction:column}.home{height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:calc(18px + env(safe-area-inset-top)) 20px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(900px 420px at 20% -10%,rgba(143,216,247,.35),transparent 60%),var(--page),var(--bg)}.home-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.home-top .note{margin:0}.brand{position:relative;z-index:1;font-family:Palatino,Georgia,serif;font-size:clamp(40px,11vw,76px);line-height:.92;margin:10px 0 6px;letter-spacing:-.03em}.hero{display:block;width:min(58%,300px);height:auto;aspect-ratio:1;margin:-9% auto -2%;pointer-events:none;-webkit-user-select:none;user-select:none}.lede{max-width:38rem;color:var(--muted);font-size:1rem;margin:0}.stack{display:grid;gap:10px;margin-top:20px}.choice,.drop,.ghost,.tiny{border:0;border-radius:16px;min-height:48px;padding:10px 16px}.choice{background:var(--bg-2);text-align:left;box-shadow:var(--shadow);border:1px solid var(--line)}.choice strong{display:block;font-size:1.12rem}.choice span{color:var(--muted);font-size:.95rem}.drop{background:linear-gradient(180deg,var(--brass-2),var(--brass));color:var(--brass-ink);font-weight:750;font-size:1.2rem;letter-spacing:.04em;min-height:58px;box-shadow:0 2px #00000040,inset 0 1px #ffffff59}.drop:active:not(:disabled){transform:translateY(1px)}.drop:disabled{opacity:.5}.drop.busy{animation:busy .26s ease-out}.drop.acked{box-shadow:0 0 0 2px var(--ok),0 2px #00000040}.drop.pending{background:linear-gradient(180deg,#ffe08a,#e0a83a)}.drop-hint{margin:4px 2px 0;font-size:.85rem}@keyframes busy{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.ghost,.tiny{background:transparent;border:1px solid var(--line);min-height:44px}.tiny{padding:6px 12px;font-size:.95rem}.tiny.icon{width:44px;padding:0;font-size:1.2rem;flex:none}.tiny[aria-pressed=false]{opacity:.7}.link-button{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;box-sizing:border-box}.safety-row{justify-content:flex-end;margin-top:4px}.safety-row .tiny{padding:4px 12px;font-size:.85rem;color:var(--muted)}.grow{flex:1 1 0}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.play{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:env(safe-area-inset-top);overflow:hidden}.topbar{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:6px 10px}.stats{display:flex;gap:10px;font-variant-numeric:tabular-nums;font-size:.82rem;min-width:0;overflow:hidden}.stats span{white-space:nowrap;color:var(--muted)}.stats b{font-family:Palatino,Georgia,serif;font-size:1.2rem;color:var(--ink)}.stats .vs b{color:var(--accent)}.stage{position:relative;min-height:0;touch-action:none;background:var(--stage);overflow:hidden;user-select:none;-webkit-user-select:none}.stage canvas.main{position:absolute;inset:0;width:100%;height:100%;display:block}.play.sheet-only{grid-template-rows:auto 0 minmax(0,1fr)}.play.sheet-only .dock{max-height:none;align-content:start}.status{position:absolute;left:50%;bottom:8px;transform:translate(-50%);max-width:calc(100% - 24px);margin:0;background:color-mix(in srgb,var(--bg) 82%,transparent);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.banner{position:absolute;left:12px;right:12px;top:10px;margin:0;background:color-mix(in srgb,var(--bg) 90%,transparent);border:1px solid var(--line);border-radius:14px;padding:8px 12px;font-size:.92rem;z-index:3}.banner p{margin:0 0 6px}.banner p:last-child{margin:0}.banner.pause{border-color:var(--brass)}.warn-pill{border-color:var(--danger);color:var(--danger)}.mini-host{position:absolute;right:8px;top:8px;width:34%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--stage);display:none;z-index:2;box-shadow:var(--shadow);transition:width .25s ease}.mini-host.show{display:block}.mini-host.big{width:62%}.mini-host canvas{width:100%;height:100%;display:block}.mini-label{position:absolute;left:6px;bottom:4px;right:6px;font-size:.72rem;color:#fff;text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moment{position:absolute;inset:8px 8px 40px;z-index:1;display:grid;place-items:center;pointer-events:none}.moment img{grid-area:1 / 1;height:auto;max-height:100%;object-fit:contain}.moment .burst{width:min(94%,380px);aspect-ratio:1;animation:moment-burst .7s ease-out both}.moment .figure{width:min(60%,230px);aspect-ratio:1;animation:moment-in .45s cubic-bezier(.2,1.4,.4,1) both}.moment.waiting{inset:0;background:color-mix(in srgb,var(--stage) 45%,transparent)}.moment.waiting .figure{width:min(96%,440px);aspect-ratio:4 / 3}@keyframes moment-in{0%{opacity:0;transform:scale(.7) translateY(12px)}to{opacity:1;transform:none}}@keyframes moment-burst{0%{opacity:0;transform:scale(.5) rotate(-12deg)}to{opacity:1;transform:none}}:root[data-motion=reduced] .moment img{animation:none}@media(prefers-reduced-motion:reduce){.moment img{animation:none}}.avatar{width:32px;height:32px;border-radius:50%;flex:none}.tip{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;background:var(--bg-2);border:1px solid var(--brass);border-radius:16px;padding:10px 14px 14px;box-shadow:var(--shadow);font-size:.92rem;touch-action:manipulation}.tip ol{margin:0 0 10px;padding-left:20px;display:grid;gap:4px}.tip .drop{width:100%;min-height:48px}.dock{display:grid;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--bg);touch-action:manipulation;max-height:48dvh;overflow-y:auto}.controls{display:grid;gap:6px}.controls .note{margin:0}.drop-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.pickers{display:flex;gap:8px}.pickers .field{flex:1 1 0;min-width:0}.small-row{justify-content:space-between}.small-row .tiny{min-height:40px}.dial{--p: 0;position:relative;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--brass) calc(var(--p) * 1%),var(--line) 0);display:grid;place-items:center;flex:none}.dial i{width:38px;height:38px;border-radius:50%;background:var(--bg);display:block}.dial b{position:absolute;left:50%;top:0;width:6px;height:50%;margin-left:-3px;transform-origin:50% 100%;transform:rotate(var(--h, 0deg));background:linear-gradient(#fff4dc 0 12px,transparent 12px);border-radius:3px}.dial[data-now="1"]{box-shadow:0 0 0 4px #ffe08a,0 0 18px #ffcf5a}.dial[data-now="1"] i{background:#ffe9a8}.aim{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.aim-label{font-size:.85rem;color:var(--muted)}.aim input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:0}.aim input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--line) calc(25% - 1px) 25%),linear-gradient(90deg,color-mix(in srgb,var(--brass) 35%,transparent) var(--lane),transparent var(--lane)),color-mix(in srgb,var(--ink) 10%,transparent);border:1px solid var(--line)}.aim input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:34px;height:34px;margin-top:-12px;border-radius:10px;background:linear-gradient(180deg,var(--brass-2),var(--brass));border:2px solid var(--brass-ink);box-shadow:0 2px 6px #00000059}.aim input[type=range]::-moz-range-track{height:12px;border-radius:6px;background:color-mix(in srgb,var(--ink) 10%,transparent)}.aim input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:10px;background:var(--brass);border:2px solid var(--brass-ink)}.pops{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.pop{position:absolute;transform:translate(-50%,-50%);font:800 1.35rem/1 Palatino,Georgia,serif;color:#ffd479;text-shadow:0 2px 6px rgba(0,0,0,.6);animation:pop-rise .85s ease-out forwards;white-space:nowrap}.pop.bonus{color:#7ff0dd;font-size:1.6rem}.pop.minus{color:var(--danger)}.pop.cascade{width:min(92%,380px);aspect-ratio:5 / 3;display:grid;place-items:center;background:url(/art/cascade-burst.webp) center / contain no-repeat;text-shadow:none;animation:cascade 1.5s ease-out forwards}.pop.cascade b{font-size:1.5rem;color:#fff9e8;background:#1c3a5ed1;border:2px solid #ffd23f;border-radius:14px;padding:6px 12px}@keyframes pop-rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}15%{opacity:1;transform:translate(-50%,-70%) scale(1.1)}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}@keyframes cascade{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}:root[data-motion=reduced] .pop,:root[data-motion=reduced] .pop.cascade{animation-duration:.9s;animation-name:fade}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.pop{animation-name:fade}}.note,.warn{color:var(--muted);font-size:.9rem}.warn{color:var(--danger);margin:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sheet{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;gap:8px}.sheet h2{font-family:Palatino,Georgia,serif;margin:0;font-size:1.3rem}.sheet .note{margin:0}.result h2{font-size:1.35rem}.score-line{display:flex;gap:18px;margin:0;font-variant-numeric:tabular-nums}.score-line b{font-family:Palatino,Georgia,serif;font-size:1.4rem}.field{display:grid;gap:4px;font-size:.9rem}.field.compact{font-size:.78rem;color:var(--muted)}.field input,.field select,.name,.dock select,.lab-head select{min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg);padding:6px 10px;min-width:0}.field.compact select{color:var(--ink)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;letter-spacing:.12em}.lobby-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.seats{list-style:none;margin:0;padding:0;display:grid;gap:6px}.seats li{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:4px 6px 4px 10px;min-height:44px}.seat-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-state{font-size:.85rem;color:var(--muted)}.seat-state.ok{color:var(--ok)}.join-row{flex-wrap:nowrap}.code-input{width:7.5em;text-transform:uppercase;letter-spacing:.15em;flex:1 1 auto}.lab-dock{max-height:calc(53dvh - 64px);display:flex;flex-direction:column;overflow:hidden}.lab-dock>*{flex:none}.lab{gap:8px}.lab-head{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center}.lab-state{font-size:.8rem;color:var(--muted);padding:4px 8px;border:1px solid var(--line);border-radius:999px}.lab-state.dirty{color:var(--brass-ink);background:var(--brass);border-color:transparent}.lab-group{border:1px solid var(--line);border-radius:14px;margin:8px 0;padding:8px 10px 10px}.lab-group legend{padding:0 6px;font-weight:650}.lab-tag{font-style:normal;font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 6px;margin-left:6px}.lab-dock>.lab.open{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.lab-fields{display:grid;grid-template-columns:1fr;gap:6px}.lab-field{display:grid;grid-template-columns:1fr 5.2em;gap:2px 8px;align-items:center;font-size:.85rem}.lab-field>span{grid-column:1 / -1;display:flex;justify-content:space-between;color:var(--muted)}.lab-field output{color:var(--ink);font-variant-numeric:tabular-nums}.lab-field input[type=range]{width:100%;height:32px;margin:0;accent-color:var(--brass)}.lab-field input[type=number]{min-height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg);padding:4px 6px;width:100%}.lab-field select{grid-column:1 / -1;min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--bg)}.lab-field small{grid-column:1 / -1}.lab-field.bad input[type=number]{border-color:var(--danger)}.modal-scrim{position:fixed;inset:0;z-index:20;background:#1c3a5e73;display:grid;place-items:end center;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.modal{width:min(520px,100%);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;gap:12px;box-shadow:var(--shadow)}.modal h2{font-family:Palatino,Georgia,serif;margin:0}.modal p{margin:0}.settings{display:grid;gap:10px}.toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}.toggle span{display:grid}.toggle small{color:var(--muted);font-size:.78rem}.toggle input[type=checkbox]{width:26px;height:26px;accent-color:var(--brass);flex:none}.toggle input[type=range]{width:55%;accent-color:var(--brass)}.choice-row{display:grid;gap:4px}.choice-row>span{font-size:.9rem}.seg{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seg button{flex:1;background:transparent;border:0;min-height:40px;font-size:.88rem;padding:4px 6px}.seg button.on{background:var(--brass);color:var(--brass-ink);font-weight:650}@media(min-width:900px){.home{padding-left:8vw;padding-right:8vw}.play{width:min(1100px,100%);margin:0 auto}}@media(max-height:700px){.brand{font-size:clamp(36px,10vw,52px);margin:6px 0 4px}.hero{width:min(46%,220px);margin:-7% auto -2%}.lede{font-size:.92rem}.stack{gap:8px;margin-top:12px}.choice{padding:8px 14px;min-height:0}.choice span{font-size:.85rem}.drop{min-height:50px;font-size:1.1rem}.dial{width:50px;height:50px}.dial i{width:32px;height:32px}.dock{gap:6px;padding-top:6px}.small-row .tiny{min-height:36px}.aim input[type=range]{height:40px}.modal{gap:8px;padding:12px 14px;max-height:92dvh}.modal h2{font-size:1.3rem}.settings{gap:2px}.toggle{min-height:40px}.toggle small{font-size:.72rem}.settings>.note,.settings .tall-only{display:none}.seg button{min-height:36px}}@media(max-width:400px){.stats{gap:7px;font-size:.76rem}.stats b{font-size:1.05rem}.pickers{gap:6px}}