:root{--game-w:100vw;--game-left:0px}
    *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}
    html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050816;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;touch-action:none}
    body{background:
      radial-gradient(circle at 18% 18%,rgba(99,223,255,.22),transparent 24%),
      radial-gradient(circle at 82% 12%,rgba(255,102,141,.16),transparent 22%),
      radial-gradient(circle at 78% 82%,rgba(180,108,255,.20),transparent 26%),
      linear-gradient(135deg,#030511 0%,#091229 48%,#120716 100%)}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.42) 0 1px,transparent 1.5px);background-size:42px 42px;opacity:.18}
    #game{position:fixed;top:0;left:var(--game-left);display:block;width:var(--game-w);height:100vh;background:radial-gradient(circle at top,#14204a 0%,#050816 58%,#02030a 100%);touch-action:none;box-shadow:0 0 0 1px rgba(255,255,255,.10),0 0 48px rgba(99,223,255,.14)}
    .panel{position:fixed;top:0;bottom:0;left:var(--game-left);right:calc(100vw - var(--game-left) - var(--game-w));z-index:20;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.62)}
    .card{width:min(calc(var(--game-w) - 36px),520px);max-height:88vh;overflow:auto;padding:20px;border-radius:20px;background:#111735;border:1px solid rgba(255,255,255,.14);text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.45)}
    h1{margin:0 0 10px;font-size:28px} h2{margin:0 0 12px;font-size:22px} h3{margin:14px 0 8px;font-size:16px;text-align:left}
    p{margin:8px 0;color:rgba(255,255,255,.78);line-height:1.55;font-size:14px}.hidden{display:none!important}
    .btn{border:0;margin-top:12px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#55dfff,#785cff);color:#fff;font-size:15px;font-weight:800;cursor:pointer}
    .btn.secondary{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}
    .btn:active,.floatBtn:active,.item:active,.upgrade:active{transform:scale(.97)}
    #hud{position:fixed;top:calc(8px + env(safe-area-inset-top));left:calc(var(--game-left) + 10px);right:calc(100vw - var(--game-left) - var(--game-w) + 10px);z-index:3;pointer-events:none;font-size:12px;color:rgba(255,255,255,.94);text-shadow:0 2px 6px #000}
    #hudTop{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.barWrap{height:7px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden;margin-bottom:4px}.bar{height:100%;width:50%;background:#4dff94}#expBar{background:#63dfff}
    #bossWrap{height:9px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden;margin-top:6px}#bossBar{height:100%;width:100%;background:#ff4d6d}#bossText{margin-top:2px;color:#ffb3c1;text-align:center;font-weight:800}
    #bottomControls{position:fixed;left:calc(var(--game-left) + 10px);right:calc(100vw - var(--game-left) - var(--game-w) + 10px);bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;pointer-events:none}
    #tip{max-width:42%;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);font-size:12px;pointer-events:none}
    #rightButtons{display:flex;flex-direction:column;align-items:flex-end;gap:7px;pointer-events:auto}#skillBtns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:66%}#menuBtns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
    .floatBtn{border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.11);border-radius:999px;padding:9px 11px;font-weight:800;font-size:12px;cursor:pointer}.skillBtn.ready{background:rgba(99,223,255,.28);border-color:rgba(99,223,255,.6)}.skillBtn.cool{opacity:.58}.upgradeQueueBtn{background:rgba(255,230,109,.20);border-color:rgba(255,230,109,.58);color:#ffe66d}
    #upgradeList,#shopList,#inventoryList,#equipSlots,#skillList,#weaponModList,#passiveList{display:grid;gap:9px;margin-top:12px}.upgrade,.item,.slotCard{padding:11px;text-align:left;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.075);cursor:pointer}.upgrade strong,.item strong,.slotCard strong{display:block;font-size:15px;margin-bottom:4px}.upgrade span,.item span,.slotCard span{color:rgba(255,255,255,.74);font-size:13px;line-height:1.42}.row{display:flex;justify-content:space-between;gap:8px;align-items:center}.tag{display:inline-block;border-radius:999px;padding:2px 7px;font-size:12px;background:rgba(255,255,255,.13);color:rgba(255,255,255,.86);margin-right:4px}.price{color:#ffe66d;font-weight:900;white-space:nowrap}.empty{text-align:center;color:rgba(255,255,255,.62);padding:12px;border-radius:14px;background:rgba(255,255,255,.06)}.common{border-color:rgba(255,255,255,.18)}.rare{border-color:rgba(99,223,255,.62);box-shadow:inset 0 0 12px rgba(99,223,255,.08)}.epic{border-color:rgba(180,108,255,.75);box-shadow:inset 0 0 12px rgba(180,108,255,.10)}.legend{border-color:rgba(255,230,109,.85);box-shadow:inset 0 0 14px rgba(255,230,109,.13)}
    .settingCard{margin-top:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);text-align:left}
    .settingRow{display:flex;justify-content:space-between;align-items:center;gap:12px}
    .settingLabel{font-size:15px;font-weight:800}
    .settingDesc{margin-top:5px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.45}
    .settingValue{min-width:60px;text-align:right;color:#63dfff;font-weight:800}
    #speedSlider{width:100%;margin-top:14px;accent-color:#63dfff}
    .settingChoices{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
    .settingChoice.active{background:rgba(99,223,255,.24);border-color:rgba(99,223,255,.62)}
    .menuActions{display:grid;gap:10px;margin-top:14px}