:root{--ink:#050507;--panel:#0d0d14;--paper:#f7f7fb;--muted:#9a99a6;--cyan:#3de6ff;--soft-yellow:#ffe7a8;--violet:#8c63ff;--pink:#ff49c4;--line:#ffffff21;--font-display:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "Helvetica Neue", sans-serif;--font-body:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;min-width:320px}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}::selection{background:var(--pink);color:#050507}.games-hub{isolation:isolate;min-height:100dvh;padding:max(26px, env(safe-area-inset-top)) clamp(24px, 5vw, 82px) max(22px, env(safe-area-inset-bottom));background:linear-gradient(135deg,#020307fa,#090715ed),#050507;grid-template-rows:auto auto 1fr auto;display:grid;position:relative;overflow:hidden}.games-hub .ambient,.games-hub .hero-grid{z-index:-1}.hub-header{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.hub-wordmark{color:var(--paper);font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(22px,2vw,30px);font-weight:900;text-decoration:none}.hub-header>span{color:#ffffff75;letter-spacing:.2em;font-size:10px;font-weight:800}.hub-hero{text-align:center;width:100%;max-width:1240px;margin:clamp(54px,8vh,104px) auto clamp(38px,6vh,72px)}.hub-kicker,.hub-game-status,.hub-coming-soon>span{color:var(--soft-yellow);font-family:var(--font-display);letter-spacing:.24em;font-size:10px;font-weight:900}.hub-hero h1{font-family:var(--font-display);letter-spacing:-.075em;margin:18px 0 26px;font-size:clamp(54px,7.4vw,118px);line-height:.94}.hub-hero-line{color:#fff;padding:.02em .12em .12em;display:block}.hub-hero-accent{background:linear-gradient(92deg, var(--cyan), #a995ff 52%, var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.hub-hero p{color:#ffffff9e;max-width:680px;margin:0 auto;font-size:clamp(13px,1.2vw,17px);line-height:1.8}.hub-games{grid-template-columns:minmax(0,2fr) minmax(260px,.72fr);align-self:center;gap:clamp(16px,2vw,28px);width:100%;max-width:1380px;margin:0 auto;display:grid}.hub-game-card,.hub-coming-soon{border:1px solid #ffffff24;border-radius:24px;min-height:330px;position:relative;overflow:hidden}.hub-game-card{color:var(--paper);background:radial-gradient(circle at 19% 35%,#3de6ff1f,#0000 32%),linear-gradient(115deg,#11121df5,#08080deb);grid-template-columns:minmax(240px,.86fr) minmax(280px,1.14fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(24px,3vw,48px);text-decoration:none;transition:border-color .22s,transform .26s cubic-bezier(.2,.75,.2,1);display:grid}.hub-game-card:hover{border-color:#ffe7a87a;transform:translateY(-4px)}.hub-cover-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;transform:rotate(-2deg)}.hub-cover-stack img{aspect-ratio:1;object-fit:cover;border:1px solid #ffffff2b;width:100%}.hub-cover-stack img:nth-child(2),.hub-cover-stack img:nth-child(3){transform:translateY(12px)}.hub-game-copy{z-index:1;position:relative}.hub-game-copy h2{font-family:var(--font-display);letter-spacing:-.06em;margin:18px 0;font-size:clamp(34px,4vw,62px);line-height:1}.hub-game-copy p,.hub-coming-soon p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.hub-game-copy strong{align-items:center;gap:16px;margin-top:28px;font-size:13px;display:inline-flex}.hub-game-copy strong b{background:linear-gradient(135deg, var(--cyan), var(--violet), var(--pink));color:#050507;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.hub-coming-soon{background:linear-gradient(#ffffff06,#ffffff06),repeating-linear-gradient(135deg,#0000,#0000 20px,#ffffff05 20px 21px);align-content:end;padding:30px;display:grid}.hub-coming-soon strong{font-family:var(--font-display);margin:14px 0 12px;font-size:clamp(24px,2.5vw,36px);line-height:1.1}.hub-footer{color:#ffffff59;font-family:var(--font-display);letter-spacing:.18em;justify-content:flex-end;margin-top:clamp(34px,6vh,72px);font-size:8px;font-weight:800;display:flex}@media (width<=760px){.games-hub{padding-left:16px;padding-right:16px;overflow-y:auto}.hub-header>span{letter-spacing:.11em;font-size:8px}.hub-hero{margin-top:56px;margin-bottom:34px}.hub-hero h1{font-size:clamp(43px,14vw,64px);line-height:.98}.hub-hero p{padding:0 10px;font-size:12px}.hub-games{grid-template-columns:minmax(0,1fr)}.hub-game-card{grid-template-columns:minmax(0,1fr);gap:28px;padding:22px}.hub-cover-stack{width:100%;max-width:330px;margin:0 auto}.hub-game-copy h2{font-size:clamp(34px,11vw,48px)}.hub-coming-soon{min-height:190px}}.loading-screen{background:radial-gradient(circle at 50% 42%,#8159ff3d,#0000 35%),#050507;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;display:flex}.loading-screen span{color:var(--muted);font-family:var(--font-display);letter-spacing:.28em;font-size:12px;font-weight:800}.loading-mark{background:linear-gradient(135deg, var(--cyan), var(--violet), var(--pink));color:#050507;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:36px;font-weight:900;animation:1.8s ease-in-out infinite breathe;display:flex}.start-screen{isolation:isolate;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) clamp(24px, 5vw, 78px) max(20px, env(safe-area-inset-bottom));background:linear-gradient(135deg,#020307fa,#090715e8),#050507;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.hero-grid{opacity:.72;pointer-events:none;z-index:-2;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:92px 92px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 54% 48%,#000 12%,#0000 70%);mask-image:radial-gradient(circle at 54% 48%,#000 12%,#0000 70%)}.ambient{filter:blur(12px);opacity:.65;pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.ambient-one{background:radial-gradient(circle,#28deff8f,#0000 68%);width:min(68vw,920px);height:min(68vw,920px);animation:13s ease-in-out infinite alternate driftOne;top:-23vw;right:-20vw}.ambient-two{background:radial-gradient(circle,#ff2cb357,#0000 68%);width:min(78vw,1060px);height:min(78vw,1060px);animation:16s ease-in-out infinite alternate driftTwo;bottom:-34vw;left:4vw}.start-header,.topbar{justify-content:space-between;align-items:center;display:flex}.start-header{z-index:2;position:relative}.wordmark{font-family:var(--font-display);letter-spacing:-.035em;align-items:center;gap:10px;font-weight:900;display:inline-flex}.wordmark span{font-size:19px}.wordmark b{background:linear-gradient(135deg, var(--cyan), var(--violet) 52%, var(--pink));color:#050507;letter-spacing:-.08em;border-radius:999px;justify-content:center;align-items:center;width:29px;height:29px;font-size:13px;display:flex}.wordmark-large span{font-size:clamp(21px,2vw,30px)}.wordmark-large b{width:35px;height:35px;font-size:15px}.unofficial{color:#ffffff7a;font-family:var(--font-display);letter-spacing:.22em;font-size:11px;font-weight:800}.hero{text-align:center;z-index:1;align-self:center;width:100%;max-width:1180px;margin:5vh auto 4vh;position:relative}.hero-kicker{color:#ffffffa6;font-family:var(--font-display);letter-spacing:.22em;justify-content:center;align-items:center;gap:18px;margin-bottom:28px;font-size:11px;font-weight:800;display:flex}.hero-kicker i{background:linear-gradient(90deg, var(--cyan), var(--pink));width:64px;height:1px}.hero h1{font-family:var(--font-display);letter-spacing:-.075em;margin:0;padding:.04em 0 .16em;font-size:clamp(66px,9vw,148px);font-weight:900;line-height:1.08;overflow:visible}.hero h1 span{padding-bottom:.08em;line-height:1.08;display:block;overflow:visible}.gradient-text{background:linear-gradient(92deg, var(--cyan), #a995ff 52%, var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy{color:#ffffffad;margin:32px auto 34px;font-size:clamp(14px,1.3vw,18px);line-height:1.85}.hero-copy span{display:block}.start-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.primary-action,.secondary-action{cursor:pointer;border:0;justify-content:space-between;align-items:center;font-weight:800;transition:transform .18s,filter .18s,opacity .18s;display:inline-flex}.primary-action{color:#050507;background:linear-gradient(105deg,#55ebff,#8b6dff 52%,#ff52c8)}.primary-action:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.primary-action:active:not(:disabled){transform:translateY(0)scale(.985)}.primary-action:disabled{filter:grayscale(.65);opacity:.35}.hero-action{border-radius:999px;gap:42px;min-height:68px;padding:0 18px 0 34px;font-size:16px}.hero-action b,.compact-action b,.download-action b{color:#fff;background:#050507eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.text-button{color:#ffffff8a;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;min-height:44px;padding:8px 4px;font-size:13px;font-weight:700;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40;transition:color .16s}.text-button:hover{color:#fff}.restart-link{font-size:12px}.start-footer{z-index:1;align-items:end;gap:clamp(24px,5vw,88px);display:flex;position:relative}.start-footer div{align-items:baseline;gap:9px;display:flex}.start-footer strong{font-family:var(--font-display);font-size:25px}.start-footer span,.start-footer p{color:#ffffff6b;font-family:var(--font-display);letter-spacing:.16em;font-size:9px;font-weight:800}.start-footer p{margin:0 0 5px auto}.game-screen,.result-screen{background:radial-gradient(circle at 76% -10%,#47e2ff1a,#0000 32%),radial-gradient(circle at 20% 45%,#9a5aff14,#0000 32%),#050507;min-height:100dvh;padding:0 clamp(24px,4vw,72px) 38px;position:relative;overflow:hidden}.game-screen:before,.result-screen:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:84px 84px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.game-screen>*,.result-screen>*{z-index:1;max-width:1380px;margin-left:auto;margin-right:auto;position:relative}.screen-body{width:100%}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:20;background:linear-gradient(#050507f0,#05050799);height:80px;position:sticky;top:0}.topbar-stage{align-items:center;gap:18px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar-stage>span{color:#ffffff75;font-family:var(--font-display);letter-spacing:.18em;white-space:nowrap;font-size:10px;font-weight:800}.progress-track{background:#ffffff1a;width:110px;height:2px;overflow:hidden}.progress-track i{background:linear-gradient(90deg, var(--cyan), var(--violet), var(--pink));height:100%;transition:width .5s;display:block}.topbar-exit{min-width:44px}.topbar-spacer{width:44px}.stage-heading{grid-template-columns:auto 1fr;align-items:center;gap:32px;margin-top:54px;margin-bottom:32px;display:grid}.stage-number{background:linear-gradient(#050507, #050507) padding-box, linear-gradient(135deg, var(--cyan), var(--violet), var(--pink)) border-box;color:#fff;font-family:var(--font-display);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;font-size:58px;font-weight:900;display:flex}.eyebrow{color:var(--soft-yellow);font-family:var(--font-display);letter-spacing:.22em;margin-bottom:10px;font-size:10px;font-weight:900;display:block}.stage-heading h1,.knockout-heading h1{font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(35px,4vw,66px);line-height:1}.stage-heading h1 span,.knockout-heading h1 span{margin-left:.16em}.stage-heading p,.knockout-heading p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.7}.song-grid{gap:clamp(12px,1.6vw,24px);display:grid}.group-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.song-card{cursor:pointer;text-align:left;background:0 0;border:0;min-width:0;padding:0}.song-card:disabled{cursor:default}.artwork-wrap{aspect-ratio:1;isolation:isolate;background:#15151d;transition:transform .3s cubic-bezier(.2,.75,.2,1);display:block;position:relative;overflow:hidden}.artwork-wrap:after{content:"";pointer-events:none;z-index:3;border:1px solid #ffffff21;transition:border-color .18s,border-width .18s;position:absolute;inset:0}.artwork-wrap img{object-fit:cover;width:100%;height:100%;transition:filter .22s,transform .3s cubic-bezier(.2,.75,.2,1)}.song-card:hover:not(:disabled) .artwork-wrap img{transform:scale(1.025)}.song-card:hover:not(:disabled) .artwork-wrap:after{border-width:1px;border-color:#ffffff21}.song-card.is-selected .artwork-wrap:after{box-shadow:none;border:1px solid #ffffff29}.song-card.is-selected .artwork-wrap{transform:scale(1.018)}.song-card.is-selected .artwork-wrap img{filter:none}.song-card.wildcard-selected .artwork-wrap:after{border-color:#ffffff29}.selection-badge{background:var(--cyan);color:#050507;font-family:var(--font-display);z-index:4;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-style:normal;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 8px 30px #32e2ff47}.badge-2{background:var(--violet);color:#fff}.badge-pending{background:var(--pink);padding:0;font-size:12px}.song-card-copy{padding:12px 2px 0;display:block}.song-card-copy strong{overflow-wrap:anywhere;min-height:2.7em;font-size:clamp(13px,1.2vw,17px);line-height:1.35;display:block}.song-card-copy small{color:#ffffff61;font-family:var(--font-display);letter-spacing:.12em;margin-top:5px;font-size:9px;font-weight:800;display:block}.selection-summary{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:36px;display:grid}.selection-summary>div{border-right:1px solid var(--line);min-width:0;padding:18px 22px}.selection-summary>div:last-child{border-right:0}.selection-summary span{color:#ffffff61;margin-bottom:6px;font-size:10px;display:block}.selection-summary strong{color:#ffffff52;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.selection-summary .filled strong{color:#fff}.sticky-actions{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid var(--line);padding:14px clamp(24px, 4vw, 72px) max(14px, env(safe-area-inset-bottom));z-index:15;background:#050507e0;justify-content:space-between;align-items:center;width:100%;margin-top:0;display:flex;position:fixed;bottom:0;left:0;right:0}.group-screen,.wildcard-screen{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.knockout-screen{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.sticky-actions>div{gap:18px;display:flex}.sticky-actions .text-button,.knockout-footer .text-button{color:#ffffffe0;background:#fff1;border:1px solid #ffe7a847;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 15px;font-size:12px;text-decoration:none;display:inline-flex}.sticky-actions .text-button:hover,.knockout-footer .text-button:hover{color:#fff;background:#ffe7a81a;border-color:#ffe7a875}.sticky-actions .text-button:active,.knockout-footer .text-button:active{background:#ffe7a824;border-color:#ffe7a894}.knockout-footer .text-button:disabled{opacity:.42}.compact-action{border-radius:999px;gap:24px;min-height:52px;padding:0 8px 0 24px;font-size:13px}.compact-action b{width:38px;height:38px}.wildcard-heading{grid-template-columns:minmax(0,1fr) auto}.wildcard-heading h1{padding-right:.16em}.wildcard-heading h1 .gradient-text{padding-right:.22em;display:inline-block}.wildcard-screen{flex-direction:column;display:flex}.wildcard-screen .screen-body{flex-direction:column;flex:auto;justify-content:center;min-height:0;margin-top:0;margin-bottom:0;display:flex}.wildcard-screen .wildcard-heading{margin-top:0}.selection-count{font-family:var(--font-display);align-items:baseline;display:flex}.selection-count strong{font-size:68px;line-height:1}.selection-count span{color:var(--muted);font-size:18px}.wildcard-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.knockout-heading{text-align:center;margin:46px auto 34px}.versus{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(70px,9vw,150px);max-width:1060px;margin:0 auto;display:grid;position:relative}.versus-card{cursor:pointer;text-align:left;background:0 0;border:0;padding:0;transition:opacity .44s,transform .52s cubic-bezier(.2,.75,.2,1);position:relative}.knockout-screen .versus{transform-origin:50% 42%;animation:.38s cubic-bezier(.2,.75,.2,1) both knockoutQuestionEnter}.knockout-screen .versus.is-leaving{pointer-events:none;animation:.24s ease-in forwards knockoutQuestionExit}.versus.has-selection .versus-card{cursor:default;pointer-events:none}.versus.has-selection .versus-card.is-advancing{opacity:1;z-index:3;transform:scale(1.012)}.versus.has-selection .versus-card.is-eliminated{opacity:.38;transform:scale(.965)}.versus-index{color:#ffffff6b;font-family:var(--font-display);letter-spacing:.18em;margin-bottom:10px;font-size:12px;font-weight:800;transition:opacity .42s;display:block}.versus-art{aspect-ratio:1;transition:box-shadow .52s,transform .52s cubic-bezier(.2,.75,.2,1);display:block;position:relative;overflow:hidden}.versus-art img{object-fit:cover;width:100%;height:100%;transition:filter .24s,transform .36s cubic-bezier(.2,.75,.2,1)}.versus-art:after{content:"";border:1px solid #ffffff29;transition:background .42s,border .18s,box-shadow .42s;position:absolute;inset:0}.versus.has-selection .versus-card.is-advancing .versus-art{box-shadow:none;animation:none;transform:scale(1.018)}.versus.has-selection .versus-card.is-advancing .versus-art img{filter:none;transform:scale(1.025)}.versus.has-selection .versus-card.is-advancing .versus-art:after{box-shadow:none;border:1px solid #ffffff29}.versus.has-selection .versus-card.is-eliminated .versus-art img{filter:grayscale(.9)saturate(.25)brightness(.44);transform:scale(.985)}.versus.has-selection .versus-card.is-eliminated .versus-art:after{background:#02030757;border:1px solid #ffffff0f}@media (hover:hover) and (pointer:fine){.versus-card:hover .versus-art img{filter:none;transform:scale(1.018)}.versus-card:hover .versus-art:after{border:1px solid #ffffff29}}.versus-copy{padding-top:17px;transition:opacity .42s,transform .52s cubic-bezier(.2,.75,.2,1);display:block}.versus.has-selection .versus-card.is-advancing .versus-copy{transform:translateY(2px)}.versus.has-selection .versus-card.is-eliminated .versus-copy,.versus.has-selection .versus-card.is-eliminated .versus-index{opacity:.34}.versus-copy strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(25px,3vw,44px);font-weight:900;line-height:1.1;display:block}.versus-copy small{color:#ffffff61;font-family:var(--font-display);letter-spacing:.14em;margin-top:8px;font-size:10px;font-weight:800;display:block}.versus-mark{font-family:var(--font-display);z-index:4;flex-direction:column;align-items:center;font-size:54px;font-style:italic;font-weight:900;line-height:.64;transition:opacity .36s;display:flex;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.versus.has-selection .versus-mark{opacity:.22}.versus-mark span:first-child{color:var(--soft-yellow);transform:translate(-5px)}.versus-mark span:last-child{color:var(--pink);transform:translate(5px)}.knockout-footer{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid var(--line);padding:12px clamp(24px, 4vw, 72px) max(12px, env(safe-area-inset-bottom));z-index:15;background:#050507e0;justify-content:space-between;align-items:center;width:100%;margin-top:0;display:flex;position:fixed;bottom:0;left:0;right:0}.knockout-footer>div{align-items:center;gap:14px;display:flex}.knockout-footer span{color:#ffffff61;font-family:var(--font-display);letter-spacing:.16em;font-size:9px;font-weight:800}.knockout-footer strong{font-family:var(--font-display);font-size:18px}.result-screen{padding-bottom:max(50px, env(safe-area-inset-bottom))}.result-screen>.screen-body{max-width:none}.result-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#46e7ff38,#0000 55%),radial-gradient(circle at 55% 45%,#ff40bf29,#0000 55%);width:900px;height:900px;position:absolute;top:100px;left:50%;transform:translate(-50%);max-width:none!important}.winner-section{text-align:center;padding:54px 0 72px}.winner-section h1{color:#ffffff14;font-family:var(--font-display);letter-spacing:-.09em;white-space:nowrap;margin:18px 0 -.15em;font-size:clamp(92px,17vw,250px);font-weight:900;line-height:.8}.winner-art{width:clamp(270px,32vw,440px);height:clamp(270px,32vw,440px);margin:0 auto;position:relative}.winner-art>img{object-fit:cover;z-index:2;border:1px solid #ffffff47;width:82%;height:82%;position:absolute;top:9%;left:9%;transform:rotate(-2.5deg);box-shadow:0 40px 100px #0000007a}.winner-orbit{border:1px solid #5de7ff57;border-radius:50%;position:absolute;inset:0}.orbit-one{animation:16s linear infinite rotateOrbit}.orbit-one:after{background:var(--cyan);box-shadow:0 0 26px var(--cyan);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:4%;left:19%}.orbit-two{border-color:#ff4ac547;animation:12s linear infinite reverse rotateOrbit;inset:8%}.winner-section h2{font-family:var(--font-display);letter-spacing:-.055em;margin:20px 0 8px;font-size:clamp(42px,6vw,84px)}.winner-section p{color:var(--muted);margin:0;font-size:14px}.podium-section,.download-panel{border-top:1px solid var(--line);padding:54px 0}.podium-heading h2,.download-panel h2{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,52px)}.podium-grid{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;margin-top:28px;display:grid}.podium-card{border:1px solid var(--line);background:#ffffff09;border-radius:15px;grid-template-columns:62px minmax(0,1fr);align-items:center;min-width:0;padding:7px;display:grid;position:relative;overflow:hidden}.podium-card img{object-fit:cover;border-radius:10px;width:62px;height:62px}.podium-copy{min-width:0;padding:0 13px;display:block}.podium-copy small{color:var(--muted);letter-spacing:.18em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.podium-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.podium-card.rank-1{background:linear-gradient(100deg,#42e5ff1a,#ffffff09);border-color:#42e5ff80}.podium-card.rank-1 .podium-copy small{color:var(--soft-yellow)}.download-panel{grid-template-columns:1fr auto;align-items:end;gap:26px 50px;display:grid}.download-panel p{color:var(--muted);max-width:650px;margin:15px 0 0;font-size:13px;line-height:1.75}.download-action{border-radius:999px;gap:26px;min-width:265px;min-height:60px;padding:0 10px 0 26px;font-size:14px}.export-error{grid-column:1/-1;color:#ff799b!important;margin:-10px 0 0!important}.poster-preview-overlay{-webkit-backdrop-filter:blur(20px)saturate(.72);padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));z-index:1000;background:radial-gradient(circle at 50% 45%,#8c63ff1f,#0000 55%),#030308b8;justify-content:center;align-items:center;animation:.18s ease-out both posterPreviewFade;display:flex;position:fixed;inset:0}.result-screen>.poster-preview-overlay{width:100vw;max-width:none;height:100dvh;margin:0}.poster-preview-overlay.is-closing{pointer-events:none;animation:.18s ease-in forwards posterPreviewFadeOut}.poster-preview-dialog{flex-direction:column;align-items:center;gap:12px;max-width:min(920px,100vw - 44px);max-height:calc(100dvh - 44px);margin:0;animation:.24s cubic-bezier(.2,.8,.2,1) both posterPreviewEnter;display:flex}.poster-preview-image{object-fit:contain;background:#050507;border:1px solid #ffffff3d;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 90px);box-shadow:0 30px 90px #0000009e,0 0 0 1px #ffffff0d}.poster-preview-dialog figcaption{color:#ffffffc2;letter-spacing:.08em;text-align:center;font-size:12px}.poster-preview-close{color:#fff;cursor:pointer;height:48px;right:max(22px, env(safe-area-inset-right));top:max(22px, env(safe-area-inset-top));z-index:2;background:#07070cd1;border:1px solid #ffffff61;border-radius:50%;justify-content:center;align-items:center;width:48px;padding:0 0 3px;font-family:Arial,sans-serif;font-size:30px;line-height:1;transition:background .16s,border-color .16s,transform .16s;display:flex;position:fixed}.poster-preview-close:hover{background:#ffffff24;border-color:#ffffffb8;transform:scale(1.06)}.result-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;padding-top:25px;display:flex}.secondary-action{background:0 0;border:1px solid #ffffff52;border-radius:999px;min-height:48px;padding:0 22px}.secondary-action:hover{border-color:var(--cyan)}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 #3de6ff0d}50%{transform:scale(1.04);box-shadow:0 0 60px 7px #3de6ff29}}@keyframes driftOne{to{transform:translate(-8vw,12vh)scale(1.1)}}@keyframes driftTwo{to{transform:translate(10vw,-8vh)scale(.92)}}@keyframes rotateOrbit{to{transform:rotate(360deg)}}@keyframes posterPreviewFade{0%{opacity:0}}@keyframes posterPreviewFadeOut{to{opacity:0}}@keyframes posterPreviewEnter{0%{opacity:0;transform:scale(.96)translateY(12px)}}@keyframes knockoutQuestionEnter{0%{opacity:0;transform:translateY(16px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes knockoutQuestionExit{0%{filter:blur();opacity:1;transform:translateY(0)scale(1)}to{filter:blur(2px);opacity:0;transform:translateY(-12px)scale(.992)}}@media (width>=981px){.game-screen>.topbar,.result-screen>.topbar{width:calc(100% + clamp(24px,4vw,72px) + clamp(24px,4vw,72px));max-width:none;margin-left:clamp(-72px,-4vw,-24px);margin-right:clamp(-72px,-4vw,-24px);padding-left:clamp(24px,4vw,72px);padding-right:clamp(24px,4vw,72px)}.knockout-screen{height:100dvh;min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.knockout-screen>.topbar{flex:0 0 80px}.knockout-screen .screen-body{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.knockout-screen .knockout-heading{flex:none;margin:clamp(16px,2.5dvh,28px) auto clamp(12px,2dvh,20px)}.knockout-screen .knockout-heading h1{font-size:clamp(32px,3vw,52px)}.knockout-screen .versus{flex:none;width:min(100%,clamp(420px,200dvh - 780px,1060px))}.result-screen{padding-bottom:32px}.result-screen .screen-body{grid-template:"winner podium"minmax(0,1fr)"actions download"/minmax(0,.92fr) minmax(0,1.08fr);column-gap:clamp(28px,3vw,48px);height:calc(100dvh - 32px);display:grid}.result-screen .winner-section{text-align:left;grid-area:winner;align-self:center;padding:18px 0}.result-screen .winner-section h1{margin:10px 0 -.12em;font-size:clamp(64px,7vw,112px)}.result-screen .winner-art{width:clamp(220px,35vh,340px);height:clamp(220px,35vh,340px);margin:0}.result-screen .winner-section h2{margin:10px 0 6px;font-size:clamp(32px,3.4vw,52px)}.result-screen .winner-section p{font-size:12px}.result-screen .podium-section{border-left:1px solid var(--line);border-top:0;grid-area:podium;align-self:center;padding:24px 0 24px clamp(28px,3vw,46px)}.result-screen .podium-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}.result-screen .download-panel{grid-area:download;align-items:center;gap:20px;padding:16px 0 16px clamp(28px,3vw,46px)}.result-screen .download-panel h2{font-size:24px}.result-screen .download-panel p{display:none}.result-screen .download-action{min-width:220px;min-height:50px}.result-screen .result-actions{grid-area:actions;justify-content:flex-start;gap:18px;padding:16px 0}}@media (width<=980px){.wildcard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.podium-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.start-screen{padding:max(18px, env(safe-area-inset-top)) 20px max(15px, env(safe-area-inset-bottom))}.unofficial{letter-spacing:.13em;font-size:8px}.hero{margin:4vh auto}.hero-kicker{letter-spacing:.16em;gap:10px;margin-bottom:23px;font-size:8px}.hero-kicker i{width:32px}.hero h1{letter-spacing:-.085em;padding-bottom:.18em;font-size:clamp(53px,16vw,74px);line-height:1.1}.hero h1 span{padding-bottom:.1em;line-height:1.1}.hero-copy{margin:25px auto 27px;font-size:13px;line-height:1.75}.hero-action{min-height:60px;font-size:14px}.start-footer{justify-content:space-between;gap:0}.start-footer div{flex-direction:column;align-items:center;gap:2px}.start-footer strong{font-size:19px}.start-footer span{font-size:7px}.start-footer p{display:none}.game-screen,.result-screen{flex-direction:column;padding-left:16px;padding-right:16px;display:flex}.game-screen>.topbar,.result-screen>.topbar{flex:0 0 65px;width:calc(100% + 32px);max-width:none;height:65px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.screen-body{flex:none;margin-top:auto;margin-bottom:auto}.wordmark span{font-size:15px}.wordmark b{width:24px;height:24px;font-size:10px}.topbar-stage{gap:8px}.topbar-stage>span{letter-spacing:.11em;font-size:7px}.progress-track{width:54px}.topbar-exit{font-size:11px;text-decoration:none}.stage-heading{gap:15px;margin-top:26px;margin-bottom:23px}.stage-number{width:61px;height:61px;font-size:30px}.stage-heading h1{font-size:clamp(27px,8.4vw,39px)}.stage-heading p{margin-top:7px;font-size:11px;line-height:1.55}.eyebrow{letter-spacing:.16em;margin-bottom:7px;font-size:8px}.group-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px 8px;width:100%;max-width:520px;margin-left:auto;margin-right:auto}.group-grid>.song-card{grid-column:span 2}.group-grid>.song-card:nth-child(4){grid-column:2/span 2}.wildcard-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:13px 8px;width:100%;max-width:520px;margin-left:auto;margin-right:auto}.wildcard-grid>.song-card{grid-column:span 2}.wildcard-grid>.song-card:nth-child(5){grid-column:2/span 2}.wildcard-grid>.song-card:nth-child(6){grid-column:4/span 2}.wildcard-grid>.song-card:nth-child(7){grid-column:6/span 2}.wildcard-grid .song-card-copy{padding-top:6px}.wildcard-grid .song-card-copy strong{min-height:2.5em;font-size:10px;line-height:1.25}.wildcard-grid .song-card-copy small{margin-top:2px;font-size:7px}.group-grid .song-card-copy{padding-top:6px}.group-grid .song-card-copy strong{min-height:2.5em;font-size:11px;line-height:1.25}.group-grid .song-card-copy small{display:none}.song-card-copy{padding-top:9px}.song-card-copy strong{font-size:13px}.song-card-copy small{margin-top:3px;font-size:8px}.selection-badge{width:36px;height:36px;font-size:16px;bottom:8px;right:8px}.badge-pending{width:36px;padding:0;font-size:10px}.selection-summary{margin-top:15px}.selection-summary>div{padding:9px 8px}.selection-summary span{font-size:8px}.selection-summary strong{font-size:11px}.sticky-actions{margin-top:0;margin-left:0;margin-right:0;padding-left:16px;padding-right:16px}.sticky-actions>div{gap:10px}.sticky-actions .text-button{min-height:40px;padding:0 12px;font-size:11px}.knockout-footer .text-button{min-height:40px;padding:0 14px;font-size:11px}.compact-action{gap:12px;min-height:48px;padding-left:17px;font-size:11px}.compact-action b{width:34px;height:34px}.wildcard-heading{grid-template-columns:minmax(0,1fr) auto}.selection-count{grid-column:1/-1;justify-self:end;margin-top:-10px}.selection-count strong{font-size:42px}.knockout-heading{margin:28px auto 27px}.knockout-heading h1{padding:.03em 0 .13em;font-size:clamp(29px,8.5vw,40px);line-height:1.16;display:inline-block;overflow:visible}.knockout-heading p{margin-top:3px;font-size:11px}.versus{gap:32px}.versus-card:hover .versus-art img{filter:none;transform:none}.versus-card:hover .versus-art:after{border:1px solid #ffffff29}.versus-index{font-size:8px}.versus-copy{padding-top:11px}.versus-copy strong{overflow-wrap:anywhere;min-height:2.2em;font-size:clamp(17px,5vw,25px)}.versus-copy small{font-size:8px}.versus-mark{font-size:37px;top:32%}.knockout-footer{margin-top:0;padding-left:16px;padding-right:16px}.knockout-footer span{display:none}.winner-section{text-align:left;grid-template:"art eyebrow""art title""art song""art copy"1fr/128px minmax(0,1fr);column-gap:14px;padding:14px 0 18px;display:grid}.winner-section>.eyebrow{grid-area:eyebrow;align-self:end;margin-bottom:3px}.winner-section h1{grid-area:title;margin:0;font-size:clamp(32px,11vw,44px);line-height:.9}.winner-art{grid-area:art;align-self:center;width:128px;height:128px;margin:0}.winner-section h2{overflow-wrap:anywhere;grid-area:song;align-self:end;margin:8px 0 5px;font-size:clamp(22px,7vw,30px);line-height:1}.winner-section p{grid-area:copy;padding:0;font-size:9px;line-height:1.4}.podium-section,.download-panel{padding:14px 0 16px}.podium-heading{justify-content:space-between;align-items:end;display:flex}.podium-heading .eyebrow{order:2;margin:0 0 2px}.podium-heading h2{font-size:22px}.podium-grid{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:10px}.podium-card{border-radius:10px;grid-template-columns:38px minmax(0,1fr);padding:4px}.podium-card img{border-radius:7px;width:38px;height:38px}.podium-copy{padding:0 7px}.podium-copy small{letter-spacing:.1em;margin-bottom:2px;font-size:7px}.podium-copy strong{font-size:10px}.download-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.download-panel .eyebrow{letter-spacing:.12em;margin-bottom:4px;font-size:7px}.download-panel h2{font-size:18px;line-height:1.1}.download-panel p{display:none}.download-action{white-space:nowrap;gap:8px;min-width:0;min-height:40px;padding:0 7px 0 13px;font-size:10px}.download-action b{width:28px;height:28px}.poster-preview-overlay{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.poster-preview-dialog{gap:9px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.poster-preview-image{border-radius:11px;max-height:calc(100dvh - 66px)}.poster-preview-dialog figcaption{font-size:10px}.poster-preview-close{height:42px;right:max(14px, env(safe-area-inset-right));top:max(14px, env(safe-area-inset-top));background:#050509e0;width:42px;font-size:27px}.result-actions{flex-direction:row;align-items:center;gap:8px;padding-top:10px}.result-actions .text-button{text-align:center;font-size:9px}.secondary-action{justify-content:center;min-height:38px;padding:0 14px;font-size:10px}.result-screen{padding-bottom:max(12px, env(safe-area-inset-bottom))}}@media (width<=370px){.topbar-stage{display:none}.stage-heading:not(.wildcard-heading){grid-template-columns:48px 1fr}.wildcard-heading{grid-template-columns:minmax(0,1fr)}.wildcard-heading>div:first-child{width:100%;min-width:0}.wildcard-heading .selection-count{grid-column:1}.stage-number{width:48px;height:48px;font-size:25px}.sticky-actions .text-button{max-width:none;min-height:38px;padding-left:9px;padding-right:9px;font-size:10px}.compact-action{max-width:225px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.games-hub{overflow:clip}.hub-games{display:block}.hub-game-card{min-height:360px}.hub-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:1380px;margin:20px auto 0;display:grid}.hub-mini-card{color:#fff;background:#0d0d14c7;border:1px solid #ffffff21;border-radius:20px;grid-template-columns:30px 108px minmax(0,1fr) 34px;align-items:center;gap:18px;min-height:150px;padding:16px;text-decoration:none;transition:transform .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.hub-mini-card:before{background:var(--card-accent,var(--pink));content:"";opacity:.8;width:3px;height:100%;position:absolute;top:0;left:0}.hub-mini-card:hover{border-color:color-mix(in srgb, var(--card-accent,var(--pink)) 55%, white 15%);transform:translateY(-3px)}.accent-pink{--card-accent:var(--pink)}.accent-cyan{--card-accent:#73dce9}.accent-violet{--card-accent:var(--violet)}.accent-yellow{--card-accent:var(--soft-yellow)}.accent-mint{--card-accent:#9ff2c7}.hub-mini-card>img{aspect-ratio:1;object-fit:cover;border-radius:13px;width:108px}.hub-mini-number{color:#ffffff47;font-family:var(--font-display);letter-spacing:.12em;font-size:11px;font-weight:900;transform:rotate(-90deg)}.hub-mini-copy span{color:var(--card-accent,var(--soft-yellow));letter-spacing:.16em;font-size:8px;font-weight:900}.hub-mini-copy h2{font-family:var(--font-display);letter-spacing:-.045em;margin:8px 0 7px;font-size:clamp(24px,2.6vw,38px)}.hub-mini-copy p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.hub-mini-card>b{border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mini-game-shell{isolation:isolate;background:radial-gradient(circle at 80% -5%,#62ddf11c,#0000 30%),radial-gradient(circle at 10% 55%,#ff49c414,#0000 34%),#050507;min-height:100dvh;padding:0 clamp(20px,4vw,64px) 56px;position:relative;overflow:hidden}.mini-game-shell>.ambient,.mini-game-shell>.hero-grid{z-index:-1}.mini-game-shell>section,.mini-game-shell>div:not(.ambient):not(.hero-grid){max-width:1420px;margin-left:auto;margin-right:auto}.mini-game-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:100;background:#050507d1;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;margin:0 calc(-1*clamp(20px,4vw,64px));padding:0 clamp(20px,4vw,64px);display:grid;position:sticky;top:0}.mini-game-brand{color:#fff;font-family:var(--font-display);letter-spacing:-.06em;font-size:20px;font-weight:900;text-decoration:none}.mini-game-header>div{flex-direction:column;align-items:center;gap:2px;display:flex}.mini-game-header>div span{color:#ffffff61;letter-spacing:.18em;font-size:7px;font-weight:900}.mini-game-header>div strong{letter-spacing:.08em;font-size:11px}.mini-game-home{color:#fff;border:1px solid #fff3;border-radius:50%;justify-content:center;justify-self:end;align-items:center;width:36px;height:36px;padding-bottom:2px;font-family:Arial,sans-serif;font-size:22px;text-decoration:none;display:flex}.mini-game-intro,.mini-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 130px);display:flex}.mini-eyebrow{color:var(--soft-yellow);letter-spacing:.23em;font-size:9px;font-weight:900}.mini-game-intro h1,.mini-complete h1{font-family:var(--font-display);letter-spacing:-.07em;max-width:1050px;margin:19px 0 22px;font-size:clamp(47px,7vw,104px);line-height:.98}.mini-game-intro>p,.mini-complete>p{color:#ffffff9e;max-width:660px;margin:0;font-size:14px;line-height:1.8}.mini-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:720px;margin:38px 0;display:grid}.mini-facts span{border:1px solid var(--line);color:#ffffffb8;text-align:left;background:#ffffff09;border-radius:13px;align-items:center;gap:10px;min-height:58px;padding:10px 14px;font-size:10px;display:flex}.mini-facts b{color:var(--pink);font-family:var(--font-display);font-size:17px}.mini-primary,.mini-secondary{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:58px;font-weight:900;display:inline-flex}.mini-primary{color:#050507;background:linear-gradient(105deg,#67dfec,#a17bff 52%,#ff60c7);gap:32px;padding:0 10px 0 28px}.mini-primary b{color:#fff;background:#050507;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mini-secondary{background:0 0;border:1px solid #ffffff40;margin-top:28px;padding:0 26px}.mini-start-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.mini-alternate-start{gap:18px;margin-top:0}.mini-alternate-start b{color:var(--soft-yellow);font-size:13px}.result-rank{color:#050507;background:linear-gradient(90deg,#73dce9,#ac8cff,#ff6ecb);border-radius:12px;margin-top:28px;padding:13px 20px;font-size:13px;font-weight:900}.board-heading{justify-content:space-between;align-items:end;padding:52px 0 30px;display:flex}.board-heading h1{font-family:var(--font-display);letter-spacing:-.06em;margin:10px 0 12px;font-size:clamp(35px,4.6vw,70px);line-height:1}.board-heading p{color:var(--muted);margin:0;font-size:12px}.board-progress{white-space:nowrap;align-items:baseline;gap:9px;display:flex}.board-progress strong{font-family:var(--font-display);letter-spacing:-.06em;font-size:54px}.board-progress span{color:var(--muted);font-size:10px}.board-progress.is-complete strong{color:var(--soft-yellow)}.tier-board{border:1px solid var(--line);border-radius:22px;overflow:hidden}.tier-row{grid-template-columns:132px minmax(0,1fr);min-height:126px;display:grid}.tier-row+.tier-row{border-top:1px solid var(--line)}.tier-label{background:color-mix(in srgb, var(--tier-color) 74%, #111 26%);color:#050507;cursor:default;font:inherit;border:0;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.tier-label strong{font-family:var(--font-display);font-size:48px;line-height:1}.tier-label span{margin-top:5px;font-size:10px;font-weight:900}.tier-drop-content{background:#ffffff06;flex-wrap:wrap;align-content:center;gap:9px;min-width:0;padding:12px;display:flex}.drop-hint{color:#ffffff38;letter-spacing:.18em;align-self:center;margin:auto;font-size:10px}.song-pool,.setlist-library{border:1px solid var(--line);background:#ffffff06;border-radius:22px;margin-top:20px;padding:20px}.song-pool-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.song-pool-heading h2{font-family:var(--font-display);margin:5px 0 0;font-size:25px}.mini-text-button{color:#ffffff80;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;font-size:10px;text-decoration:underline}.song-pool-grid,.setlist-library-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.drag-song{cursor:grab;background:#11111a;border:1px solid #ffffff21;border-radius:13px;grid-template-columns:52px minmax(0,1fr) 28px;align-items:center;gap:9px;min-width:0;padding:5px;display:grid;overflow:hidden}.drag-song:active{cursor:grabbing}.drag-song>img{aspect-ratio:1;object-fit:cover;border-radius:9px;width:52px}.drag-song>strong{overflow-wrap:anywhere;min-width:0;font-size:10px;line-height:1.25}.drag-song-compact{flex:0 0 150px;grid-template-columns:42px minmax(0,1fr) 24px}.drag-song-compact>img{width:42px}.drag-song-compact>strong{font-size:8px}.drag-handle{cursor:grab;touch-action:none;background:#ffffff0b;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:3px;padding:0;display:flex}.drag-handle i{background:#ffffff7a;border-radius:1px;width:11px;height:2px}.drag-ghost{pointer-events:none;will-change:transform;z-index:1000;background:#171720;border:1px solid #fff6;border-radius:12px;align-items:center;gap:8px;max-width:180px;padding:6px;display:flex;position:fixed;top:0;left:0;box-shadow:0 18px 60px #0009}.drag-ghost img{object-fit:cover;border-radius:8px;width:46px;height:46px}.drag-ghost span{overflow-wrap:anywhere;font-size:9px;font-weight:900}.is-song-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.pool-finished{color:var(--soft-yellow);text-align:center;grid-column:1/-1;padding:24px;font-size:11px}.setlist-layout{grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);align-items:start;gap:20px;display:grid}.setlist-paper{color:#09090b;background:#f1efe8;border-radius:2px;padding:clamp(22px,3vw,44px)}.setlist-paper-title{border-bottom:4px solid #09090b;grid-template-columns:auto 1fr;padding-bottom:18px;display:grid}.setlist-paper-title span{font-family:var(--font-display);letter-spacing:-.06em;font-size:24px;font-weight:900}.setlist-paper-title strong{letter-spacing:-.04em;justify-self:end;font-size:clamp(24px,3vw,40px)}.setlist-paper-title small{letter-spacing:.2em;grid-column:1/-1;justify-self:end;margin-top:7px;font-size:7px}.setlist-section{border-bottom:1px solid #00000038;padding:20px 0}.setlist-section>header{justify-content:space-between;align-items:end;margin-bottom:10px;display:flex}.setlist-section header span{letter-spacing:.18em;font-size:7px;font-weight:900}.setlist-section header h2{margin:3px 0 0;font-size:16px}.setlist-section header b{font-size:10px}.setlist-tracks{gap:6px;display:grid}.setlist-track{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;display:grid}.setlist-track>span{font-family:var(--font-display);font-size:11px;font-weight:900}.setlist-paper .drag-song{color:#09090b;background:#fff;border-color:#00000021}.setlist-paper .drag-handle{background:#0000000f}.setlist-paper .drag-handle i{background:#00000075}.setlist-empty{color:#00000045;letter-spacing:.16em;border:1px dashed #0000002e;justify-content:center;align-items:center;height:42px;font-size:7px;display:flex}.setlist-library{margin-top:0;position:sticky;top:92px}.setlist-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setlist-mobile-tracks,.tier-mobile-content,.tier-mobile-actions,.setlist-picker-overlay{display:none}.quiz-layout{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);align-items:center;gap:clamp(34px,7vw,110px);min-height:calc(100dvh - 104px);padding:28px 0;display:grid}.quiz-visual{flex-direction:column;align-items:center;display:flex}.cover-fragment,.color-answer-cover{aspect-ratio:1;border:1px solid #ffffff42;border-radius:24px;width:min(100%,460px);margin:18px auto 14px;overflow:hidden;box-shadow:0 28px 80px #00000073}.cover-fragment>div{image-rendering:auto;background-repeat:no-repeat;background-size:900% 900%;width:100%;height:100%}.cover-fragment.is-monochrome>div{filter:grayscale()contrast(1.08)}.cover-fragment img,.color-answer-cover img{object-fit:cover;width:100%;height:100%}.cover-fragment.is-revealed{animation:.33s both coverReveal}.quiz-visual small{color:#ffffff6b;letter-spacing:.1em;font-size:8px}.quiz-progress{background:#ffffff17;width:100%;height:2px;margin-bottom:28px}.quiz-progress i{background:linear-gradient(90deg,#72dce9,#a982ff,#ff65c8);height:100%;transition:width .26s;display:block}.quiz-panel h1{font-family:var(--font-display);letter-spacing:-.06em;margin:0 0 28px;font-size:clamp(38px,5vw,72px);line-height:1}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-options button{border:1px solid var(--line);color:#fff;cursor:pointer;text-align:left;background:#ffffff09;border-radius:13px;justify-content:space-between;align-items:center;min-height:66px;padding:9px 14px 9px 18px;transition:border-color .16s,opacity .16s,transform .16s;display:flex}.quiz-options button:not(:disabled):hover{border-color:#ffe7a88c;transform:translateY(-2px)}.quiz-options button span{overflow-wrap:anywhere;font-size:12px;font-weight:900}.quiz-options button b{background:#ffffff14;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.quiz-options button.is-correct{background:#63e3c024;border-color:#63e3c0}.quiz-options button.is-wrong{background:#ff5c881f;border-color:#ff5c88}.quiz-options button.is-muted{opacity:.28}.quiz-next{margin-top:24px}.color-palette{aspect-ratio:1;opacity:.35;border:1px solid #fff3;border-radius:24px;grid-template-rows:1.2fr .8fr .7fr;grid-template-columns:1.3fr .7fr;width:min(100%,460px);margin:18px auto 14px;display:grid;overflow:hidden}.color-palette.is-ready{opacity:1;animation:.4s both paletteIn}.color-palette i:first-child{grid-row:1/3}.color-palette i:nth-child(4){grid-column:1/2}.color-palette i:nth-child(5){grid-area:2/2/4/3}.color-quiz-layout .color-answer-cover,.color-quiz-layout .color-palette{width:min(100%,560px)}.memory-stage{min-height:calc(100dvh - 100px);padding:32px 0}.memory-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.memory-heading h1{font-family:var(--font-display);letter-spacing:-.06em;margin:8px 0 0;font-size:clamp(34px,4vw,60px)}.memory-heading>div:last-child{flex-direction:column;align-items:center;display:flex}.memory-heading>div:last-child strong{font-family:var(--font-display);font-size:48px;line-height:1}.memory-heading>div:last-child span{color:var(--muted);letter-spacing:.18em;font-size:7px}.memory-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;display:grid}.memory-card{aspect-ratio:.78;cursor:pointer;perspective:900px;background:0 0;border:0;padding:0;position:relative}.memory-card>span{backface-visibility:hidden;border:1px solid #ffffff29;border-radius:15px;transition:transform .42s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0;overflow:hidden}.memory-back{color:#ffffff1c;font-family:var(--font-display);background:linear-gradient(145deg,#161622,#0c0c12);justify-content:center;align-items:center;font-size:clamp(26px,4vw,60px);font-weight:900;display:flex}.memory-back:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:17%}.memory-front{color:#070709;background:#eeeeea;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.memory-card.is-open .memory-back{transform:rotateY(180deg)}.memory-card.is-open .memory-front{transform:rotateY(360deg)}.memory-card.is-matched .memory-front{border-color:var(--soft-yellow);box-shadow:inset 0 0 0 2px var(--soft-yellow)}.memory-cover img{object-fit:cover;width:100%;height:100%}.memory-title{padding:10px}.memory-title strong{overflow-wrap:anywhere;text-align:center;font-size:clamp(9px,1.15vw,16px);line-height:1.25}@keyframes coverReveal{0%{filter:blur(5px);opacity:.3;transform:scale(.96)}}@keyframes paletteIn{0%{filter:blur(12px);transform:scale(.96)}}@media (width<=900px){.song-pool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.setlist-layout{grid-template-columns:minmax(0,1fr)}.setlist-library{max-height:none;position:static}.setlist-library-grid,.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){.hub-game-grid{grid-template-columns:minmax(0,1fr)}.hub-game-card{min-height:0}.hub-mini-card{grid-template-columns:20px 74px minmax(0,1fr) 28px;gap:11px;min-height:112px;padding:11px}.hub-mini-card>img{border-radius:10px;width:74px}.hub-mini-copy h2{margin:5px 0;font-size:23px}.hub-mini-copy p{font-size:9px}.hub-mini-copy span{font-size:6px}.hub-mini-card>b{width:28px;height:28px}.mini-game-shell{padding:0 14px 32px}.mini-game-header{height:62px;margin:0 -14px;padding:0 14px}.mini-game-brand{font-size:16px}.mini-game-header>div strong{font-size:9px}.mini-game-header>div span{font-size:6px}.mini-game-home{width:32px;height:32px;font-size:19px}.mini-game-intro,.mini-complete{min-height:calc(100dvh - 94px)}.mini-game-intro h1,.mini-complete h1{font-size:clamp(42px,13vw,62px)}.mini-game-intro>p,.mini-complete>p{font-size:12px}.mini-facts{grid-template-columns:minmax(0,1fr);gap:7px;margin:27px 0}.mini-facts span{min-height:46px}.board-heading{align-items:start;padding:28px 2px 20px}.board-heading h1{font-size:33px;line-height:1.08}.board-heading p{max-width:240px;font-size:9px;line-height:1.55}.board-progress{flex-direction:column;align-items:end;gap:0}.board-progress strong{font-size:40px}.board-progress span{font-size:7px}.tier-row{grid-template-columns:64px minmax(0,1fr);min-height:94px}.tier-label strong{font-size:29px}.tier-label span{text-align:center;font-size:7px}.tier-drop-content{gap:6px;padding:7px}.drag-song-compact{flex-basis:112px;grid-template-columns:34px minmax(0,1fr) 21px;padding:3px}.drag-song-compact>img{width:34px}.drag-song-compact>strong{font-size:7px}.song-pool,.setlist-library{border-radius:16px;padding:12px}.song-pool-grid,.setlist-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.setlist-paper{padding:17px 13px}.setlist-paper-title span{font-size:18px}.setlist-paper-title strong{font-size:19px}.setlist-section{padding:15px 0}.setlist-paper .drag-song{grid-template-columns:42px minmax(0,1fr) 25px}.setlist-paper .drag-song>img{width:42px}.quiz-layout{grid-template-columns:minmax(0,1fr);gap:25px;min-height:auto;padding:24px 0}.cover-fragment,.color-answer-cover,.color-palette{border-radius:17px;width:min(72vw,290px);margin-top:12px}.color-quiz-layout .color-answer-cover,.color-quiz-layout .color-palette{width:min(100%,420px)}.quiz-visual small{font-size:7px}.quiz-progress{margin-bottom:17px}.quiz-panel h1{text-align:center;margin-bottom:17px;font-size:34px}.quiz-options{gap:7px}.quiz-options button{min-height:55px;padding:7px 9px 7px 12px}.quiz-options button span{font-size:9px}.quiz-options button b{flex-basis:26px;width:26px;height:26px}.quiz-next{min-height:48px;margin:16px auto 0;display:flex}.memory-stage{min-height:auto;padding:24px 0}.memory-heading h1{font-size:30px}.memory-heading>div:last-child strong{font-size:34px}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.memory-card>span{border-radius:10px}.memory-title{padding:5px}.memory-title strong{font-size:clamp(7px,2.5vw,11px)}}.tier-list-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.38fr);align-items:start;gap:20px;display:grid}.tier-list-layout .tier-board{min-width:0}.tier-song-pool{margin-top:0;position:sticky;top:92px}.tier-song-pool .song-pool-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.drag-song-cover-only{aspect-ratio:1;flex:0 0 68px;padding:0;display:block;position:relative}.drag-song-cover-only>img,.drag-song-compact.drag-song-cover-only>img{object-fit:cover;border-radius:11px;width:100%;height:100%}.drag-song-cover-only .drag-handle{display:none}.board-result-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.mini-share-wrap{flex-direction:column;align-items:center;gap:7px;margin-top:18px;display:flex}.board-result-actions .mini-share-wrap{margin-top:0}.mini-share-action,.mini-poster-download{color:#08080c;cursor:pointer;background:linear-gradient(100deg,#ffe7a8,#ff78cc);border:0;border-radius:999px;justify-content:center;align-items:center;gap:0;min-height:46px;padding:0 24px;font-size:12px;font-weight:900;display:inline-flex}.mini-share-action span{text-align:center;line-height:1;display:block}.mini-complete>.mini-share-wrap{order:10;margin-top:16px}.board-bottom-share{justify-content:center;padding:20px 0 8px;display:flex}.board-bottom-share .mini-share-wrap{margin-top:0}.mini-share-action:disabled{cursor:wait;opacity:.62}.mini-share-error{color:#ff799b;font-size:9px}.mini-poster-download{background:#ffffffeb;gap:0;min-height:40px;padding:0 22px}.mini-game-shell>.poster-preview-overlay{width:100vw;max-width:none;height:100dvh;margin:0}.mini-game-shell .poster-preview-image{max-height:calc(100dvh - 158px)}@media (hover:hover) and (pointer:fine){.tier-song-pool .drag-song-cover-only:after{border-radius:inherit;color:#fff;content:attr(data-song-title);opacity:0;pointer-events:none;text-overflow:ellipsis;background:linear-gradient(#0000 25%,#050507f0);align-items:end;padding:7px 5px;font-size:8px;font-weight:900;line-height:1.2;transition:opacity .14s;display:flex;position:absolute;inset:0;overflow:hidden}.tier-song-pool .drag-song-cover-only:hover:after{opacity:1}}@media (width<=900px){.tier-list-layout{grid-template-columns:minmax(0,1fr)}.tier-song-pool{margin-top:20px;position:static}.tier-song-pool .song-pool-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.drag-song-cover-only,.drag-song-compact.drag-song-cover-only{flex-basis:52px}.drag-song-cover-only .drag-handle{background:#050507b8;width:22px;height:22px;display:flex;position:absolute;bottom:3px;right:3px}.drag-song-cover-only .drag-handle i{width:9px}}@media (width<=720px){.board-result-actions{gap:7px}.mini-share-action{min-height:40px;padding:0 20px;font-size:10px}.mini-game-shell .poster-preview-image{max-height:calc(100dvh - 138px)}}@media (width>=901px){.setlist-heading{padding-top:24px;padding-bottom:16px}.setlist-heading h1{margin-top:6px;margin-bottom:8px;font-size:clamp(32px,3.2vw,48px)}.setlist-heading p{font-size:10px}.setlist-heading .board-progress strong{font-size:44px}.setlist-layout{grid-template-columns:minmax(0,1fr) 320px;gap:14px}.setlist-paper{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;padding:15px 18px;display:grid}.setlist-paper-title{border-bottom-width:2px;grid-column:1/-1;margin-bottom:5px;padding-bottom:8px}.setlist-paper-title span{font-size:17px}.setlist-paper-title strong{font-size:clamp(18px,2vw,27px)}.setlist-paper-title small{margin-top:3px;font-size:6px}.setlist-section{border-top:1px solid #0000002e;border-bottom:0;min-width:0;padding:7px 0}.setlist-part1,.setlist-encore{grid-column:1/-1}.setlist-part3,.setlist-part4{border-left:1px solid #00000024;padding-left:9px}.setlist-part2,.setlist-part3{padding-right:9px}.setlist-part1 .setlist-tracks,.setlist-encore .setlist-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.setlist-section>header{margin-bottom:5px}.setlist-section header span{font-size:6px}.setlist-section header h2{margin-top:1px;font-size:12px}.setlist-section header b{font-size:8px}.setlist-tracks{gap:3px}.setlist-track{grid-template-columns:17px minmax(0,1fr);gap:4px}.setlist-track>span{font-size:8px}.setlist-paper .drag-song{border-radius:7px;grid-template-columns:27px minmax(0,1fr) 18px;gap:5px;min-height:31px;padding:2px}.setlist-paper .drag-song>img{border-radius:5px;width:27px}.setlist-paper .drag-song>strong{text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:1.1;overflow:hidden}.setlist-paper .drag-handle{border-radius:5px}.setlist-paper .drag-handle i{width:8px}.setlist-empty{height:31px;font-size:6px}.setlist-library{border-radius:16px;padding:12px;top:88px}.setlist-library .song-pool-heading{margin-bottom:10px}.setlist-library .song-pool-heading h2{font-size:19px}.setlist-library .setlist-library-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}}@media (width<=900px){.setlist-library .setlist-library-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.setlist-library,.setlist-desktop-tracks{display:none}.setlist-mobile-tracks{gap:6px;display:grid}.setlist-mobile-slot{grid-template-columns:22px minmax(0,1fr) 30px;align-items:center;gap:6px;min-width:0;display:grid}.setlist-mobile-slot>span{color:#09090c85;font-family:var(--font-display);font-size:9px;font-weight:900}.setlist-mobile-slot>button:not(.setlist-mobile-remove){color:#09090c;text-align:left;background:#09090c09;border:1px dashed #09090c2e;border-radius:9px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:42px;padding:3px;display:grid}.setlist-mobile-slot.is-filled>button:not(.setlist-mobile-remove){background:#fff;border-style:solid}.setlist-mobile-slot img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:36px}.setlist-mobile-slot strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;line-height:1.2;overflow:hidden}.setlist-mobile-slot em{color:#09090c57;grid-column:1/-1;padding-left:8px;font-size:8px;font-style:normal}.setlist-mobile-remove{color:#09090c94;background:#09090c14;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0 0 2px;font-size:20px;line-height:1;display:flex}.setlist-picker-open,.mobile-picker-open{overflow:hidden}.mini-game-shell>.setlist-picker-overlay,.setlist-picker-overlay{-webkit-backdrop-filter:none;max-width:none;height:100dvh;padding:max(14px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom));z-index:1200;background:#030308f0;justify-content:center;align-items:center;width:100vw;margin:0;display:flex;position:fixed;inset:0}.mini-game-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#050507f7}.mini-game-shell>.ambient{filter:blur(8px);opacity:.42;animation:none}.setlist-picker{background:#111119;border:1px solid #ffffff29;border-radius:22px;flex-direction:column;width:100%;max-width:560px;max-height:min(86dvh,760px);display:flex;overflow:hidden}.setlist-picker>header{border-bottom:1px solid #ffffff1a;flex:none;justify-content:space-between;align-items:center;padding:14px 15px;display:flex}.setlist-picker>header span{color:var(--soft-yellow);letter-spacing:.16em;font-size:7px;font-weight:900}.setlist-picker>header h2{margin:3px 0 0;font-size:20px}.setlist-picker>header button{background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0 0 3px;font-size:24px;line-height:1;display:flex}.setlist-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:9px;display:grid;overflow-y:auto}.setlist-picker-grid>button{color:#fff;text-align:left;background:#ffffff09;border:1px solid #ffffff1a;border-radius:9px;min-width:0;padding:3px}.setlist-picker-grid>button.is-current{border-color:var(--soft-yellow);box-shadow:inset 0 0 0 1px var(--soft-yellow)}.setlist-picker-grid img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.setlist-picker-grid strong{overflow-wrap:anywhere;margin-top:4px;font-size:6px;line-height:1.18;display:block}.tier-song-pool,.tier-desktop-content{display:none}.tier-label{cursor:pointer;min-height:100%}.tier-mobile-content{background:#ffffff06;align-content:center;gap:6px;min-width:0;padding:7px;display:grid}.tier-mobile-song{grid-template-columns:20px minmax(0,1fr) 27px;align-items:center;gap:5px;min-width:0;display:grid}.tier-mobile-song>span{color:#ffffff61;font-family:var(--font-display);font-size:7px;font-weight:900}.tier-mobile-song .drag-song-compact{flex-basis:auto;width:100%}.tier-mobile-song>button{color:#ffffff94;background:#ffffff12;border:0;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;padding:0 0 2px;font-size:18px;line-height:1;display:flex}.tier-mobile-empty,.tier-mobile-add{color:#ffffff70;background:#ffffff06;border:1px dashed #fff3;border-radius:10px;width:100%;min-height:45px;font-size:8px;font-weight:800}.tier-mobile-add{color:var(--soft-yellow);border-color:#ffe7a83b;min-height:34px}.tier-mobile-actions{border-top:1px solid var(--line);text-align:center;padding:12px;display:block}.tier-mobile-actions button{color:#ffffff7a;text-underline-offset:4px;background:0 0;border:0;font-size:9px;text-decoration:underline}.tier-picker-summary{color:#ffffff7a;border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;align-items:center;padding:9px 15px;font-size:8px;display:flex}.tier-picker-grid>button{border-radius:9px;padding:3px;transition:border-color .12s,opacity .12s,transform .12s;position:relative}.tier-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:9px}.tier-picker-grid img{border-radius:6px}.tier-picker-grid strong{margin-top:4px;font-size:6px;line-height:1.18}.tier-picker-grid>button:active,.tier-picker-grid>button.is-selected{border-color:var(--soft-yellow);box-shadow:inset 0 0 0 1px var(--soft-yellow)}.tier-picker-grid>button:active{opacity:.72;transform:scale(.96)}.tier-picker-grid>button>i{background:var(--soft-yellow);color:#08080b;font-family:var(--font-display);border:2px solid #111119;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:7px;font-style:normal;font-weight:900;display:flex;position:absolute;top:4px;right:4px}.tier-picker-finished{color:var(--soft-yellow);text-align:center;grid-column:1/-1;padding:60px 12px;font-size:11px}.tier-picker-actions{border-top:1px solid #ffffff1a;flex:none;grid-template-columns:.65fr 1.35fr;gap:8px;padding:10px 12px;display:grid}.tier-picker-actions button{color:#ffffffad;background:#ffffff12;border:1px solid #ffffff21;border-radius:11px;min-height:43px;font-size:9px;font-weight:900}.tier-picker-actions button:last-child{color:#08080b;background:linear-gradient(100deg,#ffe7a8,#ff78cc);border:0}.tier-picker-actions button:disabled{cursor:default;filter:grayscale();opacity:.28}}