.sl-ui{--sl-glass:rgba(var(--sl-glass-rgb), .92);--sl-glass-deep:rgba(var(--sl-glass-rgb), .93);--sl-glass-solid:#1e2430;--sl-glass-rgb:30, 36, 48;--sl-scrim-rgb:8, 10, 15;--sl-cd-shade:#080a0f9e;--sl-blur:blur(14px) saturate(115%) brightness(.62);--sl-raise:#ffffff0d;--sl-raise-hover:#ffffff17;--sl-well:#0000004d;--sl-line:#ffffff1a;--sl-line-strong:#ffffff2e;--sl-shadow:0 8px 32px #00000073;--sl-shadow-sm:0 4px 16px #00000059;--sl-text:#d9dde5;--sl-text-2:#c8d0da;--sl-text-3:#b9c2cd;--sl-text-scrim:0 1px 2px #000000d9, 0 0 12px #0000008c;--sl-mark-scrim:#0000008c;--sl-mark-scrim-soft:#00000047;--sl-mark-scrim-strong:#000c;--sl-flash:255, 255, 255;--sl-accent:#93d3ff;--sl-accent-deep:#73aeca;--sl-accent-wash:#93d3ff24;--sl-accent-line:#93d3ff8c;--sl-life:#e66a53;--sl-life-deep:#d03c39;--sl-spirit:#956ed2;--sl-spirit-deep:#734ec3;--sl-aether:#e4bb1a;--sl-aether-deep:#a89300;--sl-hostile:#ffaa98;--sl-friendly:#96eeb8;--sl-neutral:#95a7b8;--sl-ok:#78d187;--sl-warn:#e7be62;--sl-bad:#ffaa98;--sl-system:#be98f5;--sl-npc-say:#e6d4b1;--sl-quality-common:#c8d0da;--sl-quality-fine:#78d187;--sl-quality-rare:#97dff8;--sl-quality-epic:#b999fc;--sl-quality-legend:#e7be62;--sl-r-panel:10px;--sl-r-control:8px;--sl-r-slot:6px;--sl-gap:8px;--sl-ease:cubic-bezier(.22, .61, .36, 1);--sl-fast:.12s;--sl-slow:.18s;--sl-fs-xs:11.5px;--sl-fs-sm:12.5px;--sl-fs-md:13.5px;--sl-fs-lg:14.5px;--sl-fs-title:17px;--sl-fs-notice:19px;--sl-fs-display:24px;--sl-fs-hero:30px;--f-body:"Starlight Gothic", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--f-display:"Starlight Gothic Display", var(--f-body);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--tap:44px;--gold:var(--sl-warn);--brass:#c79c34;--shop:#e4bb1a;--hot:#ee8a76;--pc:var(--sl-accent);pointer-events:none;font-family:var(--f-body);font-size:var(--sl-fs-lg);letter-spacing:.012em;word-break:keep-all;overflow-wrap:anywhere;color:var(--sl-text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:10;line-height:1.5;position:absolute;inset:0;overflow:hidden}.sl-ui *,.sl-ui :before,.sl-ui :after{box-sizing:border-box}.sl-ui img{-webkit-user-drag:none;display:block}.sl-ui .is-hidden{display:none!important}.sl-ui button,.sl-ui input,.sl-ui select,.sl-ui .hit{pointer-events:auto}.glass{background:var(--sl-glass);-webkit-backdrop-filter:var(--sl-blur);backdrop-filter:var(--sl-blur);border:1px solid var(--sl-line);border-radius:var(--sl-r-panel);box-shadow:var(--sl-shadow);pointer-events:auto}@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.glass{background:rgba(var(--sl-glass-rgb), .95)}}.onworld{text-shadow:var(--sl-text-scrim)}.tagline.onworld,.kbd-note.onworld,.mg-hint.onworld,.home-foot.onworld>span{background:rgba(var(--sl-scrim-rgb), .86);border-radius:999px;width:-moz-fit-content;width:fit-content;padding:2px 12px}.tagline.onworld,.kbd-note.onworld,.mg-hint.onworld{margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen{padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scrim{background:radial-gradient(120% 90% at 50% 40%, rgba(var(--sl-scrim-rgb), .15) 0%, rgba(var(--sl-scrim-rgb), .7) 100%)}.title.scrim{background:radial-gradient(120% 90% at 50% 45%, rgba(var(--sl-scrim-rgb), .72) 0%, rgba(var(--sl-scrim-rgb), .18) 100%)}.btn{white-space:nowrap;word-break:keep-all;appearance:none;min-height:40px;font:inherit;font-size:var(--sl-fs-lg);letter-spacing:.03em;color:var(--sl-text-2);background:var(--sl-raise);border:1px solid var(--sl-line);border-radius:var(--sl-r-control);cursor:var(--cur-choose), pointer;touch-action:manipulation;transition:background var(--sl-fast) var(--sl-ease), border-color var(--sl-fast) var(--sl-ease), color var(--sl-fast) var(--sl-ease), transform var(--sl-fast) var(--sl-ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.btn:hover{color:var(--sl-text);background:var(--sl-raise-hover);border-color:var(--sl-line-strong)}.btn:active{background:var(--sl-well);transform:scale(.97)}.btn:focus-visible{border-color:var(--sl-accent-line);box-shadow:0 0 0 2px var(--sl-accent-wash);outline:none}.btn:disabled{pointer-events:none}.btn[aria-disabled=true]:active{transform:none}.btn.primary{color:var(--sl-glass-solid);background:var(--sl-accent);border-color:#0000;font-weight:500}.btn.primary:hover{background:var(--sl-text)}.btn.gold{color:var(--sl-glass-solid);background:var(--brass);border-color:#0000;font-weight:500}.btn.gold:hover{background:var(--sl-text)}.btn:disabled,.btn[aria-disabled=true]{color:var(--sl-text-3);background:var(--sl-raise);border-color:var(--sl-line)}.btn[aria-disabled=true]{cursor:var(--cur-blocked), not-allowed}.btn[aria-disabled=true]:hover{background:var(--sl-raise)}.btn.quiet{color:var(--sl-text-3);background:0 0;border-color:#0000}.btn.quiet:hover{color:var(--sl-text);background:var(--sl-raise)}.btn.lg{min-height:52px;font-size:var(--sl-fs-title);border-radius:12px;padding:0 28px}.btn.sm{min-height:30px;font-size:var(--sl-fs-sm);padding:0 11px}.btn.block{width:100%}.btn.round{width:var(--tap);height:var(--tap);border-radius:50%;min-height:0;padding:0}@media (pointer:coarse){.btn{min-height:var(--tap)}.btn.sm{min-height:36px}}.field{appearance:none;width:100%;min-height:44px;font:inherit;color:var(--sl-text);background:var(--sl-well);border:1px solid var(--sl-line);border-radius:var(--sl-r-control);-webkit-user-select:text;user-select:text;outline:none;padding:0 14px;font-size:16px}.field:focus{border-color:var(--sl-accent-line);box-shadow:0 0 0 2px var(--sl-accent-wash)}.field::placeholder{color:var(--sl-text-3)}.field.code{text-transform:uppercase;letter-spacing:.32em;font-family:var(--f-display);text-align:center}.label{font-size:var(--sl-fs-xs);letter-spacing:.18em;color:var(--sl-text-3)}.dim{color:var(--sl-text-3)}.num{font-variant-numeric:tabular-nums}.gold-text{color:var(--gold)}.ico-star,.ico-coin{vertical-align:-.2em;background:50%/contain no-repeat;width:1.1em;height:1.1em;display:inline-block}.ico-star{background-image:var(--ui-crown)}.ico-coin{background-image:var(--ui-coin)}.ico{background:50%/contain no-repeat;flex:none;width:1.25em;height:1.25em;display:inline-block}.ico.i-menu{background-image:var(--ui-menu)}.ico.i-leave{background-image:var(--ui-leave)}.ico.i-invite{background-image:var(--ui-invite)}.ico.i-together{background-image:var(--ui-together)}.ico.i-skip{background-image:var(--ui-skip)}.ico.i-help{background-image:var(--ui-help)}.corner .btn.round.skip{padding-inline:8px}.corner .btn.round.skip .ico{display:inline-block}.toast.with-ico{align-items:center;gap:8px;display:flex}.toast .ico.kan{width:28px;height:28px}.item-ico{border-radius:var(--sl-r-slot);background-color:var(--sl-well);border:1px solid var(--sl-line);background-position:50%;background-repeat:no-repeat;background-size:contain;width:32px;height:32px}.portrait{background:var(--sl-glass-solid) center / cover no-repeat;width:44px;height:44px;box-shadow:0 0 0 2px var(--pc), 0 2px 8px rgba(var(--sl-scrim-rgb), .5);border-radius:50%;flex:none;position:relative}.title{flex-direction:column;gap:22px}.wordmark-wrap{text-align:center;margin:0;line-height:0}.wordmark-wrap .logo{width:min(560px,92vw);height:auto;filter:drop-shadow(0 3px 0 rgba(var(--sl-scrim-rgb), .5)) drop-shadow(0 0 22px rgba(var(--sl-scrim-rgb), .45));margin:-6% auto -4%}.kbd-note{font-size:var(--sl-fs-sm);color:var(--sl-text-2);text-align:center}.tagline{letter-spacing:.42em;text-indent:.42em;color:var(--sl-text-2);font-size:var(--sl-fs-md);text-align:center}.home-card{flex-direction:column;gap:12px;width:min(380px,100%);padding:20px;display:flex}.home-card .row{gap:8px;display:flex}.home-card .or{color:var(--sl-text-3);font-size:var(--sl-fs-sm);align-items:center;gap:10px;display:flex}.home-card .or:before,.home-card .or:after{content:"";background:var(--sl-line);flex:1;height:1px}.home-foot{left:calc(20px + var(--safe-l));right:calc(20px + var(--safe-r));bottom:calc(14px + var(--safe-b));font-size:var(--sl-fs-xs);color:var(--sl-text-3);justify-content:space-between;display:flex;position:absolute}.lobby{justify-content:space-between;align-items:stretch;gap:16px}.lobby-side{flex-direction:column;gap:12px;width:min(380px,42vw);min-height:0;display:flex}.lobby-main{pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--sl-line-strong) transparent;flex-direction:column;gap:12px;width:min(460px,48vw);min-height:0;display:flex;overflow-y:auto}.lobby-main>*{flex:none}.lobby-main>:first-child{margin-top:auto}.code-card{flex-direction:column;gap:10px;padding:16px 18px;display:flex}.code-card .code{font-family:var(--f-display);letter-spacing:.3em;text-indent:.3em;text-align:center;color:var(--gold);-webkit-user-select:text;user-select:text;font-size:40px}.code-card .actions{gap:8px;display:flex}.code-card .actions .btn{flex:1}.seats{flex-direction:column;gap:6px;min-height:0;padding:10px;display:flex;overflow-y:auto}.seat{border-radius:var(--sl-r-control);background:var(--sl-raise);border:1px solid #0000;align-items:center;gap:10px;min-height:52px;padding:6px 8px;display:flex}.seat.me{border-color:var(--sl-accent-line);background:var(--sl-accent-wash)}.seat.empty{border:1px dashed var(--sl-line);color:var(--sl-text-3);background:0 0;justify-content:space-between}.seat .who{flex-direction:column;flex:1;min-width:0;display:flex}.seat .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seat .sub{font-size:var(--sl-fs-xs);color:var(--sl-text-3)}.badge{min-height:20px;font-size:var(--sl-fs-xs);letter-spacing:.04em;color:var(--sl-text-2);background:var(--sl-raise-hover);border-radius:999px;align-items:center;padding:0 7px;display:inline-flex}.badge.host{color:var(--sl-glass-solid);background:var(--brass)}.badge.ready{color:var(--sl-glass-solid);background:var(--sl-ok)}.badge.cpu{color:var(--sl-text);background:#6a46b5}.badge.away{color:var(--sl-glass-solid);background:var(--sl-bad)}.wardrobe{flex-direction:column;gap:8px;padding:12px;display:flex}.ward-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ward-me{align-items:center;gap:10px;display:flex}.ward-me .portrait{width:52px;height:52px}.ward-row{align-items:flex-start;gap:10px;display:flex}.ward-label{width:64px;font-size:var(--sl-fs-sm);color:var(--sl-text-3);flex:none;padding-top:6px}.ward-opts{flex-wrap:wrap;flex:1;gap:5px;display:flex}.ward-opts .btn.sm{padding:0 9px}.ward-opts .btn.on{color:var(--sl-accent);background:var(--sl-accent-wash);border-color:var(--sl-accent-line)}.swatch{appearance:none;border:2px solid var(--sl-line-strong);background:var(--sw);width:30px;height:30px;cursor:var(--cur-choose), pointer;touch-action:manipulation;transition:transform var(--sl-fast) var(--sl-ease);border-radius:50%}.swatch:hover{transform:scale(1.08)}.swatch.on{border-color:var(--sl-text);box-shadow:0 0 0 2px var(--sl-accent)}@media (pointer:coarse){.swatch{width:36px;height:36px}}.opts{flex-direction:column;gap:10px;padding:12px;display:flex}.seg{gap:6px;display:flex}.seg .btn{flex:1;min-width:0;padding-inline:6px}.seg .btn.on{color:var(--sl-accent);background:var(--sl-accent-wash);border-color:var(--sl-accent-line)}.lobby-go{flex-wrap:wrap;gap:8px;display:flex}.lobby-go .btn.lg{flex:1 1 0;min-width:max-content}.hud{pointer-events:none;position:absolute;inset:0}.topbar{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));max-width:calc(100% - 370px - var(--safe-l) - var(--safe-r));font-size:var(--sl-fs-md);white-space:nowrap;align-items:center;gap:10px;padding:6px 14px;display:flex;position:absolute}.topbar .round{white-space:pre;align-items:baseline;min-width:0;display:flex;overflow:hidden}.topbar .turn{white-space:pre;align-items:baseline;min-width:0;display:inline-flex}.topbar .turn .seat-mark{align-self:center}.topbar .who{text-overflow:ellipsis;min-width:2em;overflow:hidden}.topbar .round b{font-family:var(--f-display);color:var(--sl-text);font-size:18px;font-weight:900}.topbar .final{color:var(--sl-glass-solid);background:var(--sl-life);font-size:var(--sl-fs-xs);border-radius:999px;flex:none;padding:0 9px}@media (max-width:420px){.topbar{font-size:var(--sl-fs-sm);gap:6px;padding-inline:8px}.topbar .round b{font-size:16px}}@media (min-width:761px) and (max-width:860px){.topbar{font-size:var(--sl-fs-sm);gap:6px;padding-inline:10px}}@media (max-width:420px),(max-height:520px) and (orientation:landscape){.topbar .round .word{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:761px) and (max-width:860px){.topbar .round .word{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:960px){.topbar:has(.final) .round .doing{display:none}}.cards{top:calc(58px + var(--safe-t));left:calc(6px + var(--safe-l));flex-direction:column;gap:6px;width:250px;padding:6px 12px 6px 6px;display:flex;position:absolute}@media (min-width:761px) and (min-height:521px) and (max-height:580px){.cards{max-height:calc(100% - 128px - var(--safe-t) - var(--safe-b));scrollbar-width:none;overflow-y:auto}.cards::-webkit-scrollbar{display:none}}.card{--pc:var(--sl-accent);pointer-events:auto;transition:transform var(--sl-slow) var(--sl-ease), border-color var(--sl-slow) var(--sl-ease);align-items:center;gap:9px;padding:6px 10px 6px 7px;display:flex;position:relative}.card.turn{border-color:var(--pc);box-shadow:0 0 0 1px var(--pc), var(--sl-shadow);transform:translate(6px)}.card.me .name{color:var(--sl-accent)}.card.me .name:after{content:"나";color:var(--sl-glass-solid);background:var(--sl-accent);vertical-align:1px;border-radius:4px;margin-left:6px;padding:0 4px;font-size:10.5px}.card .rank{width:20px;height:20px;font-family:var(--f-display);color:var(--sl-glass-solid);background:var(--sl-text-2);z-index:1;border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:-6px;left:-6px}.card .rank.r1{background:var(--gold)}.card .portrait{width:40px;height:40px}.card .meta{flex:1;min-width:0}.card .name{font-size:var(--sl-fs-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card .stats{font-size:var(--sl-fs-md);align-items:center;gap:10px;display:flex}.card .stats span{align-items:center;gap:4px;display:inline-flex}.card .stats .stars{color:var(--gold)}.card .items{gap:2px;margin-left:auto;display:flex}.card .items .item-ico{border-radius:4px;width:20px;height:20px}.card .items .item-ico.empty{background:var(--sl-well);box-shadow:inset 0 0 0 1px var(--sl-line)}.ico-shield{background:var(--ui-shield) center / contain no-repeat;align-self:center;width:18px;height:18px;margin-left:3px;display:inline-block}.seat-mark{background:var(--pc);vertical-align:.02em;width:.72em;height:.72em;margin-right:.35em;display:inline-block}.seat-mark.circle{border-radius:50%}.seat-mark.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.seat-mark.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.card .away{color:var(--sl-bad);font-size:10.5px}.card.bump .stats{animation:bump .45s var(--sl-ease)}@keyframes bump{40%{transform:scale(1.12)}}.corner{right:calc(12px + var(--safe-r));top:calc(12px + var(--safe-t));gap:8px;display:flex;position:absolute}.corner .btn.round{width:auto;min-width:var(--tap);background:var(--sl-glass);-webkit-backdrop-filter:var(--sl-blur);backdrop-filter:var(--sl-blur);border-radius:999px;gap:6px;padding-inline:12px}.corner .btn.round[aria-expanded=true]{color:var(--sl-accent);background:var(--sl-accent-wash);border-color:var(--sl-accent-line)}.minimap{right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));width:220px;height:196px;padding:6px;position:absolute}.minimap canvas{width:100%;height:100%;display:block}.status-line{left:50%;bottom:calc(18px + var(--safe-b));max-width:calc(100% - 24px);font-size:var(--sl-fs-md);color:var(--sl-text-2);white-space:nowrap;align-items:center;gap:10px;padding:8px 16px;display:flex;position:absolute;transform:translate(-50%)}.status-line>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.timer{background:var(--sl-well);border-radius:3px;height:3px;position:relative;overflow:hidden}.timer>i{background:var(--sl-accent);transform-origin:0;position:absolute;inset:0}.timer.low>i{background:var(--sl-life)}.status-line .timer{flex:none;width:60px}.action.asked{border-color:var(--pc);box-shadow:inset 0 3px 0 var(--pc), var(--sl-shadow)}.action .portrait.asker{width:40px;height:40px;margin:0 auto 6px}.action{left:50%;bottom:calc(16px + var(--safe-b));width:min(520px,100% - 24px);max-height:calc(100% - 82px - var(--safe-t) - var(--safe-b));animation:rise .25s var(--sl-ease);flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;overflow-y:auto;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,16px)}}.action h3{font-weight:400;font-size:var(--sl-fs-title);text-align:center;margin:0}.action p{text-align:center;color:var(--sl-text-2);font-size:var(--sl-fs-md);margin:0}.action .row,.action .items{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.action .item-btn{flex-direction:column;gap:2px;min-width:88px;height:auto;padding:8px 10px}.action .item-btn .item-ico{width:34px;height:34px}.action .item-btn small{font-size:var(--sl-fs-xs);color:var(--sl-text-3)}.action .numpad{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.action .numpad .btn{font-family:var(--f-display);font-size:20px}.action .targets{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.action .targets .btn{justify-content:flex-start;gap:8px;height:auto;min-height:52px;padding:6px 10px}.action .targets .portrait{width:34px;height:34px}.action .shop{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.action .shop .btn{text-align:left;justify-content:flex-start;gap:10px;height:auto;min-height:60px;padding:8px 10px}.action .shop .btn .t{flex-direction:column;line-height:1.3;display:flex}.action .shop .btn small{color:var(--sl-text-3);font-size:var(--sl-fs-xs)}.action .shop .price{color:var(--shop);font-size:var(--sl-fs-sm)}.action .shop .btn:disabled{opacity:1;color:var(--sl-text)}.action .shop .btn:disabled>.item-ico,.action .shop .btn:disabled .t>:not(.price){opacity:.4}.action .shop .btn .t small{white-space:normal}.action .timer{margin-top:2px}.action .roll{min-width:220px}.die-glyph{background:var(--sl-glass-solid);width:22px;height:22px;box-shadow:inset 0 0 0 2px rgba(var(--sl-scrim-rgb), .3);border-radius:5px;position:relative}.die-glyph:before,.die-glyph:after{content:"";background:var(--sl-accent);border-radius:50%;width:5px;height:5px;position:absolute}.die-glyph:before{top:5px;left:5px}.die-glyph:after{bottom:5px;right:5px}.kbd{font-size:var(--sl-fs-xs);color:var(--sl-text-3);border:1px solid var(--sl-line);border-radius:4px;padding:0 5px}.btn.gold .kbd{color:var(--sl-glass-solid);border-color:rgba(var(--sl-glass-rgb), .4)}@media (pointer:coarse){.kbd{display:none}}.fork-btn{white-space:nowrap;min-width:96px;font-size:var(--sl-fs-md);color:var(--sl-glass-solid);background:var(--sl-accent);box-shadow:var(--sl-shadow);cursor:var(--cur-choose), pointer;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;animation:1.4s ease-in-out infinite float;display:flex;position:absolute;transform:translate(-50%,-100%)}.fork-btn small{font-size:var(--sl-fs-xs);opacity:.8}.fork-btn:after{content:"";border:7px solid #0000;border-bottom:0;border-top-color:var(--sl-accent);margin-left:-7px;position:absolute;bottom:-7px;left:50%}@keyframes float{50%{transform:translate(-50%,calc(-100% - 5px))}}.steps{min-width:38px;height:38px;font-family:var(--f-display);color:var(--sl-glass-solid);background:var(--sl-text);box-shadow:0 0 0 3px var(--pc), var(--sl-shadow-sm);border-radius:19px;place-items:center;padding:0 8px;font-size:22px;display:grid;position:absolute;transform:translate(-50%,-100%)}.banner{text-align:center;pointer-events:none;animation:banner .5s var(--sl-ease);white-space:nowrap;background:rgba(var(--sl-scrim-rgb), .86);border-radius:20px;padding:10px 28px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.banner .big{font-family:var(--f-display);letter-spacing:.06em;text-shadow:0 3px 0 rgba(var(--sl-scrim-rgb), .6), 0 0 24px rgba(var(--sl-scrim-rgb), .5);font-size:clamp(30px,7vw,54px);font-weight:900}.banner .big.gold{color:var(--gold)}.banner .big.hot{color:var(--hot)}.banner .small{font-size:var(--sl-fs-title);color:var(--sl-text);text-shadow:var(--sl-text-scrim);white-space:normal;max-width:80vw;margin-top:6px}.banner.out{animation:bannerOut .35s var(--sl-ease) forwards}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}}@keyframes bannerOut{to{opacity:0;transform:translate(-50%,-60%)}}.toasts{left:50%;top:calc(64px + var(--safe-t));pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(560px,92vw);display:flex;position:absolute;transform:translate(-50%)}.standings{width:min(340px,100% - 24px);animation:pop .3s var(--sl-ease);flex-direction:column;gap:4px;margin-inline:auto;padding:10px;display:flex;position:absolute;top:42%;left:0;right:0}.standings .label{text-align:center}.standings .portrait{width:26px;height:26px}.standings.out{animation:.3s forwards fade}.standings.pinned{animation:none}.toast{font-size:var(--sl-fs-md);animation:pop .3s var(--sl-ease);text-align:center;padding:7px 14px}.toast.out{animation:.3s forwards fade}.toast.bad{border-color:#ffaa9873}@keyframes fade{to{opacity:0}}.netbar{top:calc(6px + var(--safe-t));font-size:var(--sl-fs-sm);color:var(--sl-glass-solid);background:var(--sl-warn);z-index:90;border-radius:999px;padding:4px 12px;position:absolute;left:50%;transform:translate(-50%)}.roulette{text-align:center;min-width:260px;padding:12px 18px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.roulette .head{font-size:var(--sl-fs-sm);color:var(--sl-text-3);letter-spacing:.12em}.roulette .reel{font-family:var(--f-display);color:var(--sl-text);min-height:38px;margin-top:6px;font-size:26px}.roulette.done .reel{color:var(--gold);animation:bump .4s var(--sl-ease)}.roulette.boss{border-color:#e66a5399}.faceoff{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;max-width:92vw;padding:14px 18px;display:flex;position:absolute;top:24%;left:50%;transform:translate(-50%)}.faceoff .who{flex-direction:column;align-items:center;gap:6px;min-width:64px;display:flex}.faceoff .portrait{width:54px;height:54px}.faceoff .die{width:42px;height:42px;font-family:var(--f-display);color:var(--sl-glass-solid);background:var(--sl-accent);border-radius:9px;place-items:center;font-size:22px;display:grid}.faceoff .nm{font-size:var(--sl-fs-xs);color:var(--sl-text-2);text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.sheet{flex-direction:column;gap:12px;width:min(560px,100%);max-height:100%;padding:18px;display:flex;overflow:auto}.sheet h2{font-weight:400;font-family:var(--f-display);text-align:center;letter-spacing:.06em;margin:0;font-size:26px}.sheet .blurb{color:var(--sl-text-2);font-size:var(--sl-fs-md);text-align:center;margin:0}.sheet .count{font-family:var(--f-display);text-align:center;color:var(--sl-accent);text-shadow:var(--sl-text-scrim);font-size:64px;line-height:1;position:sticky;bottom:0}.sheet.help{z-index:40;pointer-events:auto;width:min(460px,100% - 24px);max-height:calc(100% - 24px);margin-inline:auto;position:absolute;top:50%;left:0;right:0;overflow-y:auto;transform:translateY(-50%)}.sheet.ask .row{gap:8px;display:flex}.sheet.ask .row .btn{flex:1}.help-list{flex-direction:column;gap:6px;display:flex}.help-row{align-items:center;gap:10px;display:flex}.help-row .ico.kan{width:36px;height:36px}.help-row b{font-weight:500;display:block}.help-row small{font-size:var(--sl-fs-sm);display:block}.veil{z-index:39;background:rgba(var(--sl-scrim-rgb), .5);pointer-events:auto;position:absolute;inset:0}.menu{z-index:40;right:calc(12px + var(--safe-r));top:calc(64px + var(--safe-t));width:260px;max-height:calc(100% - 76px - var(--safe-t) - var(--safe-b));flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;overflow-y:auto}.menu .row,.sheet.settings .row{font-size:var(--sl-fs-md);align-items:center;gap:10px;display:flex}.menu input[type=range],.sheet.settings input[type=range]{accent-color:var(--sl-accent);flex:1}.emotes{z-index:40;right:calc(12px + var(--safe-r));top:calc(64px + var(--safe-t));grid-template-columns:1fr 1fr;gap:6px;width:240px;padding:8px;display:grid;position:absolute}.results-list{flex-direction:column;gap:6px;display:flex}.res-row{border-radius:var(--sl-r-control);background:var(--sl-raise);align-items:center;gap:10px;padding:6px 10px;display:flex}.res-row.me{background:var(--sl-accent-wash)}.res-row .place{width:28px;font-family:var(--f-display);text-align:center;color:var(--sl-text-2);font-size:20px}.res-row .place.p1{color:var(--gold)}.res-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.res-row .val{font-variant-numeric:tabular-nums;color:var(--sl-text-2)}.res-row .prize{color:var(--gold);text-align:right;min-width:44px}.sheet h2.reveal{animation:pop .4s var(--sl-ease) both}.results-list.placings .res-row{animation:slideIn .35s var(--sl-ease) both}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}}.res-row .val.stars{font-family:var(--f-display);color:var(--gold);font-size:22px}.results-list.sided .res-row{box-shadow:inset 4px 0 0 var(--side)}.verdict{text-align:center;font-family:var(--f-display);font-size:var(--sl-fs-lg);color:color-mix(in srgb, var(--side,var(--gold)) 45%, #e8ebf0);margin:-4px 0 12px}.lineup{flex-direction:column;gap:6px;margin:4px 0 10px;display:flex}.lineup .label{text-align:center}.lineup .side{border-radius:var(--sl-r-control);background:var(--sl-raise);box-shadow:inset 4px 0 0 var(--side);align-items:baseline;gap:10px;padding:6px 10px;display:flex}.lineup .side b{color:color-mix(in srgb, var(--side) 45%, #e8ebf0);font-family:var(--f-display);white-space:nowrap;font-weight:400}.lineup .side span{min-width:0}.lineup .side{align-items:flex-start}.bonus{border-radius:var(--sl-r-control);background:var(--sl-raise);animation:pop .4s var(--sl-ease) both;align-items:center;gap:10px;padding:8px 12px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.bonus .t{flex:1;min-width:0}.bonus .who{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:45%;display:flex}.bonus .who>*{width:32px;height:32px}.bonus .t small{color:var(--sl-text-3);font-size:var(--sl-fs-xs);display:block}.mg{flex-direction:column;gap:12px}.mg-top{pointer-events:auto;justify-content:space-between;align-items:center;width:min(560px,100%);padding:8px 14px;display:flex}.mg-top .name{font-family:var(--f-display);font-size:18px}.mg-top .score{font-family:var(--f-display);color:var(--gold);font-size:22px}.mg-stage{aspect-ratio:4/3;touch-action:none;width:min(560px,100%);max-height:62vh;padding:0;position:relative;overflow:hidden}.mg-stage canvas{width:100%;height:100%;display:block}.mg-hint{color:var(--sl-text-2);font-size:var(--sl-fs-md);text-align:center}.mg-wait{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mg-wait .portrait{width:34px;height:34px}.mg-wait .portrait.done:after{content:"";background:var(--sl-ok);width:12px;height:12px;box-shadow:0 0 0 2px var(--sl-glass-solid);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.mg-wait .portrait.waiting{opacity:.45}.whack-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:absolute;inset:12px}.hole{background:radial-gradient(ellipse at 50% 70%, rgba(var(--sl-scrim-rgb), .85) 0 45%, rgba(var(--sl-scrim-rgb), .35) 46% 60%, transparent 61%);cursor:var(--cur-choose), pointer;border-radius:50%;position:relative;overflow:hidden}.hole .pop{transition:transform .12s var(--sl-ease);pointer-events:none;background:bottom/contain no-repeat;position:absolute;inset:4% 10% 8%;transform:translateY(105%)}.hole .pop.up{transform:translateY(0)}.hole .pop.hit{transition-duration:.18s;transform:translateY(105%)scale(.8)}.hole .pop.gold{filter:sepia()saturate(4)hue-rotate(5deg)brightness(1.15)drop-shadow(0 0 10px #e7be62e6)}.hole .burst{font-family:var(--f-display);color:var(--gold);text-shadow:var(--sl-text-scrim);pointer-events:none;place-items:center;font-size:24px;animation:.6s forwards bannerOut;display:grid;position:absolute;inset:0}.lanterns{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:14px;display:grid;position:absolute;inset:14px}.lantern{border:1px solid var(--sl-line);background:var(--sl-well);cursor:var(--cur-choose), pointer;border-radius:18px;place-items:center;transition:background .12s,box-shadow .12s,transform 80ms;display:grid}.lantern:active{transform:scale(.96)}.lantern i{aspect-ratio:1;background:var(--lc);opacity:.35;border-radius:50%;width:38%;transition:opacity .12s,box-shadow .12s;display:block}.lantern.lit i{opacity:1;box-shadow:0 0 30px var(--lc), 0 0 60px var(--lc)}.lantern.lit{background:var(--sl-raise-hover)}.stepper{justify-content:center;align-items:center;gap:14px;display:flex}.stepper .val{font-family:var(--f-display);text-align:center;min-width:84px;color:var(--sl-text);font-size:44px}@media (max-width:360px){.stepper{gap:6px}.stepper .val{min-width:56px}}@media (max-width:760px),(max-height:520px){.lobby{pointer-events:auto;flex-direction:column;justify-content:flex-start;overflow-y:auto}.lobby-side,.lobby-main{flex:none;width:100%}.lobby-side>*,.lobby-main>*{flex:none}.seats{overflow:visible}.code-card .code{font-size:32px}.lobby-main{overflow:visible}.cards{top:calc(96px + var(--safe-t));scrollbar-width:none;pointer-events:auto;flex-direction:row;gap:6px;width:auto;padding:6px 10px 8px;left:0;right:0;overflow-x:auto}.cards::-webkit-scrollbar{display:none}.card{flex-wrap:wrap;flex:none;gap:2px 6px;width:128px;padding:5px 7px 5px 5px}.card.turn{transform:translateY(2px)}.card .portrait{width:30px;height:30px}.card .name{font-size:var(--sl-fs-sm)}.card .stats{font-size:var(--sl-fs-sm);gap:6px}.card .items{gap:3px;width:100%;margin-left:0}.card .items .item-ico,.card .ico-shield{width:16px;height:16px}.topbar{top:calc(54px + var(--safe-t));left:calc(10px + var(--safe-l));max-width:calc(100% - 20px - var(--safe-l) - var(--safe-r));padding:4px 10px}.topbar:has(.final) .round .doing{display:none}.corner{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));gap:6px}.corner .btn.round{width:auto;min-width:40px;height:40px;font-size:var(--sl-fs-md);padding-inline:9px}.minimap{width:168px;height:150px;bottom:auto;top:calc(184px + var(--safe-t))}.action{bottom:calc(10px + var(--safe-b));padding:12px}.action .item-btn{min-width:76px}.banner{top:34%}.toasts{top:calc(184px + var(--safe-t))}.menu,.emotes{top:calc(56px + var(--safe-t))}.faceoff,.roulette{top:30%}}@media (min-width:761px) and (max-width:1031px) and (min-height:521px){.action{left:calc(256px + var(--safe-l));width:min(520px, calc(100% - 268px - var(--safe-l) - var(--safe-r)));animation-name:riseBeside;transform:none}.hud:has(.action) .minimap{visibility:hidden}}@keyframes riseBeside{0%{opacity:0;transform:translateY(16px)}}@media (max-height:520px) and (orientation:landscape){.cards{top:calc(48px + var(--safe-t))}.topbar{top:calc(10px + var(--safe-t));max-width:calc(100% - 290px - var(--safe-l) - var(--safe-r))}.toasts{top:calc(136px + var(--safe-t))}.action{max-height:calc(100% - 136px - var(--safe-t) - var(--safe-b))}.minimap,.map-toggle{display:none}.mg-stage{max-height:54vh}.screen.title{pointer-events:auto;justify-content:flex-start;gap:12px;overflow-y:auto}.screen.title>:first-child{margin-top:auto}.screen.title>:last-child{margin-bottom:auto}.wordmark-wrap .logo{width:min(360px,60vw)}.home-foot{align-self:stretch;position:static}.screen.mg{padding-top:calc(56px + var(--safe-t))}.screen.mg .mg-stage{max-height:46vh}}@media (prefers-reduced-motion:reduce){.sl-ui *{transition-duration:1ms!important;animation-duration:1ms!important}}.hud.results-up .cards,.hud.results-up .topbar,.hud.results-up .minimap,.hud.results-up .map-toggle{display:none}.arena-hud{top:calc(12px + var(--safe-t));white-space:nowrap;z-index:30;align-items:center;gap:16px;padding:6px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.arena-hud .name{font-family:var(--f-display);font-size:16px}.arena-hud .time{font-variant-numeric:tabular-nums;color:var(--sl-text-2);text-align:right;min-width:54px}.arena-hud .score{font-family:var(--f-display);color:var(--gold);font-size:20px}@media (max-width:540px){.arena-hud .name{display:none}}.arena-say{top:calc(64px + var(--safe-t));width:max-content;max-width:calc(100% - 32px);font-family:var(--f-display);text-align:center;color:var(--sl-text);background:rgba(var(--sl-scrim-rgb), .86);pointer-events:none;z-index:30;border-radius:999px;padding:2px 16px;font-size:22px;position:absolute;left:50%;transform:translate(-50%)}.arena-say:empty{display:none}.arena-say.rhyme{letter-spacing:.04em;color:var(--gold);white-space:pre;font-size:min(34px,8vw)}.arena-say.stop{color:var(--hot);font-size:44px}.arena-say.bad{color:var(--hot)}.arena-say.go{color:var(--gold)}.arena-say.hint{color:var(--sl-text-2);font-size:18px}.arena-say~.mg-float{top:calc(116px + var(--safe-t))}.arena-controls{pointer-events:none;z-index:30;position:absolute;inset:0}.arena-controls .stick{left:calc(28px + var(--safe-l));bottom:calc(34px + var(--safe-b));background:rgba(var(--sl-glass-rgb), .45);border:1px solid var(--sl-line-strong);pointer-events:auto;touch-action:none;border-radius:50%;width:132px;height:132px;position:absolute}.arena-controls .knob{background:var(--sl-accent);width:58px;height:58px;box-shadow:var(--sl-shadow-sm);pointer-events:none;border-radius:50%;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%}.arena-controls .jump-btn{right:calc(30px + var(--safe-r));bottom:calc(46px + var(--safe-b));width:96px;height:96px;font:inherit;font-family:var(--f-display);color:var(--sl-glass-solid);background:var(--gold);box-shadow:var(--sl-shadow);pointer-events:auto;touch-action:none;border:0;border-radius:50%;font-size:18px;position:absolute}.arena-controls .jump-btn:active{transform:scale(.94)}.mg-float{top:calc(64px + var(--safe-t));width:max-content;max-width:calc(100% - 32px);font-size:var(--sl-fs-md);white-space:nowrap;z-index:30;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.in-arena .cards,.in-arena .minimap,.in-arena .topbar,.in-arena .status-line,.in-arena .corner .btn.round:not(:last-child),.in-arena .emotes,.in-arena .menu .board-only{display:none}@media (max-height:520px) and (orientation:landscape){.topbar .round .doing{display:none}}@media (max-width:560px){.corner .ico{display:none}}html,body,#game-canvas{cursor:var(--cur-basic), auto}.btn.roll{cursor:var(--cur-knock), pointer}.btn:disabled,.btn[aria-disabled=true]{cursor:var(--cur-blocked), not-allowed}.hole,.lantern{cursor:var(--cur-aim), crosshair}.status-line{cursor:var(--cur-wait), wait}body:has(.status-line) #game-canvas{cursor:var(--cur-wait), wait}