.card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-link:focus-visible{outline:none}:is(.day-card:has(.card-link:focus-visible),.mode-card:has(.card-link:focus-visible),.custom-card:has(.custom-cta:focus-visible)){outline:2px solid var(--color-accent-soft);outline-offset:3px}.home-panel,.day-card,.mode-card{background:linear-gradient(160deg, color-mix(in oklab, var(--color-surface) 92%, #fff 3%), var(--color-surface) 45%, color-mix(in oklab, var(--color-ink) 70%, var(--color-surface)));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 80%, #fff 6%), 0 30px 60px -40px #000000e6;border-radius:1.75rem}.level-row{white-space:nowrap;height:3rem;color:color-mix(in oklab, var(--color-fg) 85%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 70%, transparent);transition:background-color .3s ease, box-shadow .3s var(--ease-out-expo), transform .3s var(--ease-spring), color .2s ease;border-radius:1rem;align-items:center;gap:.75rem;padding:0 .9rem 0 .55rem;display:flex}.level-row:hover,.level-row:focus-visible{color:var(--color-fg);background:color-mix(in oklab, var(--tier) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tier-line) 50%, transparent)}.level-row:active{transform:scale(.98)}.level-row[data-next]{color:var(--color-fg);background:linear-gradient(90deg, color-mix(in oklab, var(--tier) 34%, transparent), color-mix(in oklab, var(--tier) 8%, transparent));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tier-line) 70%, transparent), 0 0 24px -8px color-mix(in oklab, var(--tier-fg) 60%, transparent)}.level-row[data-result]{color:var(--color-muted)}.level-chevron{opacity:.55;transition:transform .35s var(--ease-spring), opacity .2s ease}.level-row:hover .level-chevron,.level-row[data-next] .level-chevron{opacity:1;transform:translate(2px)}.level-icon{width:1.9rem;height:1.9rem;color:var(--tier-fg);background:color-mix(in oklab, var(--tier) 16%, transparent);box-shadow:inset 0 0 0 2px var(--tier-fg), 0 0 14px -4px color-mix(in oklab, var(--tier-fg) 70%, transparent);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.level-icon-dot{background:var(--tier-fg);border-radius:999px;width:.6rem;height:.6rem}[data-result=won] .level-icon{background:var(--tier-fg);color:var(--color-ink)}.day-card{min-height:17rem}.day-swoosh{z-index:-1;background:radial-gradient(70% 90% at 78% 30%,#8b5cff42,#0000 65%),radial-gradient(50% 70% at 100% 100%,#ff4fd824,#0000 70%),linear-gradient(115deg,#0000 52%,#8b5cff29 60%,#0000 70%);background:radial-gradient(70% 90% at 78% 30%,lab(51.2427% 47.7812 -75.8963/.26),#0000 65%),radial-gradient(50% 70% at 100% 100%,lab(63.3571% 76.1943 -33.7524/.14),#0000 70%),linear-gradient(115deg,#0000 52%,lab(51.2427% 47.7812 -75.8963/.16) 60%,#0000 70%);position:absolute;inset:0}.day-pill{letter-spacing:.16em;text-transform:uppercase;color:#b9a8ff;background:#8b5cff2e;background:lab(51.2427% 47.7812 -75.8963/.18);border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;height:2rem;padding:0 .9rem;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #8b5cff59;box-shadow:inset 0 0 0 1px lab(51.2427% 47.7812 -75.8963/.35)}.day-gradient{background:linear-gradient(90deg,#8f8bff,#c06bff 55%,#ff7ad9);color:#0000;-webkit-background-clip:text;background-clip:text}.day-play{width:2.75rem;height:2.75rem;color:var(--color-fg);background:color-mix(in oklab, var(--color-raised) 80%, #fff 6%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 60%, #fff 12%);transition:transform .4s var(--ease-spring), background-color .25s ease;border-radius:999px;place-items:center;display:grid}.day-card:hover .day-play{background:var(--color-accent);transform:scale(1.08)}.day-arrow{transition:transform .4s var(--ease-spring)}.day-card:hover .day-arrow{transform:translate(4px)}.day-art{aspect-ratio:12/11;width:100%;transition:transform .7s var(--ease-out-expo);border-radius:1.5rem;position:absolute;top:.25rem;right:1.75rem;overflow:hidden;transform:rotate(5deg);box-shadow:0 0 0 1px #ffffff1a,0 30px 60px -20px #000000e6,0 0 60px -10px #8b5cff8c;box-shadow:0 0 0 1px lab(100% 0 0/.101961),0 30px 60px -20px lab(0% 0 0/.901961),0 0 60px -10px lab(51.2427% 47.7812 -75.8963/.55)}.day-card:hover .day-art{transform:rotate(3deg)translateY(-3px)scale(1.02)}.day-countdown{background:color-mix(in oklab, var(--color-ink) 72%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:max-content;height:2.75rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 70%, #fff 10%);border-radius:999px;align-items:center;gap:.6rem;padding:0 1.1rem;display:inline-flex}.eq-bar{transform-origin:bottom;animation:1.4s ease-in-out infinite alternate eq;animation-delay:calc(var(--i) * -230ms)}@keyframes eq{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.mode-classic{--mode:#6d8bff}.mode-ranked{--mode:#3ddc97}.mode-card{background:radial-gradient(80% 60% at 100% 0%, color-mix(in oklab, var(--mode) 16%, transparent), transparent 70%), radial-gradient(90% 60% at 0% 100%, color-mix(in oklab, var(--mode) 10%, transparent), transparent 70%), var(--color-surface);min-height:16rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mode) 32%, var(--color-line)), 0 30px 60px -40px #000000e6;transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo)}@media (min-width:64rem){.mode-card{min-height:21rem}}@media not (min-width:64rem){.ranked-chart{opacity:.5;height:26%}}.mode-card:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mode) 60%, var(--color-line)), 0 24px 60px -24px color-mix(in oklab, var(--mode) 55%, transparent);transform:translateY(-3px)}.mode-icon{width:4.25rem;height:4.25rem;color:var(--mode);background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--mode) 30%, transparent), color-mix(in oklab, var(--mode) 8%, transparent));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mode) 45%, transparent), 0 0 30px -6px color-mix(in oklab, var(--mode) 60%, transparent);transition:transform .6s var(--ease-spring);border-radius:999px;place-items:center;display:grid}.mode-card:hover .mode-icon{transform:rotate(-8deg)scale(1.05)}.mode-go{width:2.75rem;height:2.75rem;color:var(--color-fg);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mode,var(--color-line)) 40%, var(--color-line));transition:background-color .25s ease, transform .4s var(--ease-spring), color .2s ease;border-radius:999px;place-items:center;display:grid}.mode-card:hover .mode-go{background:var(--mode);color:var(--color-ink);transform:translate(3px)}.mode-chip{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;height:2.25rem;color:color-mix(in oklab, var(--color-fg) 85%, transparent);background:color-mix(in oklab, var(--color-ink) 50%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 80%, #fff 6%);border-radius:999px;align-items:center;gap:.5rem;padding:0 .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.classic-beam{z-index:-1;background:linear-gradient(125deg, transparent 62%, color-mix(in oklab, var(--mode) 45%, transparent) 62.3%, transparent 62.6%), linear-gradient(125deg, transparent 70%, color-mix(in oklab, var(--mode) 22%, transparent) 70.2%, transparent 70.4%), radial-gradient(60% 40% at 100% 100%, color-mix(in oklab, var(--mode) 14%, transparent), transparent 70%);position:absolute;inset:0}.ranked-chart{z-index:-1;opacity:.8;width:75%;height:34%;position:absolute;bottom:5.5rem;right:0}.custom-card{transition:box-shadow .5s var(--ease-out-expo), transform .5s var(--ease-out-expo);background:radial-gradient(70% 60% at 85% 10%,#ff8a3d38,#0000 70%),radial-gradient(70% 70% at 0 100%,#a855f742,#0000 70%),linear-gradient(160deg,#1d1030,#140c22 60%,#1c0f1c) padding-box padding-box,linear-gradient(135deg,#a855f7,#ec4899 50%,#ff8a3d) border-box;background:radial-gradient(70% 60% at 85% 10%,lab(70.0019% 41.5896 59.6019/.22),#0000 70%),radial-gradient(70% 70% at 0 100%,lab(52.7991% 56.2742 -68.7519/.26),#0000 70%),linear-gradient(160deg,#1d1030,#140c22 60%,#1c0f1c) padding-box padding-box,linear-gradient(135deg,#a855f7,#ec4899 50%,#ff8a3d) border-box;border:1.5px solid #0000;border-radius:1.9rem;box-shadow:0 0 50px -12px #c04bff8c,0 30px 70px -30px #000000e6;box-shadow:0 0 50px -12px lab(54.9009% 67.2984 -69.6052/.55),0 30px 70px -30px lab(0% 0 0/.901961)}.custom-card:hover{transform:translateY(-3px);box-shadow:0 0 70px -10px #ff6ad599,0 30px 70px -30px #000000e6;box-shadow:0 0 70px -10px lab(66.9874% 65.9955 -26.5093/.6),0 30px 70px -30px lab(0% 0 0/.901961)}.custom-tiles{pointer-events:none;width:11rem;height:6rem;position:absolute;top:1.25rem;right:1.25rem}@media not (min-width:40rem){.custom-tiles{transform-origin:100% 0;transform:scale(.7)}}.ctile{color:#fff;width:3.9rem;height:3.9rem;transition:transform .7s var(--ease-spring);border-radius:1.1rem;place-items:center;display:grid;position:absolute;box-shadow:inset 0 1px #ffffff59,inset 0 -6px 12px #00000059,0 16px 30px -10px #000c}.ctile-a{color:#ffc2f0;background:linear-gradient(145deg,#7c5cff,#3b1d8f);top:.4rem;left:0;transform:rotate(-10deg)}.ctile-b{z-index:1;color:#c7d2fe;background:linear-gradient(145deg,#4f46e5,#1e1b4b);top:1.6rem;left:3.4rem;transform:rotate(4deg)}.ctile-c{color:#ffe08a;background:linear-gradient(145deg,#ff9f43,#b4410f);top:.9rem;left:6.9rem;transform:rotate(12deg)}@media (prefers-reduced-motion:no-preference){.custom-card:hover .ctile-a{transform:rotate(-16deg)translateY(-4px)}.custom-card:hover .ctile-b{transform:rotate(0)translateY(-6px)}.custom-card:hover .ctile-c{transform:rotate(18deg)translateY(-4px)}}.custom-subs{background:color-mix(in oklab, var(--color-ink) 45%, transparent);border-radius:1.25rem;box-shadow:inset 0 0 0 1px #ffffff14}.custom-subs>li+li{border-top:1px solid #ffffff12}.custom-sub{border-radius:1.25rem;align-items:center;gap:.9rem;height:100%;padding:.8rem 1rem;transition:background-color .25s;display:flex}.custom-sub:hover,.custom-sub:focus-visible{background:color-mix(in oklab, var(--c) 12%, transparent)}.custom-sub-icon{color:var(--c);transition:transform .45s var(--ease-spring);flex-shrink:0}.custom-sub:hover .custom-sub-icon{transform:translateY(-2px)scale(1.1)}.custom-sub-chevron{opacity:.5;transition:transform .35s var(--ease-spring), opacity .2s ease}.custom-sub:hover .custom-sub-chevron{opacity:1;transform:translate(3px)}.custom-cta{color:#fff;width:min(100%,23rem);height:3.25rem;transition:filter .25s ease, transform .3s var(--ease-spring);background:linear-gradient(90deg,#8b3dff,#d946ef 50%,#ff9f43);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;display:inline-flex;box-shadow:0 12px 34px -12px #d946efcc,inset 0 1px #ffffff40;box-shadow:0 12px 34px -12px lab(57.1351% 72.492 -56.8961/.8),inset 0 1px lab(100% 0 0/.25098)}.custom-card:hover .custom-cta{filter:brightness(1.08)saturate(1.1)}.custom-cta:active{transform:scale(.98)}.custom-cta svg{transition:transform .4s var(--ease-spring)}.custom-card:hover .custom-cta svg{transform:translate(4px)}.custom-dialog{background:radial-gradient(70% 50% at 90% 0,#ff8a3d2e,#0000 70%),radial-gradient(70% 60% at 0 100%,#a855f738,#0000 70%),linear-gradient(160deg,#1d1030,#140c22 60%,#1c0f1c) padding-box padding-box,linear-gradient(135deg,#a855f7,#ec4899 50%,#ff8a3d) border-box;background:radial-gradient(70% 50% at 90% 0,lab(70.0019% 41.5896 59.6019/.18),#0000 70%),radial-gradient(70% 60% at 0 100%,lab(52.7991% 56.2742 -68.7519/.22),#0000 70%),linear-gradient(160deg,#1d1030,#140c22 60%,#1c0f1c) padding-box padding-box,linear-gradient(135deg,#a855f7,#ec4899 50%,#ff8a3d) border-box;border:1.5px solid #0000;border-bottom:0;border-radius:1.75rem 1.75rem 0 0;width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;padding:0;overflow-y:auto;box-shadow:0 0 60px -14px #c04bff8c,0 -20px 60px -30px #000000e6;box-shadow:0 0 60px -14px lab(54.9009% 67.2984 -69.6052/.55),0 -20px 60px -30px lab(0% 0 0/.901961)}.custom-dialog[open]{animation:custom-sheet-up .42s var(--ease-out-expo)}.custom-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050508b8}@keyframes custom-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@media (min-width:40rem){.custom-dialog{border-bottom:1.5px solid #0000;border-radius:1.9rem;width:min(92vw,31rem);margin:auto;box-shadow:0 0 70px -12px #c04bff8c,0 40px 90px -30px #000000f2;box-shadow:0 0 70px -12px lab(54.9009% 67.2984 -69.6052/.55),0 40px 90px -30px lab(0% 0 0/.94902)}.custom-dialog[open]{animation:settle .38s var(--ease-out-expo)}}.custom-close{color:#ffffffbf;background:#ffffff0f;border-radius:999px;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;transition:background-color .2s,color .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.custom-close:hover{color:#fff;background:#ffffff1f}.custom-close:focus-visible,.custom-tab:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:2px}.custom-tabs{background:color-mix(in oklab, var(--color-ink) 55%, transparent);border-radius:1.1rem;box-shadow:inset 0 0 0 1px #ffffff14}.custom-tab{color:#fff9;border-radius:.85rem;justify-content:center;align-items:center;gap:.55rem;min-width:0;height:2.9rem;padding:0 .75rem;font-size:.95rem;font-weight:600;transition:background-color .25s,color .25s,box-shadow .25s;display:flex}.custom-tab:hover{color:#fff}.custom-tab-icon{color:var(--c);transition:transform .45s var(--ease-spring);flex-shrink:0}.custom-tab[aria-selected=true]{color:#fff;background:color-mix(in oklab, var(--c) 18%, #ffffff0a);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 45%, transparent), 0 8px 24px -12px color-mix(in oklab, var(--c) 70%, transparent)}.custom-tab[aria-selected=true] .custom-tab-icon{transform:scale(1.1)}.custom-panel-in{animation:msg-in-panel .32s var(--ease-out-expo)}@keyframes msg-in-panel{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.custom-dialog .custom-cta{width:100%}.custom-or{align-items:center;gap:.9rem;display:flex}.custom-or:before,.custom-or:after{content:"";background:#ffffff1a;flex:1;height:1px}@media (prefers-reduced-motion:reduce){.eq-bar{animation:none}.level-row,.level-chevron,.day-play,.day-arrow,.day-art,.mode-card,.mode-icon,.mode-go,.custom-card,.ctile,.custom-sub,.custom-sub-icon,.custom-cta,.custom-cta svg,.custom-close,.custom-tab,.custom-tab-icon{transition:none}.custom-dialog[open],.custom-panel-in{animation:none}.mode-card:hover,.custom-card:hover,.mode-card:hover .mode-icon{transform:none}.day-card:hover .day-art{transform:rotate(5deg)}}