:root{--bg:#0a0714;--bg2:#120c24;--card:#161030;--card2:#1d1540;--line:#2e2459;--text:#ece8ff;--muted:#a49cc9;
--ink:#ffffff;--ink2:#0d0920;--saff:#ffb020;--teal:#22e4ff;--rose:#ff2e6e;--mag:#c64bff;--lime:#7dff6a;--cream:#0a0714;
--glow-s:0 0 0 1px rgba(255,176,32,.6),0 0 22px rgba(255,176,32,.45);--glow-c:0 0 0 1px rgba(34,228,255,.55),0 0 22px rgba(34,228,255,.35);
--cut:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--text);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:radial-gradient(900px 500px at 85% -10%,rgba(198,75,255,.18),transparent 60%),radial-gradient(800px 500px at -10% 30%,rgba(34,228,255,.10),transparent 60%),var(--bg);background-attachment:fixed;min-height:100vh}
h1,h2,h3{font-family:'Chakra Petch',Inter,sans-serif;color:var(--ink);line-height:1.15;margin:.2em 0 .5em;letter-spacing:.01em}
h1{font-family:Bungee,'Chakra Petch',sans-serif;font-weight:400;font-size:clamp(1.9rem,5.2vw,3.4rem);letter-spacing:.01em;text-shadow:0 0 28px rgba(198,75,255,.45)}
h2{font-size:clamp(1.35rem,3vw,1.9rem);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
h2:after{content:'';display:block;width:56px;height:3px;margin-top:8px;background:linear-gradient(90deg,var(--saff),var(--rose));box-shadow:0 0 12px rgba(255,46,110,.6)}
.center h2:after,h2.center:after{margin-left:auto;margin-right:auto}
h3{font-size:1.15rem;font-weight:700;margin-top:1.1em}
a{color:var(--teal)}img{max-width:100%}::selection{background:var(--mag);color:#fff}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
header.site{background:rgba(10,7,20,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(198,75,255,.25)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:400 1.5rem Bungee,sans-serif;letter-spacing:.04em;text-shadow:0 0 14px rgba(255,176,32,.55)}
.logo svg{width:38px;height:38px;filter:drop-shadow(0 0 8px rgba(255,176,32,.55))}
nav.main{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
nav.main a{color:#d9d3ff;text-decoration:none;padding:8px 12px;font:600 .9rem 'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid transparent}
nav.main a:hover,nav.main a.on{color:#fff;border-bottom-color:var(--teal);text-shadow:0 0 10px rgba(34,228,255,.7)}
nav.main a.cta{background:var(--saff);color:#160d00;clip-path:var(--cut);border:0;padding:9px 16px;margin-left:6px;font-weight:700}
nav.main a.cta:hover{background:#ffc552;text-shadow:none}
.hero{position:relative;overflow:hidden;color:#fff;padding:70px 0 96px;isolation:isolate;
background:radial-gradient(600px 300px at 20% 10%,rgba(255,46,110,.28),transparent 70%),radial-gradient(700px 360px at 90% 30%,rgba(34,228,255,.22),transparent 70%),linear-gradient(180deg,#140b2c,#0a0714)}
.hero:before{content:'';position:absolute;left:-50%;right:-50%;bottom:-2px;height:55%;z-index:-1;
background:linear-gradient(transparent 0 94%,rgba(198,75,255,.55) 94% 100%) 0 0/100% 46px,linear-gradient(90deg,transparent 0 96%,rgba(198,75,255,.45) 96% 100%) 0 0/46px 100%;
transform:perspective(380px) rotateX(62deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(transparent,#000 70%);mask-image:linear-gradient(transparent,#000 70%)}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.hero h1{color:#fff}.hero p{max-width:660px;font-size:1.12rem;color:#dcd6ff}.hero .kicker{color:var(--saff)}
.kicker{text-transform:uppercase;letter-spacing:.2em;font:700 .78rem 'Chakra Petch',sans-serif;color:var(--teal);margin:0 0 .5em}
.kicker:before{content:'▶ ';color:var(--rose)}
.hud{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px;padding:0;list-style:none}
.hud li{border:1px solid rgba(34,228,255,.45);background:rgba(34,228,255,.07);color:#dffaff;font:600 .82rem 'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:6px 12px;clip-path:var(--cut)}
.hud li b{color:var(--saff)}
.btn{display:inline-block;border:0;cursor:pointer;background:var(--saff);color:#160d00;font:700 1rem 'Chakra Petch',Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:12px 22px;text-decoration:none;margin:4px 6px 4px 0;clip-path:var(--cut);transition:transform .12s,filter .12s,background .12s}
.btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px var(--teal);clip-path:none;border-radius:2px}.btn.ghost:hover{background:rgba(34,228,255,.12)}
.btn.big{font-size:1.1rem;padding:15px 28px}.btn:disabled{opacity:.5;transform:none;cursor:not-allowed}
.btn.teal{background:var(--teal);color:#021318}
section{padding:56px 0}.center{text-align:center}.small{font-size:.88rem;color:var(--muted)}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.grid2{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:6px;margin:0 0 18px;position:relative}
.pad{padding:22px}
.prod{display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}
.prod:hover{transform:translateY(-6px);border-color:rgba(255,176,32,.7);box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 28px rgba(255,176,32,.25)}
.prod .art{height:200px;display:flex;align-items:center;justify-content:center;color:#fff;font:400 1.5rem/1.15 Bungee,sans-serif;text-align:center;padding:18px;position:relative;text-shadow:0 2px 0 rgba(0,0,0,.4),0 0 18px rgba(255,255,255,.35)}
.prod .art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);pointer-events:none}
.prod .art .badge{position:absolute;top:12px;left:12px;font:700 .7rem 'Chakra Petch',sans-serif;letter-spacing:.14em;background:var(--lime);color:#06210a;padding:4px 8px;clip-path:var(--cut);text-shadow:none}
.prod .art.m{background:radial-gradient(circle at 80% 20%,rgba(255,176,32,.6),transparent 45%),radial-gradient(circle at 15% 85%,rgba(255,46,110,.55),transparent 50%),linear-gradient(135deg,#4a0f3a,#1a0d3d)}
.prod .art.b{background:radial-gradient(circle at 80% 25%,rgba(125,255,106,.4),transparent 45%),linear-gradient(135deg,#063e4a,#1a0d3d)}
.prod .art.s{background:radial-gradient(circle at 20% 20%,rgba(198,75,255,.6),transparent 50%),linear-gradient(135deg,#3a0f2a,#120c24)}
.prod .in{padding:20px;display:flex;flex-direction:column;flex:1}.prod .in .btn{align-self:flex-start;margin-top:auto}
.price{font:700 1.5rem 'Chakra Petch',sans-serif;color:var(--saff);text-shadow:0 0 14px rgba(255,176,32,.35)}
.tag{display:inline-block;border:1px solid rgba(34,228,255,.5);color:var(--teal);padding:2px 9px;font:600 .74rem 'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.08em;margin:0 6px 6px 0}
.steps3{counter-reset:s;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));padding:0;list-style:none}
.steps3 li{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--mag);padding:46px 18px 18px;position:relative}
.steps3 li:before{counter-increment:s;content:'LEVEL 0' counter(s);position:absolute;left:18px;top:14px;color:var(--mag);font:700 .8rem 'Chakra Petch',sans-serif;letter-spacing:.18em;text-shadow:0 0 10px rgba(198,75,255,.7)}
.steps3 li b{font-family:'Chakra Petch',sans-serif;font-size:1.08rem;color:#fff}
.castg{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.castg .card{padding:16px 16px 16px 18px;margin:0;border-left:3px solid var(--rose);transition:transform .15s,box-shadow .15s}
.castg .card:hover{transform:translateY(-3px);box-shadow:0 0 22px rgba(255,46,110,.25)}
.castg b{color:#fff;display:block;font:700 1.08rem 'Chakra Petch',sans-serif}
details.faq{background:var(--card);border:1px solid var(--line);padding:14px 18px;margin:0 0 10px}
details.faq summary{cursor:pointer;font:700 1.02rem 'Chakra Petch',sans-serif;color:#fff;list-style:none}details.faq summary::-webkit-details-marker{display:none}
details.faq summary:before{content:'+ ';color:var(--saff)}details.faq[open] summary:before{content:'– '}details.faq[open]{border-color:rgba(34,228,255,.5)}
footer.site{background:#06040d;color:#9b94c4;padding:34px 0;font-size:.9rem;border-top:1px solid var(--line)}footer.site a{color:#dcd6ff}
footer.site .cols{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
.legal p,.legal li{max-width:780px}
ul li::marker{color:var(--saff)}
/* game */
#app{max-width:1100px;margin:0 auto;padding:18px 16px 60px}
.narrow{max-width:520px;margin:20px auto}
label.f{display:block;font:700 .9rem 'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.08em;margin:12px 0}
label.f input,label.f select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:4px;font:16px Inter,sans-serif;text-transform:none;letter-spacing:0;background:#0d0920;color:var(--text)}
label.f input:focus,label.f select:focus{outline:0;border-color:var(--teal);box-shadow:var(--glow-c)}
.codein{width:100%;font:400 2.4rem Bungee,monospace;letter-spacing:.3em;text-align:center;text-transform:uppercase;padding:12px;border:2px solid var(--saff);border-radius:4px;background:#0d0920;color:var(--saff);margin:10px 0;box-shadow:var(--glow-s)}
.codein:focus{outline:0}
.note{background:rgba(34,228,255,.08);border-left:3px solid var(--teal);padding:10px 14px;margin:10px 0}.note.bad{background:rgba(255,46,110,.1);border-color:var(--rose)}
.hbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.codebox{background:#0d0920;border:1px solid var(--saff);box-shadow:var(--glow-s);color:#fff;padding:10px 20px;display:flex;flex-direction:column;align-items:center;clip-path:var(--cut)}
.codebox span{font:600 .78rem 'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.code{font:400 2.7rem Bungee,monospace;letter-spacing:.18em;color:var(--saff);text-shadow:0 0 18px rgba(255,176,32,.6)}.code.sm{font-size:1.1rem;letter-spacing:.12em}
.steps li{margin:6px 0}.qr{background:#fff;padding:10px;display:inline-block;margin-top:6px;box-shadow:var(--glow-c)}
.cast{list-style:none;padding:0;margin:0}.cast li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:9px 0;border-bottom:1px solid var(--line)}
.cast li span{grid-column:1;font-size:.86rem;color:var(--muted)}.cast li em{grid-row:1/3;grid-column:2;align-self:center;font:700 .78rem 'Chakra Petch',sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.cast li.taken em{color:var(--lime);text-shadow:0 0 10px rgba(125,255,106,.6)}
.chip{display:inline-block;border:1px solid var(--line);background:#0d0920;color:var(--text);padding:5px 12px;font:600 .85rem 'Chakra Petch',sans-serif;margin:3px 2px;cursor:pointer;border-radius:2px}
.chip.on{background:rgba(125,255,106,.12);color:var(--lime);border-color:var(--lime)}
.actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px}
.story p{font-size:1.15rem;line-height:1.75}.tl td{padding:4px 12px 4px 0;vertical-align:top}.tl td:first-child{font:700 .95rem 'Chakra Petch',sans-serif;white-space:nowrap;color:var(--teal)}
.timer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}
.timer b{font:400 2.2rem Bungee,monospace;color:var(--teal);text-shadow:0 0 16px rgba(34,228,255,.6)}.timer b.late{color:var(--rose);text-shadow:0 0 16px rgba(255,46,110,.7);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.35}}
.reveal .btn{margin:6px 6px 0 0}
.clues{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin-bottom:18px}
.clue{background:#120c24;color:var(--text);border:1px dashed rgba(34,228,255,.6);padding:20px 16px 16px;position:relative;box-shadow:inset 0 0 30px rgba(34,228,255,.06)}
.clue h3{color:var(--teal);margin-top:.2em}
.clue .cn{position:absolute;top:-11px;left:14px;background:var(--teal);color:#021318;padding:2px 10px;font:700 .74rem 'Chakra Petch',sans-serif;letter-spacing:.14em;text-transform:uppercase;clip-path:var(--cut)}
.clue.big p{font-size:1.15rem}
.bignum{font:400 3rem Bungee;color:var(--saff);margin:.2em 0;text-shadow:0 0 18px rgba(255,176,32,.5)}.bignum span{font:600 1.1rem Inter;color:var(--muted);text-shadow:none}
.bars .bar{display:grid;grid-template-columns:150px 1fr 30px;gap:8px;align-items:center;margin:6px 0}
.bars i{display:block;height:16px;background:linear-gradient(90deg,var(--mag),var(--teal));box-shadow:0 0 10px rgba(198,75,255,.5)}
.bars .killer i{background:var(--rose);box-shadow:0 0 14px rgba(255,46,110,.8)}.bars .killer span{font-weight:800;color:var(--rose)}
.killercard{background:radial-gradient(circle at 50% 0,rgba(255,46,110,.55),transparent 60%),linear-gradient(180deg,#2a0716,#0a0714);border-color:var(--rose);color:#fff;text-align:center;box-shadow:0 0 40px rgba(255,46,110,.35)}
.killercard h1{color:#fff;font-size:clamp(2.2rem,7vw,3.8rem);text-shadow:2px 0 var(--rose),-2px 0 var(--teal),0 0 30px rgba(255,46,110,.7);animation:glitch 2.4s infinite}
@keyframes glitch{0%,92%,100%{transform:none}93%{transform:translateX(-3px)}95%{transform:translateX(3px)}97%{transform:translateX(-1px)}}
.killercard .kicker{color:var(--saff)}
.sol li{margin:8px 0}.buy{border:1px solid var(--saff);box-shadow:var(--glow-s)}
.pbar{display:flex;justify-content:space-between;align-items:center;gap:8px;font:600 .9rem 'Chakra Petch',sans-serif;margin-bottom:8px}
.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:rgba(13,9,32,.92);backdrop-filter:blur(8px);border:1px solid var(--line);padding:4px;margin-bottom:14px;position:sticky;top:54px;z-index:2}
.tabs button{border:0;background:transparent;color:var(--muted);font:700 .85rem 'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:10px 4px;cursor:pointer}
.tabs button.on{background:var(--saff);color:#160d00;clip-path:var(--cut)}
.say{font:600 1.1rem/1.5 'Chakra Petch',sans-serif;background:rgba(255,176,32,.1);border-left:3px solid var(--saff);padding:12px 14px;margin:8px 0;color:#fff}
.secret{background:rgba(255,46,110,.1);border-left:3px solid var(--rose);padding:10px 12px}
.killerme summary,details.sec summary{cursor:pointer;font:700 1rem 'Chakra Petch',sans-serif}details.sec{margin:1em 0}details.sec summary{color:var(--teal)}
header.site.compact .wrap{min-height:52px}header.site.compact .logo{font-size:1.15rem}header.site.compact svg{width:28px;height:28px}
.killerme{background:linear-gradient(180deg,#3a0718,#1a0610);color:#fff;border-color:var(--rose);box-shadow:0 0 26px rgba(255,46,110,.35)}.killerme h2{color:#fff}.killerme .kicker{color:var(--saff)}
.now{border-color:var(--saff);box-shadow:var(--glow-s)}.old{opacity:.7}
.picks{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin:12px 0}
.pick{display:block;text-align:left;background:#0d0920;color:var(--text);border:1px solid var(--line);padding:12px 14px;cursor:pointer;font:inherit;transition:border-color .12s,box-shadow .12s}
.pick:hover{border-color:var(--teal)}
.pick input{float:right;width:20px;height:20px;accent-color:var(--saff)}.pick b{display:block;color:#fff;font-family:'Chakra Petch',sans-serif;font-size:1.05rem}.pick span{display:block;font-size:.85rem;color:var(--muted)}.pick em{display:block;font-size:.82rem;font-style:normal;margin-top:4px;color:var(--teal)}
.pick:has(input:checked),.pick.chosen{border-color:var(--saff);background:rgba(255,176,32,.1);box-shadow:var(--glow-s)}.pick.dis{opacity:.4;cursor:not-allowed}
@media (max-width:600px){.code{font-size:2rem}.bars .bar{grid-template-columns:100px 1fr 24px}.hero{padding:44px 0 70px}nav.main a{padding:6px 8px;font-size:.8rem}nav.main a.cta{margin-left:0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}