@font-face{font-family:Spooky;src:url(assets/spooky.ttf)}:root{color-scheme:dark;--green:#b3f43b;--orange:#ff9a31;--ink:#100e17;--purple:#422669}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#3c2454 0,transparent 40%),var(--ink);color:#faf7ef;font:18px/1.55 system-ui,sans-serif}header{display:flex;align-items:center;gap:20px;padding:20px 5%;border-bottom:1px solid #67517d}header img{border-radius:8px}header span{font-weight:800;letter-spacing:.12em;font-size:14px}header button{margin-left:auto}main{max-width:1200px;margin:auto;padding:32px 5%}h1,h2,h3{font-family:Spooky,Impact,sans-serif;line-height:1.08;letter-spacing:.035em}h1{font-size:clamp(42px,6vw,76px);margin:18px 0;text-shadow:4px 5px 0 #000}h1 em{font-style:normal;color:var(--green)}h2{font-size:36px;color:var(--orange)}h3{font-size:26px;color:var(--green)}p{max-width:65ch}.eyebrow{color:var(--orange);font-weight:800;letter-spacing:.12em;font-size:14px}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.poster{width:100%;max-height:610px;object-fit:contain;filter:drop-shadow(0 12px 25px #000);transform:rotate(2deg)}button,a{touch-action:manipulation}button{font:700 16px system-ui;cursor:pointer;padding:14px 20px;border:2px solid #8871a5;background:#21192c;color:white;border-radius:8px}button:hover{border-color:var(--green);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--green);color:#15151b;border-color:var(--green);box-shadow:4px 4px 0 #49216c}.small{font-size:14px;color:#d1c5dd}.progress{display:flex;gap:20px;align-items:center;margin-bottom:24px;font-weight:800}progress{accent-color:var(--green);flex:1;height:14px}nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}nav button{font-size:14px;padding:10px}nav button[aria-current=step]{background:var(--orange);color:#17101f;border-color:var(--orange)}.panel{background:#20182b;border:1px solid #665178;border-top:6px solid var(--orange);padding:28px;border-radius:12px}.card{background:#130f1b;border:1px solid #584267;border-radius:10px;padding:20px;margin:18px 0}.card.benched{border-color:var(--green)}.card.benched textarea.zombie{text-decoration:line-through;opacity:.65}label{display:block;font-weight:750;margin:12px 0 7px}textarea,input{display:block;width:100%;font:inherit;padding:14px;color:white;background:#0e0b14;border:2px solid #75628a;border-radius:7px;resize:vertical}textarea{min-height:85px}textarea:focus,input:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}.tip{border-left:4px solid var(--green);padding:12px 18px;background:#342544}.actions{display:flex;justify-content:space-between;gap:20px;margin:24px 0}.choices{display:grid;gap:12px}.choices button{text-align:left}.chosen{border-color:var(--green);background:#34451e}a{color:var(--green)}.extras{margin-top:60px}details{padding:20px;background:#22182c;border:1px solid #685076;margin:16px 0;border-radius:10px}summary{cursor:pointer;font-weight:800}video{width:100%;max-height:600px;margin-top:20px;background:#000}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.gallery img{width:100%}footer{padding:32px 5%;text-align:center;background:#08070c;border-top:4px solid var(--purple)}footer p{margin:10px auto}.badge{font-family:Spooky;font-size:28px;color:var(--green)}[hidden]{display:none!important}@media(max-width:700px){.intro{grid-template-columns:1fr;gap:24px}.poster{max-height:390px}header{gap:12px;padding:16px}header span{font-size:12px}header button{padding:10px}main{padding:24px 5%}.panel{padding:20px}.gallery{grid-template-columns:1fr}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{transform:none!important}}@media print{header,.intro,.extras,nav,.actions,footer,button,.progress{display:none!important}body{background:white;color:black}.panel,.card,.tip{background:white;color:black;border-color:#444}textarea,input{color:black;background:white}h2,h3,.badge{color:black}}
.game-top{display:flex;gap:30px;align-items:center}.game-top h1{font-size:clamp(36px,5vw,62px);text-shadow:3px 4px #542275,-2px -1px #000}.mini-poster{width:150px;transform:rotate(3deg);border:3px solid var(--orange)}.game-top p{margin:12px 0}.game-top{margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid .card{margin:0}.flash{min-height:160px;width:100%;font-size:19px;white-space:normal;background:linear-gradient(135deg,#3b2158,#17101f);border:2px solid #a36cce}.flash.flipped{background:#213718;border-color:var(--green)}.checkline{display:flex;align-items:flex-start;gap:12px;background:#30223e;padding:14px;border-radius:8px;font-weight:500}.checkline input{width:22px;height:22px;flex-shrink:0;accent-color:var(--green)}.chip{display:inline-block;padding:8px 12px;margin:5px;border:1px solid #75628a;border-radius:20px;font-size:14px}.chip.selected{background:var(--green);color:#101018}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.toolbar label{margin:0}.toolbar input[type=color]{width:48px;height:42px;padding:4px}.toolbar input[type=range]{width:100px}.drawing{width:100%;height:auto;background:#f8f5ed;touch-action:none;border:4px solid var(--purple);border-radius:8px;display:block}.feedback{padding:12px;background:#30223e;border-left:4px solid var(--green);min-height:32px}.score{font-weight:800;color:var(--green)}select{font:inherit;max-width:100%;width:100%;padding:12px;background:#120e1b;color:white;border:2px solid #897296;border-radius:8px}.breath-disc{width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin:30px auto;background:#34254a;border:6px solid var(--green);border-radius:50%;font-weight:800;font-size:23px;text-align:center;transition:transform 3s linear}.breath-disc.inhale{transform:scale(1.22)}.breath-disc.exhale{transform:scale(.85);transition-duration:4s}.reset-card.active{border:2px solid var(--green)}.finish-actions{display:flex;flex-wrap:wrap;gap:12px}.scene{font-size:21px;border-left:6px solid var(--orange);padding:15px 20px;background:#30223e}.match-line{margin:16px 0}.completion{border:2px dashed var(--orange);padding:22px;text-align:center}.completion img{width:120px;border-radius:8px}.instruction{color:#e9d8fa}h2{overflow-wrap:anywhere}button[aria-pressed=true]{border-color:var(--green)}@media(max-width:700px){.grid{grid-template-columns:1fr}.mini-poster{display:none}.game-top h1{font-size:38px}nav button{flex:1 1 45%;min-height:56px}.toolbar{gap:8px}}@media(prefers-reduced-motion:reduce){.breath-disc{transition:none!important}}