:root{--parchment: #e8dcc0;--parchment-dark: #c9b98f;--ink: #2b2015;--wood: #6b4a2f;--wood-dark: #3a2a1a;--stone: #3a3a4a;--stone-dark: #1a1712;--iron: #b8bec9;--torch: #ff9d3c;--gold: #ffd166;--blood: #c62b3d;--moss: #7fbf5f;--title: "Press Start 2P", "Pixelify Sans", monospace;--body: "Pixelify Sans", "Press Start 2P", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1a1712;color:var(--parchment);font-family:var(--body);user-select:none;-webkit-user-select:none}#stage,#ui{position:fixed;inset:0}#stage canvas{display:block;image-rendering:pixelated}#ui{pointer-events:none}#ui>*{pointer-events:auto}.screen{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:2rem;padding:2rem;text-align:center;animation:screen-in .26s steps(5,end)}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.title{margin:0;font-family:var(--title);font-size:clamp(1.3rem,4.6vw,3rem);font-weight:400;letter-spacing:.04em;line-height:1.5;color:var(--gold);text-shadow:3px 3px 0 var(--wood-dark),6px 6px 0 rgba(0,0,0,.55)}.title.dead{color:var(--blood)}.subtitle{margin:0;color:var(--parchment-dark);font-size:clamp(.9rem,2.2vw,1.1rem);letter-spacing:.06em}.panel-title{margin:0;font-family:var(--title);font-size:clamp(.8rem,2.2vw,1.1rem);font-weight:400;letter-spacing:.06em;color:var(--gold);text-shadow:2px 2px 0 var(--wood-dark)}.menu{display:grid;gap:1rem;width:min(420px,86vw)}.framed{border:4px solid var(--wood);box-shadow:0 0 0 4px var(--wood-dark),8px 8px 0 4px #00000080}.btn{padding:.9rem 1.5rem;border:4px solid var(--wood);border-radius:0;background:var(--stone);color:var(--parchment);font:inherit;font-size:1.05rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 4px var(--wood-dark),6px 6px 0 4px #00000080;transition:background .1s steps(2,end),color .1s steps(2,end)}.btn:hover,.btn:focus-visible{background:var(--wood);color:var(--gold);outline:none}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 4px var(--wood-dark),2px 2px 0 4px #00000080}.btn.primary{background:var(--wood);color:var(--gold)}.btn.primary:hover,.btn.primary:focus-visible{background:#8b6239}.btn.ghost{background:transparent;border-color:var(--stone);color:var(--parchment-dark);box-shadow:0 0 0 4px var(--stone-dark),6px 6px 0 4px #0006}.btn.ghost:hover,.btn.ghost:focus-visible{background:var(--stone);color:var(--parchment)}.cards{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));width:min(780px,92vw)}.card{display:grid;gap:.6rem;padding:1.4rem 1.2rem;border:4px solid var(--wood);border-radius:0;background:var(--parchment);color:var(--ink);font:inherit;cursor:pointer;text-align:left;box-shadow:0 0 0 4px var(--wood-dark),8px 8px 0 4px #00000080;transition:transform 90ms steps(2,end)}.card:hover,.card:focus-visible{transform:translate(-4px,-4px);outline:none;box-shadow:0 0 0 4px var(--wood-dark),12px 12px 0 4px #00000080}.card:active{transform:translate(2px,2px)}.card h3{margin:0;font-family:var(--title);font-size:.82rem;font-weight:400;line-height:1.4;letter-spacing:.02em}.card[data-level=easy] h3{color:#3f7a3f}.card[data-level=normal] h3{color:#9a6a1f}.card[data-level=hard] h3{color:var(--blood)}.card p{margin:0;color:#5c4a35;font-size:.92rem;line-height:1.6}.card .best{color:#7a6547;font-size:.82rem;letter-spacing:.06em}.card .records{display:grid;gap:.15rem;margin-top:.35rem;padding-top:.5rem;border-top:3px dashed var(--parchment-dark)}.record-line{display:flex;justify-content:space-between;gap:.8rem;color:#7a6547;font-size:.82rem;letter-spacing:.04em}.record-line b{color:var(--ink);font-variant-numeric:tabular-nums}.summary .stat.record{padding:.35rem .5rem;margin:-.35rem -.5rem;border:3px solid var(--gold);background:#ffd16647}.rows{display:grid;gap:0;width:min(540px,90vw);padding:1.3rem;border:4px solid var(--wood);background:var(--parchment);color:var(--ink);box-shadow:0 0 0 4px var(--wood-dark),8px 8px 0 4px #00000080}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .3rem;border-bottom:3px dashed var(--parchment-dark)}.row:last-child{border-bottom:none}.row>span{color:#5c4a35;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.seg{display:flex;gap:.5rem}.seg button{padding:.45rem .85rem;border:3px solid var(--wood);border-radius:0;background:transparent;color:#7a6547;font:inherit;font-size:.92rem;cursor:pointer;transition:background 90ms steps(2,end),color 90ms steps(2,end)}.seg button:hover{background:var(--parchment-dark);color:var(--ink)}.seg button[aria-pressed=true]{background:var(--wood);color:var(--gold)}input[type=range]{width:150px;accent-color:var(--wood);cursor:pointer}.hud{position:absolute;inset:0;padding:clamp(.8rem,2.4vw,1.5rem);display:grid;grid-template-rows:auto 1fr auto;pointer-events:none;text-shadow:2px 2px 0 rgba(0,0,0,.85)}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.stat{display:grid;gap:.3rem}.stat .label{color:var(--parchment-dark);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-family:var(--title)}.stat .value{font-size:clamp(1.2rem,3.2vw,1.8rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.stat.right{text-align:right;justify-items:end}.stat .value.score{color:var(--parchment)}.stat .value.wave{color:var(--torch)}.combo{color:var(--gold);transition:transform 90ms steps(2,end)}.combo.bump{transform:scale(1.3)}.lives{display:flex;gap:.95rem;justify-content:flex-end}.life{width:16px;height:16px;background:var(--blood);box-shadow:0 -4px 0 0 var(--blood),0 4px #7a1622,-4px 0 0 0 var(--blood),4px 0 0 0 var(--blood);transition:background .2s steps(2,end)}.life.lost{background:#3a2a2a;box-shadow:0 -4px #3a2a2a,0 4px #241a1a,-4px 0 #3a2a2a,4px 0 #3a2a2a}.bombs{display:flex;gap:.75rem;justify-content:flex-end}.bomb{position:relative;width:18px;height:18px;border-radius:50%;background:#2a2320;border:3px solid var(--gold);box-shadow:0 0 0 2px #0009;transition:background .2s steps(2,end),border-color .2s steps(2,end)}.bomb:after{content:"";position:absolute;top:-7px;right:-1px;width:5px;height:5px;background:var(--torch);box-shadow:0 0 6px var(--torch)}.bomb.spent{background:transparent;border-color:#4a4238}.bomb.spent:after{background:#4a4238;box-shadow:none}.hud-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;color:var(--parchment-dark);font-size:.88rem;letter-spacing:.05em}.hud-hint{opacity:.7}.bestiary{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2.5rem;width:min(880px,94vw);max-height:62vh;overflow-y:auto;padding:1.4rem 1.6rem;border:4px solid var(--wood);background:var(--parchment);color:var(--ink);box-shadow:0 0 0 4px var(--wood-dark),8px 8px 0 4px #00000080}@media(max-width:720px){.bestiary{grid-template-columns:1fr}}.beast-col{display:grid;gap:.9rem;align-content:start}.beast-heading{color:#7a6547;font-family:var(--title);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.beast-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:.9rem}.beast-sprite{image-rendering:pixelated;justify-self:center}.beast-text{text-align:left}.beast-text b{font-family:var(--title);font-size:.72rem;letter-spacing:.08em}.beast-text p{font-size:.88rem;line-height:1.45;margin:.15rem 0 0}.scroll-word{justify-self:center;font-family:Atkinson Hyperlegible,monospace;font-weight:700;font-size:1rem;color:var(--gold);background:#12101a;padding:.25rem .5rem;border:2px solid var(--wood-dark)}.banner{position:absolute;left:50%;top:24%;transform:translate(-50%);display:grid;gap:.7rem;justify-items:center;pointer-events:none;text-align:center;animation:banner 1.9s steps(12,end) forwards}.banner .big{font-family:var(--title);font-size:clamp(1.1rem,3.6vw,2rem);line-height:1.4;color:var(--gold);text-shadow:3px 3px 0 var(--wood-dark),6px 6px 0 rgba(0,0,0,.6)}.banner .small{color:var(--parchment);font-size:1rem;letter-spacing:.18em;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.8)}.banner.loss .big{color:var(--blood)}@keyframes banner{0%{opacity:0;transform:translate(-50%) scale(.9)}18%{opacity:1;transform:translate(-50%) scale(1)}74%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1.05)}}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1.5rem 2rem;width:min(640px,92vw);padding:1.6rem;border:4px solid var(--wood);background:var(--parchment);color:var(--ink);box-shadow:0 0 0 4px var(--wood-dark),8px 8px 0 4px #00000080}.summary .stat{justify-items:center;text-align:center}.summary .stat .label{color:#7a6547}.summary .stat .value{color:var(--ink)}.badge{padding:.5rem 1.1rem;border:4px solid var(--wood);background:var(--gold);color:var(--ink);font-family:var(--title);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 0 4px var(--wood-dark),5px 5px 0 4px #00000080;animation:blink 1s steps(2,end) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.55}}.overlay .cards{width:min(820px,94vw)}.overlay .card .best{justify-self:end;padding:.1rem .5rem;border:3px solid var(--wood);color:var(--wood);font-family:var(--title);font-size:.7rem}.gauge{width:clamp(120px,22vw,240px);height:16px;background:#0000008c;border:3px solid var(--wood);box-shadow:0 0 0 3px var(--wood-dark)}.gauge .fill{height:100%;background:var(--moss);transition:background .2s steps(2,end)}.gauge .fill.critical{background:var(--blood);animation:blink .5s steps(2,end) infinite}.overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1.8rem;background:#14100cdb}.loading{color:var(--parchment-dark);letter-spacing:.12em;font-size:1rem;animation:blink .9s steps(2,end) infinite}.error{color:var(--blood);letter-spacing:.04em;font-size:1rem;max-width:44ch;line-height:1.7}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}