.top{z-index:30;padding:calc(env(safe-area-inset-top,0px) + 10px) var(--gut) 10px;justify-content:space-between;align-items:center;gap:12px;transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;display:flex;position:fixed;inset:0 0 auto}.top.solid{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);background:#07060cb8}.top.static{position:sticky;top:0}@media (min-width:900px){.top.static{padding-left:max(var(--gut), calc((100vw - 1240px) / 2 + var(--gut)));padding-right:max(var(--gut), calc((100vw - 1240px) / 2 + var(--gut)))}}.chip{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:0;max-width:58vw;height:44px;transition:transform .25s var(--spring);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 5px;font-size:15px;font-weight:700;display:flex}.chip:active{transform:scale(.96)}.chip b{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.chip-av{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.chip-av svg,.chip-av img{width:34px;height:34px}.chip-av-empty{background:var(--violet)}.chip-wait{width:150px}.home{--p:0;position:relative}.hero{z-index:0;background:radial-gradient(110% 62% at 50% 6%, #7c4dff8c, #4b1fc238 46%, transparent 74%), var(--night);height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden}.hero-in{padding:calc(env(safe-area-inset-top,0px) + 68px) var(--gut) calc(34svh + 4px);transform:translateY(calc(var(--p) * -8%)) scale(calc(1 - var(--p) * .14));opacity:calc(1 - var(--p) * .8);transform-origin:50% 40%;will-change:transform, opacity;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);display:grid;position:absolute;inset:0}.cup-name{text-align:center;grid-area:1/1/auto/-1}.cup-name h2{font:700 30px/1.05 var(--f-display), sans-serif;letter-spacing:-.01em}.cup-name p{color:var(--dim);margin-top:6px;font-size:15px}.cup-stage{grid-area:2/1/auto/-1;min-height:0;position:relative}.cup-canvas{width:100%;height:100%;position:absolute;inset:0}.cup-side{z-index:1;grid-row:2;align-self:end;justify-items:center;gap:0;padding-bottom:2svh;display:grid;position:relative}.parents{grid-column:1}.kids{grid-column:3}.cup-side b{font:700 48px/1 var(--f-display), sans-serif;letter-spacing:-.02em}.cup-side span{color:var(--dim);margin-top:6px;font-size:14px;font-weight:700}.cup-side.lead b{color:var(--gold)}.sheet{z-index:2;padding-bottom:calc(40px + var(--safe-b));background:linear-gradient(180deg, transparent 0, transparent 20svh, var(--night) 34svh);margin-top:-34svh;position:relative}.rail{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding:0 var(--gut) 8px;scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.fc{scroll-snap-align:start;background:linear-gradient(180deg, var(--pl), var(--pd));transition:transform .3s var(--spring);border-radius:26px;flex:0 0 min(86vw,560px);position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.fc:active{transform:scale(.98)}.fc .cover{z-index:1;position:absolute;inset:0}.fm{aspect-ratio:16/10;background:#000;position:relative;overflow:hidden}.fm>img,.fm video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fm video{opacity:0;transition:opacity .45s var(--ease)}.fm video.on{opacity:1}.fm-art{background:linear-gradient(180deg, var(--pl), var(--pd));place-items:center;display:grid;position:absolute;inset:0}.fm-art .blur{object-fit:cover;filter:blur(34px)saturate(1.3);opacity:.55;width:140%;height:140%;position:absolute;inset:-20%}.fm-art .ic{aspect-ratio:1;object-fit:cover;border-radius:23%;width:42%;position:relative;box-shadow:0 18px 40px #00000073}.fi{align-items:center;gap:12px;padding:12px 14px 14px;display:flex}.fi .ic{object-fit:cover;border-radius:12px;flex:none;width:48px;height:48px}.fi-t{flex:1;min-width:0;display:grid}.fi-t b{font:700 18px/1.2 var(--f-display), sans-serif}.fi-t span{color:#ffffffb3;font-size:14px;font-weight:600}.fi .btn{z-index:2;height:40px;padding:0 16px;position:relative}.rail-wrap{position:relative}.rail-nav{display:none}.shelf{min-width:0;margin-top:36px}.sec{padding:0 var(--gut);font:700 22px/1.1 var(--f-display), sans-serif;align-items:center;gap:2px;margin-bottom:12px;display:flex}.sec svg{width:22px;height:22px;color:var(--faint)}.strip{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding:0 var(--gut) 6px;scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.gc{scroll-snap-align:start;background:linear-gradient(180deg, var(--pl), var(--pd));min-width:0;transition:transform .3s var(--spring);border-radius:24px;flex:0 0 min(42vw,210px);gap:2px;padding:16px 14px 14px;display:grid}.gc:active{transform:scale(.96)}.gc .ic{aspect-ratio:1;object-fit:cover;border-radius:23%;width:100%;margin-bottom:10px;box-shadow:0 14px 30px #0006}.gc b{font-size:16px;font-weight:700}.gc span{color:var(--pt);font-size:13px;font-weight:600}.foot{margin:56px var(--gut) 0;background:var(--ink);border-radius:24px;justify-items:start;gap:12px;padding:22px;display:grid}.foot p{color:var(--dim);font-size:15px}.foot .brand img{border-radius:8px;width:28px;height:28px}.foot .brand b{font-size:19px}@media (min-width:900px){.hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);max-width:1320px;margin:0 auto;padding-top:92px;padding-bottom:calc(40svh + 8px)}.cup-side{align-self:center;padding-bottom:0}.cup-side b{font-size:120px}.cup-side span{margin-top:12px;font-size:18px}.cup-name h2{font-size:44px}.sheet{background:linear-gradient(180deg, transparent 0, transparent 22svh, var(--night) 40svh);margin-top:-40svh}.fc{flex-basis:min(40vw,470px)}.rail,.strip,.sec{padding-left:max(var(--gut), calc((100vw - 1320px) / 2 + var(--gut)));padding-right:var(--gut)}.rail{scroll-padding-inline:max(var(--gut), calc((100vw - 1320px) / 2 + var(--gut)));gap:20px}.fc:hover,.gc:hover{transform:translateY(-4px)}.strip{gap:18px}.rail-nav{z-index:3;right:max(var(--gut), calc((100vw - 1320px) / 2 + var(--gut)));gap:8px;display:flex;position:absolute;top:-56px}.rail-nav .round{color:var(--text);transition:background .15s}.rail-nav .round:hover{background:var(--ink-3)}.rail-nav svg{width:20px;height:20px}.shelves{max-width:1320px;padding:0 var(--gut);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0 auto;display:grid}.shelves .sec,.shelves .strip{padding-left:0;padding-right:0;scroll-padding-inline:0}.foot{max-width:1320px;width:calc(100% - 2 * var(--gut));grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:72px auto 0}}@media (prefers-reduced-motion:reduce){.hero-in{opacity:1;transform:none}}.gp{z-index:1;max-width:1240px;padding:0 var(--gut) calc(48px + var(--safe-b));margin:0 auto;position:relative}.gp-top{gap:18px;display:grid}.gp-media{aspect-ratio:16/10;background:linear-gradient(180deg, var(--pl), var(--pd));border-radius:26px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.gp-media video,.gp-media img.still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gp-head{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;display:grid}.gp-head .ic{object-fit:cover;border-radius:23%;width:76px;height:76px;box-shadow:0 12px 26px #0006}.gp-head h1{font:700 clamp(26px, 6vw, 44px)/1.05 var(--f-display), sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere}.gp-by{color:var(--dim);margin-top:2px;font-weight:600}.gp-play{width:100%;height:56px;font-size:18px}.gp-facts{flex-wrap:wrap;gap:8px;display:flex}.gp-facts span{background:var(--ink-2);height:34px;color:var(--dim);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.gp-facts svg{width:16px;height:16px}.gp-sec{margin-top:40px}.gp-sec .sec{padding:0}.gp-h{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.gp-h>span,.gp-h>a{color:var(--dim);white-space:nowrap;font-size:14px;font-weight:600}.gp-h>a{border-radius:999px;align-items:center;min-height:40px;margin-right:-14px;padding:0 14px;display:inline-flex}.gp-h>a:hover{color:var(--text);background:var(--ink)}.gp-about p{color:#f6f4ffe0;max-width:680px;font-size:17px;line-height:1.6}.gp-about p+p{margin-top:12px}.gp-about{gap:32px;display:grid}.how{gap:8px;max-width:680px;margin:0;padding:0;list-style:none;display:grid}.how li{background:var(--ink);border-radius:18px;grid-template-columns:30px 1fr;align-items:start;gap:10px;padding:14px;display:grid}.how li i{background:var(--ink-3);width:30px;height:30px;color:var(--violet-hi);border-radius:50%;place-items:center;font-size:14px;font-style:normal;font-weight:800;display:grid}.medals{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px;display:grid}.medal{background:var(--ink);border-radius:20px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:12px 16px 12px 10px;display:grid}.medal img{object-fit:contain;filter:drop-shadow(0 8px 14px #00000080);width:64px;height:64px}.medal b{font-size:16px;font-weight:700}.medal p{color:var(--dim);margin:3px 0 6px;font-size:14px;line-height:1.45}.medal.is-diamond{background:linear-gradient(110deg, #221c38, var(--ink) 65%);grid-column:1/-1}.tier{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.t-bronze{color:#e0a072}.t-silver{color:#dcdce4}.t-gold{color:var(--gold)}.t-diamond{color:#d6ecff}.board{background:var(--ink);border-radius:20px;gap:2px;max-width:680px;margin:0;padding:6px;list-style:none;display:grid}.board.empty{color:var(--dim);padding:20px}.board li{border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:grid}.board li b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board li.me{background:var(--ink-3)}.board li.me b,.board li.me .sc{color:var(--gold)}.board .rk{color:var(--faint);font-weight:800}.board .sc{font-variant-numeric:tabular-nums;font-weight:800}.gp .strip{padding:0;scroll-padding-inline:0}@media (min-width:900px){.gp-top{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:start;gap:32px}.gp-side{align-content:start;gap:18px;padding-top:4px;display:grid}.gp-head{grid-template-columns:96px minmax(0,1fr)}.gp-head .ic{width:96px;height:96px}.gp-about{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:32px;display:grid}}@media (max-width:899px){.gp-side{gap:16px;display:grid}}.party{z-index:1;max-width:1240px;padding:8px var(--gut) calc(48px + var(--safe-b));margin:0 auto;position:relative}.party h1{font:700 clamp(40px, 9vw, 72px)/1 var(--f-display), sans-serif;letter-spacing:-.02em}.party .lead{color:var(--dim);margin-top:8px;font-size:17px}.events{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin-top:28px;display:grid}.event{background:linear-gradient(180deg, var(--pl), var(--pd));transition:transform .3s var(--spring);border-radius:28px;display:block;position:relative;overflow:hidden;box-shadow:0 24px 50px #00000073}.event:active{transform:scale(.98)}.event .media{aspect-ratio:1;position:relative}.event .media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.event .date{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07060c99;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;top:14px;left:14px}.event .date i{background:var(--live);border-radius:50%;width:8px;height:8px}.event .row{align-items:center;gap:12px;padding:14px 16px 16px;display:flex}.event .row div{flex:1;min-width:0;display:grid}.event .row b{font:700 20px/1.2 var(--f-display), sans-serif}.event .row span{color:#ffffffb8;font-size:14px;font-weight:600}@media (min-width:900px){.event:hover{transform:translateY(-4px)}}.chip-lv{color:var(--gold);background:#ffc94d29;border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-weight:800}.me{z-index:1;max-width:920px;padding:0 var(--gut) calc(48px + var(--safe-b));margin:0 auto;position:relative}.me-back{min-height:40px;color:var(--dim);border-radius:999px;align-items:center;gap:2px;margin:0 0 8px -6px;padding:0 12px 0 6px;font-weight:600;display:inline-flex}.me-back:hover{color:var(--text);background:var(--ink)}.me-card{text-align:center;background:linear-gradient(180deg, #7c4dff38, var(--ink) 70%);border-radius:28px;justify-items:center;gap:12px;padding:26px 20px;display:grid}.me-card h1{font:700 30px/1.1 var(--f-display), sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere}.me-card p{color:var(--dim)}.me-av{place-items:center;display:grid}.me-make{min-width:240px;height:54px;font-size:17px}.me-level{gap:8px;width:100%;max-width:420px;display:grid}.me-lv{justify-content:space-between;align-items:baseline;display:flex}.me-lv b{font:700 22px/1 var(--f-display), sans-serif;color:var(--gold)}.me-lv span{color:var(--faint);font-size:14px;font-weight:700}.me-bar{background:var(--ink-3);border-radius:999px;height:12px;overflow:hidden}.me-bar i{background:linear-gradient(90deg, var(--violet), var(--gold));height:100%;transition:width .8s var(--ease);border-radius:999px;display:block}.me-shelf{margin-top:30px}.me-shelf-t{align-items:center;gap:10px;margin-bottom:12px;display:flex}.me-shelf-t img{object-fit:cover;border-radius:9px;width:32px;height:32px}.me-shelf-t h2{min-width:0;font:700 20px/1.1 var(--f-display), sans-serif;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.me-shelf-t span{color:var(--dim);white-space:nowrap;font-size:14px;font-weight:700}.me-medals{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.me-medals.compact{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.me-medals.compact .me-medal{border-radius:16px;padding:8px}.me-medals.compact .me-medal img{width:52px;height:52px}.me-medal{background:var(--ink);text-align:center;min-width:0;transition:transform .25s var(--spring);border-radius:20px;align-content:start;justify-items:center;gap:6px;padding:14px 8px;display:grid}.me-medal:active{transform:scale(.95)}.me-medal img{object-fit:contain;filter:drop-shadow(0 10px 16px #00000080);width:64px;height:64px}.me-medal b{font-size:12px;font-weight:700;line-height:1.2}.me-medal.locked img{filter:grayscale()brightness(.35);opacity:.7}.me-medal.locked b{color:var(--dim)}@media (min-width:900px){.me-medal img{width:96px;height:96px}.me-medal b{font-size:14px}.me-medals.compact .me-medal img{width:64px;height:64px}}.me-back-drop{z-index:40;background:#0000008c;position:fixed;inset:0}.me-sheet{z-index:41;padding:22px var(--gut) calc(22px + var(--safe-b));background:var(--ink-2);text-align:center;animation:rise .25s var(--ease) both;border-radius:28px 28px 0 0;justify-items:center;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.me-sheet img{object-fit:contain;filter:drop-shadow(0 14px 24px #00000080);width:140px;height:140px}.me-sheet img.locked{filter:grayscale()brightness(.4)}.me-sheet b{font:700 24px/1.15 var(--f-display), sans-serif}.me-sheet p{color:var(--dim);max-width:340px}.me-sheet span{color:var(--faint);font-size:14px;font-weight:800}.me-sheet span.got{color:var(--gold)}.me-sheet .btn{min-width:200px;margin-top:6px}@media (min-width:900px){.me-sheet{border-radius:28px;width:420px;animation:none;bottom:40px;left:50%;right:auto;transform:translate(-50%)}}