*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#152b3b;color:#fff;font-family:system-ui,-apple-system,Arial,sans-serif}#scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none}button{font:900 15px system-ui,Arial;cursor:pointer;border:0;border-radius:12px;padding:11px 16px;color:#183047;background:#ffdc55;box-shadow:0 3px #b38d29;touch-action:none}button:active{transform:translateY(2px)}button.secondary{background:#d9e9f2;box-shadow:0 3px #819da9}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8px;background:linear-gradient(130deg,#09243ab8,#122b40c9)}#panel{width:min(650px,98vw);max-height:calc(100dvh - 16px);overflow-y:auto;border:2px solid #f7d968;border-radius:20px;background:#173247f4;box-shadow:0 15px 70px #071b2bcc;padding:clamp(10px,2.3vh,22px)}#panel h1{margin:0 0 8px;color:#ffdb55;text-shadow:3px 3px #d44e4d;font-size:clamp(27px,5vw,50px);line-height:1.02;letter-spacing:-1px}#panel h2{margin:0 0 9px;color:#ffe277;font-size:clamp(20px,3.2vw,30px)}#panel p{line-height:1.38;margin:7px 0;font-size:clamp(12px,1.7vw,16px)}#panel .sub{color:#b9d6e1}#panel .actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 5px}#panel .tag{display:inline-block;background:#2d5867;border-radius:8px;padding:4px 8px;margin:3px 3px 3px 0;font-size:12px;font-weight:800}#panel .shop{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}#panel .shop .item{background:#26475b;padding:9px;border-radius:12px;display:flex;flex-direction:column;gap:6px;font-size:13px}#panel .shop button{font-size:12px;padding:7px 9px}#hud{position:absolute;top:6px;left:6px;right:6px;display:flex;align-items:center;gap:5px;justify-content:space-between;pointer-events:none}#hud span{background:#132e43db;border:1px solid #ffffff55;border-radius:9px;padding:7px 9px;font-size:clamp(10px,1.8vw,16px);font-weight:900;text-shadow:1px 1px #000}#hud button{pointer-events:auto;padding:6px 10px}#sound{position:absolute;right:7px;top:51px;background:#e6f1f5;font-size:14px;padding:6px 10px}#controls{position:absolute;bottom:8px;left:8px;right:8px;display:flex;justify-content:space-between;pointer-events:none}#controls button{pointer-events:auto;opacity:.86;min-height:43px;min-width:43px;padding:5px;font-size:20px}#controls .arrows{display:grid;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px);gap:3px}#controls .up{grid-column:2;grid-row:1}#controls .left{grid-column:1;grid-row:2}#controls .down{grid-column:2;grid-row:2}#controls .right{grid-column:3;grid-row:2}#controls .boost{align-self:flex-end;background:#83f0d2;font-size:13px;min-width:88px}#sound{z-index:2}@media(max-height:480px){#panel{padding:9px}#panel h1{font-size:27px}#panel h2{font-size:20px}#panel p{margin:4px 0}#panel .actions{margin:7px 0}#panel button{padding:8px 11px;font-size:12px}#controls button{min-height:34px;min-width:34px}#controls .arrows{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,34px)}#hud span{padding:4px 5px}#sound{top:41px}}@media(max-width:365px){#hud{gap:2px}#hud span{font-size:10px;padding:5px 3px}#panel .shop{grid-template-columns:1fr 1fr}#panel .actions button{padding:9px 10px;font-size:12px}}