:root{--cyan:#01c1fd;--pink:#fc0380;--gold:#ffdb90;--ink:#080b16;--muted:#a7afc6;--line:#263047;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070913;color:#f7f7ff;font:16px/1.5 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a.btn{cursor:pointer}button{background:transparent;color:inherit;border:0}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:4px}.skip{position:absolute;left:-100vw}.skip:focus{left:10px;background:#171c29;z-index:10}
header{background:#080c17f5;border-bottom:1px solid #26304d}.bar,footer,.wrap,.stats{width:min(1160px,92vw);margin:auto}.bar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand img{display:block;width:215px}nav,.header-actions,.buttons,.tabs{display:flex;align-items:center;gap:22px}nav a{font-size:.92rem;font-weight:600;padding:26px 0;position:relative}nav a[aria-current]{color:#fff}nav a[aria-current]:after{content:"";position:absolute;bottom:14px;height:2px;left:0;right:0;background:var(--pink);box-shadow:0 0 10px var(--pink)}.header-actions{gap:10px}.cart,.smallplay{border:1px solid #2e6073;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:6px}.smallplay{background:#0c2631;color:var(--cyan);font-weight:700}.cart svg{width:20px;fill:none;stroke:var(--cyan);stroke-width:2}.cart span{font:700 13px monospace}
.hero{min-height:480px;height:clamp(480px,42vw,680px);position:relative;isolation:isolate;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse at 50% 38%,#162638,#080b19 55%,#160d28);overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;top:0;bottom:0;z-index:-1;width:39%;background-repeat:no-repeat;background-size:cover}.hero:before{left:0;background-image:url(assets/portal.svg);background-position:right center;mask-image:linear-gradient(to right,#000 63%,transparent)}.hero:after{right:0;background-image:url(assets/guardian.webp);background-position:left 40%;mask-image:linear-gradient(to left,#000 64%,transparent)}.hero .content{padding:15px 0 30px}.kicker{color:var(--cyan);font:700 12px/1.3 monospace;letter-spacing:.14em;text-transform:uppercase}.word{margin:22px auto 12px;width:clamp(210px,26vw,390px);display:grid;gap:4px;transform:skew(-6deg);filter:drop-shadow(0 8px 0 #020612)}.word span{display:block;aspect-ratio:4.1;background:linear-gradient(#a9ecff,var(--cyan) 55%,#0789c1 78%,#054969);mask:url(assets/wordmark.png) left center / 206% 100% no-repeat;image-rendering:pixelated}.word span+span{mask-position:right center;background:linear-gradient(#ffa3d0,var(--pink) 55%,#c30066 78%,#6f003d)}.hero p{font-weight:600;margin:0;color:#e1e8fb}.buttons{justify-content:center;gap:12px;margin:22px 0}.btn,.tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:7px;padding:11px 19px;border:1px solid var(--line);background:#101525}.btn.primary{background:var(--pink);border-color:var(--pink);box-shadow:0 0 20px #fc038042}.btn.alt{border-color:var(--cyan)}button:hover,a.btn:hover{filter:brightness(1.16)}.stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:-24px;border:1px solid #324158;background:linear-gradient(125deg,#111a29,#0e101e);border-radius:10px;box-shadow:0 12px 42px #0004}.stats>div,.stats>button{text-align:left;padding:16px 24px}.stats>*+*{border-left:1px solid #263247}.stats small,.muted{display:block;color:var(--muted)}.stats b{font-weight:750}.dot{color:var(--cyan)}.wrap{padding:48px 0}.pagehead{padding:60px 0 24px;text-align:center}.pagehead h1,.sectiontitle{font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-.045em;margin:10px 0}.pagehead p{color:var(--muted);margin:8px 0}.sectiontitle{font-size:34px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(255px,100%),1fr));gap:18px;margin:22px 0}.mode,.card,.panel{background:linear-gradient(140deg,#151a2b,#0d111e 65%);border:1px solid var(--line);border-radius:11px;padding:24px}.mode{position:relative;overflow:hidden;min-height:195px}.mode h3,.card h3{font-size:26px;letter-spacing:-.03em;margin:12px 0 5px}.mode p,.card p{color:var(--muted);margin:6px 0 16px}.mode .edge{position:absolute;right:18px;top:10px;color:#ffffff09;font:bold 80px monospace}.tiny{font:700 12px monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--tone,var(--cyan))}.tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 34px}.tabs button{font-size:14px;padding:8px 13px}.tabs .on{background:var(--pink);border-color:var(--pink)}.card{border-color:color-mix(in srgb,var(--tone) 58%,var(--line));box-shadow:inset 0 0 50px color-mix(in srgb,var(--tone) 7%,transparent)}.art{height:110px;display:grid;place-items:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--tone) 13%,transparent),transparent 70%)}.art img{max-height:100%;max-width:75%;object-fit:contain;mix-blend-mode:screen}.art.cyan img{filter:hue-rotate(205deg)}.art.gold img{filter:hue-rotate(100deg)}.card strong,.cost{font-size:23px}.card .btn{width:100%}.note{color:var(--muted);font-size:.9rem}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.detail .art{height:230px}.detail h1{font-size:40px;line-height:1.08}.quantity{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:6px;padding:4px}.quantity button{padding:4px 10px}.strip{border-left:3px solid var(--tone,var(--cyan));padding:15px 18px;background:#121827}.reward{display:flex;gap:14px;align-items:center}.reward img{width:72px;border-radius:6px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:13px 0}.row button{color:var(--cyan)}footer{border-top:1px solid var(--line);padding:22px 0;display:flex;gap:22px;align-items:center;color:var(--muted);font-size:14px}footer img{width:155px}footer a{margin-left:auto}.pagebody{min-height:60vh;margin-bottom:30px}dialog{width:min(470px,94vw);padding:30px;border:1px solid #36516c;background:#0f1523;color:#fff;border-radius:12px;box-shadow:0 12px 80px #0009}dialog::backdrop{background:#030510bf}.close{float:right;font-size:25px}.code{display:block;padding:12px;background:#080c14;border:1px solid var(--line);border-radius:6px;color:var(--cyan);overflow-wrap:anywhere}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:9px 18px;border-radius:6px;background:#123044;opacity:0;pointer-events:none}#toast.show{opacity:1}.back{font-size:14px;color:var(--muted)}
@media(max-width:800px){.bar{height:auto;min-height:65px;flex-wrap:wrap;padding:10px 0 0}.brand img{width:170px}.header-actions{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;gap:10px}nav a{padding:8px 0 12px;font-size:14px}nav a[aria-current]:after{bottom:4px}.hero{min-height:390px;height:48vw}.hero:before,.hero:after{width:36%;opacity:.74}.stats>div,.stats>button{padding:12px}.split{grid-template-columns:1fr}.wrap{padding:34px 0}footer{flex-wrap:wrap}}
@media(max-width:520px){.hero{height:420px}.hero .content{padding-bottom:5px}.hero:before,.hero:after{opacity:.48;width:45%}.stats{grid-template-columns:1fr 1fr}.stats>:last-child{grid-column:span 2;border-top:1px solid var(--line);border-left:0}.stats small{font-size:12px}.word{width:215px}.pagehead{padding:28px 0 16px}.buttons .btn{padding:10px 13px}.grid{gap:12px}.smallplay{padding:7px 9px;font-size:13px}footer span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.week{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:22px 0}.day{border:1px solid #344361;border-radius:9px;background:linear-gradient(#111728,#0b0f1d);padding:18px 4px;text-align:center}.day img{display:block;width:42px;height:42px;object-fit:contain;image-rendering:pixelated;margin:14px auto}.day.today{border-color:var(--pink)}.day span{display:block;color:var(--muted);font-size:13px}.day.today span{color:#ff91c9}.homebelow{padding-top:30px}.homebelow .sectiontitle{margin-bottom:16px}@media(max-width:650px){.week{grid-template-columns:repeat(4,1fr)}}@media(max-width:380px){.week{grid-template-columns:repeat(3,1fr)}}

#checkout { display: grid; gap: .75rem; margin: 1rem 0; }
#checkout input { width: 100%; box-sizing: border-box; padding: .75rem; border: 1px solid var(--cyan); border-radius: .5rem; background: #101426; color: white; font: inherit; }
#checkout [role=status]:empty { display: none; }