:root{font-family:Arial,Helvetica,sans-serif;color:#f8f0d8;background:#142318}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:clamp(12px,2vw,28px);text-shadow:0 2px 3px #111;font-weight:800;letter-spacing:.06em}.meters{width:min(320px,42vw);display:grid;gap:8px}.meters label{font-size:11px}.meters i{--value:100%;display:block;width:100%;margin-top:5px;height:16px;border:2px solid #f4edce;background:#26352a;position:relative;overflow:hidden}.meters i:after{content:"";display:block;height:100%;width:var(--value);background:#d94f47}.meters .xp:after{background:#d7b54c}.meters .armor:after{background:#559bd1}.armor-row.empty{display:none}.wave{position:absolute;top:22px;left:50%;transform:translate(-50%);font-size:clamp(16px,2vw,25px)}.score{position:absolute;top:25px;right:28px;font-size:clamp(12px,1.5vw,18px)}.boosters{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px}.booster-status{width:56px;height:56px;position:relative;display:grid;place-items:center;border:1px solid #d6c86e;background:#17251bd9}.booster-status img{width:48px;height:48px;object-fit:contain}.booster-status b{position:absolute;right:-6px;bottom:-6px;padding:2px 4px;background:#b94f3d;font-size:10px}.cooldowns{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:14px}.cooldown-ring{--progress:100%;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#1a2b1e 58%,transparent 60%),conic-gradient(#d3be5b var(--progress),#40513d 0);border:1px solid #d7d6a2;font-size:10px}.cooldown-ring b{font-size:19px;color:#fff2c5}.cooldown-ring em{font-style:normal;font-size:8px}.cooldown-ring small{color:#d9e8ad;font-size:8px}.debug{position:absolute;bottom:18px;left:18px;color:#fff}.overlay{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;pointer-events:all;background:#10170edb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-card{width:min(560px,100%);padding:clamp(25px,5vw,54px);text-align:center;background:#243d29;border:2px solid #b4b76b;box-shadow:0 16px 70px #0008}.eyebrow{color:#d8c46e;font-size:12px;letter-spacing:.18em}h1,h2{margin:8px 0;font-family:Georgia,serif;letter-spacing:.08em}h1{font-size:clamp(42px,7vw,74px)}h2{font-size:clamp(25px,5vw,42px)}.tagline{margin:0 0 30px;color:#d2dfad;font-style:italic}button{border:2px solid #f5edca;background:#c85a3e;color:#fff;padding:14px 22px;font-weight:900;letter-spacing:.06em;cursor:pointer}button:hover{background:#e2764f}details{margin-top:26px;color:#d8e0c6;font-size:13px;line-height:1.8}summary{cursor:pointer;color:#f3e9c4;font-weight:700}.upgrade-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.upgrade-options button{padding:17px 9px;background:#395339;font-size:12px}.upgrade-options small{display:block;margin-top:8px;color:#e5dcae;font-weight:400;letter-spacing:0}.pause-menu{display:grid;gap:14px}.pause-menu button{width:min(300px,100%);margin:0 auto}.pause-menu .secondary{background:#48534c}.pause-menu .secondary:hover{background:#657066}.volume-control{display:grid;grid-template-columns:56px 1fr 44px;align-items:center;gap:10px;width:min(300px,100%);margin:8px auto 12px;font-size:12px;color:#e7dfb7}.volume-control input{accent-color:#d6a64c}.volume-control output{color:#fff5ca;text-align:right}.menu-backdrop{background:linear-gradient(90deg,#09130ddd,#10241794 54%,#10241744),url(/assets/ui/start-background.png) center / cover}.menu-card.start{width:min(620px,100%);background:#183020e8}.menu-card.start h1{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(42px,6vw,68px);letter-spacing:.035em;line-height:.95;text-shadow:3px 4px 0 #102017}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:26px;text-align:left}.controls span{padding:8px;background:#0d1d13b8;color:#e5dfbb;font-size:12px}.controls b{color:#dbbd56}.menu-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}.menu-actions button{padding:9px 12px;font-size:10px}.score-card{width:min(760px,100%)}.score-card table{width:100%;margin:22px 0;border-collapse:collapse;font-size:12px}.score-card th,.score-card td{padding:8px;border-bottom:1px solid #576846}.score-card th{color:#dcca73}@media(max-width:560px){.meters{width:42vw}.cooldowns{width:95%;gap:4px}.cooldowns span{min-width:0;flex:1;padding:7px 3px;font-size:8px}.upgrade-options{grid-template-columns:1fr}.menu-card{max-height:90vh;overflow:auto}}