:root{color-scheme:dark;font-family:'Atkinson Hyperlegible',sans-serif;color:#f4f1d9;background:#151e26}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#35493f66,transparent 60%)}main{max-width:1280px;margin:auto;padding:22px 36px 30px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;font-weight:bold;letter-spacing:1.4px;color:#a9b4ad}a{color:#d7e78d;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;border:1px solid #607068;background:#25322f;border-radius:6px;padding:9px 16px;touch-action:none}button:hover{background:#405348}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d7ed80;outline-offset:3px}.title-row{display:flex;justify-content:space-between;align-items:center;padding:28px 0 24px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:bold;color:#b4c3a3}h1{font-size:clamp(38px,6.7vw,78px);letter-spacing:-4px;line-height:1;margin:8px 0 0;font-weight:900;transform:rotate(-2deg)}h1 em{font-style:normal;color:#d2ec78}h1 span{font-size:40px;color:#f4a863;display:inline-block;transform:rotate(20deg);margin-left:14px}.tagline{font-size:15px;line-height:1.6;color:#bcc5b9;border-left:2px solid #d2ec78;padding-left:20px}.cabinet{border:1px solid #65745b;border-radius:12px;overflow:hidden;box-shadow:0 18px 60px #0005}.hud{display:flex;align-items:center;gap:35px;padding:16px 24px;background:#243129}.hud>div{flex:1}.hud span{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.hud b{font-weight:normal;color:#c5c9ba}.hud strong{color:#d2ec78;white-space:nowrap;font-size:12px;letter-spacing:2px}meter{display:block;width:100%;height:13px;margin-top:5px}meter::-webkit-meter-bar{background:#121c19;border:0}meter::-webkit-meter-optimum-value{background:#cde879}#enemy-meter::-webkit-meter-optimum-value{background:#eda574}.screen{position:relative;background:#94b2af;aspect-ratio:1100/580}canvas{display:block;width:100%;height:100%;touch-action:none}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#12211be6;padding:18px}#overlay[hidden]{display:none}h2{font-size:clamp(30px,5vw,65px);line-height:1;margin:16px 0 8px;letter-spacing:-2px;color:#d2ec78}#overlay p{line-height:1.6}#overlay .small{font-size:12px;color:#b6c1ac}#start{background:#d2ec78;color:#202d20;font-weight:bold;padding:17px 30px;margin:10px;font-size:17px;border:none;box-shadow:4px 4px 0 #74844a}.status{background:#243129;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:13px;min-height:53px}.status span{flex:1}.status button{font-size:11px;padding:7px 10px}.touch{display:flex;gap:8px;justify-content:center;padding:16px 0}.touch button{min-height:51px;min-width:62px;font-size:19px;font-weight:bold;background:#2d3a32}.touch small{font-size:9px;display:block;letter-spacing:.5px;color:#c2cda9}.touch button:active{background:#68804a}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #445047;padding-top:18px}.rules article>span{color:#b7c98a;letter-spacing:1.3px;font-size:10px}.rules p{font-size:12px;line-height:1.7;color:#aebbb3}.rules b{color:#f1e8cf}@media(max-width:650px){main{padding:14px 10px}header>span,.tagline{display:none}.title-row{padding:20px 6px}h1{letter-spacing:-2px}h1 span{font-size:24px;margin-left:8px}.hud{padding:10px;gap:12px}.hud strong{font-size:9px}.hud span{font-size:9px}.screen{aspect-ratio:1.35}.touch{gap:5px}.touch button{flex:1;min-width:0;padding:8px 3px}.touch small{font-size:8px}.status{font-size:11px;padding:7px;gap:5px}.rules{gap:12px;grid-template-columns:1fr}.rules p{margin:5px 0}.rules article{border-bottom:1px solid #344238;padding-bottom:8px}#overlay .small{font-size:10px}#overlay p{font-size:12px}#start{padding:12px 20px;font-size:14px}h2{margin:6px 0}#overlay .eyebrow{font-size:8px}}

.boss-roster{font-size:12px;line-height:1.8;color:#d2dfb0;border-left:2px solid #d2ec78;padding-left:14px;margin:0 0 20px}.hud #enemy-name{display:inline;letter-spacing:.3px}@media(max-width:650px){.hud{gap:7px}.hud strong{max-width:100px;white-space:normal;text-align:center;font-size:8px}.hud span{font-size:8px}}

.minion-hp{background:#342a40;color:#dfcef1;text-align:center;padding:10px;font-size:12px;font-weight:bold}.minion-hp[hidden]{display:none}