*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#16372b,#07120f 60%);color:#f4fff8;font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,5vw,64px);border-bottom:1px solid #ffffff18}.brand{font-weight:900;letter-spacing:2px;color:#a8ffba;text-decoration:none}nav{display:flex;gap:20px}a{color:#c5dfd0;text-decoration:none;font-size:13px}.ad-wrap{max-width:900px;margin:14px auto;text-align:center;padding:0 12px}.ad-label{font-size:9px;letter-spacing:2px;color:#688678}.ad-slot{height:62px;border:1px dashed #456356;border-radius:8px;color:#698477;display:grid;place-items:center;font-size:11px;background:#ffffff05}main{max-width:1000px;margin:20px auto;padding:0 14px}.panel{max-width:720px;margin:20px auto;padding:clamp(24px,5vw,48px);text-align:center;background:linear-gradient(145deg,#122a20,#0b1b16);border:1px solid #4b8d6538;border-radius:24px;box-shadow:0 24px 90px #0008}.eyebrow{font-size:10px;letter-spacing:3px;color:#8cf5a6;font-weight:800}h1{font-size:clamp(32px,7vw,60px);line-height:.98;letter-spacing:-2px;margin:18px 0}h1 span{color:#8df6a4}.lead{color:#b0cabb}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.choice{background:#091710;border:1px solid #294a37;border-radius:16px;color:white;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.choice.selected{border:2px solid #8af4a1;background:#153323;box-shadow:0 0 25px #55d77b20}.creature{font-size:48px}.choice small{color:#9eb7a7;font-size:11px}.primary,.secondary,.pause,#boost{border:0;border-radius:12px;padding:15px 24px;font-weight:900;letter-spacing:1px;cursor:pointer}.primary{background:linear-gradient(90deg,#9cff9e,#39d47c);color:#082014;width:min(100%,360px);box-shadow:0 8px 25px #3de77b35}.primary span{margin-left:15px}.secondary{background:#203b2d;color:#dfffea;margin:8px}.hint{font-size:11px;color:#789485;margin-top:20px}.hidden{display:none!important}#game{height:min(68vh,650px);min-height:430px;position:relative;border:1px solid #3d7553;border-radius:18px;overflow:hidden;background:#06100c}.hud{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;gap:12px;align-items:center;pointer-events:none}.hud div{background:#07160edb;border:1px solid #3a6748;border-radius:10px;padding:7px 13px;min-width:70px}.hud small{display:block;font-size:8px;letter-spacing:1px;color:#91b59b}.hud b{font-size:17px}.pause{margin-left:auto;pointer-events:auto;padding:9px 14px;background:#173b29;color:#baffc9}canvas{width:100%;height:100%;display:block;touch-action:none}.mobile-controls{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}#stick{width:100px;height:100px;border-radius:50%;background:#b4ffd51c;border:2px solid #b4ffd555;position:relative;pointer-events:auto;touch-action:none}#knob{width:40px;height:40px;position:absolute;left:28px;top:28px;border-radius:50%;background:#9cffb8bb;border:2px solid #e1ffeb}#boost{pointer-events:auto;background:#f6a63d;color:#301900;border-radius:50%;width:76px;height:76px;padding:0;font-size:11px}.overlay{position:absolute;inset:0;z-index:4;background:#020906c9;display:grid;place-items:center;padding:16px}.result{margin:0;width:min(100%,440px);padding:28px}.result h2{font-size:32px;margin:12px 0}.result p{color:#bdd0c2}footer{text-align:center;color:#688476;font-size:11px;padding:25px}.bottom-ad{margin-top:20px}@media(min-width:760px){.mobile-controls{opacity:.6}#game{height:650px}}@media(max-width:520px){nav{gap:10px}nav a{font-size:11px}.choices{gap:8px}.choice{padding:12px 5px}.choice small{font-size:9px}#game{height:65vh;min-height:440px}.hud{gap:6px}.hud div{min-width:55px;padding:6px 8px}}
