.hype-callout{z-index:42;padding-inline:var(--s-4);pointer-events:none;justify-items:center;display:grid;position:fixed;inset:38% 0 auto}.callout-hype{max-width:34ch;font-size:clamp(var(--fs-l), 6cqi, var(--fs-2xl));text-align:center;color:var(--signal);text-shadow:3px 3px 0 var(--ink-0), -1px -1px 0 var(--ink-0);line-height:1.15}.mod-btn{min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--s-2);color:var(--text);border-radius:var(--radius);box-shadow:inset 0 0 0 var(--border) var(--ink-3);font:inherit;font-size:var(--fs-xs);cursor:pointer;white-space:nowrap;background:0 0;border:0;place-items:center;font-weight:700;display:inline-grid}.mod-btn:hover{box-shadow:inset 0 0 0 var(--border) var(--text-dim)}.mod-btn:focus-visible{outline:var(--border) solid var(--signal);outline-offset:2px}.mod-btn.is-danger{color:var(--on-signal);background:var(--bad);box-shadow:none}.mod-mute.is-on{color:var(--text-dim);box-shadow:inset 0 0 0 var(--border) var(--text-dim)}.mod-confirm{align-items:center;gap:var(--s-1);display:inline-flex}.mod-ask{font-size:var(--fs-xs);font-weight:700}.mod-list{gap:var(--s-1);width:100%;display:grid}.mod-row{align-items:center;gap:var(--s-1);min-height:var(--tap-min);display:flex}.mod-who{align-items:center;gap:var(--s-2);flex:auto;min-width:0;display:inline-flex}.mod-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:var(--fs-s);overflow:hidden}.mod-empty{font-size:var(--fs-s);margin:0}.mod-remove-glyph{display:none}@media (min-width:1024px) and (max-width:1279px) and (min-height:560px){.lobby-player .mod-remove-glyph{display:inline-grid}.lobby-player .mod-remove-text{display:none}}.reactions{right:max(var(--s-2), env(safe-area-inset-right));bottom:calc(max(var(--s-2), env(safe-area-inset-bottom)) + var(--tap-min) + var(--s-2));z-index:41;justify-items:end;gap:var(--s-2);display:grid;position:fixed}.reaction-toggle{width:var(--tap-min);height:var(--tap-min);color:var(--text);background:var(--ink-1);border:var(--border) solid var(--ink-3);border-radius:var(--radius);cursor:pointer;place-items:center;padding:0;display:grid}.reaction-toggle[aria-expanded=true]{border-color:var(--signal)}.reaction-toggle{position:relative;overflow:hidden}.reaction-toggle.is-cooling .px-glyph{opacity:.45}.reaction-cool{width:100%;height:var(--s-1);background:var(--text-dim);transform-origin:0;animation:linear both reaction-cool;position:absolute;bottom:0;left:0}@keyframes reaction-cool{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.reaction-option:disabled{cursor:default;opacity:.45}.reaction-wait{font-size:var(--fs-xs);color:var(--text-dim);text-align:end;flex:1 0 100%}.reaction-toggle:focus-visible,.reaction-option:focus-visible{outline:var(--border) solid var(--signal);outline-offset:2px}.reaction-picker{gap:var(--s-2);max-width:calc(5 * var(--tap-min) + 4 * var(--s-1) + 2 * var(--s-2));padding:var(--s-2);background:var(--ink-1);border:var(--border) solid var(--ink-3);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);animation:np-fade var(--t-ui) ease-out both;display:grid}.reaction-picker[data-tab=players]{width:min(360px, calc(100vw - 2 * var(--s-2)));max-width:none}.reaction-tabs{gap:var(--s-1);grid-template-columns:1fr 1fr;display:grid}.reaction-tab{min-height:var(--tap-min);color:var(--text);background:var(--ink-2);border-radius:var(--radius);font:inherit;font-size:var(--fs-xs);cursor:pointer;border:0;font-weight:700}.reaction-tab.is-on{box-shadow:inset 0 0 0 var(--border) var(--signal)}.reaction-tab:focus-visible{outline:var(--border) solid var(--signal);outline-offset:2px}.reaction-grid{justify-content:flex-end;gap:var(--s-1);flex-wrap:wrap;display:flex}.reaction-option{min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--s-2);white-space:nowrap;color:var(--text);background:var(--ink-2);border-radius:var(--radius);font-family:var(--font-display);font-size:var(--fs-xs);cursor:pointer;border:0;line-height:1.1}.reaction-option.is-emoji{width:var(--tap-min);font-size:var(--fs-xl);padding:0}.reaction-feed{left:max(var(--s-2), env(safe-area-inset-left));bottom:calc(max(var(--s-2), env(safe-area-inset-bottom)) + 88px);z-index:41;gap:var(--s-1);pointer-events:none;display:grid;position:fixed}.reaction-bubble{align-items:center;gap:var(--s-2);width:max-content;padding:var(--s-1) var(--s-3) var(--s-1) var(--s-2);background:var(--ink-1);border:var(--border) solid var(--signal);border-radius:var(--radius);animation:np-pop var(--t-ui) var(--ease-slam) both;display:inline-flex}.reaction-label{font-family:var(--font-display);font-size:var(--fs-s)}.reaction-label.is-emoji{font-size:var(--fs-l)}.reaction-count{color:var(--signal);font-weight:700}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .reaction-bubble{animation:np-fade var(--t-ui) ease-out both}:root:not([data-motion=full]) .reaction-cool{animation:none}}:root[data-motion=reduced] .reaction-bubble{animation:np-fade var(--t-ui) ease-out both}:root[data-motion=reduced] .reaction-cool{animation:none}.reaction-who{font-size:var(--fs-s);font-weight:700}@media (max-width:479px){body:has(.match-screen) .reactions{bottom:max(var(--s-2), env(safe-area-inset-bottom));right:calc(max(var(--s-2), env(safe-area-inset-right)) + 2 * (var(--tap-min) + var(--s-2)))}body:has(.match-screen) .reaction-picker{right:max(var(--s-2), env(safe-area-inset-right));bottom:calc(max(var(--s-2), env(safe-area-inset-bottom)) + var(--tap-min) + var(--s-2));position:fixed}}.voice-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.voice-row{gap:var(--s-1) var(--s-3);padding:var(--s-2) var(--s-3);background:var(--ink-2);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.voice-what{gap:2px;display:grid}.voice-state{font-weight:700}.voice-buttons{gap:var(--s-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.voice-panel{gap:var(--s-2);padding:var(--s-3);border:var(--border) solid var(--signal);border-radius:var(--radius);display:grid}.voice-trim{align-items:center;gap:var(--s-2);min-height:var(--tap-min);grid-template-columns:6ch minmax(0,1fr);display:grid}.voice-trim input{width:100%;accent-color:var(--signal)}.voice-consent{gap:var(--s-2);font-size:var(--fs-s);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.voice-consent input{width:24px;height:24px;accent-color:var(--signal);margin:0}.voice-caption{left:50%;bottom:calc(var(--s-8) + var(--s-6));z-index:30;align-items:center;gap:var(--s-2);max-width:calc(100% - 2 * var(--s-4));padding:var(--s-2) var(--s-3);background:var(--ink-1);border:var(--border) solid var(--ink-3);border-radius:var(--radius);animation:np-fade var(--t-ui) var(--ease-ui) both;pointer-events:none;margin:0;font-weight:700;display:inline-flex;position:fixed;translate:-50%}.vc-grid{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.vc-tile{align-content:start;gap:var(--s-3);padding:var(--s-3);background:var(--ink-1);border-radius:var(--radius);box-shadow:inset 0 0 0 var(--border) var(--ink-3);display:grid}.vc-tile.is-working{box-shadow:inset 0 0 0 var(--border) var(--signal);grid-column:1/-1}.vc-head{align-items:start;gap:var(--s-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.vc-icon{width:var(--tap-min);height:var(--tap-min);background:var(--ink-2);border-radius:var(--radius);color:var(--text);place-items:center;display:grid}.vc-what{font-size:var(--fs-m);gap:2px;display:grid}.vc-what .dim{font-size:var(--fs-s)}.vc-state{padding:0 var(--s-2);background:var(--ink-2);border-radius:var(--radius);color:var(--text-dim);font-size:var(--fs-s);white-space:nowrap;font-weight:700;line-height:1.6}.vc-state.has-clip{background:var(--good);color:var(--on-signal)}.vc-actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.vc-actions .btn{padding-inline:var(--s-3)}.vc-rec,.vc-review{gap:var(--s-2);display:grid}.vc-rec-title{align-items:center;gap:var(--s-2);display:inline-flex}.vc-rec-dot{background:var(--bad);border-radius:50%;width:12px;height:12px}.vc-step{align-items:center;gap:var(--s-2);margin-top:var(--s-1);display:flex}.vc-step-no{background:var(--signal);width:24px;height:24px;color:var(--on-signal);font-size:var(--fs-xs);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.sound-toggle{right:max(var(--s-2), env(safe-area-inset-right));bottom:max(var(--s-2), env(safe-area-inset-bottom));z-index:40;width:var(--tap-min);height:var(--tap-min);color:var(--text);background:var(--ink-1);border:var(--border) solid var(--ink-3);border-radius:var(--radius);cursor:pointer;place-items:center;padding:0;display:grid;position:fixed}.sound-toggle[aria-pressed=true]{color:var(--text-dim)}.sound-toggle:focus-visible{outline:var(--border) solid var(--signal);outline-offset:2px}.settings-dialog{width:min(100% - 2 * var(--s-4), 480px);max-width:none;max-height:calc(100dvh - 2 * var(--s-4));color:var(--text);background:0 0;border:0;padding:0;overflow-y:auto}.settings-dialog[open]{animation:np-pop var(--t-moment) var(--ease-slam) both}.settings-dialog::backdrop{background:color-mix(in srgb, var(--ink-0) 85%, transparent)}.settings-panel{gap:var(--s-5);display:grid}.dialog-close{top:var(--s-3);z-index:2;width:var(--tap-min);height:var(--tap-min);margin-bottom:calc(-1 * (var(--tap-min) + var(--panel-gap,var(--s-5))));color:var(--text);background:var(--ink-2);border:var(--border) solid var(--ink-3);border-radius:var(--radius);box-shadow:0 var(--key-depth) 0 var(--ink-0);cursor:pointer;transition:transform var(--t-ui) var(--ease-ui);justify-self:end;place-items:center;padding:0;display:grid;position:sticky}.dialog-close:hover{border-color:var(--text-dim)}.dialog-close:active{transform:translateY(var(--key-depth));box-shadow:none}.dialog-close:focus-visible{outline:var(--border) solid var(--signal);outline-offset:2px}.settings-title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);line-height:var(--lh-display)}.settings-group{gap:var(--s-2);display:grid}.settings-slider{align-items:center;gap:var(--s-3);min-height:var(--tap-min);grid-template-columns:8ch minmax(0,1fr) 5ch;display:grid}.settings-slider input{width:100%;height:var(--tap-min);accent-color:var(--signal);cursor:pointer;margin:0}.settings-slider output{text-align:end;font-weight:700}.settings-panel .segment{align-content:center}.segmented.segmented-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .settings-dialog[open]{animation:np-fade var(--t-ui) ease-out both}}:root[data-motion=reduced] .settings-dialog[open]{animation:np-fade var(--t-ui) ease-out both}.settings-corner{--slot:1;right:calc(max(var(--s-2), env(safe-area-inset-right)) + var(--slot) * (var(--tap-min) + var(--s-2)));bottom:max(var(--s-2), env(safe-area-inset-bottom));z-index:40;width:var(--tap-min);height:var(--tap-min);color:var(--text);background:var(--ink-1);border:var(--border) solid var(--ink-3);border-radius:var(--radius);cursor:pointer;place-items:center;padding:0;display:grid;position:fixed}:root[data-feedback=on] .settings-corner{--slot:2}.settings-corner:focus-visible{outline:var(--border) solid var(--signal);outline-offset:2px}@media (max-width:479px){:root[data-feedback=on] body:has(.match-screen) .settings-corner{--slot:3}}:root{--corner-slots:2}:root[data-feedback=on]{--corner-slots:3}.feedback-toggle{right:calc(max(var(--s-2), env(safe-area-inset-right)) + var(--tap-min) + var(--s-2));bottom:max(var(--s-2), env(safe-area-inset-bottom));z-index:40;width:var(--tap-min);height:var(--tap-min);color:var(--text);background:var(--ink-1);border:var(--border) solid var(--ink-3);border-radius:var(--radius);cursor:pointer;transition:transform var(--t-ui) var(--ease-ui);place-items:center;padding:0;display:grid;position:fixed}.feedback-toggle:active{transform:translateY(2px)}.feedback-toggle:focus-visible{outline:var(--border) solid var(--signal);outline-offset:2px}.feedback-note{color:var(--text-dim);font-size:var(--fs-s);margin-top:calc(var(--s-3) * -1)}.input.feedback-text{min-height:calc(var(--tap-min) * 2.5);padding:var(--s-2) var(--s-3);resize:vertical;line-height:1.4}.feedback-count{color:var(--text-dim);font-size:var(--fs-xs);justify-self:end}.feedback-status{min-height:1.5em;font-weight:700}.feedback-actions{gap:var(--s-2);display:grid}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .feedback-toggle{transition:none}}:root[data-motion=reduced] .feedback-toggle{transition:none}.character-figure{justify-items:center;display:grid;position:relative}.character-lock{align-items:center;gap:var(--s-1);padding:0 var(--s-1);background:var(--ink-3);color:var(--text);border-radius:var(--radius);font-size:var(--fs-xs);white-space:nowrap;font-weight:700;line-height:1.4;display:inline-flex;position:absolute;bottom:0;left:50%;translate:-50%}@media (min-width:1024px) and (min-height:560px) and (max-height:860px){.character-option .character-lock .px-glyph{display:none}}.nameplate{align-items:center;gap:var(--s-2);font-weight:700;display:inline-flex}.nameplate.plate-band{padding:var(--s-1) var(--s-3);background:var(--ink-3);box-shadow:0 3px 0 var(--hype);transform:skewX(var(--slant))}.nameplate.plate-band>*{transform:skewX(calc(-1 * var(--slant)))}.nameplate.plate-band .nameplate-name{font-family:var(--font-display);letter-spacing:.02em;font-weight:400}.char-frame{padding:var(--s-2);place-items:center;display:inline-grid}.char-frame.frame-manga{padding:var(--s-4);isolation:isolate;border:var(--border) solid var(--text);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);background:radial-gradient(circle, var(--ink-3) 1.4px, transparent 1.8px) 0 0 / 9px 9px, var(--ink-1);position:relative}.char-frame.frame-manga:after{content:"";z-index:-1;background:var(--ink-1);position:absolute;inset:10px}.cosmetic-preview{gap:var(--s-4);display:grid}@media (min-width:600px){.cosmetic-preview{grid-template-columns:200px minmax(0,1fr);align-items:start}}.cosmetic-stage{justify-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-2);background:radial-gradient(circle, var(--ink-3) 1.4px, transparent 1.8px) 0 0 / 9px 9px, var(--ink-1);border-radius:var(--radius);display:grid}.look-picker{gap:var(--s-3);min-width:0;display:grid}.look-tabs{gap:var(--s-1);flex-wrap:wrap;display:flex}.look-tab{min-height:var(--tap-min);padding:0 var(--s-3);background:var(--ink-1);color:var(--text-dim);border-radius:var(--radius);font:700 var(--fs-s) / 1 var(--font-ui);cursor:pointer;touch-action:manipulation;border:0}.look-tab.is-on{background:var(--signal);color:var(--on-signal)}.look-tab:focus-visible,.look-option:focus-visible{outline:var(--border) solid var(--signal);outline-offset:2px}.look-options{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.look-option{align-content:start;justify-items:center;gap:var(--s-1);min-height:var(--tap-min);padding:var(--s-2);background:var(--ink-1);color:var(--text);border-radius:var(--radius);box-shadow:inset 0 0 0 var(--border) var(--ink-3);font:inherit;cursor:pointer;touch-action:manipulation;border:0;display:grid;position:relative}.look-option-text{align-content:center}.look-option.is-on{box-shadow:inset 0 0 0 var(--border) var(--signal)}.look-option.is-locked{color:var(--text-dim);cursor:not-allowed}.look-option.is-locked .look-thumb{filter:grayscale()brightness(.6)}.look-thumb{place-items:center;height:64px;display:grid}.look-name{font-size:var(--fs-s);text-align:center;font-weight:700;line-height:1.15}.look-lock{align-items:center;gap:var(--s-1);padding:0 var(--s-1);background:var(--ink-3);color:var(--text);border-radius:var(--radius);font-size:var(--fs-xs);font-weight:700;line-height:1.4;display:inline-flex}.look-thumb-plate{font-size:var(--fs-s)}.look-thumb-frame.frame-manga{padding:var(--s-1)}.look-thumb-frame.frame-manga:after{inset:5px}.nameplate-title{color:var(--text-dim)}.nameplate.plate-band .nameplate-title{color:var(--text)}.supporter-badge{color:var(--hype);vertical-align:middle;place-items:center;display:inline-grid}.support-link{font-size:var(--fs-s);color:var(--text-dim)}.support-link a{color:var(--text);font-weight:700}.settings-dialog.profile-dialog{width:min(100% - 2 * var(--s-4), 680px)}.profile-panel{--panel-gap:var(--s-4);gap:var(--panel-gap)}.profile-panel .settings-group{gap:var(--s-3);padding:var(--s-4);background:var(--ink-2);border:var(--border) solid var(--ink-3);border-radius:var(--radius)}.profile-heading,.profile-panel .settings-group>h3.label{font-family:var(--font-ui);font-size:var(--fs-l);letter-spacing:0;text-transform:none;color:var(--text);margin:0;font-weight:700;line-height:1.2}.profile-panel .settings-group>.dim,.profile-small{font-size:var(--fs-s)}.profile-hero-head{align-items:center;gap:var(--s-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.profile-hero-name{min-width:0;font-size:var(--fs-l);gap:2px;display:grid}.profile-hero-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-hero-name .dim{font-size:var(--fs-s)}.profile-level{justify-items:center;display:grid}.profile-level .display{font-size:var(--fs-2xl);font-weight:400;line-height:var(--lh-display);color:var(--signal)}.profile-stats{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.profile-stat{min-width:0;padding:var(--s-2) var(--s-3);background:var(--ink-1);border-radius:var(--radius);flex-direction:column-reverse;justify-content:flex-end;gap:2px;display:flex}.profile-stat dd{font-family:var(--font-display);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;margin:0;line-height:1.1}.profile-stat.is-text dd{font-family:var(--font-ui);font-size:var(--fs-m);font-weight:700;line-height:1.3}@media (max-width:479px){.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-characters{gap:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.profile-character{min-height:var(--tap-game);padding:var(--s-2) var(--s-1);background:var(--ink-1);color:var(--text);border:var(--border) solid transparent;border-radius:var(--radius);font:inherit;cursor:pointer;place-items:center;gap:2px;display:grid}.profile-character.is-on{border-color:var(--signal)}.profile-character.is-locked{color:var(--text-dim);cursor:not-allowed}.profile-character.is-locked .char{filter:grayscale()brightness(.85)}.profile-character:focus-visible{outline:var(--border) solid var(--signal);outline-offset:2px}.profile-character-name{font-size:var(--fs-xs);font-weight:700}.profile-save{gap:var(--s-2);display:grid}.profile-status{min-height:1.4em;font-weight:700}.account-providers{gap:var(--s-2);display:grid}@media (min-width:560px){.account-providers{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.btn.provider-btn{gap:var(--s-3);min-height:var(--tap-game);font-size:var(--fs-m)}.btn.provider-discord{background:var(--brand-discord);color:var(--brand-discord-text);box-shadow:0 var(--key-depth) 0 var(--brand-discord-deep)}.btn.provider-discord:active{transform:translateY(var(--key-depth));box-shadow:0 0 0 var(--brand-discord-deep)}.btn.provider-google{background:var(--brand-google);color:var(--brand-google-text);box-shadow:inset 0 0 0 1px var(--brand-google-line)}.provider-logo{flex:none}.account-id{font-size:var(--fs-s)}.account-id .num{letter-spacing:var(--track-label);font-weight:700}.profile-chip{width:var(--s-8);height:var(--s-8);border:var(--border) solid var(--ink-3);background:var(--ink-1);color:var(--text);cursor:pointer;transition:border-color var(--t-ui) var(--ease-ui);border-radius:50%;flex:none;justify-self:start;place-items:center;padding:0;display:inline-grid;position:relative}.profile-chip:hover,.profile-chip:focus-visible{border-color:var(--signal)}.profile-chip .token-l{width:calc(var(--s-8) - var(--s-2));height:calc(var(--s-8) - var(--s-2))}.profile-chip-badge{inset:auto auto calc(var(--s-2) * -1) 50%;padding:0 var(--s-2);border:var(--border) solid var(--ink-3);border-radius:var(--radius);background:var(--ink-0);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;line-height:1.4;position:absolute;transform:translate(-50%)}@media (min-width:1024px){.profile-chip.is-corner{top:max(var(--s-5), env(safe-area-inset-top));right:max(var(--s-5), env(safe-area-inset-right));z-index:5;position:fixed}}.profile-foot{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.xp-gain{gap:var(--s-2);width:min(100%,420px);animation:np-fade var(--t-ui) var(--ease-ui) both;margin-inline:auto;display:grid}.xp-levelup{justify-self:center}.xp-line{justify-content:space-between;gap:var(--s-3);font-weight:700;display:flex}.xp-amount{color:var(--signal)}.xp-bar{height:var(--s-2);background:var(--ink-2);border:2px solid var(--ink-3)}.xp-bar span{background:var(--signal);height:100%;transition:width var(--t-moment) var(--ease-ui);display:block}.xp-unlocked{font-size:var(--fs-s)}.legal-links{gap:0 var(--s-4);font-size:var(--fs-s);flex-wrap:wrap;display:flex}.legal-links a{min-height:var(--tap-min);color:var(--text-dim);align-items:center;display:inline-flex}.legal-links a:hover,.legal-links a[aria-current=page]{color:var(--text)}.age-badge{padding:0 var(--s-1);border:var(--border) solid var(--text-dim);border-radius:var(--radius);color:var(--text);white-space:nowrap;line-height:1;display:inline-block}.home,.lobby-screen{align-content:start;gap:var(--s-5);max-width:560px;min-height:100dvh;padding:max(var(--s-6), env(safe-area-inset-top)) max(var(--s-4), env(safe-area-inset-right)) max(calc(var(--tap-min) + var(--s-4)), env(safe-area-inset-bottom)) max(var(--s-4), env(safe-area-inset-left));margin-inline:auto;display:grid}.home{container-type:inline-size}.home-profile{justify-self:end}.home-wordmark{font-size:clamp(1.6rem, 10.5cqi, var(--fs-3xl));margin-top:var(--s-5)}.home-tagline{text-wrap:balance;max-width:36ch}.home-lineup{align-items:end;padding-inline-start:var(--s-2);display:flex}.home-lineup .char{margin-inline-start:calc(var(--s-2) * -1)}.home-facts{margin-top:calc(var(--s-3) * -1)}.home-steps{gap:var(--s-3);counter-reset:step;color:var(--text-dim);display:grid}.home-steps li{grid-template-columns:var(--s-7) minmax(0, 1fr);counter-increment:step;align-items:baseline;display:grid}.home-steps li:before{content:counter(step);font-family:var(--font-display);font-size:var(--fs-l);color:var(--signal)}.home-steps strong{color:var(--text)}.home-shots{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-shots figure{gap:var(--s-1);margin:0;display:grid}.home-shots img{aspect-ratio:16/9;border:var(--border) solid var(--ink-3);background:var(--ink-1);width:100%;height:auto;display:block}.home-shots figcaption{font-size:var(--fs-xs);color:var(--text-dim)}.home-more{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-forms{gap:var(--s-5);display:grid}.home-panel{gap:var(--s-4);display:grid}.home-code{letter-spacing:.15em}.home-message{min-height:1.4em;color:var(--bad);font-weight:700}.home-message.is-ok{color:var(--good)}.lobby-head{justify-content:space-between;align-items:end;gap:var(--s-4);flex-wrap:wrap;display:flex}.lobby-brand{align-items:center;gap:var(--s-2);display:inline-flex}.lobby-code-block{gap:var(--s-1);display:grid}.lobby-code{font-size:var(--fs-2xl);letter-spacing:.15em}.lobby-players{gap:var(--s-3);display:grid}.lobby-players ul{gap:var(--s-2);display:grid}.lobby-player{align-items:center;column-gap:var(--s-3);min-height:56px;padding:var(--s-1) var(--s-3);background:var(--ink-2);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.lobby-player.is-me{isolation:isolate;background:var(--signal);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);border-radius:0;position:relative}.lobby-player.is-me:before{content:"";inset:var(--border);z-index:-1;background:var(--ink-2);clip-path:polygon(0 0, calc(100% - var(--cut) + 1px) 0, 100% calc(var(--cut) - 1px), 100% 100%, 0 100%);position:absolute}.lobby-player-fig{grid-row:1/span 2}.lobby-player-tags{align-items:center;gap:var(--s-2);grid-area:1/3;display:inline-flex}.lobby-host{color:var(--signal);place-items:center;display:inline-grid}.lobby-settings,.lobby-characters{gap:var(--s-3);display:grid}.lobby-characters-head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.lobby-characters-head .label{white-space:nowrap}.lobby-characters-head .btn,.character-folded .btn{min-height:40px;padding-inline:var(--s-3);font-size:var(--fs-s)}.character-folded{align-items:center;gap:var(--s-3);display:flex}.character-folded .character-figure{flex:none}.character-folded-name{flex:auto;min-width:0;line-height:1.25;display:grid}.character-folded-name>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-grid{gap:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.character-option{justify-items:center;gap:var(--s-1);min-height:var(--tap-game);padding:var(--s-2) var(--s-1);background:var(--ink-2);color:var(--text);border-radius:var(--radius);box-shadow:inset 0 0 0 var(--border) var(--ink-3);font:inherit;cursor:pointer;transition:box-shadow var(--t-ui) var(--ease-ui);border:0;display:grid;position:relative}.character-option.is-mine{box-shadow:inset 0 0 0 var(--border) var(--signal)}.character-option.is-taken{cursor:default}.character-option.is-taken .char{filter:grayscale()brightness(.7)}.character-option.is-taken .character-name{color:var(--text-dim)}.character-option.is-locked{cursor:not-allowed}.character-option.is-locked .char{filter:grayscale()brightness(.85)}.character-option.is-locked .character-name{color:var(--text-dim)}.character-name{font-size:var(--fs-xs);font-weight:700}.character-taker{top:var(--s-1);left:var(--s-1);right:var(--s-1);padding:0 var(--s-1);text-overflow:ellipsis;white-space:nowrap;background:var(--ink-0);border-radius:var(--radius);color:var(--text);position:absolute;overflow:hidden}.character-line{font-size:var(--fs-s);color:var(--text-dim)}.character-line strong{color:var(--text)}.segmented{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.segmented-2{grid-template-columns:repeat(2,minmax(0,1fr))}.segment{min-height:var(--tap-min);padding:var(--s-2) var(--s-1);background:var(--ink-2);color:var(--text);border-radius:var(--radius);box-shadow:inset 0 0 0 var(--border) var(--ink-3);font:inherit;cursor:pointer;transition:box-shadow var(--t-ui) var(--ease-ui);border:0;justify-items:center;gap:2px;display:grid}.segment.is-on{box-shadow:inset 0 0 0 var(--border) var(--signal)}.segment[disabled]{cursor:default}.segment-name{font-weight:700;font-size:var(--fs-s)}.segment-group{gap:var(--s-2);display:grid}.segment-label{align-items:baseline;gap:0 var(--s-2);font-size:inherit;font-weight:inherit;flex-wrap:wrap;display:flex}.segment-about{font-size:var(--fs-xs);color:var(--text-dim)}.segment-icon{width:28px;height:28px;margin-bottom:2px}.segment:not(.is-on) .segment-icon{opacity:.75}.segment-hint{font-size:var(--fs-xs);color:var(--text-dim)}.lobby-actions{gap:var(--s-3);display:grid}.lobby-tools{gap:var(--s-3);margin-top:calc(var(--s-3) - var(--s-5));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lobby-chat{gap:var(--s-2);grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;display:grid}.chat-lines{align-content:start;gap:var(--s-2);overscroll-behavior:contain;min-height:96px;max-height:240px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.chat-line{align-items:flex-start;gap:var(--s-2);min-width:0;display:flex}.chat-line .token{flex:none;margin-top:1px}.chat-body{overflow-wrap:anywhere;min-width:0;line-height:1.35}.chat-name{color:var(--text-dim);font-weight:700}.chat-line.is-me .chat-name{color:var(--signal)}.chat-empty,.chat-note{font-size:var(--fs-s);color:var(--text-dim);margin:0}.chat-note:empty{display:none}.chat-note.tone-bad{color:var(--bad)}.chat-form{gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.chat-form .input,.chat-form .btn{padding-inline:var(--s-3)}.conn-banner{left:50%;bottom:max(var(--s-4), env(safe-area-inset-bottom));padding:var(--s-2) var(--s-4);background:var(--ink-3);color:var(--text);border-radius:var(--radius);font-weight:700;font-size:var(--fs-s);z-index:10;position:fixed;transform:translate(-50%)}.announce{top:max(var(--s-4), env(safe-area-inset-top));max-width:calc(100vw - 2 * var(--s-4));padding:var(--s-2) var(--s-4);background:var(--hype);color:var(--on-hype);border-radius:var(--radius);z-index:20;text-align:center;font-weight:700;position:fixed;left:50%;translate:-50%}.custom-party{gap:var(--s-3);display:grid}.custom-party[open]{padding-top:var(--s-1)}.custom-party>summary{min-height:var(--tap-min);cursor:pointer;align-items:center;display:flex}.custom-party h3{margin-top:var(--s-2)}.category-grid{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.custom-party>summary::-webkit-details-marker{display:none}.custom-party>summary:after{content:"+";font-family:var(--font-display);font-size:var(--fs-l);color:var(--text);margin-left:auto}.custom-party[open]>summary:after{content:"−"}.spectating{left:max(var(--s-2), env(safe-area-inset-left));bottom:max(var(--s-2), env(safe-area-inset-bottom));z-index:39;align-items:center;gap:var(--s-2);max-width:calc(100% - var(--corner-slots) * (var(--tap-min) + var(--s-2)) - var(--s-4));padding:var(--s-1) var(--s-3);background:var(--ink-1);border:var(--border) solid var(--ink-3);border-radius:var(--radius);font-size:var(--fs-s);pointer-events:none;font-weight:700;display:inline-flex;position:fixed}@media (max-width:479px){.spectating{bottom:calc(max(var(--s-2), env(safe-area-inset-bottom)) + var(--tap-min) + var(--s-2));max-width:calc(100% - var(--tap-min) - 3 * var(--s-2))}}.watcher-glyph{color:var(--text-dim);flex:none}.watching-panel{gap:var(--s-2);display:grid}.watching-list{align-items:center;gap:var(--s-2);margin-top:var(--s-2);font-size:var(--fs-s);display:flex}.home-message:not(:empty),.conn-banner,.spectating{animation:np-fade var(--t-ui) var(--ease-ui) both}.lobby-player-name{grid-area:1/2;min-width:0;display:grid}.lobby-player-meta{--sep:1.1em;column-gap:var(--sep);min-width:0;color:var(--text-dim);flex-wrap:wrap;grid-area:2/2/auto/-1;margin-top:2px;display:flex;overflow:hidden}.lobby-player-title{min-width:0}.lobby-player-level{white-space:nowrap;position:relative}.lobby-player-sep{width:var(--sep);text-align:center;position:absolute;right:100%}.lobby-player-tag{align-items:center;gap:var(--s-1);min-width:0;display:inline-flex}.lobby-player-tag .player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.home-intro,.home-actions{display:contents}.home-steps,.home-shots{order:1}.home-footer{gap:var(--s-1);order:2;display:grid}@media (min-width:1024px) and (min-height:560px){.home{max-width:min(1080px, calc(100vw - 2 * (var(--s-8) + var(--s-6))));align-content:center;column-gap:var(--s-8);min-height:100dvh;padding-block:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,440px)}.home-intro,.home-actions{align-content:start;gap:var(--s-5);display:grid}.home-intro{container-type:inline-size}.home-steps,.home-shots{order:0}.home-wordmark{margin-top:0}.home{grid-template-areas:"intro actions""footer actions"}.home-intro{grid-area:intro}.home-actions{grid-area:actions}.home-footer{grid-area:footer}.home-shots{grid-template-columns:repeat(4,minmax(0,1fr))}@container (width<=459px){.home-shots{display:none}}.lobby-screen{max-width:1400px;padding-inline:var(--s-6) calc(var(--s-8) + var(--s-7));align-content:stretch;gap:var(--s-4) var(--s-5);height:100dvh;min-height:0;padding-block:var(--s-5);grid-template:"head head head""players chars settings""players chat settings"minmax(0,1fr)/minmax(0,1.05fr) minmax(0,.95fr) minmax(0,1.2fr)}.lobby-head{flex-wrap:nowrap;grid-area:head;justify-content:start;align-items:center}.lobby-head .lobby-actions{flex:auto;min-width:max-content;max-width:420px}.lobby-head .lobby-actions .btn-game{min-height:var(--tap-game);font-size:var(--fs-m);white-space:nowrap}.lobby-players{grid-area:players}.lobby-characters,.lobby-screen>.watching-panel{grid-area:chars}.lobby-settings{grid-area:settings}.lobby-chat{padding:var(--s-4);grid-area:chat}.lobby-head .lobby-tools{flex:none;margin-top:0;margin-left:auto;display:flex}.chat-lines{min-height:0;max-height:none}.lobby-players,.lobby-characters,.lobby-settings{min-height:0;padding:var(--s-4);align-content:start;overflow-y:auto}.lobby-player{min-height:48px}.lobby-code{font-size:var(--fs-xl)}}@media (min-width:1024px) and (max-height:760px){.lobby-screen .segment-about,.lobby-screen .character-line{display:none}.lobby-settings{gap:var(--s-2)}.lobby-settings .segment{padding-block:6px}.lobby-settings .segment-icon{width:24px;height:24px}}@media (min-width:1024px) and (min-height:560px) and (max-height:860px){.character-option{padding-block:var(--s-1)}.character-option .px-char{--w:44px!important;--h:52px!important}}@media (min-width:1024px) and (min-height:560px) and (max-height:700px){.lobby-chat>h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lobby-chat,.lobby-characters{padding:var(--s-3)}}@media (min-width:1024px) and (min-height:560px) and (max-height:760px){.home{padding-block:var(--s-4);row-gap:var(--s-4)}.home-intro,.home-actions,.home-forms{gap:var(--s-4)}.home-steps{gap:var(--s-2)}.panel.home-panel{padding:var(--s-4);gap:var(--s-3)}}@media (min-width:1024px) and (min-height:560px) and (max-height:639px){.home-shots{display:none}}@media (min-width:1024px) and (max-width:1199px) and (min-height:560px){.home{column-gap:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,380px)}}@font-face{font-family:Dela Gothic One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dela-gothic-one-latin-400-normal-AgyGD05y.woff2)format("woff2");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}@font-face{font-family:Dela Gothic One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dela-gothic-one-latin-ext-400-normal-BO84qhgB.woff2)format("woff2");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:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2");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}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2");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:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2");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}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2");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:Atkinson Hyperlegible;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-400-italic-D-qjh7ci.woff2)format("woff2");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}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-ext-400-italic-3fJ3SmOv.woff2)format("woff2");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}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-0:#0b0c16;--ink-1:#141627;--ink-2:#1e2138;--ink-3:#2e3254;--text:#f3f1f8;--text-dim:#a3a6c2;--signal:#ffd23f;--signal-deep:#a88000;--on-signal:#191300;--hype:#ff3d8b;--hype-deep:#a8175a;--on-hype:#12040a;--good:#3ee6a8;--bad:#ff5a3c;--bad-deep:#a3260f;--brand-discord:#5865f2;--brand-discord-deep:#3c45a5;--brand-discord-text:#fff;--brand-google:#131314;--brand-google-line:#8e918f;--brand-google-text:#e3e3e3;--draw-orange:#f2a33a;--draw-blue:#4da3ff;--draw-purple:#b57cff;--draw-skin:#ffd9c2;--draw-brown:#c26a3d;--font-display:"Dela Gothic One", "Arial Black", "Helvetica Neue", sans-serif;--font-ui:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--fs-xs:.875rem;--fs-s:1rem;--fs-m:1.125rem;--fs-l:1.5rem;--fs-xl:2rem;--fs-2xl:3rem;--fs-3xl:4.5rem;--fs-hero:7.5rem;--lh-ui:1.4;--lh-display:1.05;--track-label:.08em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--radius:4px;--cut:14px;--border:2px;--slant:-8deg;--shadow-hard:5px 5px 0 var(--hype);--tap-min:48px;--tap-game:64px;--key-depth:5px;--cap-depth:14px;--housing-depth:10px;--glow-blur:64px;--ease-ui:cubic-bezier(.2, .8, .2, 1);--ease-slam:cubic-bezier(.34, 1.56, .64, 1);--t-ui:.15s;--t-moment:.42s}*,:before,:after{box-sizing:border-box}html{background:var(--ink-0);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ink-0);min-height:100dvh;color:var(--text);font-family:var(--font-ui);font-size:var(--fs-m);line-height:var(--lh-ui);-webkit-tap-highlight-color:transparent;margin:0}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-3);background-clip:padding-box;border:4px solid #0000;border-radius:0;min-height:40px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-dim)}::-webkit-scrollbar-thumb:active{background-color:var(--signal)}::-webkit-scrollbar-button{display:none}@supports ((-moz-appearance:none)){*{scrollbar-color:var(--ink-3) transparent;scrollbar-width:thin}}button,a,input,[role=button],[role=radio]{touch-action:manipulation}:where(button:not(.btn,.arcade-cap)){transition:translate var(--t-ui) var(--ease-ui), scale var(--t-ui) var(--ease-ui), background-color var(--t-ui) var(--ease-ui), border-color var(--t-ui) var(--ease-ui), box-shadow var(--t-ui) var(--ease-ui), color var(--t-ui) var(--ease-ui)}:where(button:not(.btn,.arcade-cap,:disabled)):active{translate:0 1px;scale:.97}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) :where(button):active{translate:none;scale:none}}:root[data-motion=reduced] :where(button):active{translate:none;scale:none}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.num{font-variant-numeric:tabular-nums}.dim{color:var(--text-dim)}.label{font-size:var(--fs-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-dim);font-weight:700}.display{font-family:var(--font-display);font-weight:400;line-height:var(--lh-display)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel{isolation:isolate;background:var(--ink-3);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding:var(--s-5);position:relative}.panel:before{content:"";inset:var(--border);z-index:-1;background:var(--ink-1);clip-path:polygon(0 0, calc(100% - var(--cut) + 1px) 0, 100% calc(var(--cut) - 1px), 100% 100%, 0 100%);position:absolute}@media (max-width:479px){.panel{padding:var(--s-4)}}.panel-tight{padding:var(--s-4)}.band{background:var(--hype);color:var(--on-hype);transform:skewX(var(--slant));padding:0 .16em;display:inline-block}.band>span{transform:skewX(calc(var(--slant) * -1));display:inline-block}.wordmark{font-family:var(--font-display);align-items:center;gap:.18em;font-weight:400;line-height:1.05;display:flex}.wordmark .logo-mark{flex:none;width:1.2em;height:1.2em;margin-right:.04em}.wordmark-text{white-space:nowrap;align-items:baseline;display:inline-flex}.wordmark-text .band{margin-left:.06em}.chip{align-items:center;gap:var(--s-1);min-height:28px;padding:0 var(--s-3);border-radius:var(--radius);font-size:var(--fs-xs);letter-spacing:var(--track-label);text-transform:uppercase;font-weight:700;display:inline-flex}.chip-hype{background:var(--hype);color:var(--on-hype);transform:skewX(var(--slant))}.chip-hype>span{transform:skewX(calc(var(--slant) * -1));display:inline-block}.chip-item{box-shadow:inset 0 0 0 var(--border) var(--text-dim);color:var(--text);min-height:36px}.token{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:inline-grid;overflow:hidden}.token-l{width:44px;height:44px}.player{align-items:center;gap:var(--s-2);min-width:0;display:inline-flex}.player-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap-min);padding:0 var(--s-5);border-radius:var(--radius);font:700 var(--fs-m) / 1 var(--font-ui);cursor:pointer;touch-action:manipulation;transition:transform var(--t-ui) var(--ease-ui), box-shadow var(--t-ui) var(--ease-ui);border:0;display:inline-flex}.btn-primary{background:var(--signal);color:var(--on-signal);box-shadow:0 var(--key-depth) 0 var(--signal-deep)}.btn-primary:hover{box-shadow:0 calc(var(--key-depth) + 1px) 0 var(--signal-deep);transform:translateY(-1px)}.btn-primary:active{transform:translateY(var(--key-depth));box-shadow:0 0 0 var(--signal-deep)}.btn-ghost{color:var(--text);box-shadow:inset 0 0 0 var(--border) var(--text-dim);background:0 0}.btn-ghost:hover{box-shadow:inset 0 0 0 var(--border) var(--text)}.btn-ghost:active{transform:translateY(2px)}.btn-danger{background:var(--bad);color:var(--on-signal);box-shadow:0 var(--key-depth) 0 var(--bad-deep)}.btn-danger:active{transform:translateY(var(--key-depth));box-shadow:0 0 0 var(--bad-deep)}.btn[disabled]{background:var(--ink-2);color:var(--text-dim);box-shadow:none;cursor:not-allowed;transform:none}.btn-game{min-height:var(--tap-game);font-size:var(--fs-l);width:100%}.buttons{gap:var(--s-3);flex-wrap:wrap;display:flex}.arcade{aspect-ratio:1;background:var(--ink-3);width:clamp(150px,min(36vw,30dvh),250px);max-width:100%;box-shadow:0 var(--housing-depth) 0 var(--ink-0);border-radius:50%;position:relative;container-type:inline-size}.arcade.is-glowing{box-shadow:0 var(--housing-depth) 0 var(--ink-0), 0 0 var(--glow-blur) color-mix(in srgb, var(--cap) 40%, transparent)}.arcade-well{background:var(--ink-0);border-radius:50%;position:absolute;inset:11%}.arcade-cap{width:calc(100% - var(--cap-depth) - var(--s-3));aspect-ratio:1;background:var(--cap);color:var(--cap-text,var(--on-signal));font-family:var(--font-display);font-size:clamp(var(--fs-m), 11cqi, var(--fs-xl));cursor:pointer;transform:translate(-50%, calc(-50% - var(--cap-depth) / 2));box-shadow:0 var(--cap-depth) 0 var(--cap-deep);transition:transform var(--t-ui) var(--ease-ui), box-shadow var(--t-ui) var(--ease-ui);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;padding:0;position:absolute;top:50%;left:50%}.arcade-cap:active,.arcade-cap.is-pressed{transform:translate(-50%, calc(-50% + var(--cap-depth) / 2 - 2px));box-shadow:0 2px 0 var(--cap-deep)}.arcade-cap[disabled]{cursor:not-allowed;background:var(--ink-3);color:var(--text-dim);box-shadow:0 var(--cap-depth) 0 var(--ink-2)}.arcade.is-locked .arcade-cap{cursor:not-allowed;opacity:.6}.arcade-bad{--cap:var(--bad);--cap-deep:var(--bad-deep)}.arcade-signal{--cap:var(--signal);--cap-deep:var(--signal-deep)}.arcade-hype{--cap:var(--hype);--cap-deep:var(--hype-deep);--cap-text:var(--on-hype)}.arcade-idle{--cap:var(--ink-3);--cap-deep:var(--ink-1);--cap-text:var(--text)}.timer{gap:var(--s-2);justify-items:end;display:grid}.timer-num{font-family:var(--font-display);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;line-height:1}.timer-slot{visibility:hidden}.timer.is-low .timer-num{color:var(--bad)}.timer-bar{background:var(--ink-2);width:clamp(72px,20vw,120px);height:8px}.timer-bar>i{height:100%;width:calc(var(--left) * 100%);background:var(--signal);transition:width var(--t-ui) linear;display:block}.timer.is-low .timer-bar>i{background:var(--bad)}.ranking{gap:var(--s-2);display:grid}.rank-row{align-items:center;gap:var(--s-3);min-height:52px;padding:0 var(--s-4);background:var(--ink-2);border-radius:var(--radius);grid-template-columns:2.25rem minmax(0,1fr) auto auto;display:grid}.rank-row .rank{font-family:var(--font-display);font-size:var(--fs-l);font-variant-numeric:tabular-nums}.rank-row.is-framed{isolation:isolate;background:var(--signal);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);border-radius:0;position:relative}.rank-row.is-framed:before{content:"";inset:var(--border);z-index:-1;background:var(--ink-2);clip-path:polygon(0 0, calc(100% - var(--cut) + 1px) 0, 100% calc(var(--cut) - 1px), 100% 100%, 0 100%);position:absolute}.rank-row .rank-who{align-items:center;gap:var(--s-2);min-width:0;display:inline-flex}.rank-row .detail{font-size:var(--fs-xs);letter-spacing:var(--track-label);font-weight:700}.amount{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.amount svg{flex:none;width:1.15em;height:1.15em}.amounts{align-items:center;gap:var(--s-2);display:inline-flex}.rank-row .reward{font-variant-numeric:tabular-nums;text-align:right;min-width:3.5ch;font-weight:700}@media (max-width:479px){.rank-row{padding:var(--s-2) var(--s-3);grid-template-columns:2rem minmax(0,1fr) auto;row-gap:0}.rank-row .rank{grid-row:1/span 2}.rank-row .detail{grid-area:2/2}.rank-row .detail:empty{display:none}.rank-row .reward{grid-area:1/3/span 2}}.tone-signal{color:var(--signal)}.tone-good{color:var(--good)}.tone-bad{color:var(--bad)}.callout{font-family:var(--font-display);transform:rotate(var(--slant));line-height:1;display:inline-block}.callout-zone{padding-block:var(--s-2);overflow:clip visible;container-type:inline-size}.callout-perfect{font-size:clamp(var(--fs-xl), 15cqi, var(--fs-3xl));color:var(--signal);text-shadow:5px 5px 0 var(--hype)}.callout-great{font-size:var(--fs-xl);color:var(--good)}.callout-good{font-size:var(--fs-l);color:var(--text)}.callout-miss{font-size:var(--fs-l);color:var(--bad)}.countdown-num{text-align:center;min-width:.8em;font-family:var(--font-display);font-size:min(var(--fs-hero), 16dvh);font-variant-numeric:tabular-nums;line-height:.9;display:inline-block}.field{gap:var(--s-2);display:grid}.input{font:inherit;font-size:var(--fs-m);color:var(--text);background:var(--ink-2);border:var(--border) solid var(--text-dim);border-radius:var(--radius);min-height:var(--tap-min);padding:0 var(--s-4);width:100%}.input:focus-visible{border-color:var(--signal);outline-offset:2px}.input-code{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.3em;text-transform:uppercase;min-height:var(--tap-game)}.stage-dots{isolation:isolate;position:relative}.stage-dots:before{content:"";z-index:-1;background-image:radial-gradient(circle, var(--ink-3) 1.3px, transparent 1.7px);background-size:11px 11px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000 100%);mask-image:radial-gradient(closest-side,#000 30%,#0000 100%)}:is(.home,.lobby-screen,.match-screen){animation:np-fade var(--t-ui) var(--ease-ui) both}.slam{animation:np-slam var(--t-moment) var(--ease-slam) both}.pop{animation:np-pop var(--t-moment) var(--ease-slam) both}@keyframes np-slam{0%{transform:rotate(var(--slant)) scale(1.7);opacity:0}to{transform:rotate(var(--slant)) scale(1);opacity:1}}@keyframes np-pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes np-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .slam,:root:not([data-motion=full]) .pop{animation:np-fade var(--t-ui) ease-out both}:root:not([data-motion=full]) .btn,:root:not([data-motion=full]) .arcade-cap,:root:not([data-motion=full]) .timer-bar>i{transition:none}}:root[data-motion=reduced] .slam,:root[data-motion=reduced] .pop{animation:np-fade var(--t-ui) ease-out both}:root[data-motion=reduced] .btn,:root[data-motion=reduced] .arcade-cap,:root[data-motion=reduced] .timer-bar>i{transition:none}.rank-row .amounts{animation:np-pop var(--t-moment) var(--ease-slam) both}.rank-row:nth-child(2) .amounts{animation-delay:90ms}.rank-row:nth-child(3) .amounts{animation-delay:.18s}.rank-row:nth-child(n+4) .amounts{animation-delay:.27s}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .rank-row .amounts{animation-name:np-fade}}:root[data-motion=reduced] .rank-row .amounts{animation-name:np-fade}