:root{--bg: #081020;--panel: #0e1a31ee;--panel-border: #2e4f8f;--text: #f3f7ff;--accent: #ffcb45;--danger: #e84a5f}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;color:var(--text);background:var(--bg)}.game-root{min-height:100vh;background:radial-gradient(circle at top,#0b1322,#050911);padding:10px}.hud-bar{width:min(980px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#081327d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #2f4779;border-radius:12px;padding:8px 10px;font-weight:700}.offline-banner{width:min(980px,100%);margin:10px auto 0;background:#15305fcc;border-left:4px solid var(--accent);border-radius:10px;padding:8px 12px;cursor:pointer}.arena{width:min(980px,100%);margin:10px auto 0;min-height:calc(100vh - 150px);position:relative;border-radius:16px;border:1px solid #395b9b;background-image:linear-gradient(180deg,#09142ba8,#050d1da8),url(/assets/bg-main.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.ui-btn{position:absolute;z-index:4;border:1px solid #3b5a96;background:#102246eb;color:var(--text);border-radius:10px;min-width:46px;height:46px;padding:0 12px;font-weight:700}.top-left{top:10px;left:10px}.left-mid{top:50%;left:10px;transform:translateY(-50%)}.right-mid{top:50%;right:10px;transform:translateY(-50%)}.top-mid{top:10px;left:50%;transform:translate(-50%)}.cat-btn{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;border:3px solid #ffd66a;background-size:cover;background-position:center;background-color:#f1b32d;box-shadow:0 8px 28px #0000008c;z-index:2}.cat-btn:active{transform:translate(-50%,-50%) scale(.97)}.fish{position:absolute;z-index:2;width:74px;height:52px;border:1px solid #93b9c9;border-radius:10px;background-color:#0c1726;background-image:url(/assets/fish.png);background-size:cover;background-position:center;cursor:pointer;box-shadow:0 4px 14px #0000006b;animation:fish-swim var(--fish-swim-ms, 2.4s) ease-in-out infinite alternate,fish-float calc(var(--fish-swim-ms, 2.4s) * .7) ease-in-out infinite alternate}@keyframes fish-swim{0%{transform:translate(-8px) scaleX(var(--fish-dir, 1))}to{transform:translate(8px) scaleX(var(--fish-dir, 1))}}@keyframes fish-float{0%{margin-top:-3px}to{margin-top:3px}}.rebirth-strip,.rebirth-locked{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:3;background:#08142bcc;border:1px solid #37548d;border-radius:10px;padding:8px}.rebirth-strip{display:flex;gap:8px}.rebirth-strip button{border:0;border-radius:8px;padding:8px 10px;background:#1b3261;color:var(--text)}.rebirth-strip button:disabled{opacity:.5}.rebirth-locked{font-size:13px;text-align:center;max-width:90%}.panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border:0;background:#00000052}.badge-earned{position:fixed;top:14px;right:14px;z-index:20;width:60px;height:60px;border-radius:50%;border:2px solid #ffcf57;box-shadow:0 6px 20px #00000080;overflow:hidden;background:#1a1608}.badge-earned img{width:100%;height:100%;object-fit:cover}.panel-slot{position:absolute;z-index:6;height:calc(100% - 90px);max-height:calc(100% - 90px);width:min(380px,calc(100% - 22px))}.panel-settings{top:62px;left:10px}.panel-stats{top:50%;left:62px;transform:translateY(-50%)}.panel-mainShop{top:50%;right:62px;transform:translateY(-50%)}.panel-topShop{top:62px;left:50%;transform:translate(-50%)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100%}.panel h2{margin:0 0 10px}.panel-scroll{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.panel-scroll .shop-list{flex:1;align-content:start}.shop-list{display:grid;gap:8px}.shop-item{border:1px solid #3a5f9f;border-radius:10px;background:#142547;color:var(--text);padding:8px;display:grid;gap:4px;text-align:left}.shop-item[data-locked=true]{opacity:.6}.shop-item:disabled{opacity:.55}.shop-item-title{font-weight:700}.shop-item-meta{font-size:13px}.toggle-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.danger-btn{border:0;border-radius:8px;background:var(--danger);color:#fff;padding:8px 12px}@media (min-width: 760px){.hud-bar{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 759px){.arena{min-height:calc(100vh - 170px)}.cat-btn{width:180px;height:180px}.panel-stats,.panel-mainShop,.panel-topShop,.panel-settings{left:11px;right:11px;width:auto;transform:none;height:calc(100% - 84px)}.panel-settings,.panel-topShop{top:62px}.panel-stats,.panel-mainShop{top:120px}}