/* Midnight party theme */
:root{--paper:#100b1c;--green:#f7efff;--orange:#ff7855;--muted:#b7a9c8;--line:#ffffff22;color-scheme:dark}
body{background-color:var(--paper);background-image:radial-gradient(ellipse at 85% 12%,#8035c044,transparent 42%),radial-gradient(ellipse at 5% 45%,#c72b7230,transparent 40%),radial-gradient(ellipse at 80% 90%,#354dcc30,transparent 45%);background-attachment:fixed;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 12% 20%,#e299ff80 0 1px,transparent 3px),radial-gradient(circle at 80% 60%,#ffb89265 0 2px,transparent 5px),radial-gradient(circle at 50% 80%,#b299ff60 0 1px,transparent 4px);background-size:290px 350px,410px 470px,370px 310px}
.nav{background:#100b1c55}.brand{font-family:'Space Grotesk',sans-serif;font-size:20px;letter-spacing:-.7px}.nav-note{color:var(--muted)}
.hero{align-items:center;gap:45px;padding-top:55px;padding-bottom:65px}.hero h1{text-shadow:0 0 60px #f873aa25}.hero h2{color:#e8dcf7}.intro{color:#c1b3d0}.primary{color:#1e1025;box-shadow:0 7px 28px #ff63361c}.small-note{color:#b7a9c8}.small-note span{color:#db9aff}.live-dot{box-shadow:0 0 16px var(--orange)}
.night-visual{position:relative;min-width:0;width:100%;max-width:450px;margin:auto;border-radius:110px 110px 20px 20px;overflow:hidden;border:1px solid #cb8fff30;box-shadow:0 0 90px #ae37e124,0 24px 65px #0005;transform:rotate(3deg)}
.bottle-photo{display:block;width:100%;height:510px;object-fit:cover;object-position:center 52%}.night-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 25px 24px;background:linear-gradient(transparent,#10091cf5);text-align:center}.night-caption span{font-size:9px;letter-spacing:3px;color:#e7b5ff;display:block;margin-bottom:9px}.night-caption strong{font:500 21px 'Space Grotesk',sans-serif}
.ticker{background:#211231b3;border-top:1px solid #e099ff30;border-bottom:1px solid #e099ff30;color:#ff97cf}.ticker span{color:#eee0ff}.game-tile{background:#1d1429b3}.tile-visual{background:linear-gradient(115deg,#3d1b59,#171020);height:210px}.tile-bottle{position:absolute;right:0;top:0;height:100%;width:48%;object-fit:cover;object-position:50% 48%;mask-image:linear-gradient(to right,transparent,#000 30%)}.tile-title{position:absolute;left:22px;top:80px;font:700 45px 'Space Grotesk',sans-serif;letter-spacing:-2px}.tile-title>span{color:var(--orange)}.pill{position:relative;z-index:1;border-color:#d49bf75c;background:#221331;color:#ebcaff}.tile-number{color:#d3badf}.coming-tile{background:#1b122750;border-color:#a279ba50}.coming-icon{color:#ba8cd2}.circle-arrow{color:#e4b4ff}.how{background:#100b1c44}footer{background:#0b0714aa}footer .brand{font-size:17px}
dialog{background:#1b1227;border:1px solid #b686d740;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#07030ed9}.choices label{background:#251a33}input:not([type]),input[type=text]{background:#100b1c;color:#f7efff;border-color:#76568b}input::placeholder{color:#ae9abd}.add{background:#b787e4;color:#170d22}.player{background:#332043;border-color:#725087;color:#f2e7ff}.feedback{color:#ffb398}input[type=checkbox]{accent-color:#ba8ce8}.progress span{box-shadow:0 0 14px #ff78556b}.mode small{color:#b7a9c8}
@media(max-width:1000px){.hero{gap:25px}.bottle-photo{height:460px}.brand{font-size:18px}}
@media(max-width:700px){.nav{flex-wrap:wrap;gap:10px}.nav .brand{font-size:20px}.hero{gap:30px;padding-bottom:40px}.night-visual{max-width:340px;transform:rotate(2deg);border-radius:80px 80px 16px 16px}.bottle-photo{height:420px}.tile-title{font-size:40px}.hero h1{font-size:clamp(60px,16vw,76px)}footer .brand{font-size:16px}}