@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1030;--bg-2:#111947;--surface:#151f55;--surface-2:#1b2766;--line:#ffd67824;--line-strong:#ffd67847;--ink:#fff6e3;--ink-2:#b9b5d8;--ink-3:#8d89b3;--accent:#ffb627;--accent-2:#ffd66a;--accent-ink:#2a1600;--danger:#ff6b7a;--win:#ffb627;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-io:cubic-bezier(.77, 0, .175, 1);--font:"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font);font-optical-sizing:auto}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}kbd{border:1px solid var(--line-strong);color:var(--ink-2);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-family:inherit;font-size:.85em}.app{isolation:isolate;min-height:100dvh;position:relative}.backdrop{z-index:-1;background:radial-gradient(120% 80% at 50% 120%, #0000008c, transparent 60%), linear-gradient(180deg, #0d1336 0%, var(--bg) 70%);position:fixed;inset:0;overflow:hidden}.backdrop__rays{opacity:.8;background:repeating-conic-gradient(#ffffff09 0deg 7deg,#0000 7deg 14deg);width:260vmax;height:260vmax;transition:opacity .8s;animation:140s linear infinite rays;position:absolute;top:50%;left:66%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 0% 18%,#0000 55%);mask-image:radial-gradient(circle,#000 0% 18%,#0000 55%)}.backdrop__glow{aspect-ratio:1;opacity:.75;width:min(1100px,130vw);transition:opacity .7s ease, background-color .7s ease, scale .9s var(--ease-out);background:radial-gradient(circle,#e6394652 0%,#0000 62%);border-radius:50%;position:absolute;top:50%;left:66%;translate:-50% -50%}body[data-phase=spinning] .backdrop__rays{opacity:1}body[data-phase=spinning] .backdrop__glow{opacity:1;scale:1.08}body[data-phase=result] .backdrop__glow{background:radial-gradient(circle, color-mix(in srgb, var(--win) 38%, transparent) 0%, transparent 62%);opacity:1;scale:1.12}@keyframes rays{to{rotate:360deg}}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:18px 24px;display:grid}.brand{letter-spacing:-.03em;color:var(--ink);justify-self:start;font-size:22px;font-weight:800;text-decoration:none}.brand__full>span,.brand__short>span{background:linear-gradient(180deg, #ffe7a3, var(--accent) 60%, #e08a00);color:#0000;-webkit-background-clip:text;background-clip:text}.tabs{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#080c28a6;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.tabs button{z-index:1;white-space:nowrap;color:var(--ink-2);background:0 0;border:0;border-radius:999px;padding:9px 22px;font-size:15px;font-weight:600;transition:color .22s;position:relative}.tabs button[aria-selected=true]{color:var(--accent-ink)}.tabs__pill{background:linear-gradient(180deg, #ffd978, var(--accent));width:calc(50% - 4px);transition:transform .38s var(--ease-out);border-radius:999px;position:absolute;inset:4px auto 4px 4px;box-shadow:0 6px 18px -6px #ffb627b3}.tabs[data-tab=coin] .tabs__pill{transform:translate(100%)}.topbar>.icon-btn{justify-self:end}.btn{color:var(--accent-ink);background:linear-gradient(180deg, #ffe08a 0%, var(--accent) 55%, #f39a00 100%);transition:transform .14s var(--ease-out), filter .16s ease, box-shadow .2s ease;border:0;border-radius:999px;font-weight:800;box-shadow:inset 0 1px #fff9,inset 0 -2px #96500059,0 10px 28px -12px #ffaa1ee6}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{filter:saturate(.3)brightness(.7);box-shadow:none}.btn--small{padding:8px 16px;font-size:14px}.ghost{border:1px solid var(--line-strong);color:var(--ink);transition:background-color .15s ease, transform .14s var(--ease-out);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.ghost:active:not(:disabled){transform:scale(.97)}.ghost--small{color:var(--ink-2);padding:5px 11px;font-size:13px}.icon-btn{width:30px;height:30px;color:var(--ink-3);transition:background-color .15s ease, color .15s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn--round{border:1px solid var(--line);width:42px;height:42px;color:var(--ink-2);background:#080c2899;border-radius:50%}.icon-btn:disabled{opacity:.4}@media (hover:hover) and (pointer:fine){.ghost:hover:not(:disabled){background:#ffffff14}.icon-btn:hover:not(:disabled){color:var(--ink);background:#ffffff12}.icon-btn--danger:hover:not(:disabled){color:var(--danger)}}.stage{grid-template-columns:minmax(320px,400px) 1fr;align-items:start;gap:48px;max-width:1280px;margin:0 auto;padding:4px 24px 64px;display:grid}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#1b2766c7,#111947c7);border-radius:24px;padding:18px;position:sticky;top:16px;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -30px #000000b3}.panel__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel__switches{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 18px;margin-bottom:10px;padding:10px 4px 14px;display:flex}.panel__empty{text-align:center;color:var(--ink-2);gap:4px;padding:26px 12px;font-size:14px;display:grid}.panel__empty strong{color:var(--ink);font-size:16px}.panel__foot{color:var(--ink-3);margin:10px 4px 0;font-size:12px}.list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;gap:2px;max-height:min(52dvh,560px);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.row{background:0 0;border-radius:14px;transition:background-color .15s;position:relative}.row__main{grid-template-columns:22px 18px minmax(0,1fr) auto 30px 30px;align-items:center;gap:8px;padding:6px 4px 6px 2px;display:grid}.row__handle{width:22px;height:30px;color:var(--ink-3);cursor:grab;touch-action:none;opacity:.55;background:0 0;border:0;place-items:center;transition:opacity .15s;display:grid}.row__handle:active{cursor:grabbing}.row__swatch{width:18px;height:18px;transition:transform .16s var(--ease-out);border:0;border-radius:50%;padding:0;box-shadow:inset 0 -2px #00000040,0 0 0 2px #ffffff1f}.row__swatch:active:not(:disabled){transform:scale(.9)}.row__label,.row__input{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;min-width:0;padding:5px 6px;font-size:15.5px;font-weight:600;overflow:hidden}.row__input{background:var(--bg);border-color:var(--line-strong);outline:none}.row__pct{font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:right;min-width:46px;font-size:13px}.row--off .row__label{color:var(--ink-3);-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.row--off .row__swatch{opacity:.3}.row--off .row__pct{color:var(--ink-3);font-style:italic}.row .icon-btn--danger{opacity:0;transition:opacity .15s,background-color .15s,color .15s}.row__weight{grid-template-columns:1fr 44px;align-items:center;gap:10px;padding:0 8px 8px 58px;display:grid}.row__times{color:var(--accent-2);font-variant-numeric:tabular-nums;text-align:right;font-size:13px;font-weight:700}@media (hover:hover) and (pointer:fine){.row:hover{background:#ffffff0b}.row:hover .row__handle,.row:hover .icon-btn--danger,.row .icon-btn--danger:focus-visible{opacity:1}.row__label:hover:not(:disabled){border-color:var(--line)}}@media (hover:none){.row .icon-btn--danger{opacity:1;color:var(--ink-2)}.row__handle{opacity:.8}}input[type=range]{appearance:none;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill,50%), #ffffff1f var(--fill,50%));border-radius:99px;height:6px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--accent) var(--fill,50%), #ffffff1f var(--fill,50%));border-radius:99px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%, #fff8dc, var(--accent) 60%, #c47a00);width:18px;height:18px;transition:transform .14s var(--ease-out);border-radius:50%;margin-top:-6px;box-shadow:0 2px 6px #00000080}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, #fff8dc, var(--accent) 60%, #c47a00);border:0;border-radius:50%;width:18px;height:18px}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.switch{color:var(--ink-2);background:0 0;border:0;align-items:center;gap:9px;padding:2px 0;font-size:14px;font-weight:600;display:inline-flex}.switch__track{width:38px;height:22px;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff1a;border-radius:99px;transition:background-color .22s;position:relative}.switch__thumb{background:var(--ink-2);width:16px;height:16px;transition:transform .26s var(--ease-out), background-color .2s ease;border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{color:var(--ink)}.switch[aria-checked=true] .switch__track{background:var(--accent)}.switch[aria-checked=true] .switch__thumb{background:#fffbe8;transform:translate(16px)}.switch:disabled{opacity:.5}.add{margin-top:12px}.add__form{grid-template-columns:1fr auto;gap:8px;display:grid}.add__input{border:1px solid var(--line-strong);background:#080c288c;border-radius:999px;outline:none;min-width:0;padding:12px 18px;font-size:15.5px;transition:border-color .15s,box-shadow .15s}.add__input::placeholder{color:var(--ink-3)}.add__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ffb62726}.add__input.is-shaking{animation:shake .32s var(--ease-out)}.add__btn{place-items:center;width:48px;display:grid}.add__hint{color:var(--ink-3);min-height:1.4em;margin:8px 6px 0;font-size:12.5px}.add__hint--msg{color:var(--accent-2)}@keyframes shake{20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}.popover-root{position:relative}.popover{z-index:20;border:1px solid var(--line-strong);background:#19235e;border-radius:16px;min-width:240px;padding:6px;position:absolute;top:calc(100% + 8px);box-shadow:0 24px 60px -12px #000000b3}.popover--start{transform-origin:0 0;left:0}.popover--end{transform-origin:100% 0;right:0}.preset-trigger{border:1px solid var(--line-strong);max-width:230px;transition:transform .14s var(--ease-out);background:#080c2880;border-radius:999px;align-items:center;gap:10px;padding:9px 14px 9px 16px;font-size:15px;font-weight:700;display:inline-flex}.preset-trigger:active:not(:disabled){transform:scale(.98)}.preset-trigger__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preset-trigger__count{color:var(--accent-2);background:#ffb62729;border-radius:99px;padding:1px 7px;font-size:12px;font-weight:700}.caret{color:var(--ink-2);transition:transform .2s var(--ease-out)}.caret--open{transform:rotate(180deg)}.menu-item{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:14.5px;display:flex}.menu-item:disabled{opacity:.4}.menu-item__check{width:14px;color:var(--accent)}.menu-item__text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.menu-item__meta{color:var(--ink-3);font-size:12px}.menu-item--danger{color:var(--danger)}.menu-item--danger.is-armed{background:#ff6b7a24}.menu-sep{background:var(--line);height:1px;margin:6px 4px}@media (hover:hover) and (pointer:fine){.menu-item:hover:not(:disabled){background:#ffffff12}}.preset-form{gap:10px;width:260px;padding:8px;display:grid}.preset-form__label{color:var(--ink-2);font-size:13px;font-weight:700}.preset-form input{border:1px solid var(--line-strong);background:var(--bg);border-radius:10px;outline:none;padding:10px 12px}.preset-form input:focus{border-color:var(--accent)}.preset-form__actions{justify-content:flex-end;gap:8px;display:flex}.swatches{width:184px;min-width:0;padding:10px}.swatches__grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.swatches__item{width:28px;height:28px;transition:transform .14s var(--ease-out);border:0;border-radius:50%;box-shadow:inset 0 -2px #00000040}.swatches__item[aria-selected=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}@media (hover:hover) and (pointer:fine){.swatches__item:hover{transform:scale(1.12)}}.arena{justify-items:center;gap:22px;padding-top:4px;display:grid;position:relative}.arena__glow{aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffd66a2e,#0000 65%);border-radius:50%;width:min(620px,100%);transition:opacity .6s;position:absolute;top:0;left:50%;translate:-50%}body[data-phase=spinning] .arena__glow{opacity:1}body[data-phase=result] .arena__glow{opacity:1;background:radial-gradient(circle, color-mix(in srgb, var(--win) 32%, transparent), transparent 65%);animation:burst .9s var(--ease-out)}@keyframes burst{0%{opacity:1;scale:.7}to{scale:1}}.wheel{aspect-ratio:1;width:min(600px,100%,100dvh - 330px);min-width:min(300px,100%);min-height:0;transition:scale .5s var(--ease-out);position:relative}body[data-phase=spinning] .wheel{scale:1.015}body[data-phase=result] .wheel{animation:wheel-pop .7s var(--ease-out)}@keyframes wheel-pop{30%{scale:1.035}to{scale:1}}.wheel__canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.wheel__canvas:active{cursor:grabbing}.wheel__pointer{z-index:2;transform-origin:50% 18%;pointer-events:none;filter:drop-shadow(0 6px 6px #00000080);will-change:transform;width:7.4%;height:11%;margin-left:-3.7%;position:absolute;top:.4%;left:50%}.wheel__pointer span{clip-path:polygon(50% 100%,8% 30%,8% 14%,24% 0,76% 0,92% 14%,92% 30%);background:linear-gradient(90deg,#b07412 0%,#ffe9a6 42%,#f3b53a 60%,#9a620a 100%);position:absolute;inset:0}.wheel__pointer:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#fff,#e63946 55%,#7a0f19);border-radius:50%;width:34%;position:absolute;top:16%;left:50%;translate:-50% -50%;box-shadow:0 0 0 2px #78460099}.arena__controls{z-index:1;justify-items:center;gap:10px;display:grid}.spin-btn{letter-spacing:-.01em;min-width:220px;padding:18px 48px;font-size:21px;position:relative;overflow:hidden}.spin-btn:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%);position:absolute;inset:0;translate:-120%}.spin-btn:not(:disabled):after{animation:shine 3.6s var(--ease-io) infinite 1.2s}@keyframes shine{0%,70%{translate:-120%}to{translate:120%}}.kbd-hint{color:var(--ink-3);font-size:13px}.arena__result{align-content:start;justify-items:center;width:100%;min-height:118px;display:grid}.result{text-align:center;justify-items:center;gap:6px;display:grid}.result__kicker{color:var(--ink-2);font-size:14px;font-weight:600}.result__name{letter-spacing:-.035em;color:#fffaf0;text-shadow:0 2px 0 #00000040, 0 0 36px color-mix(in srgb, var(--c) 70%, transparent);flex-wrap:wrap;justify-content:center;padding-bottom:10px;font-size:clamp(34px,4.6vw,56px);font-weight:800;line-height:1.05;display:inline-flex;position:relative}.result__name span{display:inline-block}.result__name:after{content:"";background:var(--c);height:5px;box-shadow:0 0 18px var(--c);animation:underline .7s var(--ease-out) .25s both;border-radius:99px;position:absolute;bottom:0;left:18%;right:18%}@keyframes underline{0%{scale:0 1}}.result__note{color:var(--ink-3);font-size:13px}.notice{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;font-size:15px;display:flex}.toast-zone{z-index:40;position:fixed;bottom:22px;left:50%;translate:-50%}.toast{border:1px solid var(--line-strong);white-space:nowrap;background:#1d2a70;border-radius:999px;align-items:center;gap:16px;padding:10px 10px 10px 18px;font-size:14.5px;display:flex;box-shadow:0 18px 40px -12px #000000b3}.toast__action{color:var(--accent-2);background:#ffb62729;border:0;border-radius:999px;padding:7px 14px;font-weight:700}.coin-teaser{text-align:center;perspective:800px;place-content:center;justify-items:center;gap:10px;min-height:calc(100dvh - 90px);padding:24px;display:grid}.coin-teaser__coin{color:#6b4300;background:radial-gradient(circle at 35% 30%,#fff3c4,#f0bf45 45%,#9a620a);border-radius:50%;place-items:center;width:150px;height:150px;margin-bottom:18px;font-size:44px;font-weight:800;display:grid;box-shadow:inset 0 0 0 8px #965f0a80,0 24px 50px -16px #ffb62799}.coin-teaser h1{letter-spacing:-.03em;margin:0;font-size:clamp(28px,4vw,40px)}.coin-teaser p{max-width:34ch;color:var(--ink-2);margin:0;line-height:1.5}@media (max-width:900px){.topbar{grid-template-columns:auto 1fr auto;padding:14px 16px}.tabs{justify-self:center}.tabs button{padding:8px 14px;font-size:14px}.brand{font-size:19px}.stage{grid-template-columns:1fr;gap:20px;padding:0 16px 48px}.arena{order:-1}.panel{position:static}.list{max-height:none}.wheel{width:min(100%,520px)}.backdrop__rays,.backdrop__glow{top:34%;left:50%}.kbd-hint{display:none}.arena__result{min-height:0}.arena__result:empty{display:none}}.brand__short{display:none}@media (max-width:440px){.brand__full{display:none}.brand__short{display:inline}}@media (prefers-reduced-motion:reduce){.backdrop__rays,.spin-btn:after,body[data-phase=result] .wheel,body[data-phase=result] .arena__glow{animation:none!important}.tabs__pill,.switch__thumb{transition-duration:1ms}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar__end{justify-self:end;align-items:center;gap:8px;display:flex}.spin-btn.is-waiting{animation:waiting .7s var(--ease-io) infinite alternate}@keyframes waiting{to{filter:brightness(1.15);transform:scale(.985)}}.home{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:48px;max-width:1280px;min-height:calc(100dvh - 90px);margin:0 auto;padding:24px 24px 72px;display:grid}.home__title{letter-spacing:-.045em;margin:0;font-size:clamp(44px,6.2vw,84px);font-weight:800;line-height:.98}.home__title span{background:linear-gradient(180deg, #ffe7a3, var(--accent) 55%, #e07d00);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:6px;display:block}.home__lead{max-width:34ch;color:var(--ink-2);margin:22px 0 0;font-size:19px;line-height:1.5}.home__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.home__cta{align-items:center;gap:10px;padding:18px 30px;font-size:19px;display:inline-flex}.home__solo{padding:14px 20px;font-size:16px}.home__hint{max-width:44ch;color:var(--ink-3);margin:18px 0 0;font-size:14px;line-height:1.5}.home__error{color:var(--danger);margin:14px 0 0;font-weight:600}.home__recent{margin-top:40px}.home__recent h2{color:var(--ink-2);margin:0 0 10px;font-size:14px;font-weight:700}.home__recent ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.home__recent li{align-items:center;gap:2px;display:flex}.recent{border:1px solid var(--line-strong);transition:transform .14s var(--ease-out), background-color .15s ease;background:#080c2880;border-radius:999px;align-items:center;gap:10px;padding:9px 14px;display:inline-flex}.recent:active{transform:scale(.97)}.recent__id{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:700}.recent__when{color:var(--ink-3);font-size:13px}@media (hover:hover) and (pointer:fine){.recent:hover{background:#ffffff12}}.home__wheel{justify-items:center;gap:12px;display:grid}.home__wheel .wheel{width:min(620px,100%,100dvh - 190px)}.home__wheel-hint{color:var(--ink-3);margin:0;font-size:14px}.roombar{align-items:center;gap:8px;display:flex}.roombar__status{background:var(--accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #ffb62733}.roombar__status--online{background:#45e3a1;box-shadow:0 0 0 3px #45e3a12e}.roombar__status--offline,.roombar__status--gone{background:var(--danger);animation:1.2s ease-in-out infinite alternate pulse-bad;box-shadow:0 0 0 3px #ff6b7a33}@keyframes pulse-bad{to{opacity:.4}}.roombar__members{margin:0;padding:0 4px 0 0;list-style:none;display:flex}.roombar__members li+li{margin-left:-8px}.avatar{border:2px solid var(--bg);background:var(--c);color:#1b1204;width:36px;height:36px;box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 45%, transparent);border-radius:50%;place-items:center;padding:0;font-size:15px;font-weight:800;display:grid}.avatar--me{cursor:pointer;transition:transform .14s var(--ease-out)}.avatar--me:active{transform:scale(.94)}.roombar__alone{color:var(--ink-3);align-items:center;gap:6px;margin-right:4px;font-size:13px;display:inline-flex}.history-pop{width:320px;max-height:420px;overflow-y:auto}.history__title{color:var(--ink-2);margin:6px 8px 8px;font-size:13px}.history__empty{color:var(--ink-3);margin:12px;font-size:14px}.history__list{margin:0;padding:0;list-style:none}.history__item{border-radius:10px;grid-template-rows:auto auto;grid-template-columns:18px 1fr;column-gap:10px;padding:8px;display:grid}.history__item:first-child{background:#ffb62714}.history__icon{color:var(--accent-2);grid-row:span 2;place-items:center;display:grid}.history__label{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.history__meta{color:var(--ink-3);font-size:12px}.reactions{border:1px solid var(--line);background:#080c288c;border-radius:999px;gap:4px;padding:4px;display:flex}.reactions__btn{width:38px;height:38px;transition:transform .16s var(--ease-out), background-color .15s ease;background:0 0;border:0;border-radius:50%;font-size:20px;line-height:1}.reactions__btn:active{transform:scale(.85)}@media (hover:hover) and (pointer:fine){.reactions__btn:hover{background:#ffffff14;transform:scale(1.12)}}.floating-reactions{pointer-events:none;z-index:45;position:fixed;inset:0;overflow:hidden}.floating-reactions__item{justify-items:center;gap:2px;display:grid;position:absolute;bottom:60px}.floating-reactions__emoji{filter:drop-shadow(0 8px 12px #00000073);font-size:46px}.floating-reactions__name{text-shadow:0 2px 6px #0009;font-size:13px;font-weight:800}.dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);background:#05081cb3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line-strong);background:linear-gradient(#1c2868,#141d52);border-radius:24px;gap:16px;width:min(420px,100%);padding:26px;display:grid;box-shadow:0 40px 80px -20px #000c}.dialog h2{letter-spacing:-.03em;margin:0;font-size:26px}.dialog__lead{color:var(--ink-2);margin:-8px 0 0;font-size:14.5px;line-height:1.5}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.field{gap:6px;display:grid}.field__label{color:var(--ink-2);font-size:13px;font-weight:700}.field input{border:1px solid var(--line-strong);background:#080c288c;border-radius:12px;outline:none;min-width:0;padding:11px 14px;font-size:15.5px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ffb62726}.color-pick{flex-wrap:wrap;gap:10px;display:flex}.color-pick__item{width:32px;height:32px;transition:transform .14s var(--ease-out);border:0;border-radius:50%}.color-pick__item[aria-checked=true]{box-shadow:0 0 0 3px #141d52, 0 0 0 5px var(--ink)}.coin-select select{appearance:none;border:1px solid var(--line-strong);color:var(--ink);font:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23b9b5d8' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 14px center no-repeat,#080c2880;border-radius:999px;max-width:230px;padding:9px 36px 9px 16px;font-size:15px;font-weight:700}.coin-select option{background:#141d52}.coin-panel__tools{gap:4px;display:flex}.coin-fields{border-bottom:1px solid var(--line);gap:14px;padding:6px 4px 18px;display:grid}.coin-fields__faces{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metals{flex-wrap:wrap;gap:8px;display:flex}.metals__item{border:1px solid var(--line);color:var(--ink-2);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 8px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.metals__item[aria-checked=true]{border-color:var(--accent);color:var(--ink)}.metals__swatch{border-radius:50%;width:20px;height:20px}.metals__swatch--gold{background:radial-gradient(circle at 35% 30%,#fff3c4,#f0bf45 50%,#8a5a0c)}.metals__swatch--silver{background:radial-gradient(circle at 35% 30%,#fff,#c9ced6 50%,#5f6672)}.metals__swatch--copper{background:radial-gradient(circle at 35% 30%,#ffd9bd,#d0804e 50%,#6e3414)}.series{gap:14px;padding:18px 4px 4px;display:grid}.segmented{border:1px solid var(--line);background:#080c288c;border-radius:999px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented button{color:var(--ink-2);background:0 0;border:0;border-radius:999px;padding:8px 6px;font-size:12.5px;font-weight:700;transition:background-color .2s,color .2s}.segmented button[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}.scoreboard{border:1px solid var(--line);background:#080c2873;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:14px 8px;display:grid}.scoreboard__sep{color:var(--ink-3);font-size:34px;font-weight:800}.score{justify-items:center;gap:2px;display:grid;overflow:hidden}.score__value{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:44px;font-weight:800;line-height:1.05}.score--lead .score__value{color:var(--accent-2);text-shadow:0 0 24px #ffb62773}.score__label{max-width:100%;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.series__note{color:var(--ink-3);text-align:center;margin:0;font-size:13px}.coin-stage{aspect-ratio:1;width:min(600px,100%,100dvh - 330px);min-width:min(300px,100%);position:relative}.coin-stage__canvas{width:100%;height:100%;position:absolute;inset:0}.coin-loading{min-height:60dvh;color:var(--ink-3);place-items:center;display:grid}.fallback-coin{color:#5a3800;background:radial-gradient(circle at 35% 30%,#fff3c4,#f0bf45 45%,#9a620a);border-radius:50%;place-items:center;font-size:28px;font-weight:800;display:grid;position:absolute;inset:25%;box-shadow:inset 0 0 0 10px #965f0a80}.fallback-coin.is-spinning{animation:.3s linear infinite fallback-flip}@keyframes fallback-flip{to{transform:rotateX(360deg)}}.result__by{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.dot{border-radius:50%;width:9px;height:9px}.result__series{color:var(--accent-2);background:#ffb62729;border-radius:999px;margin-top:4px;padding:6px 14px;font-size:14px;font-weight:800}.notice-zone{z-index:55;position:fixed;top:84px;left:50%;translate:-50%}.gone{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:calc(100dvh - 90px);padding:24px;display:grid}.gone h1{letter-spacing:-.03em;margin:0;font-size:clamp(28px,4vw,40px)}.gone p{max-width:40ch;color:var(--ink-2);margin:0 0 8px;line-height:1.5}@media (max-width:900px){.home{grid-template-columns:1fr;gap:28px;padding:8px 16px 48px}.home__wheel{order:-1}.home__wheel .wheel{width:min(100%,440px)}.topbar__room,.roombar__alone{display:none}.roombar .ghost span,.avatar{width:30px;height:30px;font-size:13px}.topbar__end .icon-btn--round{width:36px;height:36px}.coin-stage{width:min(100%,520px)}}@media (max-width:600px){.topbar{grid-template-columns:auto 1fr;row-gap:10px}.topbar .tabs{grid-area:2/1/auto/-1;justify-self:stretch}.topbar__end{grid-area:1/2}}.arena__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;display:flex}.arena__controls .kbd-hint{text-align:center;flex-basis:100%;order:3}.wheel,.coin-stage{width:min(600px,100%,100dvh - 340px)}