.sup-page{padding-bottom:8px;display:block}.sup{--sp-ink:#0f0e18;--sp-paper:#f2f0f7;--sp-muted:#b3b0c2;--seat:46px;width:min(100% - 32px,1100px);color:var(--text);flex-direction:column;gap:36px;margin:0 auto;padding:8px 0 0;display:flex}.sup-hero{text-align:center;justify-items:center;gap:10px;display:grid}.sup-eyebrow{font:800 var(--type-meta)/1.2 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-fg);margin:0}.sup-h1{font:700 clamp(32px, 9vw, 58px)/.98 var(--font-display);letter-spacing:-.015em;color:var(--text);text-wrap:balance;margin:0}.sup-lead{max-width:46ch;font:600 15px/1.5 var(--font-body);color:var(--text-2);text-wrap:pretty;margin:0 0 8px}.sup-lobby{background:var(--sp-ink);width:min(100%,560px);color:var(--sp-paper);text-align:left;will-change:transform, filter;border-radius:16px;flex-direction:column;gap:6px;padding:12px 12px 8px 14px;display:flex;position:relative}.sup-lobby-title{font:800 11px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--sp-muted);margin:0 0 2px}.sup-lobby-party{gap:10px;min-height:44px;display:flex}.sup-seat{width:calc(var(--seat) + 6px);flex-direction:column;align-items:center;gap:5px;display:flex}.sup-face{width:var(--seat);height:var(--seat);transition:transform .22s var(--snap);display:block;position:relative}.sup-face [data-avatar-tile]{width:var(--seat);height:var(--seat);border-radius:12px}.sup-crown,.sup-ready{z-index:3;width:18px;height:18px;box-shadow:0 0 0 2px var(--sp-ink);border-radius:50%;place-items:center;display:grid;position:absolute}.sup-crown{color:var(--sp-ink);background:gold;top:-5px;right:-5px}.sup-ready{background:var(--green,#16a34a);color:#fff;bottom:-4px;right:-5px}.sup-nick{max-width:100%;font:800 10.5px/1.1 var(--font-display);letter-spacing:.03em;color:var(--sp-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sup-seat[data-self] .sup-nick{color:var(--sp-paper)}.sup-lobby-rules{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin:4px 0 0;padding:8px 0 2px;display:flex}.sup-lobby-rules small{font:800 9.5px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--sp-muted)}.sup-lobby-rules b{font:700 13px/1.15 var(--font-display)}.sup-seat[data-ko] .sup-face{transform:rotate(-14deg)translateY(2px)}.sup-seat[data-ko] .sup-nick{color:#ff9b9b}.sup-ko{z-index:4;pointer-events:none;animation:sup-ko-pop .3s var(--pop) both;place-items:center;display:grid;position:absolute;inset:0}.sup-ko svg{width:100%;height:100%}@keyframes sup-ko-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.sup-unleash-row{justify-items:center;gap:8px;display:grid}.sup-unleash{border:2px solid var(--gold);background:var(--gold);min-height:50px;color:var(--sp-ink);font:800 14px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 22px 0 16px;transition:transform .12s,filter .15s;display:inline-flex}.sup-unleash:active:not(:disabled){transform:scale(.98)}.sup-unleash:disabled{color:var(--gold);cursor:default;background:0 0}.sup-unleash:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (hover:hover){.sup-unleash:not(:disabled):hover{filter:brightness(1.06);box-shadow:0 4px 22px var(--gold-glow)}}.sup-ring{flex:none}.sup-hint{max-width:40ch;font:600 12px/1.45 var(--font-body);color:var(--muted);text-align:center;margin:0}.sup-section{gap:12px;display:grid}.sup-h2{font:700 clamp(24px, 6vw, 34px)/1.05 var(--font-display);letter-spacing:-.01em;color:var(--text);margin:0}.sup-h3{font:800 var(--type-meta)/1.2 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-fg);margin:10px 0 0}.sup-sub{max-width:60ch;font:600 14px/1.5 var(--font-body);color:var(--text-2);margin:-4px 0 2px}.sup-card{border:1px solid var(--gold-border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--gold-dim), var(--gold-subtle)), var(--surface)}.sup-power{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:18px 16px;display:grid;position:relative;overflow:clip}.sup-power-face{flex:none;margin-top:2px;display:inline-grid;position:relative}.sup-power-text{gap:8px;min-width:0;display:grid}.sup-power-text h3{font:700 22px/1.1 var(--font-display);color:var(--text);margin:0}.sup-three{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sup-three li{font:600 13.5px/1.45 var(--font-body);color:var(--text-2);gap:1px;display:grid}.sup-three b{font:800 var(--type-meta)/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-fg)}.sup-next{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sup-next li{border:1px solid var(--border);background:var(--surface);font:600 12.5px/1.4 var(--font-body);color:var(--muted);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.sup-next b{font:700 15px/1.2 var(--font-display);color:var(--text)}.sup-stage{gap:10px;width:min(100%,640px);min-height:268px;display:grid}.sup-stage-loading{height:268px}.sup-also{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sup-also li{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:flex}.sup-also-art{flex:none;place-items:center;display:inline-grid}.sup-discord{color:#fff;width:36px;height:36px;font:800 18px/1 var(--font-display);background:#5865f2;border-radius:50%}.sup-also-text{min-width:0;font:600 12.5px/1.4 var(--font-body);color:var(--muted);flex:1;gap:2px;display:grid}.sup-also-text b{font:700 15px/1.2 var(--font-display);color:var(--text)}.sup-also-btn{border:1.5px solid var(--border);min-height:44px;color:var(--text);font:800 12px/1 var(--font-display);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:0 16px;transition:border-color .15s}.sup-also-btn:focus-visible,.sup-bar-manage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.sup-also-btn:hover,.sup-bar-manage:hover{border-color:var(--text-2)}}.sup-bar{z-index:20;padding:10px 12px calc(10px + var(--safe-bottom));border:1px solid var(--gold-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(180deg, var(--gold-dim), var(--gold-subtle)), var(--bg-raised);gap:8px;margin:8px 0 0;display:grid;position:sticky;bottom:0;box-shadow:0 -8px 32px #00000073}.sup-plans{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sup-plan{all:unset;box-sizing:border-box;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;align-content:start;gap:3px;min-height:56px;padding:8px 10px;transition:border-color .15s,box-shadow .15s;display:grid}.sup-plan[aria-checked=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold), 0 4px 22px var(--gold-glow)}.sup-plan:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sup-plan-name{font:800 10.5px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.sup-plan-price{font:800 19px/1.1 var(--font-display);color:var(--text)}.sup-plan-price small{font:700 12px/1 var(--font-body);color:var(--text-2)}.sup-plan-free{background:var(--gold);color:var(--on-gold,#0f0e18);font:800 10px/1.2 var(--font-display);letter-spacing:.04em;border-radius:999px;justify-self:start;padding:2px 7px}.sup-bar-go{border:2px solid var(--gold);background:var(--gold);min-height:48px;color:var(--on-gold,#0f0e18);font:800 13px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;transition:filter .15s;display:inline-flex}.sup-bar-go[aria-disabled=true]{filter:saturate(.6)brightness(.9);cursor:default}.sup-bar-go:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (hover:hover){.sup-bar-go:not([aria-disabled=true]):hover{filter:brightness(1.06);box-shadow:0 4px 22px var(--gold-glow)}}.sup-bar-terms,.sup-bar-note{font:600 11px/1.4 var(--font-body);color:var(--muted);text-align:center;margin:0}.sup-bar-terms a{color:var(--text);text-underline-offset:2px;font-weight:700;text-decoration:underline}.sup-bar-error{font:700 12px/1.4 var(--font-body);color:var(--red);text-align:center;margin:0}.sup-bar[data-supporter],.sup-bar[data-site-only]{grid-template-columns:minmax(0,1fr) auto;align-items:center}.sup-bar[data-site-only] .sup-bar-error{grid-column:1/-1}.sup-bar-thanks{font:700 14px/1.3 var(--font-display);color:var(--text);align-items:center;gap:8px;margin:0;display:flex}.sup-bar-manage{border:1.5px solid var(--border);min-height:44px;color:var(--text);font:800 12px/1 var(--font-display);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:10px;padding:0 16px;transition:border-color .15s}@media (max-width:359px){.sup{--seat:44px;width:min(100% - 20px,1100px)}.sup-lobby-party{gap:6px}.sup-seat{width:48px}.sup-unleash{padding:0 14px 0 12px;font-size:12.5px}}@media (min-width:900px){.sup{--seat:64px;gap:52px;padding-top:20px}.sup-hero{gap:12px}.sup-lead{font-size:17px}.sup-lobby{gap:8px;width:min(100%,720px);padding:16px 18px 10px 20px}.sup-lobby-party{gap:16px}.sup-seat{width:calc(var(--seat) + 10px);gap:7px}.sup-face [data-avatar-tile]{border-radius:16px}.sup-crown,.sup-ready{width:22px;height:22px}.sup-nick{font-size:12px}.sup-lobby-rules b{font-size:15px}.sup-unleash{min-height:54px;padding:0 26px 0 18px;font-size:15px}.sup-section{grid-template-columns:minmax(0,1fr)}.sup-sub{font-size:15px}.sup-power{grid-template-columns:auto minmax(0,1fr);gap:28px;padding:28px}.sup-power-face{margin-top:0}.sup-power-text h3{font-size:28px}.sup-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sup-three li{font-size:14px}.sup-next{grid-template-columns:repeat(4,minmax(0,1fr))}.sup-stage{width:min(100%,720px)}.sup-also{grid-template-columns:repeat(3,minmax(0,1fr))}.sup-also li{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.sup-also-btn{margin-top:auto}.sup-bar{padding:12px 18px calc(12px + var(--safe-bottom));grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 20px}.sup-plans{grid-template-columns:1fr 1fr;min-width:300px}.sup-bar>.sup-bar-go{justify-self:start}.sup-bar-terms{text-align:left;grid-column:1/-1}.sup-bar-note{text-align:left;grid-column:2}.sup-bar[data-supporter]{grid-template-columns:minmax(0,1fr) auto}.sup-bar-thanks{font-size:16px}}@media (min-width:1200px){.sup-bar{grid-template-columns:auto auto minmax(0,1fr)}.sup-bar-terms{text-align:left;grid-column:3}}@media (prefers-reduced-motion:reduce){.sup-face,.sup-unleash,.sup-plan,.sup-bar-go,.sup-also-btn,.sup-bar-manage{transition:none}.sup-ko{animation:none}}