*{box-sizing:border-box;tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101729;font-family:Arial,Helvetica,sans-serif;color:#fff}
body{display:grid;place-items:center}
#game-wrap{position:relative;width:min(100vw,56.25vh);height:min(100vh,177.78vw);max-width:450px;max-height:800px;background:#79d7ff;overflow:hidden;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.45)}
canvas{display:block;width:100%;height:100%;image-rendering:auto;touch-action:none}
.panel{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;background:linear-gradient(180deg,rgba(9,14,28,.54),rgba(5,8,18,.91));z-index:5}
.panel.active{display:flex}
.logo{width:78%;max-width:350px;filter:drop-shadow(0 8px 0 rgba(0,0,0,.3));margin-bottom:2px}
h1{font-size:42px;margin:4px 0 6px;text-shadow:0 4px 0 #111,0 0 18px rgba(255,209,55,.8);letter-spacing:1px}
h2{font-size:42px;margin:0 0 10px;text-shadow:0 4px 0 #111;color:#ffd633}
p{margin:6px 0}.tagline{font-size:22px;font-weight:900;color:#ffe45c}.tagline.small{font-size:15px}.warning{max-width:350px;font-weight:800;line-height:1.35;color:#fff}.mini-info{margin-top:12px;font-size:13px;opacity:.9}
button{border:0;border-radius:16px;padding:14px 26px;margin-top:15px;font-size:18px;font-weight:900;color:#231100;background:linear-gradient(#fff174,#ff9f1a);box-shadow:0 7px 0 #9b5200,0 14px 24px rgba(0,0,0,.35);cursor:pointer}
button:active{transform:translateY(5px);box-shadow:0 2px 0 #9b5200,0 8px 18px rgba(0,0,0,.35)}
button.secondary{background:linear-gradient(#e5e8ff,#9fa9ff);box-shadow:0 7px 0 #323a88;color:#10142a;margin-top:12px}
.result-box{margin:12px 0 0;padding:14px 20px;border:3px solid rgba(255,255,255,.4);border-radius:16px;background:rgba(0,0,0,.35);font-size:22px;line-height:1.5;min-width:270px}
#resultText{font-size:18px;font-weight:800;max-width:340px}
.coin-pill{margin-top:10px;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.42);border:2px solid rgba(255,230,92,.65);font-size:16px;font-weight:900;color:#fff}.coin-pill b{color:#ffe65c}.coin-pill.big{font-size:20px;margin:4px 0 10px}
.shop-panel{justify-content:flex-start;padding-top:38px;overflow:auto}.skin-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 8px;max-width:390px}.skin-card{border:2px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(0,0,0,.34);padding:10px;min-height:178px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.skin-card.selected{border-color:#ffe65c;box-shadow:0 0 18px rgba(255,230,92,.42)}.skin-preview{width:96px;height:96px;display:block;object-fit:contain;filter:drop-shadow(0 5px 0 rgba(0,0,0,.25))}.skin-card img{width:74px;height:74px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 5px 0 rgba(0,0,0,.25))}.skin-name{font-weight:900;font-size:14px;margin-top:2px}.skin-price{font-size:12px;opacity:.95;color:#ffe65c;font-weight:800}.skin-card button{font-size:12px;padding:8px 10px;border-radius:10px;margin-top:7px;box-shadow:0 4px 0 #9b5200}.skin-card button.owned{background:linear-gradient(#baffd0,#43e978);box-shadow:0 4px 0 #087126;color:#052713}.skin-card button.locked{background:linear-gradient(#ffb7b7,#ff5c5c);box-shadow:0 4px 0 #7e1111;color:#300}
@media(max-height:720px){.logo{width:58%}h1{font-size:34px}h2{font-size:34px}.warning{font-size:14px}.skin-card{min-height:150px}.skin-preview{width:96px;height:96px;display:block;object-fit:contain;filter:drop-shadow(0 5px 0 rgba(0,0,0,.25))}.skin-card img{width:58px;height:58px}button{padding:12px 22px;margin-top:10px}}