:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;background:#07100c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;min-height:100%;background:#07100c;overscroll-behavior:none}body{overflow:hidden}.shell{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 0,#234c39 0,#0a1812 57%,#050907 100%)}.game-wrap{position:relative;width:min(1180px,100%);aspect-ratio:16/9;overflow:hidden;border-radius:26px;background:#7cd0df;box-shadow:0 28px 90px #0009,0 0 0 1px #ffffff1e}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}.hud{position:absolute;z-index:3;left:18px;right:18px;top:18px;pointer-events:none}.stats-row{display:flex;gap:8px}.hud-card{min-width:108px;padding:8px 12px;border-radius:14px;background:#0e2b21df;border:1px solid #ffffff2b;box-shadow:0 7px 22px #0003;backdrop-filter:blur(8px)}.hud-card span,.growth-card>span{display:block;font-size:10px;letter-spacing:.14em;color:#d8eee1;font-weight:700}.hud-card strong{display:block;font-size:20px;line-height:1.1}.growth-card{width:280px;margin-top:7px;padding:7px 10px 8px;border-radius:12px;background:#0e2b21d6;border:1px solid #ffffff24;box-shadow:0 7px 22px #0002;backdrop-filter:blur(8px)}.bar{position:relative;height:10px;margin-top:5px;background:#ffffff20;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffe568,#ff9e3d);transition:width .15s}.bar b{position:absolute;right:6px;top:-2px;font-size:9px;line-height:14px;color:#fff;text-shadow:0 1px 3px #000}.panel{position:absolute;z-index:5;inset:0;display:none;place-content:center;text-align:center;padding:30px;background:linear-gradient(#08170fac,#06100cea);backdrop-filter:blur(5px)}.panel.visible{display:grid}.badge{justify-self:center;padding:8px 13px;border-radius:999px;background:#f6d84a;color:#402900;font-weight:900;font-size:12px;letter-spacing:.12em}.badge.danger{background:#ff7b67;color:#3d0900}.panel h1{font-size:clamp(42px,7vw,92px);margin:12px 0 4px;line-height:.9;letter-spacing:-.05em;text-shadow:0 7px 0 #244d2b,0 13px 30px #0008}.panel h2{font-size:clamp(54px,8vw,100px);margin:8px}.panel p{font-size:clamp(16px,2vw,24px);margin:10px auto 24px;color:#ecf9f0}.panel small{margin:15px auto 0;color:#c4dbcc;max-width:420px}.panel button{justify-self:center;border:0;border-radius:16px;padding:15px 26px;font-size:18px;font-weight:900;cursor:pointer;background:linear-gradient(#ffeb62,#f8a92d);color:#402900;box-shadow:0 8px 0 #9a5f13,0 13px 28px #0005;transition:.12s transform,.12s box-shadow}.panel button:active{transform:translateY(6px);box-shadow:0 2px 0 #9a5f13,0 5px 12px #0005}.toast{position:absolute;z-index:4;left:50%;top:18%;transform:translate(-50%,-10px);padding:10px 16px;border-radius:999px;background:#102d21e8;border:1px solid #ffffff2c;color:#fff;font-weight:900;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap;text-shadow:0 2px 5px #000}.toast.show{opacity:1;transform:translate(-50%,0)}.sound-btn{position:absolute;z-index:4;right:18px;bottom:18px;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff39;background:#102a20df;color:#fff;font-size:21px;cursor:pointer;box-shadow:0 7px 20px #0004}.screen-shake{animation:shake .18s linear}@keyframes shake{0%,100%{transform:translate(0)}25%{transform:translate(-5px,2px)}50%{transform:translate(5px,-2px)}75%{transform:translate(-3px,-1px)}}footer{width:min(1180px,100%);display:flex;justify-content:space-between;color:#739886;font-size:12px;padding:9px 8px 0}
@media(max-width:700px){body{position:fixed;inset:0}.shell{width:100%;height:100%;min-height:0;padding:0;display:block}.game-wrap{width:100%;height:100dvh;aspect-ratio:auto;border-radius:0;box-shadow:none}.hud{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(9px,env(safe-area-inset-top))}.stats-row{gap:6px}.hud-card{flex:1;min-width:0;padding:7px 8px;border-radius:13px;text-align:left}.hud-card span{font-size:8px;letter-spacing:.12em}.hud-card strong{font-size:17px}.growth-card{width:100%;margin-top:5px;padding:5px 8px 7px;border-radius:11px}.growth-card>span{font-size:8px}.bar{height:8px;margin-top:3px}.bar b{font-size:8px;line-height:12px}.panel{padding:22px 20px calc(22px + env(safe-area-inset-bottom))}.panel h1{font-size:clamp(42px,13vw,64px)}.panel p{font-size:16px;margin-bottom:20px}.panel small{max-width:300px;font-size:12px;line-height:1.4}.sound-btn{right:max(12px,env(safe-area-inset-right));bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));width:50px;height:50px}footer{display:none}.toast{top:15%;font-size:13px}}