@font-face{font-family:Quicksand;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/quicksand-latin.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/roboto-500-bouton.woff2) format("woff2");unicode-range:U+20,U+43,U+47,U+61,U+63,U+65,U+67,U+69,U+6c,U+6e-6f,U+72,U+74-76}@property --deck-min{syntax: "<length>"; inherits: true; initial-value: 400px;}:root{--bg: #3b1d53;--plaque: #2c1e37;--surface: #6b4ca9;--surface-deep: #583e87;--field: #41344b;--ink: #1f0a33;--btn: #9c5eeb;--btn-hover: #ab76f5;--neutral: #968e9b;--neutral-hover: #847c89;--clock-ring: #9b7aff;--cream: #f6f7de;--question: #fdc31f;--gold: #ffd700;--silver: #c0c0c0;--bronze: #dca671;--success: #35de80;--danger: #ff6b66;--text: #ffffff;--muted: #e0d6f3;--muted-2: #c9b8e8;--dash: #bda2e0;--fs-frame-title: clamp(28px, calc(20.67px + 2.04cqi) , 50px);--fs-zone-title: clamp(24px, calc(18.67px + 1.48cqi) , 40px);--fs-sub: clamp(20px, calc(16.67px + .93cqi) , 30px);--fs-explain: clamp(18px, calc(14px + 1.11cqi) , 30px);--fs-pseudo: clamp(16px, calc(13.33px + .74cqi) , 24px);--fs-text: clamp(15px, calc(13.33px + .46cqi) , 20px);--fs-rank: clamp(14px, calc(12.67px + .37cqi) , 18px);--fs-nav: clamp(15px, calc(13.5px + .3vw) , 18px);--fs-year: clamp(34px, calc(28.67px + 1.48cqi) , 50px);--fs-btn-l: clamp(24px, calc(18.67px + 1.48cqi) , 40px);--fs-btn-m: clamp(24px, calc(22px + .56cqi) , 30px);--fs-btn-pair: clamp(24px, calc(22px + .56cqi) , 26px);--fs-btn-card: 24px;--gap: clamp(12px, calc(8px + 1.11cqi) , 24px);--pad: clamp(16px, calc(10.67px + 1.48cqi) , 32px);--r-brand: clamp(20px, calc(16.67px + .93cqi) , 30px);--r-compact: clamp(14px, calc(12px + .56cqi) , 20px);--r-arch: clamp(30px, calc(25px + 1.39cqi) , 45px);--pill: 999px;--btn-l-h: clamp(56px, calc(43.33px + 3.52cqi) , 94px);--btn-m-h: clamp(48px, calc(40.67px + 2.04cqi) , 70px);--btn-pill-h: clamp(48px, calc(37.67px + 2.87cqi) , 79px);--nav-round: clamp(44px, calc(38.67px + 1.48cqi) , 60px);--tile: clamp(96px, calc(71.33px + 6.85cqi) , 170px);--tile-xl: clamp(120px, min( calc(84px + 7cqi) , 15dvh), 240px);--shop-card: clamp(88px, calc(88px + .08*(100cqi - 328px)) , 160px);--shop-theme-card: clamp(136px, calc(136px + .1*(100cqi - 328px)) , 220px);--logo: clamp(72px, calc(32px + 11.11cqi) , 192px);--timer: clamp(88px, calc(57.33px + 8.52cqi) , 180px);--stage-max: 1158px;--frame-narrow: clamp(620px, calc(150cqi - 579px) , var(--stage-max));--col-min: clamp(300px, calc(266.67px + 9.26cqi) , 400px);--head-top: .9rem;--head-gap: clamp(16px, calc(12px + 1.1svw) , 28px);--reserve: calc(var(--head-top) + var(--touch) + var(--head-gap));--deck-min: clamp(400px, calc(360px + 11.11cqi) , 520px);--gutter: max(.9rem, calc(50vw - var(--stage-max) / 2));--touch: 48px;--tabbar: 60px;--dim-art: grayscale(1) brightness(.5) contrast(.85) opacity(.55);font-family:Quicksand,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:700;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);min-height:100%}.screen{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:var(--reserve);padding-bottom:var(--head-gap)}.screen:after{content:"";flex:1 1 0;max-height:calc(var(--reserve) - var(--head-gap))}@media(max-width:900px){.screen.hub{padding-bottom:calc(var(--tabbar) + 1.5rem + env(safe-area-inset-bottom))}.screen.hub:after{content:none}}.stage{container-type:inline-size;width:min(var(--stage-max),100%);display:flex;flex-direction:column;align-items:stretch;gap:var(--gap);flex:1;justify-content:center}.frame{background:var(--plaque);border-radius:var(--r-brand);padding:calc(var(--gap) * .6);display:grid;grid-template-rows:auto 1fr;gap:calc(var(--gap) * .6)}.frame__bar{text-align:center;padding:calc(var(--gap) * .35) var(--gap)}.frame__bar h1,.frame__bar h2{font-size:var(--fs-frame-title);line-height:1.05;text-transform:uppercase}.frame.fit .frame__bar h1{white-space:nowrap;font-size:clamp(22px,6.6cqi,var(--fs-frame-title))}.frame__zone{background:var(--surface);border-radius:var(--r-brand);padding:var(--pad);display:grid;gap:var(--gap);align-content:center}.frame__action{display:flex;flex-wrap:wrap;gap:calc(var(--gap) * .5);padding:0 calc(var(--gap) * .4) calc(var(--gap) * .4)}.frame__action>*{flex:1 1 210px;margin:0}.frame__action>.full{flex-basis:100%}.frame__action>.btn-l{font-size:var(--fs-btn-pair)}.frame__action>.resume{background:var(--neutral)}.frame__action>.resume:hover:not(:disabled){background:var(--neutral-hover)}.frame__action>button{text-wrap:balance;line-height:1.15}.frame__action>.btn-l.full{font-size:var(--fs-btn-l)}.dial{width:calc(var(--fs-frame-title) * 1.5);display:grid}h1,h2,h3{margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.02em}h2{font-size:var(--fs-zone-title)}h3{font-size:var(--fs-sub)}body{font-size:var(--fs-text)}.muted{color:var(--muted);font-weight:500}.frame__zone .muted{font-weight:700;font-size:max(19px,var(--fs-text))}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-rank);font-weight:700}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}button,a.btn{font:inherit;font-weight:700;font-size:var(--fs-btn-m);text-transform:uppercase;letter-spacing:.02em;border:none;border-radius:var(--pill);padding:0 calc(var(--gap) * 1.2);min-height:var(--btn-m-h);background:var(--btn);color:var(--text);cursor:pointer;display:inline-grid;place-items:center;text-align:center;text-decoration:none;transition:background-color .12s ease,transform .08s ease}button:hover:not(:disabled),a.btn:hover{background:var(--btn-hover)}button:active:not(:disabled),a.btn:active{transform:translateY(2px)}button:disabled,select:disabled{opacity:.55;cursor:not-allowed}.btn-l{min-height:var(--btn-l-h);font-size:var(--fs-btn-l);border-radius:var(--r-brand)}.round{width:var(--nav-round);height:var(--nav-round);min-height:0;padding:0;border-radius:var(--pill);background:var(--neutral);display:grid;place-items:center;line-height:1}.round:hover:not(:disabled){background:var(--neutral-hover)}.danger{background:var(--danger);color:var(--ink)}:where(button,a,input,select,[tabindex]):focus-visible{outline:3px solid var(--cream);outline-offset:3px}input,select{font:inherit;font-weight:700;border-radius:var(--r-compact);border:none;background:var(--field);color:var(--text);padding:0 calc(var(--gap) * .8);min-height:var(--btn-m-h);width:100%;font-size:var(--fs-text)}.field-xl{background:var(--cream);color:var(--ink);caret-color:var(--ink);border:10px solid var(--text);border-radius:var(--r-brand);text-align:center;font-size:var(--fs-zone-title);text-transform:uppercase;letter-spacing:.06em;min-height:var(--btn-l-h)}input::placeholder{color:var(--text);opacity:.6}.field-xl::placeholder{color:var(--ink);opacity:.55}.chip{display:inline-flex;align-items:baseline;justify-content:center;gap:.3em;white-space:nowrap;background:var(--plaque);border-radius:var(--pill);padding:.15em .7em;font-weight:700;font-size:var(--fs-rank)}.chip.year{font-size:var(--fs-year);padding:.05em .5em}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile),1fr));gap:calc(var(--gap) * .6)}.tile{background:var(--surface-deep);border-radius:var(--r-compact);padding:calc(var(--gap) * .5);min-height:var(--tile);display:grid;align-content:center;justify-items:center;gap:calc(var(--gap) * .25)}.tile img{width:60%;max-width:96px;height:auto;aspect-ratio:1;object-fit:contain}.tile .pseudo{font-size:var(--fs-pseudo);text-align:center;overflow-wrap:anywhere}.tile.me{outline:3px solid var(--cream);outline-offset:-3px}.tile.off{opacity:.5}.tile.empty{background:#583e8759;border:3px dashed var(--dash)}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--col-min)),1fr));gap:var(--gap)}.two-col>.span{grid-column:1 / -1}.textlink{background:none;min-height:0;padding:0;font:inherit;color:var(--text);text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:normal}.textlink:hover:not(:disabled){background:none;color:var(--question)}.legal{display:grid;gap:var(--gap);font-weight:500;line-height:1.45;overflow-wrap:break-word}.legal section{display:grid;gap:.4em}.legal h2{font-size:var(--fs-sub)}.legal p,.legal ul{margin:0}.legal .date{color:var(--muted);font-size:var(--fs-rank)}.notice{display:flex;align-items:center;gap:calc(var(--gap) * .5);width:100%;min-height:var(--touch);padding:0 calc(var(--gap) * .7);background:var(--surface-deep);border-radius:var(--r-compact);font-size:var(--fs-text);text-transform:none;letter-spacing:normal;text-align:left}.notice:hover:not(:disabled){background:var(--btn)}.notice .ico{font-size:var(--fs-pseudo);line-height:1}.notice .say{flex:1}.notice .go{flex:none;display:grid;place-items:center;width:1.8em;height:1.8em}.inset{background:var(--surface-deep);border-radius:var(--r-compact);padding:var(--gap);display:grid;gap:calc(var(--gap) * .5)}:is(a,button).brand{display:flex;align-items:center;justify-content:center;gap:.6em;width:100%;min-height:var(--btn-m-h);font-size:20px;text-transform:none;letter-spacing:normal;color:#fff}.brand svg{flex:none;width:1.3em;height:1.3em}.brand.google{background:#fff;color:#1f1f1f;border:1px solid #747775;font-family:Roboto,Quicksand,system-ui,sans-serif;font-weight:500}.brand.google:hover:not(:disabled){background:#f2f2f2}.brand.discord{background:#5865f2}.brand.discord:hover:not(:disabled){background:#4752c4}.brand.twitch{background:#9146ff}.brand.twitch:hover:not(:disabled){background:#772ce8}.vip-tag{color:var(--question);outline:2px solid var(--question);outline-offset:-2px}.sheet{border:none;padding:calc(var(--gap) * .6);background:var(--plaque);color:var(--text);border-radius:var(--r-brand);width:min(calc(100vw - 2rem),560px);max-height:calc(100dvh - 2rem)}.sheet::backdrop{background:#1f0a33b8}.sheet__body{background:var(--surface);border-radius:var(--r-brand);padding:var(--pad);display:grid;gap:var(--gap)}.sheet h2{font-size:var(--fs-sub);text-align:center}.sheet__actions{display:flex;flex-wrap:wrap;gap:calc(var(--gap) * .5);margin:0}.sheet__actions>*{flex:1 1 180px;font-size:var(--fs-btn-pair)}.sheet__actions .back{background:var(--neutral)}.sheet__actions .back:hover:not(:disabled){background:var(--neutral-hover)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.12s!important;transition-duration:.12s!important}}