:root{color-scheme:light dark;--bg: #f2f2f7;--surface: #ffffff;--fill: rgba(118, 118, 128, .12);--fill-strong: rgba(118, 118, 128, .2);--separator: rgba(60, 60, 67, .16);--label: #1c1c1e;--label-2: rgba(60, 60, 67, .6);--label-3: rgba(60, 60, 67, .32);--bar: rgba(255, 255, 255, .72);--accent: #007aff;--green: #34c759;--red: #ff3b30;--orange: #ff9500;--shadow: 0 12px 40px rgba(0, 0, 0, .14);--scene-bg: #e9e9ee;--paper: #fbfbf7;--radius: 14px;--radius-lg: 20px;--tap: 44px}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1c1c1e;--fill: rgba(118, 118, 128, .24);--fill-strong: rgba(118, 118, 128, .36);--separator: rgba(84, 84, 88, .6);--label: #ffffff;--label-2: rgba(235, 235, 245, .6);--label-3: rgba(235, 235, 245, .3);--bar: rgba(30, 30, 32, .72);--accent: #0a84ff;--green: #30d158;--red: #ff453a;--orange: #ff9f0a;--shadow: 0 12px 40px rgba(0, 0, 0, .5);--scene-bg: #101012;--paper: #17171a}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--label);font:17px/1.35 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input{font:inherit;color:inherit}.btn{min-height:var(--tap);padding:0 18px;border:0;border-radius:var(--radius);background:var(--fill);color:var(--label);font-size:16px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:transform .12s ease,background .15s ease,opacity .15s ease;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.96);background:var(--fill-strong)}.btn:disabled{opacity:.35;cursor:default}.btn--primary{background:var(--accent);color:#fff;font-weight:600}.btn--accented{background:var(--fill-strong);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:600}.btn--block{width:100%}.btn--small{min-height:34px;padding:0 13px;font-size:15px;border-radius:11px}.btn--plain{background:none;color:var(--accent);padding:0 8px}.join{min-height:100%;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.join__card{width:min(420px,100%);background:var(--surface);border-radius:26px;padding:28px 24px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}.join__hero{text-align:center;display:flex;flex-direction:column;gap:8px}.join__mark{font-size:52px;line-height:1}.join__card h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.4px}.join__hint,.footnote{margin:0;color:var(--label-2);font-size:14px;line-height:1.4}.footnote{text-align:center;font-size:13px}.field{display:flex;flex-direction:column;gap:7px}.field__label{font-size:13px;font-weight:600;color:var(--label-2);padding-left:4px;text-transform:uppercase;letter-spacing:.4px}.identity{min-height:var(--tap);display:flex;align-items:center;padding:0 14px;border-radius:var(--radius);background:var(--fill);font-size:17px;font-weight:500}input{min-height:var(--tap);background:var(--fill);border:0;border-radius:var(--radius);padding:0 14px;font-size:17px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}input::placeholder{color:var(--label-3)}.game{position:relative;height:100%;display:flex;flex-direction:column;background:var(--bg)}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:var(--bar);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--separator);z-index:4}.topbar__room{font-size:17px;font-weight:600;letter-spacing:-.2px;flex:0 0 auto}.topbar__meta{display:flex;align-items:center;gap:6px;color:var(--label-2);font-size:13px;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--label-3)}.dot--connected{background:var(--green)}.dot--closed{background:var(--red)}.topbar__spacer{flex:1}.stage{position:relative;flex:1 1 auto;display:flex;min-width:0;min-height:0}.stage>.scene{flex:1 1 56%}.stage>.board{flex:1 1 44%;border-left:.5px solid var(--separator)}.stage[data-view=room]>.board,.stage[data-view=board]>.scene{display:none}.stage[data-view=room]>.scene,.stage[data-view=board]>.board{flex:1 1 100%;border-left:none}.scene{position:relative;overflow:hidden;min-width:0;min-height:0}.scene canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.board{display:flex;flex-direction:column;gap:8px;padding:10px 12px;min-width:0;min-height:0}.board__add{display:flex;align-items:center;gap:8px;flex:0 0 auto}.board__sheet{flex:1 1 auto;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center}.board__surface{position:relative;aspect-ratio:1000 / 700;width:min(100%,calc(100cqh * 1000 / 700));max-width:100%;border-radius:10px;background:linear-gradient(90deg,transparent 0 calc(50% - .5px),rgba(90,90,96,.22) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px) 100%),repeating-linear-gradient(0deg,transparent 0 27px,rgba(120,120,128,.12) 27px 28px),linear-gradient(90deg,#4caf5021 0,#4caf5021 50%,#e8c54729 50%,#e8c54729),var(--paper, #fbfbf7);box-shadow:inset 0 0 0 1px var(--separator),0 6px 20px #00000024;touch-action:none;container-type:size}.board__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:0 24px;text-align:center;color:var(--label-3);font-size:14px}.sticky{position:absolute;display:flex;flex-direction:column;gap:3px;padding:6px 7px;border-radius:3px;color:#17171a;box-shadow:0 0 0 1px #fff9,0 1px 3px #0000004d;transform:scale(.92);transition:transform .12s ease,box-shadow .12s ease;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sticky--open,.sticky--dragging{transform:scale(1.55);box-shadow:0 0 0 1px #ffffffb3,0 10px 26px #00000059}.sticky--dragging{cursor:grabbing;transition:none}@media(hover:hover){.sticky:hover{transform:scale(1.55);box-shadow:0 10px 26px #00000059}}.sticky__text{margin:0;font-size:clamp(7px,2.1cqh,13px);line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow-wrap:anywhere}.sticky--open .sticky__text,.sticky--dragging .sticky__text{-webkit-line-clamp:7}@media(hover:hover){.sticky:hover .sticky__text{-webkit-line-clamp:7}}.sticky__count{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:#17171a;color:#fff;font-size:9px;font-weight:700;line-height:15px;text-align:center}.sticky__panel{display:none;align-items:center;gap:4px;margin-top:auto}.sticky--open .sticky__panel,.sticky--dragging .sticky__panel{display:flex}@media(hover:hover){.sticky:hover .sticky__panel{display:flex}}.sticky__author{flex:1;min-width:0;font-size:clamp(6px,1.7cqh,10px);font-weight:600;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky__btn{flex:0 0 auto;border:none;border-radius:4px;padding:2px 5px;background:#0000001f;color:inherit;font:inherit;font-size:clamp(6px,1.7cqh,10px);font-weight:600;line-height:1.4;cursor:pointer}.sticky__btn--voted{background:#17171a;color:#fff}.sticky__btn--remove{background:#e0525fd9;color:#fff}.only-narrow{display:none}.sheet__block{margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--label-2)}.balls{display:flex;flex-direction:column;gap:10px}.stepper{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);background:var(--fill)}.stepper__btn{flex:0 0 auto;width:var(--tap);height:var(--tap);border:0;border-radius:12px;background:var(--surface);color:var(--label);font-size:24px;line-height:1;cursor:pointer}.stepper__btn:disabled{opacity:.35;cursor:default}.stepper__value{flex:1;display:flex;align-items:baseline;justify-content:center;gap:8px;min-width:0}.stepper__value b{font-size:28px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.stepper__of{font-size:13px;color:var(--label-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang{flex:0 0 auto;height:32px;padding:0 8px;border:0;border-radius:9px;background:var(--fill);color:var(--label);font:inherit;font-size:13px;cursor:pointer}.join__lang{display:flex;justify-content:center}.sheet--about{gap:10px}.about__head{margin:8px 0 0;font-size:15px;font-weight:600}.about__text{margin:0;font-size:14px;line-height:1.45;color:var(--label-2)}.about__text a{color:var(--accent)}.about__soon{color:var(--label-3)}.about__wallet{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius);background:var(--fill)}.about__label{font-size:13px;font-weight:600}.about__addr{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.about__row{display:flex;gap:8px}.dock{background:var(--bar);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--separator);padding:10px 14px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;z-index:3}.dock__status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--label-2)}.mic{display:inline-flex;align-items:center;gap:6px;font-weight:500}.mic--on{color:var(--green);font-weight:600}.dock__warn{color:var(--orange)}.hold{font-variant-numeric:tabular-nums;font-weight:500}.hold--soon{color:var(--orange);font-weight:600}.dock__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dock__hint{color:var(--label-2);font-size:14px}.dock__row.dock__emoji{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:0 -14px;padding:0 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dock__row.dock__emoji::-webkit-scrollbar{display:none}.emoji{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:50%;background:var(--fill);font-size:22px;line-height:1;cursor:pointer;transition:transform .12s ease,background .15s ease}.emoji:active{transform:scale(.9)}.emoji--active{background:var(--fill-strong);outline:2px solid var(--accent);outline-offset:-2px}.dock__row.dock__sign{flex-wrap:nowrap}.dock__sign .sign-input{flex:1 1 auto;min-width:0}.dock__sign .btn,.dock__sign .counter{flex:0 0 auto}.sign-input{flex:1 1 220px;min-width:0}.counter{color:var(--label-3);font-size:13px;font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.banner{margin:0;padding:11px 14px;background:var(--fill-strong);background:color-mix(in srgb,var(--orange) 16%,transparent);color:var(--label);font-size:14px;line-height:1.35;border-bottom:.5px solid var(--separator)}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;z-index:8}@media(max-width:640px){.sheet-backdrop{background:#00000047;animation:fade .18s ease}}.sheet{position:absolute;z-index:9;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;padding:0 18px 18px;overflow-y:auto;overscroll-behavior:contain}@media(min-width:641px){.sheet{top:58px;right:14px;width:360px;border-radius:var(--radius-lg);max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px)}}@media(max-width:640px){.sheet{left:0;right:0;bottom:0;border-radius:20px 20px 0 0;padding-bottom:max(18px,env(safe-area-inset-bottom));animation:rise .22s cubic-bezier(.2,.8,.2,1);max-height:86vh;max-height:86dvh;gap:14px;padding-left:16px;padding-right:16px}.sheet__head{padding-top:24px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.sheet__head:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:5px;border-radius:3px;background:var(--label-3)}}@keyframes rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet__head{position:sticky;top:0;z-index:1;margin:0 -18px;padding:18px 18px 4px;background:var(--surface);display:flex;align-items:center;justify-content:space-between}.sheet__head strong{font-size:20px;font-weight:700;letter-spacing:-.3px}.sheet__row{display:flex;flex-direction:column;gap:9px;font-size:15px;color:var(--label-2)}.sheet__row b{color:var(--label);font-variant-numeric:tabular-nums}.sheet__warn{margin:0;color:var(--orange);font-size:14px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:0;height:28px;padding:0;background:none;border:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--fill-strong)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-11px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--fill-strong)}input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040}.meter{position:relative;height:8px;border-radius:4px;background:var(--fill-strong);overflow:hidden}.meter__fill{height:100%;background:linear-gradient(90deg,var(--green),var(--orange) 78%,var(--red));transition:width 80ms linear}.meter__mark{position:absolute;top:0;bottom:0;width:1px;background:var(--surface);opacity:.75}.meter__mark--low{left:25%}.meter__mark--high{left:75%}.toast{position:absolute;left:50%;bottom:22px;transform:translate(-50%);max-width:min(420px,calc(100% - 32px));background:#1c1c1eeb;color:#fff;border-radius:var(--radius);padding:11px 16px;font-size:15px;text-align:center;box-shadow:var(--shadow);z-index:10;animation:fade .18s ease}@media(max-width:640px){body{font-size:16px}.topbar{padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top))}.topbar__room{font-size:16px}.dock{padding:8px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));gap:8px}.dock__row.dock__emoji{margin:0 -12px;padding:0 12px}.dock__status{font-size:13px;gap:10px}.btn{min-height:40px;padding:0 12px;font-size:15px}.btn--small{min-height:32px}.emoji{width:38px;height:38px;font-size:19px}.dock__row{gap:6px}.counter{min-width:34px;font-size:12px}.scene{min-height:40vh}.board{padding:8px 10px}.board__add{gap:6px}.lang{height:30px;font-size:12px;padding:0 6px}.only-wide{display:none}.only-narrow{display:inline}.topbar{flex-wrap:wrap;row-gap:8px}.topbar__spacer{flex:1 0 100%;height:0}.sticky{transform:scale(1)}.sticky--open,.sticky--dragging{transform:scale(2.3)}.sticky--open .sticky__text{-webkit-line-clamp:6}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg)}.loading__chicken{font-size:64px;line-height:1;transform-origin:50% 50%;animation:chicken-spin 1.6s linear infinite}.loading__text{margin:0;font-size:15px;color:var(--label-2)}@keyframes chicken-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading__chicken{animation:chicken-fade 1.8s ease-in-out infinite}@keyframes chicken-fade{0%,to{opacity:1}50%{opacity:.45}}}