:root{--bg:#070911;--panel:#111520;--red:#e23b3b;--gold:#e8ba63;--cyan:#5ee8ff;--text:#f4efe4;--muted:#9096a5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}button,select{font:inherit;color:inherit}button{cursor:pointer}#grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:74px;display:flex;align-items:center;gap:44px;padding:0 34px;background:rgba(7,9,17,.92);border-bottom:1px solid #252a36;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;font-family:'Archivo Black';letter-spacing:.06em;text-align:left;font-size:18px}.brand b{display:block;color:var(--red);font-size:12px;letter-spacing:.28em}.moon{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:22px;box-shadow:0 0 18px #e8ba6344}nav{display:flex;height:100%;gap:12px}nav button{background:none;border:0;padding:0 17px;font-weight:700;font-size:12px;letter-spacing:.12em;color:var(--muted);position:relative}nav button.active,nav button:hover{color:white}nav button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--red)}.profile{margin-left:auto;display:flex;align-items:center;gap:10px}.profile button{background:none;border:0;color:var(--muted)}.profile strong,.profile small{display:block;font-size:10px}.profile small{color:var(--muted)}.level{border:1px solid var(--gold);color:var(--gold);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:700}.hero{min-height:calc(100vh - 74px);position:relative;display:flex;align-items:center;padding:70px 8vw;overflow:hidden;background:linear-gradient(90deg,rgba(6,8,14,.96) 0%,rgba(6,8,14,.7) 42%,rgba(6,8,14,.15) 70%),url('assets/theater.jpg') center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070911 0%,transparent 35%);pointer-events:none}.hero-copy{max-width:650px;z-index:2}.eyebrow{color:var(--gold);font-weight:700;letter-spacing:.22em;font-size:11px}.hero h1,.result h1{font:64px/1.02 'Archivo Black';letter-spacing:-.045em;margin:18px 0;text-shadow:0 4px 30px #000}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy>p:not(.eyebrow){font-size:19px;color:#c4c6cb;max-width:480px}.cta{border:0;background:var(--red);padding:16px 22px;font:13px 'Archivo Black';letter-spacing:.08em;margin:24px 0;box-shadow:0 8px 34px #e23b3b55;transition:.2s}.cta:hover{transform:translateY(-2px);filter:brightness(1.15)}.cta span{margin-left:24px}.stats{display:flex;gap:28px;color:#949aa8;font-size:10px;letter-spacing:.08em}.stats b{display:block;color:white;font-size:20px}.feature-card{position:absolute;z-index:4;right:14vw;width:280px;transform:rotate(5deg);filter:drop-shadow(0 22px 30px #000)}.tonight{position:absolute;z-index:5;right:2vw;bottom:13vh;width:220px;border-left:3px solid var(--red);padding:10px 14px;background:#090b12cc}.tonight>*{display:block}.tonight small{color:var(--red);letter-spacing:.18em}.tonight span{color:var(--muted);font-size:12px}.card{height:330px;aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:13px;border:2px solid #737783;background:#111;isolation:isolate;box-shadow:inset 0 0 0 2px #000,0 8px 18px #0009;transition:.2s}.card:hover{transform:translateY(-7px) scale(1.03);z-index:4}.card-art{position:absolute;inset:0;background-image:linear-gradient(0deg,#08090d 1%,transparent 52%),var(--art);background-size:cover;background-position:center;transform:translateX(var(--shift)) scale(1.04)}.card.paranormal{border-color:#6bd5df}.card.cosmic{border-color:#9572d6}.card.slasher{border-color:#c75a48}.cost,.power{position:absolute;top:8px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:21px 'Archivo Black';border:2px solid white;box-shadow:0 2px 10px #000;background:#1765c6}.cost{left:8px}.power{right:8px;background:#d44431}.rarity{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.14em;padding:4px 6px;background:#080a0dcc;border-radius:10px;color:var(--gold)}.card-copy{position:absolute;left:7px;right:7px;bottom:7px;background:linear-gradient(145deg,#181a22f5,#08090df5);padding:10px;border-top:2px solid var(--gold);min-height:88px}.card-copy h3{font:14px 'Archivo Black';margin:0 0 2px}.card-copy span{font-size:7px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em}.card-copy p{font-size:10px;line-height:1.25;margin:7px 0 0;color:#d6d3cb}.card.small{height:150px;border-radius:7px}.card.small .cost,.card.small .power{width:24px;height:24px;font-size:12px;top:3px}.card.small .cost{left:3px}.card.small .power{right:3px}.card.small .rarity,.card.small .card-copy p,.card.small .card-copy span{display:none}.card.small .card-copy{left:3px;right:3px;bottom:3px;min-height:auto;padding:5px}.card.small .card-copy h3{font-size:7px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.collection{padding:38px 5vw 70px;background:radial-gradient(circle at 40% 0,#151d2c,#070911 45%);min-height:calc(100vh - 74px)}h2{font:40px 'Archivo Black';margin:4px 0}.deck-picker{background:#151924;padding:12px 18px;border:1px solid #2d3442;width:260px}.deck-picker label,.deck-picker small{display:block;font-size:9px;color:var(--muted);letter-spacing:.12em}.deck-picker select{width:100%;border:0;background:transparent;font-weight:700;padding:4px 0}.filters{display:flex;align-items:center;gap:8px;margin:18px 0}.filters button{background:#151923;border:1px solid #2e3440;padding:8px 13px;font-size:9px;font-weight:700;letter-spacing:.08em}.filters button.active{background:var(--red);border-color:var(--red)}.filters span{margin-left:auto;color:var(--muted);font-size:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:18px}.card-grid .card{width:100%;height:auto;aspect-ratio:2/3}.battle{min-height:calc(100vh - 74px);padding:12px 22px 0;background:radial-gradient(circle at 50% 10%,#20273a,#090b12 55%);overflow:hidden}.turnbar{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto}.turnbar small,.turnbar b{display:block}.turnbar small{font-size:8px;color:var(--muted);letter-spacing:.16em}.turnbar button{background:var(--red);border:0;padding:10px 15px;font-size:10px;font-weight:700}.turnbar kbd{background:#aa2828;padding:3px 6px;margin-left:10px}.turn{display:flex;align-items:baseline;gap:7px}.turn span{font-size:9px;letter-spacing:.2em}.turn b{font:27px 'Archivo Black';color:var(--gold)}.turn i{font-style:normal;color:var(--muted)}.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1120px;margin:8px auto}.lane{height:500px;border:1px solid #2a3040;background:linear-gradient(#0c0f18aa,#171c29aa);position:relative;padding:6px}.ai-row,.player-row{height:158px;display:flex;justify-content:center;gap:2px}.ai-row .card{transform:rotate(180deg)}.location{height:110px;margin:5px -7px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(110deg,#242b3d,#121724);border-block:1px solid #49536b;box-shadow:0 0 25px #000}.location>div>span{color:var(--gold)}.location h3{font:14px 'Archivo Black';margin:2px 0}.location p{font-size:9px;color:#bbc0cb;margin:0;max-width:180px}.scores{display:flex;align-items:center;gap:6px}.scores b{font:27px 'Archivo Black';color:#6d7484}.scores b.winning{color:var(--gold);text-shadow:0 0 15px #e8ba6388}.scores i{color:#525866}.lane-target{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);z-index:10;border:1px dashed #81889a;background:#111722cc;padding:5px 17px;font-size:8px;letter-spacing:.12em;opacity:.45}.lane-target:hover{opacity:1;border-color:var(--gold);color:var(--gold)}.hand-wrap{height:170px;display:flex;justify-content:center;align-items:end;gap:6px;position:relative}.hand{display:flex;justify-content:center;align-items:end}.hand-card{background:none;border:0;padding:0;margin:0 -4px;transition:.18s}.hand-card:hover,.hand-card.selected{transform:translateY(-20px)}.hand-card.selected .card{box-shadow:0 0 0 3px var(--gold),0 0 30px #e8ba6388}.energy,.deck-count{width:70px;text-align:center;padding-bottom:25px}.energy b,.deck-count b{font:28px 'Archivo Black';display:block;color:var(--cyan)}.energy span,.deck-count span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.ticker{text-align:center;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden}.result,.rules{min-height:calc(100vh - 74px);display:grid;place-content:center;text-align:center;padding:40px;background:linear-gradient(#080a10bb,#080a10ee),url('assets/theater.jpg') center/cover}.result h1{font-size:60px}.result p{max-width:600px;margin-inline:auto}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:30px auto}.rules-grid article{background:#111621;border:1px solid #2e3545;padding:25px;text-align:left}.rules-grid b{font:40px 'Archivo Black';color:var(--red)}.rules-grid h3{font-family:'Archivo Black'}.rules-grid p,.keyword p{color:var(--muted)}.keyword{max-width:900px;margin:auto;background:#171d28;border-left:4px solid var(--gold);padding:17px;text-align:left}.keyword strong{color:var(--gold);font-size:11px;letter-spacing:.14em}.keyword p{margin-bottom:0}@media(max-width:900px){header nav{display:none}.feature-card{right:4vw;opacity:.55}.hero-copy{z-index:6}.lanes{grid-template-columns:1fr;overflow:auto}.lane{height:420px}.battle{overflow:auto}.ai-row,.player-row{height:125px}.card.small{height:118px}.location{height:90px}.hand-wrap{position:sticky;bottom:0;background:#080a10}.profile div{display:none}.rules-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}}