:root{--glass:#16181e6b;--glass-strong:#16181eb8;--line:#ffffff24;--text:#f3f1ec;--muted:#f3f1eca8;--accent:#ffd38a;--top:max(14px, env(safe-area-inset-top));font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background:#11141c;margin:0;overflow:hidden}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene:active{cursor:grabbing}.hud{pointer-events:none;position:fixed;inset:0}.pill{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-radius:999px}.status{top:var(--top);pointer-events:auto;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:flex;position:absolute;left:16px}.status button{all:unset;cursor:pointer;border-radius:999px;align-items:center;gap:4px;height:30px;padding:0 8px;display:flex}.status button:hover{background:#ffffff14}.status button:focus-visible{outline:2px solid var(--accent)}.status svg,.round-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.status .icon-btn{color:var(--muted);padding:0 6px}.room-btn svg{width:14px;height:14px;color:var(--muted)}.brand{letter-spacing:.02em;font-size:15px;font-weight:700}.room-no{color:var(--muted);font-variant-numeric:tabular-nums}.room-no:empty{display:none}.divider{background:var(--line);width:1px;height:12px}#clock,.count{font-variant-numeric:tabular-nums}#clock{white-space:nowrap}.status .count{color:var(--muted)}.top-actions{top:var(--top);pointer-events:auto;gap:6px;display:flex;position:absolute;right:16px}.round-btn{all:unset;box-sizing:border-box;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;display:grid}.round-btn[hidden]{display:none}.round-btn:hover{background:#282a3299}.round-btn:focus-visible{outline:2px solid var(--accent)}#settings-button[aria-expanded=true]{color:var(--accent)}#donate-button{color:var(--accent);border-color:#ffd38a73;position:relative}#donate-button:after{content:"";opacity:0;pointer-events:none;border-radius:50%;animation:2.4s ease-in-out infinite donate-glow;position:absolute;inset:-1px;box-shadow:0 0 10px 1px #ffd38a80}#donate-button:before{content:"";background:conic-gradient(from 0deg, transparent 0 55%, #ffecbe33 65%, #fff4d6 78%, #ffd38a 84%, transparent 92%);pointer-events:none;border-radius:50%;animation:2.4s linear infinite donate-spin;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}@keyframes donate-spin{to{transform:rotate(360deg)}}@keyframes donate-glow{50%{opacity:1}}@media (prefers-reduced-motion:reduce){#donate-button:before,#donate-button:after{animation:none}#donate-button:after{opacity:.7}}#mute-button .off,#mute-button.muted .on{display:none}#mute-button.muted .off{display:block}#mute-button.muted{color:var(--muted)}.context-action{top:calc(var(--top) + 48px);font:inherit;color:var(--accent);cursor:pointer;pointer-events:auto;padding:9px 15px;font-size:13px;animation:.35s ease-out rise;position:absolute;right:16px}.context-action[hidden]{display:none}.context-action:focus-visible{outline:2px solid var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(-4px)}}.hover-tip{white-space:nowrap;opacity:0;pointer-events:none;padding:5px 11px;font-size:12px;transition:opacity .15s;position:fixed;top:0;left:0}.hover-tip.show{opacity:1}#hint{top:calc(var(--top) + 54px);white-space:nowrap;text-shadow:0 1px 6px #0000008c;font-size:12.5px;transition:opacity .8s;position:absolute;left:50%;transform:translate(-50%)}#hint.hide{opacity:0}.net-status{top:calc(var(--top) + 50px);color:#ffcf9a;padding:7px 13px;font-size:12.5px;position:absolute;left:16px}.net-status[hidden]{display:none}.net-status:not([hidden])+#hint{top:calc(var(--top) + 92px)}@media (pointer:coarse){.keys-only{display:none}}.nametag{white-space:nowrap;will-change:transform;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:11.5px;display:flex;position:absolute;top:0;left:0}.nametag.other{color:#f3f1ecdb;text-shadow:0 1px 3px #0009;background:#16181e8c;padding:3px 9px;font-size:11px}.nametag .me{background:var(--accent);color:#3a2a10;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid}#toast{z-index:45;pointer-events:none;left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 84px);box-sizing:border-box;text-align:center;word-break:keep-all;opacity:0;width:max-content;max-width:calc(100vw - 32px);padding:9px 16px;font-size:13px;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%,8px)}#toast.show{opacity:1;transform:translate(-50%)}.actions{left:50%;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;border-radius:22px;gap:4px;padding:6px;display:flex;position:absolute;transform:translate(-50%)}.actions button{all:unset;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:64px;padding:8px 0 7px;font-size:11.5px;transition:background .2s,color .2s;display:flex}.actions svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.actions button:hover{background:#ffffff14}.actions button.on{color:var(--accent);background:#ffd38a2e}.actions button[hidden]{display:none}.actions-more{left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 78px);border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);pointer-events:auto;z-index:4;width:min(336px,100% - 32px);max-height:calc(100dvh - var(--top) - 150px);overscroll-behavior:contain;border-radius:22px;padding:6px 8px 8px;position:absolute;overflow-y:auto;transform:translate(-50%)}.actions-more[hidden]{display:none}.more-title{color:var(--muted);letter-spacing:.04em;margin:8px 8px 2px;font-size:11px}.more-row{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.actions-more button{all:unset;cursor:pointer;white-space:nowrap;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 0 7px;font-size:11.5px;display:flex}.actions-more svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.actions-more button:hover{background:#ffffff14}.actions-more button.on{color:var(--accent);background:#ffd38a2e}.actions button:focus-visible,.actions-more button:focus-visible{outline:2px solid var(--accent)}.view-toggle{font:inherit;color:inherit;left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 84px);cursor:pointer;pointer-events:auto;border-radius:999px;padding:8px 16px;font-size:13px;position:absolute;transform:translate(-50%)}.view-toggle[hidden]{display:none}.view-toggle.on{color:var(--accent)}.view-toggle:focus-visible{outline:2px solid var(--accent)}.sheet{background:#05070c59;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet form{border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);border-radius:22px;width:min(420px,100%);margin-bottom:96px;padding:20px}.sheet h2{margin:0 0 4px;font-size:16px}.sheet p{color:var(--muted);margin:0 0 14px;font-size:12.5px}.sheet input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#ffffff14;border-radius:12px;outline:none;padding:12px 14px;font-size:15px}.sheet input:focus{border-color:#ffd38a99}.sheet .row{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.sheet button{all:unset;cursor:pointer;border-radius:999px;padding:9px 16px;font-size:13.5px}.sheet .ghost{color:var(--muted)}.sheet .primary{background:var(--accent);color:#2d2410;font-weight:600}.sheet button:focus-visible{outline:2px solid var(--accent)}.menu-card{left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 76px);border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);z-index:4;box-sizing:border-box;width:min(380px,100% - 32px);max-height:calc(100vh - max(18px, env(safe-area-inset-bottom)) - 88px);max-height:calc(100dvh - max(18px, env(safe-area-inset-bottom)) - 88px);overscroll-behavior:contain;border-radius:20px;padding:16px 18px;position:fixed;overflow-y:auto;transform:translate(-50%)}.menu-card[hidden]{display:none}.menu-card .menu-kicker{color:#ff9a6a;letter-spacing:.02em;margin:0 0 4px;font-size:11.5px}.menu-card .menu-list{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.menu-card .menu-list button{border:1px solid var(--line);background:#ffffff0f;border-radius:14px;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.menu-card .menu-list button:first-child{background:#e8452a29;border-color:#e8452a66;grid-column:1/-1}.menu-card .menu-list button:hover{background:#ffffff1f}.menu-card .menu-list b{word-break:keep-all;font-size:14px;font-weight:700}.menu-card .menu-list span{color:var(--muted);word-break:keep-all;font-size:11.5px;line-height:1.35}.menu-card .menu-list .hot{color:#ff6a4a}.menu-card .row{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.menu-card button{all:unset;cursor:pointer;border-radius:999px;padding:9px 16px;font-size:13.5px}.menu-card .ghost{color:var(--muted)}.menu-card .primary{color:#fff;background:#e8452a;font-weight:600}.menu-card .soju{color:#8fe0ad;background:#3faa682e;font-weight:600}.menu-card .beer{color:#ffd27a;background:#f0aa282e;font-weight:600}.menu-card button:focus-visible{outline:2px solid var(--accent)}.menu-card .menu-share{box-sizing:border-box;width:100%;color:var(--accent);text-align:center;word-break:keep-all;background:#ffd38a29;border:1px solid #ffd38a73;border-radius:14px;margin-top:8px;padding:10px 14px;font-size:13.5px;font-weight:700;display:block}.menu-card .menu-share[hidden]{display:none}.menu-card .menu-drink{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.menu-card .menu-drink span{color:var(--muted);margin-right:2px;font-size:12px}.menu-card .menu-drink button{border:1px solid var(--line);background:#ffffff0f;padding:6px 12px;font-size:12.5px}.menu-card .menu-drink button[aria-checked=true]{color:var(--accent);background:#ffd38a33;border-color:#ffd38a99;font-weight:700}.pocha-bar{left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 150px);z-index:4;pointer-events:auto;gap:6px;padding:5px;display:flex;position:fixed;transform:translate(-50%)}.pocha-bar[hidden]{display:none}.pocha-bar button{all:unset;cursor:pointer;color:var(--accent);white-space:nowrap;background:#ffd38a2e;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700}.pocha-bar button[hidden]{display:none}.pocha-bar button.off{opacity:.5}.pocha-bar button:hover{background:#ffd38a47}.pocha-bar button:focus-visible{outline:2px solid var(--accent)}body.modal-open .pocha-bar,body.more-open .pocha-bar,body.emote-open .pocha-bar{visibility:hidden}.settings{top:calc(var(--top) + 46px);width:min(300px,100% - 32px);max-height:calc(100% - var(--top) - 64px - max(18px, env(safe-area-inset-bottom)));overscroll-behavior:contain;z-index:5;border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);pointer-events:auto;border-radius:16px;padding:6px;position:absolute;right:16px;overflow-y:auto}.settings[hidden]{display:none}.settings label{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;font-size:13px;display:flex}.settings label:hover{background:#ffffff0f}.settings label small,.set-group h3 small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.set-group{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:6px}.set-group h3{color:var(--muted);letter-spacing:.04em;margin:8px 12px 2px;font-size:11.5px;font-weight:600}.set-group h3 small{margin-left:4px;display:inline}.mix{padding-bottom:6px}.mix input[type=range]{width:calc(100% - 24px);accent-color:var(--accent);cursor:pointer;margin:0 12px;display:block}.mix.off input[type=range]{opacity:.35}.schedule{margin:4px 0;padding:0 12px;font-size:12.5px;list-style:none}.schedule li{color:var(--muted);gap:10px;padding:4px 0;display:flex}.schedule time{font-variant-numeric:tabular-nums;min-width:38px}.schedule li.next{color:var(--text)}.schedule li.next:after{content:"다음";color:var(--accent);margin-left:auto;font-size:11px}.set-more{border-bottom:1px solid var(--line)}.set-more summary{cursor:pointer;border-radius:10px;padding:10px 12px;font-size:13px;list-style:none}.set-more summary::-webkit-details-marker{display:none}.set-more summary:after{content:"›";float:right;color:var(--muted);transition:transform .2s}.set-more[open] summary:after{transform:rotate(90deg)}.set-more summary:hover{background:#ffffff0f}.set-more summary:focus-visible{outline:2px solid var(--accent)}.guide{color:var(--muted);margin:0 0 8px;padding:0 12px;font-size:12px;line-height:1.5;list-style:none}.guide li{word-break:keep-all;padding:3px 0}.guide a{color:inherit;text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.guide b{color:var(--text);margin-right:6px;font-weight:600}.settings-link.donate-link{color:var(--accent);text-decoration:none}.bubble-count{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 10px;font-size:13px}.bubble-count b{color:var(--text);margin-right:2px;font-size:22px}.bubble-sheet{touch-action:none;-webkit-user-select:none;user-select:none;background:#d2e1eb1f;border-radius:14px;grid-template-columns:repeat(10,1fr);gap:5px;padding:10px;display:grid}.bubble{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 34% 30%,#ffffffd9 0 12%,#dcecf673 26%,#aac8dc2e 62%,#ffffff59 100%);border-radius:50%;transition:transform 80ms;box-shadow:inset 0 -2px 4px #0000002e,0 1px 2px #00000040}.bubble:hover{transform:scale(1.06)}.bubble.popped{cursor:default;transform:scale(.82) rotate(var(--r,0deg));background:radial-gradient(circle,#ffffff1f,#c8dceb0f 70%);border-radius:38% 50% 42% 55%;box-shadow:inset 0 0 0 1px #ffffff29}.toy-canvas{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:radial-gradient(circle at 50% 42%,#ffffff1a,#ffffff08 70%);border-radius:14px;width:100%;display:block}#donate-panel .panel-foot{justify-content:flex-end}.donate-bank{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px;padding:10px 12px;display:flex}.donate-bank[hidden],.donate-qr[hidden]{display:none}.donate-bank small{color:var(--muted);font-size:11px;display:block}.donate-bank b{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:14.5px}.donate-qr{text-align:center;margin:0 0 8px}.donate-qr img{background:#fff;border-radius:10px;margin:0 auto 6px;padding:6px;display:block}.donate-qr figcaption{color:var(--muted);font-size:11.5px}.donate-text{word-break:keep-all;margin:4px 0 8px;font-size:14px;line-height:1.55}.kakao{color:#191600;white-space:nowrap;background:#fee500;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:600;text-decoration:none}.kakao:focus-visible{outline-offset:2px;outline:2px solid #fff}.settings-link[hidden]{display:none}.settings input{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:999px;flex:none;width:34px;height:20px;margin:0;transition:background .2s;position:relative}.settings input:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.settings input:checked{background:var(--accent)}.settings input:checked:after{transform:translate(14px)}.settings input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-row{padding:10px 12px 8px;font-size:13px}.settings-link{all:unset;box-sizing:border-box;cursor:pointer;border-radius:10px;width:100%;padding:10px 12px;font-size:13px;display:block}.settings-link:hover{background:#ffffff0f}.settings-link:after{content:"›";float:right;color:var(--muted)}.settings-link:focus-visible{outline:2px solid var(--accent)}.wardrobe{top:calc(var(--top) + 46px);right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:5;border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);pointer-events:auto;border-radius:20px;flex-direction:column;width:320px;display:flex;position:absolute}.wardrobe[hidden]{display:none}.wardrobe header,.wardrobe footer{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.wardrobe header{border-bottom:1px solid var(--line)}.wardrobe footer{border-top:1px solid var(--line);justify-content:space-between}.wardrobe button:disabled{opacity:.35;cursor:default}.wardrobe h2{margin:0;font-size:15px}.wardrobe-body{overscroll-behavior:contain;flex:1;padding:4px 16px 10px;overflow-y:auto}.wardrobe-row{padding:10px 0 4px;font-size:13px}.wardrobe-label{color:var(--muted);font-size:12px;display:block}.wardrobe-row .seg{margin-top:6px}.wardrobe button.ghost,.wardrobe button.primary{all:unset;cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px}.wardrobe .ghost{color:var(--muted);background:#ffffff14}.wardrobe .ghost:hover{color:var(--text)}.wardrobe .primary{background:var(--accent);color:#2d2410;font-weight:600}.wardrobe button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nick-pickers{gap:8px;margin-top:6px;display:flex}.nick-pickers select{border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;background:#ffffff14;border-radius:10px;flex:1;padding:7px 10px;font-size:13px}.nick-pickers option{color:#111}.nick-pickers select:focus-visible{outline:2px solid var(--accent)}.swatches{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.swatch{all:unset;background:var(--sw);cursor:pointer;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff38}.swatch.none{background:linear-gradient(135deg,#0000 46%,#ffffff80 47% 53%,#0000 54%),#ffffff0f}.swatch.on{box-shadow:0 0 0 2px #11141c, 0 0 0 4px var(--accent)}body.wardrobe-open .actions,body.wardrobe-open .view-toggle,body.wardrobe-open #hint,body.wardrobe-open .actions-more,body.wardrobe-open .context-action{display:none}.seg{background:#ffffff14;border-radius:999px;gap:2px;margin-top:8px;padding:3px;display:flex}.seg button{all:unset;text-align:center;color:var(--muted);cursor:pointer;border-radius:999px;flex:1;padding:5px 0;font-size:12px}.seg button.on{color:var(--text);background:#ffffff2e}.seg button:focus-visible{outline:2px solid var(--accent)}.time-head{align-items:baseline;gap:8px;display:flex}.time-head output{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.time-pick{align-items:flex-start;gap:10px;margin-top:8px;display:flex}.time-pick>button{all:unset;color:var(--muted);cursor:pointer;background:#ffffff14;border-radius:999px;flex:none;padding:5px 12px;font-size:12px}.time-pick>button.on{color:var(--text);background:#ffffff2e}.time-pick>button:focus-visible{outline:2px solid var(--accent)}.time-track{flex:1;min-width:0}.time-track input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;opacity:.55;margin:4px 0 0;display:block}.time-track input[type=range].on{opacity:1}.time-ticks{height:20px;margin:2px 8px 0;position:relative}.time-ticks button{all:unset;color:var(--muted);cursor:pointer;white-space:nowrap;padding:2px 4px;font-size:11px;position:absolute;top:0;transform:translate(-50%)}.time-ticks button:hover,.time-ticks button:focus-visible{color:var(--text)}.intro{background:radial-gradient(340px 230px,#080a10db,#080a1099 55%,#080a102e 100%);place-items:center;padding:16px;transition:opacity .9s;display:grid;position:fixed;inset:0}.intro.leaving{opacity:0;pointer-events:none}.intro-card{text-align:center}.intro-kicker{letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 6px;font-size:12.5px}.intro h1{letter-spacing:.06em;text-shadow:0 4px 30px #0006;margin:0;font-size:clamp(44px,12vw,72px);font-weight:700}.intro-sub{color:#f3f1ecd1;margin:8px 0 28px;font-size:15px}.intro-kicker,.intro-sub,.intro-people,.intro-link{text-shadow:0 1px 8px #000c}.intro-slow{color:var(--muted);margin:8px 0 0;font-size:12px}#enter:disabled{opacity:.6;cursor:progress;box-shadow:none}.intro-link:disabled{opacity:.4;cursor:progress}#enter{all:unset;cursor:pointer;background:var(--accent);color:#2d2410;border-radius:999px;padding:13px 26px;font-size:15px;font-weight:600;transition:transform .2s;box-shadow:0 8px 30px #ffbe5a40}#enter:hover{transform:translateY(-1px)}#enter:focus-visible{outline-offset:3px;outline:2px solid #fff}.intro-link{all:unset;width:fit-content;color:var(--muted);cursor:pointer;border-radius:999px;margin:14px auto 0;padding:6px 10px;font-size:13px;display:block}.intro-link:hover{color:var(--text)}.intro-link:focus-visible{outline:2px solid #fff}.intro-people{color:#f3f1ecbf;margin:18px 0 0;font-size:12.5px}@media (width<=560px){.settings{top:calc(var(--top) + 46px)}.clock-sky,#donate-button,#shot-button{display:none}#hint{top:calc(var(--top) + 52px)}.actions{gap:2px;padding:5px}.actions button{width:52px;font-size:11px}.wardrobe{top:auto;left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));width:auto;height:50%}.wardrobe header,.wardrobe footer{padding:10px 14px}}.panel{border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);z-index:6;border-radius:22px;flex-direction:column;width:min(380px,100% - 32px);max-height:min(560px,100% - 120px);padding:18px 18px 16px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.panel[hidden]{display:none}.panel header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.panel h2{margin:0;font-size:16px}.panel .close{all:unset;width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;font-size:20px;display:grid}.panel .close:hover{color:var(--text);background:#ffffff14}.panel .close:focus-visible,.panel button:focus-visible{outline:2px solid var(--accent)}.panel-note{color:var(--muted);word-break:keep-all;margin:4px 0 10px;font-size:12px}.people-list{margin:4px 0 6px;padding:0;list-style:none;overflow-y:auto}.people-list li{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:10px 4px;font-size:14px;display:flex}.people-list li.is-away{opacity:.5}.people-list .dot{border-radius:50%;flex:none;width:10px;height:10px}.people-list li:not(:first-child) .dot{background:#ffffff73!important}.people-list .badge{color:var(--muted);margin-left:auto;font-size:11px}.room-list{grid-template-columns:1fr 1fr;gap:8px;padding:2px;display:grid;overflow-y:auto}.room{all:unset;border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:14px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.room b{font-size:14px}.room span{color:var(--muted);font-size:11.5px}.room:hover:not(:disabled){background:#ffffff1a}.room.here{border-color:#ffd38a8c}.room.here span{color:var(--accent)}.room:disabled:not(.here){opacity:.4;cursor:default}.panel-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.panel-foot .panel-note{flex:1;margin:0}.panel .ghost{all:unset;cursor:pointer;white-space:nowrap;background:#ffffff14;border-radius:999px;padding:8px 14px;font-size:13px}.panel .ghost:hover{background:#ffffff24}.away{z-index:7;background:#080a1059;place-items:center;display:grid;position:fixed;inset:0}.away[hidden]{display:none}.away-card{text-align:center}.away-card p{text-shadow:0 1px 10px #0009;margin:0 0 14px;font-size:15px}.away-card button{all:unset;cursor:pointer;background:var(--accent);color:#2d2410;border-radius:999px;padding:11px 22px;font-size:14px;font-weight:600}.away-card button:focus-visible{outline-offset:3px;outline:2px solid #fff}#scene{transition:filter .35s}body.modal-open #scene{filter:blur(7px)brightness(.8)}.hud{transition:opacity .8s}body.intro-open .hud{opacity:0;visibility:hidden}body.shot .hud,body.shot #intro,body.shot #tags,body.shot #toast,body.shot .update-bar{display:none}.scope{z-index:1;pointer-events:none;position:fixed;inset:0}.scope[hidden]{display:none}.scope-lens{background:radial-gradient(circle closest-side at 50% 47%,#0000 0 86%,#06080a8c 91%,#06080af0 97%,#050608 100%);animation:.45s ease-out scope-in;position:absolute;inset:0}@keyframes scope-in{0%{opacity:0;transform:scale(1.15)}}.scope-info{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);text-align:center;color:#f2efe6bf;width:max-content;max-width:calc(100vw - 32px);margin:0;font-size:12px;position:absolute;transform:translate(-50%)}#scope-zoom{color:var(--accent);margin-right:4px;font-weight:700}.scope-aim{opacity:0;width:52px;height:52px;transition:opacity .2s;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.scope-aim.on{opacity:1}.scope-aim svg{width:100%;height:100%;transform:rotate(-90deg)}.scope-aim-track{fill:none;stroke:#f2efe647;stroke-width:2.5px}.scope-aim-fill{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:119.4px}.scope-found{left:50%;top:calc(env(safe-area-inset-top,0px) + 64px);color:#f2efe6e6;white-space:nowrap;margin:0;padding:6px 14px;font-size:13px;position:absolute;transform:translate(-50%)}.scope-exit{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);font:inherit;color:var(--accent);cursor:pointer;pointer-events:auto;padding:10px 20px;font-size:14px;position:absolute;transform:translate(-50%)}.scoping .actions,.scoping .actions-more,.scoping .context-action,.scoping .view-toggle,.scoping #nametag,.scoping #tags,.scoping #hint{display:none!important}.scoping .status,.scoping .top-actions,.scoping #toast{z-index:2}.intro-traces{color:#f3f1ec99;text-shadow:0 1px 8px #000c;min-height:1em;margin:6px 0 0;font-size:12px}.rest-pill{all:unset;top:calc(var(--top) + 50px);font-variant-numeric:tabular-nums;background:var(--glass);border:1px solid var(--line);color:var(--accent);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:12.5px;position:absolute;right:16px}.rest-pill[hidden]{display:none}.rest-pill:focus-visible{outline:2px solid var(--accent)}.rest-pick{flex-direction:column;gap:6px;display:flex}.rest-panel.night .rest-pick{flex-direction:column-reverse}.rest-block{flex-direction:column;display:flex}.rest-sub{margin:8px 0 0;font-size:13px;font-weight:600}.rest-choices{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;display:grid}.rest-choices button{all:unset;cursor:pointer;text-align:center;border:1px solid var(--line);background:#ffffff0d;border-radius:14px;padding:12px 0;font-size:14px}.rest-choices button:hover{background:#ffffff1c}.rest-choices button.on{color:var(--accent);border-color:#ffd38a8c}.rest-running[hidden],.rest-pick[hidden]{display:none}.rest-left{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em;margin:8px 0 2px;font-size:44px;font-weight:700}.rest-running .panel-note{text-align:center}.panel .ghost.primary-ghost{background:var(--accent);color:#2d2410;font-weight:600}.dim{--dim:.12;background:rgba(2, 3, 8, var(--dim));pointer-events:none;z-index:8;place-items:center;transition:background 2s linear;display:grid;position:fixed;inset:0}.dim[hidden]{display:none}.dim-card{opacity:0;text-align:center;transition:opacity 3s}.dim.asleep{pointer-events:auto}.dim.asleep .dim-card{opacity:1}.dim-card p{color:#f3f1ecb3;margin:0 0 16px;font-size:18px}.dim-card button{all:unset;cursor:pointer;border:1px solid var(--line);color:#f3f1ecbf;border-radius:999px;padding:10px 20px;font-size:13px}.stamp-month{color:var(--muted);margin:2px 0 8px;font-size:13px}.stamp-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.stamp-head{color:var(--muted);padding-bottom:2px;font-size:11px}.stamp-day{aspect-ratio:1;color:#f3f1ec73;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:12px;display:grid}.stamp-day.today{box-shadow:inset 0 0 0 1px var(--line);color:var(--text)}.stamp-day.on{color:#ffcf9a;background:radial-gradient(circle,#e8452a52 0 56%,#0000 58%);font-weight:700;transform:rotate(-8deg);box-shadow:inset 0 0 0 1.5px #e8452abf}.stamp-facts{margin:12px 0 4px;padding:0;list-style:none}.stamp-facts li{border-bottom:1px solid #ffffff12;justify-content:space-between;padding:7px 2px;font-size:13px;display:flex}.stamp-facts span{color:var(--muted)}.shot-img{object-fit:contain;background:#000;border-radius:12px;width:100%;height:auto;max-height:58vh;display:block}.shot-panel{width:min(560px,100% - 32px)}.shot-panel a.ghost{color:var(--text);text-decoration:none}.shot-panel .ghost[hidden]{display:none}.notify-note{color:var(--accent);word-break:keep-all;min-height:0;margin:2px 4px 6px;font-size:11.5px}.notify-note:empty{display:none}.nametag.other.again:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:5px;height:5px;margin-right:5px}#shot-more{display:none}@media (width<=560px){#shot-more{display:flex}.rest-pill{top:calc(var(--top) + 92px)}}.ny-pill{top:calc(var(--top) + 54px);font-variant-numeric:tabular-nums;color:#ffe6a8;white-space:nowrap;pointer-events:none;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.ny-pill[hidden],.ny-big[hidden],body.countdown #hint{display:none}.ny-big{text-align:center;pointer-events:none;z-index:5;place-content:center;display:grid;position:fixed;inset:0}.ny-big p{margin:0}.ny-num{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 28px #ffd278d9,0 4px 18px #00000080;font-size:min(34vw,260px);font-weight:800;line-height:1}.ny-big[data-kind=show] .ny-num{color:#ffe08a;font-size:min(26vw,200px)}.ny-sub{color:#fff;text-shadow:0 2px 12px #0009;font-size:min(6vw,26px);font-weight:700;margin-top:10px!important}.ny-num.pop{animation:.9s ease-out ny-pop}@keyframes ny-pop{0%{opacity:0;transform:scale(1.6)}18%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.25;transform:scale(.92)}}.ny-big[data-kind=show] .ny-num.pop{animation:1.2s cubic-bezier(.2,1.4,.4,1) ny-show}@keyframes ny-show{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ny-num.pop{animation:none}}.menu-card button:focus-visible{outline-offset:2px;outline:2px solid #ffb38a}.phone{pointer-events:auto;z-index:4;background:linear-gradient(160deg,#3a3d44,#1b1d22 60%);border-radius:40px;flex-direction:column;width:310px;max-height:calc(100% - 180px);padding:10px 10px 12px;animation:.32s cubic-bezier(.2,.9,.3,1.15) phone-up;display:flex;position:absolute;bottom:104px;right:22px;box-shadow:inset 0 0 0 1.5px #ffffff1f,0 24px 60px #00000080}.phone[hidden]{display:none}@keyframes phone-up{0%{opacity:0;transform:translateY(40px)rotate(4deg)}to{opacity:1;transform:none}}.phone-bar{color:#e9edf3;font-variant-numeric:tabular-nums;background:#0f1218;border-radius:30px 30px 0 0;justify-content:space-between;align-items:center;height:34px;padding:0 14px 0 22px;font-size:13px;font-weight:600;display:flex;position:relative}.phone-island{background:#000;border-radius:999px;width:78px;height:20px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone-close{color:#e9edf3;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:28px;height:28px;margin-right:-6px;padding:0;display:grid}.phone-close svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:14px;height:14px}.phone-close:hover{background:#ffffff29}.phone-close:focus-visible,.phone-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.phone-app{scrollbar-width:none;color:#e9edf3;background:#0f1218;border-radius:0 0 30px 30px;flex:auto;min-height:0;padding:6px 16px 14px;overflow-y:auto}.phone-app p{margin:0}.phone-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.phone-app-title{letter-spacing:-.02em;font-size:20px;font-weight:800}.phone-market{background:#ffffff12;border-radius:999px;padding:2px;display:flex}.phone-market button{color:#e9edf399;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}.phone-market button.on{color:#e9edf3;background:#ffffff29}.phone-market button:focus-visible,.phone-list button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.phone-list-title{color:#e9edf38c;font-size:12px;font-weight:700;margin-top:12px!important}.phone-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:168px;margin:4px -6px 0;padding:0;list-style:none;overflow-y:auto}.phone-list::-webkit-scrollbar{width:4px}.phone-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.phone-list{scrollbar-color:#ffffff2e transparent}.phone-list button.pl{color:#e9edf3;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:1fr auto 62px;align-items:center;gap:8px;padding:6px;font-size:13px;display:grid}.phone-list button.pl:hover{background:#ffffff0d}.phone-list button.pl.on{background:#ffffff1a}.pl-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pl-price{font-variant-numeric:tabular-nums;color:#e9edf3d9}.pl-pct{color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;justify-self:end;min-width:58px;padding:3px 0;font-size:12px;font-weight:700}.phone-tabs{gap:6px;min-height:29px;margin-bottom:12px;display:flex}.phone-tabs button{color:#e9edf3b3;font:inherit;cursor:pointer;background:#ffffff12;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.phone-tabs button.on{color:#0f1218;background:#e9edf3}.phone-name{color:#e9edf3a6;font-size:13px}.phone-price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1.2}.phone-change{font-variant-numeric:tabular-nums;white-space:pre;min-height:1.3em;font-size:14px;font-weight:600}.phone-chart{touch-action:none;cursor:crosshair;width:100%;height:150px;margin:10px 0 4px;display:block}.phone-price{border-radius:8px;width:fit-content;padding:0 4px;margin-left:-4px!important}.phone-price.tick-up{animation:.9s ease-out tick-up}.phone-price.tick-down{animation:.9s ease-out tick-down}@keyframes tick-up{0%{background:#e5383b4d}to{background:0 0}}@keyframes tick-down{0%{background:#2f6fe452}to{background:0 0}}.phone.loading .phone-price{color:#e9edf359}.phone-range{color:#e9edf399;font-variant-numeric:tabular-nums;min-height:1.3em;font-size:11.5px}.phone-status{color:#e9edf373;min-height:1.3em;font-size:11px;margin-top:6px!important}.phone-head-right{align-items:center;gap:6px;display:flex}.phone-find{color:#e9edf3;cursor:pointer;background:#ffffff12;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.phone-find svg,.phone-search-bar svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:16px;height:16px}.phone-find:hover,.phone-find[aria-expanded=true]{background:#ffffff29}.phone-find:focus-visible,.phone-search-cancel:focus-visible,.phone-results button:focus-visible,.mine-x:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.phone-search{color:#e9edf3;z-index:2;background:#0f1218;border-radius:0 0 30px 30px;flex-direction:column;gap:10px;padding:8px 14px 16px;display:flex;position:absolute;inset:44px 10px 12px}.phone-search[hidden]{display:none}.phone-search-bar{color:#e9edf399;background:#ffffff14;border-radius:12px;align-items:center;gap:8px;padding:0 4px 0 12px;display:flex}.phone-search-input{color:#e9edf3;min-width:0;height:38px;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15px}.phone-search-input::placeholder{color:#e9edf366}.phone-search-input::-webkit-search-cancel-button{filter:invert()opacity(.5)}.phone-search-cancel{color:#e9edf3;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:13px;font-weight:600}.phone-results{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:auto;min-height:0;margin:0 -6px;padding:0;list-style:none;overflow-y:auto}.phone-results button{color:#e9edf3;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 6px;display:flex}.phone-results button:hover{background:#ffffff0f}.pr-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pr-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.pr-sub{color:#e9edf380;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.pr-flag{color:#e9edf3bf;background:#ffffff14;border-radius:6px;flex:none;padding:2px 7px;font-size:11px;font-weight:700}.pr-flag.us{color:#9dbbf5;background:#2f6fe42e}.phone-search-note{color:#e9edf380;text-align:center;margin:0;font-size:12px}.phone-search-note:empty{display:none}.mine-row{align-items:center;display:flex}.mine-row .pl{flex:1;min-width:0}.mine-x{color:#e9edf373;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;margin-left:2px;padding:0;display:grid}.mine-x svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:13px;height:13px}.mine-x:hover{color:#e9edf3;background:#ffffff14}.phone-mine{max-height:none}.phone-mine-title[hidden],.phone-mine[hidden]{display:none}.phone-home{background:#ffffff59;border-radius:999px;width:96px;height:4px;margin:8px auto 0;display:block}@media (width<=560px){.phone{right:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 78px);border-radius:34px;width:min(280px,100vw - 32px);padding:8px 8px 10px;animation:none;transform:translate(50%)}.phone-bar{border-radius:26px 26px 0 0;height:30px}.phone-island{width:70px;height:18px;top:7px}.phone-app{border-radius:0 0 26px 26px;padding:4px 14px 10px}.phone-app-title{font-size:17px}.phone-head{margin-bottom:8px}.phone-chart{height:92px;margin:6px 0 2px}.phone-list{max-height:70px}.phone-range{display:none}.phone-list-title{margin-top:6px!important}.phone-tabs{margin-bottom:8px}.phone-tabs button{padding:5px 10px;font-size:12px}.phone-list button.pl{padding:4px 6px}.phone{max-height:min(430px,100% - 200px)}.phone-price{font-size:25px}.phone-home{margin-top:6px}}@media (prefers-reduced-motion:reduce){.phone,.phone-price.tick-up,.phone-price.tick-down{animation:none}}@media (width<=560px){.phone-search{border-radius:0 0 26px 26px;padding:6px 12px 12px;inset:38px 8px 10px}.phone-search-input{height:34px;font-size:16px}.phone-find{width:28px;height:28px}.phone-mine{max-height:70px;overflow-y:auto}}.emote{pointer-events:none;will-change:transform;transform-origin:50% 100%;position:absolute;top:0;left:0}.emote>span{transform-origin:50% 120%;background:#fffdf7;border-radius:16px;place-items:center;width:44px;height:40px;font-size:25px;line-height:1;transition:opacity .3s,transform .3s;display:grid;position:relative;box-shadow:0 3px 10px #00000047}.emote>span:after{content:"";background:#fffdf7;border-radius:0 0 3px;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.emote>span.pop{animation:.42s cubic-bezier(.2,1.6,.4,1) emote-pop}.emote.out>span{opacity:0;transform:translateY(-6px)scale(.8)}@keyframes emote-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.emote>span.pop{animation:none}}.emote-picker{pointer-events:auto;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(10px);background:#16181ed1;border-radius:18px;grid-template-columns:repeat(8,40px);gap:4px;padding:8px;display:grid;position:fixed;transform:translate(-50%)}.emote-picker[hidden]{display:none}.emote-picker button{cursor:pointer;background:0 0;border:0;border-radius:12px;width:40px;height:40px;font-size:24px;line-height:1}.emote-picker button:hover,.emote-picker button:focus-visible{background:#ffffff1f;outline:none}@media (width<=420px){.emote-picker{grid-template-columns:repeat(4,44px)}.emote-picker button{width:44px;height:44px}}.update-bar{left:50%;top:calc(var(--top,16px) + 86px);z-index:40;color:var(--text);white-space:nowrap;align-items:center;gap:10px;padding:4px 4px 4px 16px;font-size:13px;animation:.4s ease-out update-in;display:flex;position:fixed;transform:translate(-50%)}.update-bar button{all:unset;cursor:pointer;border-radius:999px}.update-bar .primary{background:var(--accent);color:#2d2410;padding:9px 16px;font-weight:600}.update-bar .close{width:36px;height:36px;color:var(--muted);place-items:center;font-size:18px;display:grid}.update-bar button:focus-visible{outline:2px solid var(--accent)}@keyframes update-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media (width<=360px){.actions button{width:46px;font-size:10.5px}}body.modal-open #tags,body.modal-open #nametag,body.modal-open .update-bar{visibility:hidden}button,.panel input{touch-action:manipulation}.pachinko-panel{outline:none;width:min(380px,100% - 24px);max-height:calc(100% - 24px);padding:14px 16px;overflow:hidden}.pachinko-panel [hidden]{display:none!important}.pachinko-panel header{margin-bottom:2px}.pachinko-panel .bubble-count{margin:0 0 8px}.pachi-board{aspect-ratio:3/4;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border-radius:16px 16px 10px 10px;flex:none;width:min(100%,75dvh - 177px);margin:0 auto;display:block;box-shadow:0 0 0 1px #ffffff1a,0 10px 26px #00000059}.pachi-controls{align-items:center;gap:12px;margin-top:10px;display:flex}.pachi-power{min-width:0;color:var(--muted);flex:1;align-items:center;gap:10px;font-size:12px;display:flex}.pachi-power input{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:28px;margin:0}.pachi-power input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--p,50%), #ffffff24 var(--p,50%));border-radius:999px;height:6px}.pachi-power input::-moz-range-track{background:#ffffff24;border-radius:999px;height:6px}.pachi-power input::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}.pachi-power input::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%,#fff6d6,#e2b65a 55%,#8c6322);border:0;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 1px 4px #00000073}.pachi-power input::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,#fff6d6,#e2b65a 55%,#8c6322);border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #00000073}.pachi-power input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.panel .pachi-fire{all:unset;box-sizing:border-box;color:#2d2410;background:radial-gradient(circle at 40% 25%, #fff2c9, var(--accent) 50%, #d79c45);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:none;place-items:center;width:72px;height:44px;font-size:14px;font-weight:700;transition:transform 60ms,box-shadow 60ms;display:grid;box-shadow:0 3px #8a6224,0 6px 14px #0000004d}.panel .pachi-fire.is-firing{transform:translateY(2px);box-shadow:0 1px #8a6224,0 3px 8px #0000004d}.panel .pachi-fire:focus-visible{outline-offset:2px;outline:2px solid #fff}.pachinko-panel .panel-foot{min-height:34px;margin-top:10px}@media (prefers-reduced-motion:reduce){.panel .pachi-fire{transition:none}}.pachinko-panel .panel-foot{flex-wrap:wrap}.pachinko-panel .panel-foot .panel-note{min-width:100%}.pachinko-panel .panel-foot .ghost:disabled{opacity:.4;cursor:default}.pachinko-panel .panel-foot [data-cash],.pachinko-panel .panel-foot [data-rain]{margin-left:auto}@media (orientation:landscape) and (height<=500px){.pachinko-panel{grid-template-rows:auto auto 1fr auto;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:16px;width:min(640px,100% - 24px);display:grid}.pachinko-panel>header,.pachinko-panel>.bubble-count,.pachinko-panel>.pachi-controls,.pachinko-panel>.panel-foot{grid-column:2}.pachi-board{grid-area:1/1/-1;width:auto;height:calc(100dvh - 56px);margin:0}.pachinko-panel>.pachi-controls{align-self:end}}.roulette-panel{outline:none;width:min(420px,100% - 20px);max-height:calc(100% - 24px);padding:14px 14px 12px;overflow-y:auto}.roulette-panel header{margin-bottom:2px}.roulette-panel .bubble-count{margin:0 0 8px}.roul-top{align-items:center;gap:14px;margin-bottom:10px;display:flex}.roul-wheel{aspect-ratio:1;border-radius:50%;flex:none;width:min(48%,190px,90dvh - 297px);min-width:120px;max-width:190px;box-shadow:0 8px 22px #0006}.roul-side{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.roul-result{background:#ffffff14;border:2px solid #ffffff2e;border-radius:50%;align-content:center;place-items:center;width:78px;height:78px;transition:background .2s;display:grid}.roul-result span{font-size:30px;font-weight:800;line-height:1}.roul-result small{color:#fffc;margin-top:2px;font-size:11px}.roul-result.red{background:#b8262c;border-color:#e45a5f}.roul-result.black{background:#1c1c20;border-color:#55555c}.roul-result.green{background:#1d8a4c;border-color:#4cc07e}.roul-result.is-spinning span{animation:.8s steps(2,end) infinite roul-dots}@keyframes roul-dots{50%{opacity:.35}}.roul-history{flex-wrap:wrap;justify-content:center;gap:4px;max-width:150px;margin:0;padding:0;list-style:none;display:flex}.roul-history li{border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:grid}.roul-history li.red{background:#b8262c}.roul-history li.black{background:#1c1c20;box-shadow:inset 0 0 0 1px #55555c}.roul-history li.green{background:#1d8a4c}.roul-board{background:#1f6b3a;border-radius:12px;grid-template-rows:repeat(3,30px) 30px 32px;grid-template-columns:.9fr repeat(12,1fr);gap:2px;padding:6px;display:grid;box-shadow:inset 0 0 0 1px #fff3}.roulette-panel .rb{all:unset;grid-row:var(--h-r);grid-column:var(--h-c);box-sizing:border-box;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:4px;place-items:center;min-width:0;font-size:11px;font-weight:700;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff59}.roulette-panel .rb.n.red{background:#b8262c}.roulette-panel .rb.n.black{background:#1c1c20}.roulette-panel .rb.n.green{background:#1d8a4c}.roulette-panel .rb.out{background:#0000001f;font-size:12px}.roulette-panel .rb:hover{filter:brightness(1.25)}.roulette-panel .rb:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.roulette-panel .rb.win{box-shadow:inset 0 0 0 2px var(--accent), 0 0 12px #ffd38acc;animation:.5s ease-in-out 4 roul-win}@keyframes roul-win{50%{filter:brightness(1.7)}}.roulette-panel .diamond{border-radius:2px;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 0 1px #fff9}.roulette-panel .rb.red .diamond{background:#b8262c}.roulette-panel .rb.black .diamond{background:#1c1c20}.roulette-panel .rb.out.red,.roulette-panel .rb.out.black{background:#0000001f}.roulette-panel .chip{box-sizing:border-box;color:#2d2410;z-index:1;pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff6d6,#e2b65a 60%,#b07d2c);border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 2px;font-size:9px;font-style:normal;font-weight:800;display:grid;position:absolute;top:1px;right:1px;box-shadow:0 1px 3px #00000080,inset 0 0 0 1.5px #ffffff8c}.roulette-panel.is-spinning .roul-board{opacity:.75}.roul-controls{align-items:center;gap:8px;margin-top:10px;display:flex}.roul-chips{flex:1;gap:6px;min-width:0;display:flex}.roulette-panel .roul-chip{all:unset;color:#2d2410;cursor:pointer;opacity:.55;background:radial-gradient(circle at 35% 30%,#fff6d6,#e2b65a 60%,#b07d2c);border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;transition:transform .1s,opacity .1s;display:grid;box-shadow:inset 0 0 0 3px #ffffff73,0 2px 4px #00000059}.roulette-panel .roul-chip[aria-checked=true]{opacity:1;transform:translateY(-3px);box-shadow:inset 0 0 0 3px #fff,0 4px 8px #0006}.roulette-panel .roul-chip:focus-visible{outline-offset:2px;outline:2px solid #fff}.roulette-panel .ghost:disabled{opacity:.4;cursor:default}.roulette-panel .roul-spin{all:unset;box-sizing:border-box;color:#2d2410;background:radial-gradient(circle at 40% 25%, #fff2c9, var(--accent) 50%, #d79c45);cursor:pointer;border-radius:999px;flex:none;place-items:center;height:42px;padding:0 18px;font-size:14px;font-weight:700;display:grid;box-shadow:0 3px #8a6224,0 6px 14px #0000004d}.roulette-panel .roul-spin:disabled{opacity:.45;cursor:default}.roulette-panel .roul-spin:focus-visible{outline-offset:2px;outline:2px solid #fff}.roul-note{min-height:1.4em;color:var(--muted);margin:8px 0 0;font-size:12px}@media (width<=480px){.roul-board{grid-template-rows:repeat(13,32px);grid-template-columns:repeat(3,1fr) .95fr .95fr}.roulette-panel .rb{grid-row:var(--v-r);grid-column:var(--v-c);font-size:13px}.roulette-panel .rb.out{font-size:12px}.roulette-panel:not(.is-simple) .roul-wheel{width:128px;min-width:0}}@media (width<=380px){.roulette-panel .rb{font-size:12px}.roulette-panel .roul-chip{width:40px;height:40px;font-size:11px}.roulette-panel .roul-spin{padding:0 14px}.roul-result{width:64px;height:64px}.roul-result span{font-size:24px}}@media (prefers-reduced-motion:reduce){.roulette-panel .rb.win,.roul-result.is-spinning span{animation:none}.roulette-panel .roul-chip{transition:none}}.roul-quick{display:none}.roulette-panel.is-simple .roul-quick{display:block}.roulette-panel.is-simple .roul-board,.roulette-panel.is-simple .roul-full-only{display:none}.roul-how{color:var(--text);margin:0 0 8px;font-size:12.5px;line-height:1.45}.roul-quick-row{grid-template-columns:1fr 1fr .8fr;gap:8px;display:grid}.roulette-panel .roul-pick{all:unset;box-sizing:border-box;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-content:center;place-items:center;gap:2px;height:58px;font-size:16px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff4d,0 3px #00000059}.roulette-panel .roul-pick small{opacity:.85;font-size:11px;font-weight:600}.roulette-panel .roul-pick.red{background:#b8262c}.roulette-panel .roul-pick.black{background:#1c1c20}.roulette-panel .roul-pick.green{background:#1d8a4c}.roulette-panel .roul-pick:hover:not(:disabled){filter:brightness(1.2)}.roulette-panel .roul-pick:active:not(:disabled){transform:translateY(2px)}.roulette-panel .roul-pick:disabled{opacity:.5;cursor:default}.roulette-panel .roul-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.roulette-panel .roul-pick.win{box-shadow:inset 0 0 0 2px var(--accent), 0 0 14px #ffd38acc;animation:.5s ease-in-out 4 roul-win}.roul-chips-label{color:var(--muted);flex:none;font-size:12px}.roulette-panel .roul-rain{margin:8px auto 0;display:block}.roulette-panel .roul-rain[hidden]{display:none}.roulette-panel .roul-mode{all:unset;color:var(--accent);cursor:pointer;margin:6px auto 0;padding:4px 8px;font-size:12px;display:block}.roulette-panel .roul-mode:focus-visible{outline:2px solid var(--accent);border-radius:6px}@media (prefers-reduced-motion:reduce){.roulette-panel .roul-pick.win{animation:none}}
