*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b1026;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#080c1eb8;backdrop-filter:blur(6px);z-index:10}.hidden{display:none!important}.card{background:linear-gradient(160deg,#1a2340,#101736);border:1px solid #33406e;border-radius:18px;padding:36px 40px;max-width:560px;width:calc(100% - 40px);text-align:center;color:#eef2ff;box-shadow:0 24px 80px #00000080}.card.small{max-width:360px}.card h1{font-size:52px;letter-spacing:6px;background:linear-gradient(90deg,#7cf29c,#5ec8f2,#c792ea);-webkit-background-clip:text;background-clip:text;color:transparent}.card h2{font-size:28px;margin-bottom:8px}.subtitle{color:#b9c4e8;margin:10px 0 18px;font-size:17px}.hint{color:#8b96c2;font-size:13px;margin-bottom:20px;line-height:1.6}.sizes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.size-btn{cursor:pointer;border:1px solid #3a4a7d;background:#222c52;color:#fff;border-radius:12px;padding:16px 14px;min-width:140px;display:flex;flex-direction:column;gap:6px;transition:transform .12s,border-color .12s}.size-btn:hover{transform:translateY(-2px);border-color:#7cf29c}.size-btn.recommended{border-color:#7cf29c;background:#24355c}.size-name{font-weight:800;font-size:18px;letter-spacing:2px}.size-desc{font-size:12px;color:#a5b0d8}.desktop-only{margin-top:18px;font-size:12px;color:#7c86ad}.row{display:flex;gap:10px;justify-content:center;margin-top:10px}button{cursor:pointer;border:none;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:700;background:#7cf29c;color:#0b1026}button.ghost{background:transparent;border:1px solid #4a5887;color:#dfe6ff}#hud{position:fixed;inset:0;pointer-events:none;z-index:5;color:#fff}.hud-left{position:absolute;top:18px;left:20px}#hud-height{font-size:34px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.7)}#hud-progress{width:180px;height:8px;background:#ffffff2e;border-radius:99px;margin-top:8px;overflow:hidden}#hud-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#7cf29c,#5ec8f2);border-radius:99px}.hud-right{position:absolute;top:18px;right:20px;text-align:right}#hud-time{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.7)}#hud-size{font-size:12px;letter-spacing:2px;color:#b9c4e8}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#ffffffd9;text-shadow:0 1px 6px rgba(0,0,0,.8)}#toast{position:fixed;top:22%;left:50%;transform:translate(-50%);background:#b4283ceb;color:#fff;font-weight:800;font-size:22px;padding:14px 28px;border-radius:12px;z-index:6;transition:opacity .4s;box-shadow:0 10px 40px #0006}