[data-mode=day]{--mode:#8b6cff}[data-mode=solo]{--mode:#ff6ac1}[data-mode=classic]{--mode:#6d8bff}[data-mode=ranked]{--mode:#3ddc97}[data-mode=duel]{--mode:#ff7a66}[data-mode=custom]{--mode:#ffa94d}.home-card{isolation:isolate;background:linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 94%, #fff 6%), var(--color-surface) 7rem, color-mix(in oklab, var(--color-surface) 70%, var(--color-ink)));box-shadow:inset 0 1px 0 #ffffff0f, inset 0 0 0 1px color-mix(in oklab, var(--mode) 16%, var(--color-line)), 0 1px 2px #0006, 0 40px 70px -46px #000000f2;transition:transform .5s var(--ease-out-expo), box-shadow .4s ease;border-radius:1.75rem;flex-direction:column;display:flex;position:relative}.mode-title{font-family:var(--font-display);letter-spacing:-.04em;font-weight:700;line-height:1.05}.mode-line{max-width:38ch;color:color-mix(in oklab, var(--color-fg) 66%, transparent);margin-top:.45rem;line-height:1.5}.mode-body{flex-direction:column;flex:1;padding:1.15rem 1.35rem 1.4rem;display:flex}@media (min-width:40rem){.mode-body{padding:1.3rem 1.75rem 1.75rem}}.mode-stage{background:radial-gradient(60% 90% at 50% 60%, color-mix(in oklab, var(--mode) 17%, transparent), transparent 75%), radial-gradient(circle at 1px 1px, #ffffff0f 1px, transparent 1.4px) 0 0 / 14px 14px, linear-gradient(180deg, color-mix(in oklab, var(--color-ink) 70%, var(--mode) 4%), color-mix(in oklab, var(--color-ink) 40%, transparent));height:7.75rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mode) 12%, #ffffff0a);border-radius:1.3rem;margin:.55rem .55rem 0;position:relative;overflow:hidden}@media (min-width:40rem){.mode-stage{height:9rem}}@media (min-width:48rem){.home-card>.mode-stage{flex:1;min-height:9rem}.home-card>.mode-body{flex:none}}.mode-stage .art{width:100%;height:min(100% - 1.2rem,7.75rem);position:absolute;top:50%;left:0;overflow:visible;translate:0 -50%}.card-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.card-link:focus-visible{outline:none}.mode-card:has(.card-link:focus-visible){outline:2px solid var(--color-accent-soft);outline-offset:3px}.mode-chip{white-space:nowrap;height:1.9rem;color:color-mix(in oklab, var(--color-fg) 72%, transparent);background:color-mix(in oklab, var(--color-ink) 55%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 85%, #fff 5%);border-radius:999px;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.mode-go{color:color-mix(in oklab, var(--mode) 80%, #fff);align-self:flex-start;align-items:center;gap:.45rem;padding-top:1.4rem;font-weight:600;display:inline-flex}.mode-go svg{transition:transform .4s var(--ease-spring)}.card-hit:after{content:"";z-index:1;border-radius:1.75rem;position:absolute;inset:0}.card-hit,.card-hit:hover,.card-hit:active{transform:none}.home-card:hover .card-hit{background:color-mix(in oklab, var(--color-accent) 88%, #fff 12%);box-shadow:inset 0 1px 0 #ffffff38, 0 0 0 1px color-mix(in oklab, var(--color-accent) 60%, #fff 40%), 0 14px 44px -8px color-mix(in oklab, var(--color-accent) 95%, transparent)}.home-card:has(.card-hit){cursor:pointer}@media (hover:hover){.home-card:has(.card-hit:active){transform:scale(.995)}}.day-card:hover{box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px color-mix(in oklab, var(--mode) 45%, var(--color-line)), 0 1px 2px #0006, 0 40px 80px -46px #000000f2, 0 30px 90px -60px color-mix(in oklab, var(--mode) 65%, transparent)}.how-link-arrow{color:var(--color-accent-soft)}.how-link[data-first]{color:#fff;background:var(--color-accent);box-shadow:inset 0 1px 0 #ffffff2e, 0 0 0 1px color-mix(in oklab, var(--color-accent) 70%, #fff 30%), 0 10px 32px -10px color-mix(in oklab, var(--color-accent) 85%, transparent)}.how-link[data-first]:hover{background:color-mix(in oklab, var(--color-accent) 88%, #fff 12%)}.how-link[data-first] .how-link-arrow{color:#fff}.how-link[data-first]:before{content:"";border-radius:inherit;box-shadow:0 0 0 2px color-mix(in oklab, var(--color-accent-soft) 60%, transparent), 0 0 24px 2px color-mix(in oklab, var(--color-accent) 45%, transparent);opacity:.6;pointer-events:none;animation:3.2s ease-in-out infinite how-breathe;position:absolute;inset:-5px}@keyframes how-breathe{0%,to{opacity:.25}50%{opacity:.85}}.how-link-tag{white-space:nowrap;color:var(--color-accent-soft);background:color-mix(in oklab, var(--color-accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 40%, transparent);animation:how-tag-in .6s var(--ease-out-expo) both;border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:600;position:absolute;top:50%;left:calc(100% + .75rem);translate:0 -50%}@keyframes how-tag-in{0%{opacity:0;translate:-.4rem -50%}}@media not (min-width:30rem){.how-link-tag{z-index:1;background:color-mix(in oklab, var(--color-accent) 30%, var(--color-ink));padding:.1rem .55rem;font-size:.72rem;animation-name:how-tag-fade;top:-.85rem;left:auto;right:.9rem;translate:none}}@keyframes how-tag-fade{0%{opacity:0}}.day-card{background:radial-gradient(90% 70% at 85% 0%, color-mix(in oklab, var(--mode) 15%, transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, #ff4fd80f, transparent 70%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 92%, #fff 8%), var(--color-surface) 7rem, color-mix(in oklab, var(--color-surface) 70%, var(--color-ink)));box-shadow:inset 0 1px 0 #ffffff14, inset 0 0 0 1px color-mix(in oklab, var(--mode) 30%, var(--color-line)), 0 1px 2px #0006, 0 40px 80px -46px #000000f2, 0 30px 90px -60px color-mix(in oklab, var(--mode) 55%, transparent)}@supports (color:lab(0% 0 0)){.day-card{background:radial-gradient(90% 70% at 85% 0%, color-mix(in oklab, var(--mode) 15%, transparent), transparent 70%), radial-gradient(70% 60% at 0% 100%, lab(63.3571% 76.1943 -33.7524/.06), transparent 70%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 92%, #fff 8%), var(--color-surface) 7rem, color-mix(in oklab, var(--color-surface) 70%, var(--color-ink)))}}.day-countdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab, var(--color-ink) 60%, transparent);height:2.1rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 80%, #fff 6%);border-radius:999px;align-items:center;padding:0 .9rem;font-size:.85rem;display:inline-flex;position:absolute;bottom:.65rem;right:.65rem}.day-card .mode-stage{background:#070612;min-height:9.5rem}@media (min-width:40rem){.day-card .mode-stage{min-height:11.5rem}}.day-art{width:100%;height:100%;position:absolute;inset:0}.day-ring{transform-origin:262px 86px;transition:transform .9s var(--ease-out-expo)}.home-card:hover .day-ring{transform:translateY(-4px)scale(1.03)}.levels{align-items:center;gap:.75rem;display:flex}.level-dots{align-items:center;gap:.55rem;display:flex;position:relative}.level-dots:before{content:"";background:var(--color-line);height:1px;position:absolute;top:50%;left:.3rem;right:.3rem}.level-dot{width:.65rem;height:.65rem;color:var(--color-ink);background:color-mix(in oklab, var(--tier-fg) 55%, var(--color-surface));border-radius:999px;place-items:center;display:grid;position:relative}[data-tier=ghost_track].level-dot{background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--tier-line)}.level-dot[data-result=won]{background:var(--tier-fg);width:1.05rem;height:1.05rem}.level-dot[data-result=lost]{width:1.05rem;height:1.05rem;color:var(--color-muted);background:var(--color-raised);box-shadow:inset 0 0 0 1px var(--color-line)}.level-dot[data-next]{background:var(--tier-fg);width:.8rem;height:.8rem;box-shadow:0 0 0 3px color-mix(in oklab, var(--tier-fg) 25%, transparent), var(--tier-glow)}.level-next{color:var(--color-muted);white-space:nowrap;font-size:.85rem}.level-next b{color:var(--tier-fg);text-shadow:var(--tier-text-glow);font-weight:600}.art-solo .wave-bar{fill:#fff3}.art-solo .wave-lit{fill:color-mix(in oklab, var(--mode) 85%, #fff)}.art-solo .clip-window{fill:color-mix(in oklab, var(--mode) 14%, transparent);stroke:color-mix(in oklab, var(--mode) 70%, transparent);stroke-width:1.25px}.art-solo .clip-head path{stroke:#fff;stroke-width:1.5px;stroke-linecap:round;opacity:.85}.art-solo .clip-head circle{fill:#fff}.art-solo .clip-head{transition:transform 1.6s cubic-bezier(.45,0,.55,1)}.home-card:hover .art-solo .clip-head{transform:translateX(var(--sweep))}.art-classic .vs-left rect{fill:var(--mode)}.art-classic .vs-right rect{fill:#fff}.art-classic .vs-left,.art-classic .vs-right{transition:transform .6s var(--ease-spring)}.home-card:hover .art-classic .vs-left{transform:translate(6px)}.home-card:hover .art-classic .vs-right{transform:translate(-6px)}.art-classic .vs-player circle,.art-classic .vs-player path{fill:color-mix(in oklab, var(--color-ink) 82%, var(--mode) 8%);stroke:color-mix(in oklab, var(--mode) 38%, transparent);stroke-width:1.5px}.art-classic .vs-hp-track{fill:#ffffff0d}.art-classic .vs-hp{fill:color-mix(in oklab, var(--mode) 32%, transparent)}.art-classic .vs-slash{stroke:color-mix(in oklab, var(--mode) 60%, #fff);stroke-width:1.5px;stroke-linecap:round;opacity:.55}.art-classic .vs-text{font-family:var(--font-display);letter-spacing:-.04em;fill:#fff;paint-order:stroke;stroke:color-mix(in oklab, var(--color-ink) 80%, var(--mode));stroke-width:8px;stroke-linejoin:round;font-size:22px;font-style:italic;font-weight:800}.rank-chart{width:100%;height:75%;position:absolute;inset:auto 0 0}.rank-chart .rank-line{fill:none;stroke:var(--mode);stroke-width:1.5px;stroke-linejoin:round;opacity:.45}.rank-chart .rank-line-fill{fill:color-mix(in oklab, var(--mode) 9%, transparent)}.art-ranked{opacity:.32}.art-ranked .rank-ring{fill:none;stroke:var(--mode);stroke-width:1px;stroke-dasharray:2 6}.art-ranked .rank-shield{fill:color-mix(in oklab, var(--mode) 22%, transparent);stroke:var(--mode);stroke-width:2px;stroke-linejoin:round}.art-ranked .rank-chevron{fill:none;stroke:var(--mode);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.art-ranked .rank-emblem{transition:transform .6s var(--ease-spring)}.home-card:hover .art-ranked .rank-emblem{transform:translateY(-3px)}.rank-chart{opacity:.6}.art-duel .hp-track{fill:#ffffff14}.art-duel .hp-fill{fill:var(--mode)}.art-duel .hp-hit{fill:color-mix(in oklab, var(--mode) 75%, #fff);transform-origin:184px 25px;transition:transform .7s var(--ease-out-expo)}.art-duel .hp-loss{fill:#fff;opacity:.55}.art-duel .duel-head{fill:color-mix(in oklab, var(--mode) 30%, var(--color-ink));stroke:var(--mode);stroke-width:2px}.art-duel .duel-body{fill:color-mix(in oklab, var(--mode) 18%, var(--color-ink));stroke:var(--mode);stroke-width:2px}.art-duel .duel-side-b .duel-head,.art-duel .duel-side-b .duel-body{stroke:#fff9;fill:#ffffff0f}.art-duel .duel-bolt path{fill:#ffd76a}.art-duel .duel-bolt{transform-origin:160px 65px;transition:transform .5s var(--ease-spring)}.home-card:hover .art-duel .duel-bolt{transform:scale(1.18)rotate(-6deg)}.home-card:hover .art-duel .hp-hit{transform:scaleX(.8)}.art-seats .seat-table{fill:color-mix(in oklab, var(--color-ink) 60%, var(--mode) 6%);stroke:color-mix(in oklab, var(--mode) 45%, transparent);stroke-width:1.25px}.art-seats .seat-code{font-family:var(--font-display);letter-spacing:.16em;fill:color-mix(in oklab, var(--mode) 75%, #fff);font-size:13px;font-weight:700}.art-seats .seat-taken{fill:var(--seat);stroke:color-mix(in oklab, var(--seat) 50%, #fff);stroke-width:1.5px}.art-seats .seat-open{fill:none;stroke:#ffffff47;stroke-width:1.25px;stroke-dasharray:3 3.5}.art-seats .seat-arrive{fill:#ff5c8a;stroke:#ffb6c4;stroke:lab(81.4526% 33.1318 4.8486);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .3s ease, transform .5s var(--ease-spring);transform:scale(.4)}.home-card:not(.room-card):hover .art-seats .seat-arrive{opacity:1;transform:none}.room-card:has(.btn-primary:hover,.btn-primary:focus-visible,.btn-primary:active,.btn-primary[aria-busy]) .art-seats .seat-arrive{opacity:1;transform:none}.room-card .art-seats .seat-arrive{fill:var(--color-accent-soft);stroke:color-mix(in oklab, var(--color-accent-soft) 50%, #fff)}.art-code .code-box{fill:color-mix(in oklab, var(--color-ink) 70%, transparent);stroke:#ffffff24;stroke-width:1.25px}.art-code .code-box-full{stroke:color-mix(in oklab, var(--mode) 55%, transparent)}.art-code .code-char{font-family:var(--font-display);fill:#fff;font-size:20px;font-weight:700}.art-code .code-caret{stroke:var(--mode);stroke-width:2px;stroke-linecap:round;animation:1.1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.modes-head{align-items:center;gap:1.25rem;margin-bottom:1.25rem;display:flex}.modes-rule{background:linear-gradient(90deg, var(--color-line), transparent);flex:1;height:1px}@media (hover:hover){.mode-card:hover{transform:translateY(-3px)}}.mode-card:hover,#duel:hover,#solo:hover{box-shadow:inset 0 1px 0 #ffffff14, inset 0 0 0 1px color-mix(in oklab, var(--mode) 38%, var(--color-line)), 0 1px 2px #0006, 0 40px 70px -40px #000000f2}.mode-card:hover .mode-go svg{transform:translate(4px)}[data-mode=custom].home-card{background:radial-gradient(80% 60% at 100% 0%, color-mix(in oklab, var(--mode) 10%, transparent), transparent 70%), radial-gradient(80% 70% at 0% 100%, #a855f71f, transparent 70%), linear-gradient(180deg, #1a1226, #130f1c 60%, #160f18) padding-box, linear-gradient(140deg, #a855f7, #ec4899 50%, #ffa94d) border-box;border:1.5px solid #0000;box-shadow:0 1px 2px #0006,0 40px 70px -46px #000000f2,0 0 40px -24px #d946ef80;box-shadow:0 1px 2px lab(0% 0 0/.4),0 40px 70px -46px lab(0% 0 0/.94902),0 0 40px -24px lab(57.1351% 72.492 -56.8961/.5)}@supports (color:lab(0% 0 0)){[data-mode=custom].home-card{background:radial-gradient(80% 60% at 100% 0%, color-mix(in oklab, var(--mode) 10%, transparent), transparent 70%), radial-gradient(80% 70% at 0% 100%, lab(52.7991% 56.2742 -68.7519/.12), transparent 70%), linear-gradient(180deg, #1a1226, #130f1c 60%, #160f18) padding-box, linear-gradient(140deg, #a855f7, #ec4899 50%, #ffa94d) border-box}}[data-mode=custom].mode-card:hover{box-shadow:0 1px 2px #0006,0 40px 70px -40px #000000f2,0 0 50px -20px #ff6ad58c;box-shadow:0 1px 2px lab(0% 0 0/.4),0 40px 70px -40px lab(0% 0 0/.94902),0 0 50px -20px lab(66.9874% 65.9955 -26.5093/.55)}[data-mode=custom] .mode-stage{margin:.45rem .45rem 0}.duel-field{gap:.5rem;display:flex;position:relative}.duel-at{color:var(--color-faint);pointer-events:none;font-weight:600;position:absolute;top:50%;left:.9rem;translate:0 -50%}.duel-room-btn{border-radius:.5rem;min-height:2.75rem;padding-top:.15rem}.duel-room-btn:hover{color:var(--color-fg)}.duel-room-btn:hover svg{transform:translate(4px)}.duel-room-btn:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:2px}.duel-room-btn:disabled{opacity:.6}#duel .mode-body>div:last-child>div>p:empty{display:none}.room-start{isolation:isolate;position:relative}.room-start-glow{z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 30% 40%,#a855f724,#0000 70%),radial-gradient(35% 45% at 75%,#ffa94d12,#0000 70%);background:radial-gradient(40% 50% at 30% 40%,lab(52.7991% 56.2742 -68.7519/.14),#0000 70%),radial-gradient(35% 45% at 75%,lab(76.765% 26.8894 59.202/.07),#0000 70%);height:30rem;position:absolute;inset:-4rem 0 auto}.room-card .mode-stage{height:8.5rem}[data-mode=duel]>.room-start-glow{background:radial-gradient(40% 50% at 30% 40%,#ff7a661c,#0000 70%),radial-gradient(35% 45% at 75%,#6d8bff17,#0000 70%);background:radial-gradient(40% 50% at 30% 40%,lab(67.282% 50.6016 36.2099/.11),#0000 70%),radial-gradient(35% 45% at 75%,lab(59.8646% 15.225 -62.184/.09),#0000 70%)}.room-challenge{gap:1rem;padding:1.25rem 1.35rem .6rem}@media (min-width:40rem){.room-challenge{flex-direction:row;align-items:center;gap:2rem;padding:1.35rem 1.75rem .6rem}}@media not (min-width:40rem){.home-card{border-radius:1.4rem}.mode-stage{border-radius:1.05rem;height:5.25rem;margin:.4rem .4rem 0}.mode-stage .art{height:min(100% - .8rem,7.75rem)}[data-mode=custom] .mode-stage{margin:.35rem .35rem 0}.day-card .mode-stage{min-height:7.25rem}.room-card .mode-stage{height:6rem}.mode-body{padding:.8rem 1rem 1rem}.mode-line{margin-top:.3rem;font-size:.9375rem;line-height:1.4}.mode-go{padding-top:.75rem}.mode-chip{height:1.65rem;padding:0 .6rem;font-size:.75rem}.day-countdown{height:1.85rem;padding:0 .7rem;font-size:.78rem;bottom:.45rem;right:.45rem}.modes-head{margin-bottom:.85rem}}