*{margin:0;padding:0;box-sizing:border-box}.loading-screen{position:fixed;inset:0;z-index:99999;background:#0a0a12;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease-out;pointer-events:all}.loading-content{text-align:center}.loading-title{font-size:52px;font-weight:900;letter-spacing:6px;color:gold;text-shadow:0 0 30px rgba(255,215,0,.4),0 0 60px rgba(255,215,0,.15);animation:loadPulse 2s ease-in-out infinite}@keyframes loadPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.loading-dots{font-size:48px;font-weight:900;color:gold;letter-spacing:8px;margin-top:8px}.dot{display:inline-block;animation:dotBounce 1.4s ease-in-out infinite}.dot1{animation-delay:0s}.dot2{animation-delay:.2s}.dot3{animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-12px);opacity:1}}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,sans-serif;background:#87ceeb;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}canvas{touch-action:none;pointer-events:auto!important}.hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.mic-status-hud{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:2px;font-size:12px;font-family:monospace;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);transition:opacity 1s;pointer-events:none}.instructions.hidden{opacity:0}.settings-btn{position:absolute;top:10px;right:10px;z-index:10000;width:48px;height:48px;background:#ffffff26;border:none;border-radius:10px;color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:transform 80ms ease-out,background .1s ease-out}.settings-btn:active{transform:scale(.94);background:#ffffff4d}.settings-panel{position:absolute;top:50px;right:10px;background:#000000d9;padding:12px;border-radius:8px;color:#fff;font-size:13px;min-width:180px;z-index:10000}.settings-status{color:#9fd0ff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;padding-bottom:2px}.settings-panel label{display:flex;align-items:center;gap:8px;margin-bottom:6px}.settings-panel input[type=range]{flex:1}.mute-btn{width:100%;padding:6px 0;margin-top:6px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;font-size:13px}.mute-btn:hover{background:#ffffff40}.settings-divider{border:none;border-top:1px solid rgba(255,255,255,.15);margin:10px 0 2px}.mainmenu-btn,.logout-btn{width:100%;padding:6px 0;margin-top:6px;border-radius:4px;cursor:pointer;font-size:13px}.mainmenu-btn{background:#78c8ff26;color:#cfe8ff;border:1px solid rgba(120,200,255,.4)}.mainmenu-btn:hover{background:#78c8ff47}.logout-btn{background:#e9456026;color:#ff9bb0;border:1px solid rgba(233,69,96,.45)}.logout-btn:hover{background:#e9456047}.avatar-color-label{display:block;margin:8px 0 4px;font-size:12px;font-weight:700;color:#cfe8ff;letter-spacing:.3px}.avatar-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.avatar-color-swatch{width:100%;aspect-ratio:1 / 1;border-radius:6px;border:2px solid transparent;padding:0;cursor:pointer;box-shadow:0 1px 2px #0006}.avatar-color-swatch.sel{border-color:#fff;box-shadow:0 0 0 1px #fff6}.mic-select{width:100%;margin-top:4px;padding:4px 6px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-size:12px}.mic-select option{background:#1a1a2e;color:#fff}.mic-warning{color:#e94560;font-size:11px}.mic-reconnecting{color:#f0ad4e;font-size:11px}.settings-panel{max-height:80vh;overflow-y:auto}.av-settings{display:flex;flex-direction:column}.av-section{display:flex;flex-direction:column;gap:6px}.av-section+.av-section{margin-top:4px}.av-section-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.av-section-title{font-size:12px;font-weight:700;color:#cfe8ff;letter-spacing:.3px;margin-right:auto}.av-status{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.av-status-active{color:#7cfc9b}.av-status-busy{color:#f0ad4e}.av-status-bad{color:#e94560}.av-status-off{color:#9a9aac}.av-perm-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.4px;opacity:.9}.av-perm-granted{color:#7cfc9b}.av-perm-denied{color:#e94560}.av-perm-prompt{color:#9fd0ff}.av-perm-unknown{color:#9a9aac}.av-error{font-size:11px;color:#ffb3c0;background:#e945601f;border:1px solid rgba(233,69,96,.35);border-radius:4px;padding:4px 6px;line-height:1.3}.av-aec-row{font-size:11px;color:#9a9aac}.av-btn-row{display:flex;gap:6px;flex-wrap:wrap}.av-btn{flex:1 1 auto;min-width:72px;padding:5px 6px;background:#ffffff21;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.av-btn:hover:not(:disabled){background:#ffffff3d}.av-btn:disabled{opacity:.45;cursor:default}.cam-status-hud{display:inline-flex;gap:6px}.aec-status-hud{position:absolute;top:28px;left:10px;font-size:12px;font-family:monospace;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.godvoice-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:50;padding:8px 22px;border-radius:999px;background:linear-gradient(90deg,#b4001e,#ff2d55);color:#fff;font-weight:800;font-size:1.05rem;letter-spacing:.06em;box-shadow:0 4px 18px #ff2d558c;pointer-events:none;animation:godvoice-pulse .9s ease-in-out infinite}@keyframes godvoice-pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.04)}}.face-settings{display:flex;flex-direction:column;gap:6px}.face-segmented{display:flex;gap:0;border:1px solid rgba(255,255,255,.3);border-radius:5px;overflow:hidden}.face-seg-btn{flex:1 1 0;padding:6px;background:#ffffff14;color:#fff;border:none;cursor:pointer;font-size:12px;white-space:nowrap}.face-seg-btn+.face-seg-btn{border-left:1px solid rgba(255,255,255,.3)}.face-seg-btn:hover:not(.sel){background:#ffffff29}.face-seg-btn.sel{background:#7cfc9b38;color:#eafff0;font-weight:700}.face-pick-label{display:block;margin:4px 0 0;font-size:11px;font-weight:700;color:#cfe8ff;letter-spacing:.3px}.face-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.face-style-btn{padding:5px 4px;background:#ffffff21;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;font-size:11px;white-space:nowrap}.face-style-btn:hover:not(.sel){background:#ffffff3d}.face-style-btn.sel{background:#7cfc9b38;border-color:#7cfc9b99;color:#eafff0;font-weight:700}.move-cluster{position:absolute;bottom:30px;left:18px;width:156px;height:156px;z-index:50;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:none}.move-cluster .move-stick,.move-cluster .dpad-btn,.move-cluster .turn-btn{pointer-events:auto}@media(pointer:fine){.move-cluster,.jump-btn,.attack-btn{display:none}}.dpad{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:144px;height:144px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);touch-action:none;-webkit-user-select:none;user-select:none}.dpad-btn{display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:#ffffff4d;border:2.5px solid rgba(255,255,255,.66);color:#fff;font-size:28px;font-weight:700;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.65);touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 16px #0000004d,0 2px 7px #0006;transition:transform 60ms ease-out,background 80ms ease-out,border-color 80ms ease-out}.dpad-btn:active{background:#ffffff94;border-color:#ffffffd9;transform:scale(.96)}.dpad-up{grid-area:1 / 2 / 2 / 3;border-radius:14px 14px 0 0;border-bottom:none}.dpad-left{grid-area:2 / 1 / 3 / 2;border-radius:14px 0 0 14px;border-right:none}.dpad-right{grid-area:2 / 3 / 3 / 4;border-radius:0 14px 14px 0;border-left:none}.dpad-down{grid-area:3 / 2 / 4 / 3;border-radius:0 0 14px 14px;border-top:none}.move-stick{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:144px;height:144px;border-radius:50%;background:#ffffff29;border:2.5px solid rgba(255,255,255,.5);touch-action:none;-webkit-user-select:none;user-select:none}.move-stick-nub{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;background:#ffffff6b;border:2.5px solid rgba(255,255,255,.78);transform:translate(-50%,-50%);pointer-events:none;will-change:transform}.move-stick.sprinting{border-color:#78c8fff2;background:#5aaaff38}.turn-btn{position:absolute;top:-46px;width:50px;height:50px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:26px;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform 60ms ease-out,background 80ms ease-out}.turn-btn:active{background:#ffffff6b;transform:scale(.94)}.turn-left{left:0}.turn-right{right:0}.sprint-btn{position:absolute;bottom:228px;right:30px;width:66px;height:66px;border-radius:50%;background:#78aaff4d;border:2px solid rgba(120,170,255,.7);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;touch-action:none;-webkit-user-select:none;user-select:none;z-index:50;transition:transform 60ms ease-out,background 80ms ease-out}.sprint-btn:active{background:#78aaff8c;transform:scale(.94)}.jump-btn{position:absolute;bottom:20px;right:30px;width:66px;height:66px;border-radius:50%;background:#aae6964d;border:2px solid rgba(170,230,150,.75);color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;touch-action:none;-webkit-user-select:none;user-select:none;z-index:50;transition:transform 60ms ease-out,background 80ms ease-out}.jump-btn:active{background:#aae6968c;transform:scale(.94)}.action-btn{position:absolute;bottom:164px;right:22px;min-height:48px;padding:14px 22px;border-radius:14px;background:#64c86457;border:2px solid rgba(100,200,100,.7);color:#fff;font-size:16px;font-weight:700;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:50;box-shadow:0 3px 10px #00000059;transition:transform 70ms ease-out,background 90ms ease-out}.action-btn:active{background:#64c8648c;transform:scale(.95)}.play-sync-btn{position:fixed;bottom:184px;left:50%;transform:translate(-50%);padding:5px 14px;border-radius:999px;background:#fcd34d33;border:1px solid rgba(252,211,77,.6);color:#fde68a;font-size:14px;font-weight:700;line-height:1.1;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:62;box-shadow:0 4px 14px #00000080}.play-sync-btn:active{background:#fcd34d66}.game-prompt{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;text-align:center;white-space:nowrap}.game-prompt.lobby-prompt{background:#285028e6;border:1px solid rgba(100,200,100,.5);white-space:normal;min-width:260px;display:flex;flex-direction:column;gap:10px}.wager-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.wager-label{font-size:14px;opacity:.85}.wager-stepper{display:flex;align-items:center;gap:8px}.wager-btn{min-width:38px;height:38px;padding:0 10px;border-radius:10px;background:#fcd34d2e;border:2px solid rgba(252,211,77,.6);color:#fde68a;font-size:18px;font-weight:800;line-height:1;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.wager-btn.wager-max{font-size:13px;letter-spacing:.04em}.wager-btn:active:not(:disabled){background:#fcd34d66;transform:scale(.96)}.wager-btn:disabled{opacity:.35;cursor:default}.wager-amount{min-width:56px;text-align:center;font-size:18px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.wager-summary{font-size:13px;color:#cdeccd;text-align:center}.minigame-hud{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;text-align:center}.scorecard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#fff;padding:20px;border-radius:12px;font-size:16px;min-width:250px}.scorecard table{width:100%;border-collapse:collapse;margin-top:10px}.scorecard th,.scorecard td{padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.2);text-align:center}.spell-buttons{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px}.spell-btn{width:60px;height:60px;border-radius:12px;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:11px;font-weight:700;cursor:pointer;position:relative;overflow:hidden}.spell-btn.ice{background:#64b4ff66}.spell-btn.fire{background:#ff643266}.spell-btn.wind{background:#64ffc866}.spell-btn.earth{background:#b48c5066}.spell-btn .cooldown-overlay{position:absolute;bottom:0;left:0;width:100%;background:#0009;transition:height .1s linear}.hp-bar{display:flex;gap:4px;justify-content:center;margin:4px 0}.hp-heart{font-size:20px}.hp-heart.full{color:#f44}.hp-heart.empty{color:#444}.pool-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:11}.pool-hud>*{pointer-events:auto}.pool-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:#fff;padding:20px 40px;border-radius:12px;font-size:22px;text-align:center}.pool-turn-info{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 20px;border-radius:8px;font-size:16px;text-align:center}.pool-ball-info{position:absolute;top:50px;left:50%;transform:translate(-50%);color:#fff;font-size:13px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.pool-controls-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#fff9;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.8);pointer-events:none}.pool-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#fff;padding:30px 50px;border-radius:16px;font-size:28px;font-weight:700;text-align:center}.ball-info{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:6px}.ball-type-label{font-weight:700;font-size:13px}.game-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#fff;padding:30px 50px;border-radius:16px;font-size:28px;font-weight:700;text-align:center}.game-result.win{color:#4f4}.game-result.lose{color:#f44}.kick-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999}.kick-box{background:#1a1a2e;border:2px solid #e94560;border-radius:16px;padding:40px 60px;text-align:center;max-width:400px}.kick-title{color:#e94560;font-size:28px;font-weight:700;margin-bottom:16px}.kick-message{color:#e0e0e0;font-size:18px;line-height:1.5}.fishing-knob-wrap{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:60;pointer-events:none}.fishing-knob-label{color:#e6f3ff;font-size:14px;font-weight:700;letter-spacing:.3px;text-shadow:0 2px 6px rgba(0,0,0,.8);pointer-events:none}.fishing-knob-base{position:relative;width:132px;height:132px;border-radius:50%;border:2px dashed rgba(120,200,255,.7);background:#0a1e2d73;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 6px 22px #00000073}.fishing-knob-fill{position:absolute;width:100%;height:100%;border-radius:50%;pointer-events:none;transition:opacity .1s}.fishing-knob{position:relative;width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.85);touch-action:none;pointer-events:auto;cursor:grab}.fishing-knob:active{cursor:grabbing}.fishing-reel-ring{position:absolute;inset:0;pointer-events:none;transition:stroke-dashoffset .08s linear}.catch-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.catch-box{background:linear-gradient(180deg,#10202c,#0a1620);border:2px solid #38bdf8;border-radius:18px;padding:18px 26px 22px;text-align:center;width:min(86vw,360px);box-shadow:0 12px 50px #0009}.catch-title{font-size:22px;font-weight:800;letter-spacing:.5px;margin-bottom:6px}.catch-canvas{width:100%;height:200px;margin:4px 0 10px}.catch-name{color:#fff;font-size:22px;font-weight:800}.catch-rarity{font-size:13px;font-weight:800;letter-spacing:1.5px;margin-top:2px}.catch-stats{display:flex;gap:18px;justify-content:center;color:#cfe2f0;font-size:16px;margin:10px 0 14px}.catch-dismiss{background:#38bdf838;border:1px solid rgba(56,189,248,.7);color:#e6f6ff;font-size:15px;font-weight:700;padding:9px 22px;border-radius:10px;cursor:pointer}.catch-dismiss:hover{background:#38bdf861}.inv-open-btn{position:fixed;top:10px;left:10px;width:38px;height:38px;border-radius:10px;background:#38bdf838;border:1px solid rgba(56,189,248,.7);color:#e6f6ff;font-size:20px;font-weight:800;font-style:italic;z-index:55;cursor:pointer}.vol-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0;font-size:12px}.vol-row input[type=range]{flex:1;max-width:120px}.inv-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:210}.inv-box{background:linear-gradient(180deg,#10202c,#0a1620);border:2px solid #38bdf8;border-radius:16px;width:min(92vw,640px);max-height:86vh;display:flex;flex-direction:column;padding:14px 16px;box-shadow:0 12px 50px #0009}.inv-header{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:800;margin-bottom:10px}.inv-count{color:#7fd0ff;font-size:13px;font-weight:600}.inv-close{margin-left:auto;background:#ffffff1f;border:none;color:#fff;width:28px;height:28px;border-radius:8px;font-size:15px;cursor:pointer}.inv-close:hover{background:#ffffff40}.inv-wallet{display:flex;align-items:center;gap:7px;margin:-2px 0 10px;padding:6px 12px;border-radius:10px;background:#fde0471a;border:1px solid rgba(253,224,71,.35);width:fit-content}.inv-wallet-icon{font-size:16px}.inv-wallet-amount{color:#fde047;font-weight:800;font-size:16px;letter-spacing:.4px;font-variant-numeric:tabular-nums}.inv-wallet-label{color:#cbb76a;font-size:12px;font-weight:600}.inv-empty{color:#cbd5e1;font-size:15px;line-height:1.6;text-align:center;padding:30px 10px}.inv-body{display:flex;gap:14px;min-height:0}.inv-preview{flex:0 0 200px;display:flex;flex-direction:column;align-items:center;text-align:center}.inv-preview-canvas{width:200px;height:150px}.inv-preview-name{color:#fff;font-size:18px;font-weight:800;margin-top:4px}.inv-preview-rarity{font-size:12px;font-weight:800;letter-spacing:1.2px}.inv-preview-stats{display:flex;gap:12px;color:#cfe2f0;font-size:14px;margin-top:6px}.inv-preview-date{color:#7c93a5;font-size:12px;margin-top:4px}.inv-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;min-width:0}.inv-best{color:#cbd5e1;font-size:13px;padding:4px 6px 6px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:4px}.inv-row{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;padding:8px 10px;color:#e6f0f6;font-size:14px;cursor:pointer;text-align:left;width:100%}.inv-row:hover{background:#ffffff1a}.inv-row.sel{border-color:#38bdf8;background:#38bdf829}.inv-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.inv-row-name{font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-row-stats{color:#9fb4c2;font-size:12px;flex-shrink:0}.inv-hint{color:#6f8696;font-size:12px;text-align:center;margin-top:8px}@media(max-width:520px){.inv-body{flex-direction:column}.inv-preview{flex-basis:auto}}.coins-hud{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:5px 13px 5px 10px;border-radius:999px;background:#1410068c;border:1px solid rgba(252,211,77,.6);color:#fde68a;font-size:15px;font-weight:800;z-index:56;pointer-events:none;transition:transform .18s ease}.coins-hud.bump{transform:translate(-50%) scale(1.18)}.coins-icon{font-size:15px}.coins-amount{letter-spacing:.4px;font-variant-numeric:tabular-nums}.coins-float{position:absolute;top:-2px;right:8px;color:#fde047;font-size:14px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.7);animation:coinFloat 1s ease-out forwards;pointer-events:none}@keyframes coinFloat{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.level-hud{position:fixed;top:42px;left:10px;display:flex;align-items:center;gap:7px;padding:3px 9px 3px 4px;border-radius:999px;background:#0812148c;border:1px solid rgba(45,212,191,.55);color:#99f6e4;font-size:12px;font-weight:800;z-index:56;pointer-events:none;transition:transform .18s ease,box-shadow .18s ease}.level-badge{background:#2dd4bf2e;border:1px solid rgba(45,212,191,.5);border-radius:999px;padding:2px 8px;color:#5eead4;letter-spacing:.3px;font-variant-numeric:tabular-nums}.level-bar{position:relative;width:116px;height:14px;border-radius:999px;background:#0d948838;overflow:hidden;display:inline-flex;align-items:center}.level-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#14b8a6,#5eead4);border-radius:999px;transition:width .35s ease}.level-xp-text{position:relative;width:100%;text-align:center;font-size:9px;line-height:1;font-weight:700;color:#ecfeff;text-shadow:0 1px 2px rgba(0,0,0,.85);font-variant-numeric:tabular-nums}.level-hud.levelup{box-shadow:0 0 0 2px #2dd4bf80,0 0 18px 2px #2dd4bf73;animation:levelPulse .5s ease-in-out 0s 3}@keyframes levelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.level-up-flash{position:absolute;top:-26px;left:50%;transform:translate(-50%);white-space:nowrap;padding:3px 12px;border-radius:999px;background:#0d9488eb;border:1px solid #5eead4;color:#f0fdfa;font-size:13px;font-weight:900;letter-spacing:.4px;text-shadow:0 1px 3px rgba(0,0,0,.6);box-shadow:0 4px 16px #0006;animation:levelUpRise 2.2s ease-out forwards}@keyframes levelUpRise{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.9)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}22%{transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.job-level-hud{position:fixed;top:74px;left:10px;display:flex;align-items:center;gap:7px;padding:3px 9px 3px 4px;border-radius:999px;background:#140e068c;border:1px solid rgba(217,161,60,.55);color:#fde68a;font-size:12px;font-weight:800;z-index:56;pointer-events:none;transition:transform .18s ease,box-shadow .18s ease}.job-badge{background:#d9a13c2e;border:1px solid rgba(217,161,60,.5);border-radius:999px;padding:2px 8px;color:#fbbf24;letter-spacing:.3px;font-variant-numeric:tabular-nums;white-space:nowrap}.job-bar{position:relative;width:100px;height:14px;border-radius:999px;background:#a1771e38;overflow:hidden;display:inline-flex;align-items:center}.job-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#d97706,#fbbf24);border-radius:999px;transition:width .35s ease}.job-xp-text{position:relative;width:100%;text-align:center;font-size:9px;line-height:1;font-weight:700;color:#fefce8;text-shadow:0 1px 2px rgba(0,0,0,.85);font-variant-numeric:tabular-nums}.job-level-hud.jobup{box-shadow:0 0 0 2px #d9a13c80,0 0 18px 2px #fbbf2473;animation:jobPulse .5s ease-in-out 0s 3}@keyframes jobPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.job-up-flash{position:absolute;top:-26px;left:50%;transform:translate(-50%);white-space:nowrap;padding:3px 12px;border-radius:999px;background:#a16207eb;border:1px solid #fbbf24;color:#fefce8;font-size:13px;font-weight:900;letter-spacing:.4px;text-shadow:0 1px 3px rgba(0,0,0,.6);box-shadow:0 4px 16px #0006;animation:jobUpRise 2.2s ease-out forwards}@keyframes jobUpRise{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.9)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}22%{transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@media(pointer:coarse){.job-level-hud{top:118px}}.zone-hud{position:fixed;top:54px;left:10px;display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:8px;background:#0a0c1080;border:1px solid currentColor;font-size:11.5px;font-weight:800;z-index:55;pointer-events:none;white-space:nowrap}.zone-tier{letter-spacing:.3px}.zone-name{color:#e5e7eb;font-weight:600;opacity:.85}.zone-rec{color:#cbd5e1;font-weight:700;font-variant-numeric:tabular-nums;opacity:.9}.zone-rec.under{color:#fca5a5;opacity:1}.store-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:215}.store-box{background:linear-gradient(180deg,#241c0e,#15110a);border:2px solid #f5c542;border-radius:16px;width:min(94vw,560px);max-height:88vh;display:flex;flex-direction:column;padding:14px 16px;box-shadow:0 12px 50px #000000a6;position:relative}.store-header{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:800;margin-bottom:10px}.store-coins{margin-left:auto;color:#fde68a;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.store-header .inv-close{margin-left:8px}.store-tabs{display:flex;gap:6px;margin-bottom:10px}.store-tab{flex:1;padding:9px 0;border-radius:9px;background:#ffffff0d;border:1px solid rgba(245,197,66,.25);color:#cdbb8e;font-size:14px;font-weight:800;letter-spacing:.5px;cursor:pointer}.store-tab:hover{background:#ffffff17}.store-tab.active{background:#f5c5422e;border-color:#f5c542;color:#ffe9a8}.store-empty{color:#d8cba6;font-size:15px;line-height:1.6;text-align:center;padding:30px 12px}.store-pane{display:flex;flex-direction:column;min-height:0}.store-sell-bar{display:flex;align-items:center;gap:8px;padding:4px 2px 10px;border-bottom:1px solid rgba(245,197,66,.18);margin-bottom:8px;flex-wrap:wrap}.store-sell-total{color:#ecdfba;font-size:14px}.store-sell-total b{color:#fde047}.store-sell-actions{margin-left:auto;display:flex;gap:6px}.store-list{overflow-y:auto;display:flex;flex-direction:column;gap:5px;min-height:0;max-height:56vh}.store-row{display:flex;align-items:center;gap:9px;background:#ffffff0d;border:1px solid transparent;border-radius:9px;padding:8px 10px;color:#efe6cf}.store-row.dim{opacity:.62}.store-row-main{display:flex;flex-direction:column;min-width:0;flex:1}.store-row-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-row-sub{color:#b6ac8e;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-item-icon{font-size:22px;width:26px;text-align:center;flex-shrink:0}.store-own-count{color:#9fd08a;font-weight:700}.store-sell-one{flex-shrink:0;padding:7px 11px;border-radius:8px;background:#f5c54229;border:1px solid rgba(245,197,66,.6);color:#ffe9a8;font-size:13px;font-weight:800;cursor:pointer;font-variant-numeric:tabular-nums}.store-sell-one:hover{background:#f5c5424d}.store-sell-one:active{background:#f5c54273}.store-btn{padding:7px 12px;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;border:1px solid transparent}.store-btn.gold{background:#f5c54233;border-color:#f5c542b3;color:#ffe9a8}.store-btn.gold:hover{background:#f5c54257}.store-btn.ghost{background:#ffffff0f;border-color:#ffffff2e;color:#d8cba6}.store-btn.ghost:hover{background:#ffffff1f}.store-cat{display:flex;flex-direction:column;gap:5px}.store-cat+.store-cat{margin-top:6px}.store-cat-head{color:#c9b074;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:6px 2px 2px}.store-buy-btn{flex-shrink:0;min-width:78px;padding:7px 11px;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;border:1px solid transparent;font-variant-numeric:tabular-nums}.store-buy-btn.gold{background:#f5c5422e;border-color:#f5c54299;color:#ffe9a8}.store-buy-btn.gold:hover{background:#f5c54252}.store-buy-btn.poor{background:#ffffff0a;border-color:#ffffff29;color:#8c8366;cursor:not-allowed}.store-buy-btn.owned{background:#6eb47829;border-color:#6eb47880;color:#b6e0b6;cursor:default}.store-buy-btn.locked{background:#ffffff0a;border-color:#ffffff29;color:#9a8f6e;cursor:not-allowed}.store-buy-btn.soon{background:#ffffff08;border-color:#ffffff1f;color:#7d7458;cursor:default}.store-toast{text-align:center;margin-top:10px;padding:7px 10px;border-radius:9px;font-size:14px;font-weight:800;animation:toastIn .2s ease}.store-toast.good{background:#f5c54229;color:#ffe9a8;border:1px solid rgba(245,197,66,.5)}.store-toast.bad{background:#dc505024;color:#ffb4b4;border:1px solid rgba(220,80,80,.45)}@keyframes toastIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.forestry-toast{position:absolute;left:50%;bottom:22%;transform:translate(-50%);padding:8px 14px;border-radius:11px;background:#466e3252;border:1px solid rgba(140,200,110,.6);color:#e6ffd6;font-size:16px;font-weight:800;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none;z-index:48;animation:forestryFloat 1.3s ease-out forwards}@keyframes forestryFloat{0%{opacity:0;transform:translate(-50%,8px)}18%{opacity:1;transform:translate(-50%)}72%{opacity:1;transform:translate(-50%,-10px)}to{opacity:0;transform:translate(-50%,-26px)}}.detector-hud{position:absolute;left:50%;bottom:120px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px 10px;border-radius:12px;background:#12101e9e;border:1px solid rgba(138,92,255,.55);box-shadow:0 2px 14px #0006;pointer-events:none;z-index:47;min-width:132px}.detector-title{font-size:12px;font-weight:800;letter-spacing:.6px;color:#c4b5fd;text-transform:uppercase}.detector-bars{display:flex;align-items:flex-end;gap:3px;height:34px}.detector-bar{width:7px;border-radius:2px;align-self:flex-end;transition:background .08s linear,box-shadow .08s linear}.detector-readout{font-size:15px;font-weight:900;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.detector-pitch{font-size:12px;letter-spacing:2px;line-height:1;opacity:.9}.detector-cta{margin-top:2px;font-size:12px;font-weight:800;color:#fde68a;text-shadow:0 1px 2px rgba(0,0,0,.6)}.detector-cta.warn{color:#fca5a5;font-weight:700}.dig-toast{position:absolute;left:50%;bottom:30%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;border-radius:12px;background:#14121cb8;border:2px solid rgba(255,255,255,.4);box-shadow:0 3px 18px #00000080;pointer-events:none;z-index:49;animation:digFloat 2.6s ease-out forwards}.dig-toast-head{font-size:12px;font-weight:800;letter-spacing:.6px;color:#e9d8a6;text-transform:uppercase}.dig-toast-name{font-size:17px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.7)}.dig-toast-sub{font-size:12px;color:#cbd5e1}@keyframes digFloat{0%{opacity:0;transform:translate(-50%,12px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%,-8px) scale(1)}to{opacity:0;transform:translate(-50%,-22px) scale(1)}}.gear-drop-toast{bottom:38%}.respawn-toast{position:absolute;left:50%;bottom:27%;transform:translate(-50%);padding:9px 16px;border-radius:11px;background:#783c1457;border:1px solid rgba(251,146,60,.7);color:#ffe6c2;font-size:16px;font-weight:800;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none;z-index:48;animation:forestryFloat 1.6s ease-out forwards}.herb-toast{position:absolute;left:50%;bottom:24%;transform:translate(-50%);padding:8px 15px;border-radius:11px;background:#1420126b;border:1px solid rgba(140,200,110,.6);color:#e8ffd8;font-size:16px;font-weight:800;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none;z-index:48;animation:forestryFloat 1.3s ease-out forwards}.herb-toast.brew{bottom:31%;background:#1c162675;color:#f3ecff;animation-duration:1.5s}.health-hud{position:fixed;top:10px;left:10px;display:flex;align-items:center;gap:7px;padding:3px 9px 3px 4px;border-radius:999px;background:#1808088c;border:1px solid rgba(239,68,68,.55);color:#fecaca;font-size:12px;font-weight:800;z-index:56;pointer-events:none}@media(pointer:coarse){.health-hud{top:54px}.level-hud{top:86px}}.health-hud.low{animation:hpLowPulse .9s ease-in-out infinite}@keyframes hpLowPulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 10px 1px #ef44448c}}.health-heart{font-size:13px}.health-bar{position:relative;width:116px;height:14px;border-radius:999px;background:#7814144d;overflow:hidden;display:inline-flex;align-items:center}.health-bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;transition:width .25s ease}.health-text{position:relative;width:100%;text-align:center;font-size:9px;line-height:1;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);font-variant-numeric:tabular-nums}.hurt-vignette{position:fixed;inset:0;pointer-events:none;z-index:54;box-shadow:inset 0 0 120px 30px #dc1e1e8c;animation:hurtFade .32s ease-out forwards}@keyframes hurtFade{0%{opacity:1}to{opacity:0}}.knockout-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#1400008c;z-index:240;pointer-events:none;animation:koIn .25s ease-out}@keyframes koIn{0%{opacity:0}to{opacity:1}}.knockout-box{text-align:center;padding:22px 34px;border-radius:16px;background:#1e0808d9;border:2px solid rgba(239,68,68,.6);box-shadow:0 12px 50px #0009}.knockout-title{color:#fecaca;font-size:28px;font-weight:900;letter-spacing:.5px}.knockout-sub{color:#fca5a5;font-size:14px;margin-top:6px;opacity:.9}.boss-hud{position:fixed;bottom:92px;left:50%;transform:translate(-50%);width:min(620px,84vw);display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 18px 12px;border-radius:12px;background:linear-gradient(180deg,#0a080c00,#0a080c80 60%);pointer-events:none;z-index:58;animation:bossIn .4s ease-out;--boss-accent: #ffc24d}@keyframes bossIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.boss-hud-name{font-size:18px;font-weight:900;letter-spacing:.6px;color:#f5ecda;text-shadow:0 2px 6px rgba(0,0,0,.85),0 0 14px var(--boss-accent)}.boss-hud-glyph{font-size:18px}.boss-hud-title{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--boss-accent);opacity:.85;margin-bottom:3px}.boss-hud-bar{position:relative;width:100%;height:18px;border-radius:4px;background:#0009;border:1px solid var(--boss-accent);box-shadow:0 0 12px -2px var(--boss-accent),inset 0 0 8px #000000b3;overflow:hidden}.boss-hud-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,color-mix(in srgb,var(--boss-accent) 70%,#7a1010),var(--boss-accent));transition:width .22s ease}.boss-hud-bar.low .boss-hud-bar-fill{animation:bossLowPulse .7s ease-in-out infinite}@keyframes bossLowPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.boss-hud-bar-text{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);font-variant-numeric:tabular-nums;letter-spacing:.5px}.boss-hud-slain{animation:bossSlain 2.4s ease-out forwards}@keyframes bossSlain{0%{opacity:1;transform:translate(-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-4px) scale(1.02)}to{opacity:0;transform:translate(-50%,-16px) scale(1.02)}}.boss-hud-slain-label{font-size:22px;font-weight:900;letter-spacing:6px;color:var(--boss-accent);text-shadow:0 0 18px var(--boss-accent),0 2px 6px rgba(0,0,0,.9);margin-top:2px}.attack-btn{position:absolute;bottom:92px;right:30px;width:66px;height:66px;border-radius:50%;background:#ef44444d;border:2px solid rgba(239,68,68,.75);color:#fff;font-size:28px;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;z-index:50}.attack-btn:active{background:#ef44448c;transform:scale(.94)}.heal-btn{position:absolute;bottom:18px;right:30px;width:60px;height:60px;border-radius:50%;background:#4caf5042;border:2px solid rgba(134,239,172,.8);color:#fff;font-size:26px;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;z-index:50}.heal-btn:active{background:#4caf5080;transform:scale(.94)}.ride-btn{position:absolute;bottom:182px;left:18px;min-width:92px;height:50px;padding:0 14px;border-radius:25px;background:#ffd34d3d;border:2px solid rgba(255,211,77,.85);color:#fff;font-size:16px;font-weight:700;line-height:1;white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none;z-index:50}.ride-btn:active{background:#ffd34d80;transform:scale(.95)}.steal-eggs-btn{position:absolute;bottom:172px;right:18px;min-height:64px;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;border-radius:32px;background:linear-gradient(180deg,#fb923ceb,#ea580ceb);border:2px solid rgba(255,215,140,.95);color:#fff7e6;font-size:18px;font-weight:800;letter-spacing:.3px;line-height:1;text-shadow:0 1px 3px rgba(80,30,0,.6);box-shadow:0 6px 18px #00000073,0 0 0 4px #fb923c2e,0 0 22px #fbbf248c;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:51;animation:stealEggsPulse 1.6s ease-in-out infinite}.steal-eggs-btn:active{transform:scale(.96);background:linear-gradient(180deg,#feb05af5,#f56c1ef5);box-shadow:0 4px 10px #00000073,0 0 0 5px #fed78c66,0 0 28px #fec850bf;animation:none}.steal-eggs-emoji{font-size:26px;line-height:1;transform:translateY(-1px)}.steal-eggs-label{line-height:1}@keyframes stealEggsPulse{0%,to{box-shadow:0 6px 18px #00000073,0 0 0 4px #fb923c2e,0 0 22px #fbbf248c}50%{box-shadow:0 6px 18px #00000073,0 0 0 6px #fb923c47,0 0 32px #fcd34dc7}}@media(prefers-reduced-motion:reduce){.steal-eggs-btn{animation:none}}.inv-loot{display:flex;flex-direction:column;min-height:0}.inv-loot-scroll{overflow-y:auto;max-height:60vh;display:flex;flex-direction:column;gap:6px}.loot-group{display:flex;flex-direction:column}.loot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:4px 2px 2px}.loot-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 8px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);position:relative}.loot-cell-icon{font-size:26px;line-height:1}.loot-cell-qty{position:absolute;top:5px;right:8px;color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.8)}.loot-cell-name{color:#e6f0f6;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.loot-cell-meta{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.apothecary{gap:4px}.apo-rows{display:flex;flex-direction:column;gap:8px;padding:4px 2px 2px}.apo-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;background:#ffffff0d;border:1px solid rgba(255,255,255,.22)}.apo-preview{width:54px;height:60px;flex:0 0 auto;border-radius:8px;background:#0000002e}.apo-preview canvas{border-radius:8px}.apo-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.apo-name{font-size:14px;font-weight:900;letter-spacing:.2px}.apo-sub{display:flex;flex-wrap:wrap;gap:4px 8px}.apo-tag{font-size:11px;font-weight:700;color:#cdd6de;font-variant-numeric:tabular-nums}.apo-tag.held{color:#fde68a}.apo-recipe{font-size:10px;color:#94a3b8;font-weight:600}.apo-actions{display:flex;flex-direction:column;gap:5px;flex:0 0 auto}.apo-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:800;border:1px solid transparent;cursor:pointer;white-space:nowrap}.apo-btn.brew{background:#a855f738;border-color:#c084fcb3;color:#f0e6ff}.apo-btn.brew:active{background:#a855f76b}.apo-btn.drink{background:#4caf5038;border-color:#86efacb3;color:#e9ffe9}.apo-btn.drink:active{background:#4caf506b}.apo-btn.off{opacity:.4;cursor:not-allowed}.apo-hint{font-size:11px;color:#8aa0b0;padding:4px 2px 0;line-height:1.35}.craft-open-btn{position:fixed;top:10px;left:56px;width:38px;height:38px;border-radius:10px;background:#c98a4b38;border:1px solid rgba(201,138,75,.75);color:#ffe6c7;font-size:19px;z-index:55;cursor:pointer}.craft-box{border-color:#c98a4b}.craft-box .store-header{color:#ffe9cf}.craft-only-toggle{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#e7cda8;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.craft-only-toggle input{accent-color:#c98a4b;cursor:pointer}.craft-list{max-height:62vh}.craft-row{align-items:flex-start}.craft-row .store-row-name{white-space:normal}.craft-yield{color:#9fd08a;font-weight:700;font-size:12px;margin-left:4px}.craft-chips{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:5px}.craft-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:7px;background:#78c88224;border:1px solid rgba(120,200,130,.4);color:#cfe7cf;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.craft-chip.short{background:#dc5a5a21;border-color:#dc5a5a73;color:#f0b6b6}.craft-btn{align-self:center;min-width:70px}.store-weapon-era{display:flex;flex-direction:column;gap:4px}.store-weapon-era+.store-weapon-era{margin-top:4px}.store-era-head{font-size:11px;font-weight:800;letter-spacing:.6px;opacity:.85;padding:4px 2px 0}.inv-gear{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;max-height:62vh}.gear-doll{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.gear-slot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:9px 6px;border-radius:10px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.18);position:relative;min-height:64px;justify-content:center}.gear-slot{cursor:pointer}.gear-slot:hover{background:#ffffff17}.gear-slot.filled{background:#ffffff14}.gear-slot.filled:hover{background:#ffffff21}.gear-slot.focused{background:#38bdf824;box-shadow:0 0 0 1px #38bdf880 inset}.gear-slot-icon{font-size:24px;line-height:1}.gear-slot:not(.filled) .gear-slot-icon{opacity:.4}.gear-slot-x{position:absolute;top:3px;right:4px;width:17px;height:17px;padding:0;border:none;border-radius:50%;background:#00000059;color:#e2e8f0;font-size:10px;line-height:17px;cursor:pointer}.gear-slot-x:hover{background:#ef4444b3;color:#fff}.gear-slot-label{color:#cbd5e1;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gear-stats{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#cbd5e1;padding:6px 8px;background:#ffffff0a;border-radius:8px}.gear-preview{display:flex;gap:12px;align-items:stretch;background:#ffffff0a;border-radius:10px;padding:10px}.gear-preview-canvas{width:130px;height:150px;flex-shrink:0}.gear-preview-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.gear-preview-name{font-size:17px;font-weight:800}.gear-preview-tags{display:flex;gap:6px;flex-wrap:wrap}.gear-tag{font-size:11px;font-weight:700;color:#cbd5e1;background:#ffffff12;border-radius:6px;padding:2px 7px}.gear-preview-stats{display:flex;gap:14px;font-size:13px;color:#e6f0f6;font-weight:700;font-variant-numeric:tabular-nums}.gear-preview-blurb{font-size:12px;color:#9fb4c2;line-height:1.35}.gear-equip-btn{margin-top:auto;align-self:flex-start;padding:8px 18px;border-radius:9px;font-size:14px;font-weight:800;cursor:pointer;background:#f5c54238;border:1px solid rgba(245,197,66,.7);color:#ffe9a8}.gear-equip-btn:hover{background:#f5c5425c}.gear-equip-btn.equipped{background:#4ade8029;border-color:#4ade8099;color:#bbf7d0}.gear-list{display:flex;flex-direction:column;gap:4px}.gear-row{display:flex;align-items:center;gap:9px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;padding:8px 10px;cursor:pointer;text-align:left;width:100%}.gear-row:hover{background:#ffffff1a}.gear-row.sel{border-color:#38bdf8;background:#38bdf824}.gear-row.on{background:#4ade801a}.gear-row-icon{font-size:20px;flex-shrink:0}.gear-row-main{flex:1;min-width:0;display:flex;flex-direction:column}.gear-row-name{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gear-row-sub{font-size:11px;color:#9fb4c2}.gear-row-badge{font-size:11px;font-weight:800;color:#bbf7d0;background:#4ade8029;border-radius:6px;padding:3px 9px;flex-shrink:0}.gear-row-equip{font-size:12px;font-weight:800;color:#ffe9a8;background:#f5c54233;border:1px solid rgba(245,197,66,.55);border-radius:6px;padding:4px 11px;flex-shrink:0}.gear-row-equip:hover{background:#f5c5425c}.gear-row-equip.on{color:#bbf7d0;background:#4ade802e;border-color:#4ade808c}.gear-row-equip.on:hover{background:#4ade8052}.gear-cosmetics{margin-top:12px}.cosmetic-row{cursor:default}.cosmetic-preview{width:44px;height:44px;flex-shrink:0;border-radius:8px;background:#ffffff0a}.cosmetic-preview>div,.cosmetic-preview canvas{width:44px!important;height:44px!important}.cosmetics-empty{padding:12px 8px;font-size:13px;text-align:left}.quest-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:216}.quest-box{background:linear-gradient(180deg,#141b22,#0c1116);border:2px solid #5eead4;border-radius:16px;width:min(94vw,560px);max-height:88vh;display:flex;flex-direction:column;padding:14px 16px;box-shadow:0 12px 50px #000000a6;position:relative}.quest-header{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:800;margin-bottom:10px}.quest-count{margin-left:auto;color:#99f6e4;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.quest-header .inv-close{margin-left:8px}.quest-list{overflow-y:auto;display:flex;flex-direction:column;gap:7px;min-height:0;max-height:70vh}.quest-empty{color:#c9d6d2;font-size:15px;line-height:1.6;text-align:center;padding:26px 12px}.quest-sec-head{color:#5eead4;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:8px 2px 2px}.quest-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-left:3px solid #5eead4;border-radius:10px;padding:9px 12px;color:#e6f0ee}.quest-card.avail{opacity:.9}.quest-card.complete{opacity:.6;border-left-color:#94a3b880}.quest-card-top{display:flex;align-items:center;gap:8px}.quest-title{font-weight:800;font-size:15px;flex:1;min-width:0}.quest-tier{font-size:11px;font-weight:800;letter-spacing:.4px;flex-shrink:0}.quest-reset-hint{font-size:10.5px;font-weight:700;color:#7dd3fc;background:#38a3c029;border:1px solid rgba(125,211,252,.35);border-radius:999px;padding:1px 7px;white-space:nowrap;flex-shrink:0}.quest-giver-line{color:#93a3a0;font-size:12px;margin:2px 0 5px}.quest-obj{display:flex;align-items:center;gap:7px;font-size:13px;color:#d6e3e0;padding:2px 0}.quest-obj.done{color:#86efac}.quest-obj-check{width:14px;text-align:center;font-weight:900}.quest-obj-label{flex:1;min-width:0}.quest-obj-count{font-variant-numeric:tabular-nums;font-weight:800;color:#99f6e4;flex-shrink:0}.quest-obj.done .quest-obj-count{color:#86efac}.quest-obj-bar{width:64px;height:6px;border-radius:999px;background:#0d948840;overflow:hidden;flex-shrink:0}.quest-obj-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#5eead4);border-radius:999px}.quest-reward-line{color:#cbd5c9;font-size:12px;margin-top:5px}.quest-reward-line b{color:#fde047}.quest-ready{margin-top:6px;color:#fde68a;font-size:12px;font-weight:800;background:#f5c5421f;border:1px solid rgba(245,197,66,.4);border-radius:7px;padding:5px 8px}.quest-dialog{background:linear-gradient(180deg,#16202a,#0c1219);border:2px solid #5eead4;border-radius:16px;width:min(94vw,460px);max-height:86vh;overflow-y:auto;padding:14px 16px;box-shadow:0 12px 50px #000000a6}.quest-dialog-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.quest-dialog-glyph{font-size:26px}.quest-dialog-name{color:#fff;font-size:18px;font-weight:800;flex:1}.quest-dialog-body{border-top:1px solid rgba(94,234,212,.18);padding-top:10px;margin-top:6px}.quest-dialog-body.muted{opacity:.78}.quest-dialog-quest{font-size:15px;font-weight:800;margin-bottom:4px}.quest-dialog-text{color:#d6e3e0;font-size:14px;line-height:1.5;margin:4px 0 8px;font-style:italic}.quest-dialog-objs{margin:4px 0 8px;padding-left:18px;color:#b9cbc7;font-size:13px;line-height:1.5}.quest-dialog-reward{color:#cbd5c9;font-size:13px;margin-bottom:9px}.quest-dialog-reward b{color:#fde047}.quest-inprog{color:#93a3a0;font-size:12px;font-weight:700}.quest-btn{width:100%;padding:10px 14px;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer;border:1px solid transparent}.quest-btn.accept{background:#5eead42e;border-color:#5eead4b3;color:#ccfbf1}.quest-btn.accept:hover{background:#5eead452}.quest-btn.turnin{background:#f5c54233;border-color:#f5c542bf;color:#ffe9a8}.quest-btn.turnin:hover{background:#f5c5425c}.quest-reward-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:220}.quest-reward-pop{background:linear-gradient(180deg,#21314a,#101826);border:2px solid #fde047;border-radius:18px;width:min(92vw,420px);padding:22px 24px 18px;text-align:center;box-shadow:0 16px 60px #000000b3,0 0 28px #fde04740;animation:questRewardIn .42s cubic-bezier(.2,1.2,.3,1) both}@keyframes questRewardIn{0%{opacity:0;transform:scale(.82) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.quest-reward-banner{color:#fde047;font-size:14px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}.quest-reward-title{color:#fff;font-size:22px;font-weight:900}.quest-reward-note{color:#cbd5e1;font-size:13.5px;line-height:1.5;font-style:italic;margin:8px 4px 12px}.quest-reward-grants{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.quest-reward-chip{padding:6px 12px;border-radius:999px;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.quest-reward-chip.coins{background:#f5c5422e;border:1px solid rgba(245,197,66,.6);color:#ffe9a8}.quest-reward-chip.xp{background:#2dd4bf2e;border:1px solid rgba(45,212,191,.6);color:#99f6e4}.quest-reward-chip.item{background:#c77dff2e;border:1px solid rgba(199,125,255,.6);color:#e9d5ff}.quest-reward-pop .quest-btn{width:auto;padding:9px 28px}.quest-tracker{position:fixed;top:124px;left:10px;width:222px;background:#0810129e;border:1px solid rgba(94,234,212,.55);border-radius:9px;padding:6px 9px 7px;z-index:55;pointer-events:auto;transition:box-shadow .2s ease}.quest-tracker.flash{box-shadow:0 0 0 1px #5eead499,0 0 16px 1px #5eead473}.quest-tracker-bar{display:flex;align-items:center;gap:6px;margin-bottom:5px}.quest-tracker-bar-label{flex:1;color:#99f6e4;font-size:10.5px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.quest-tracker-list{display:flex;flex-direction:column;gap:7px;max-height:40vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(94,234,212,.45) transparent}.quest-tracker-list::-webkit-scrollbar{width:5px}.quest-tracker-list::-webkit-scrollbar-track{background:transparent}.quest-tracker-list::-webkit-scrollbar-thumb{background:#5eead473;border-radius:999px}.quest-tracker-entry{border-left:3px solid #5eead4;padding-left:6px}.quest-tracker-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.quest-tracker-icon{font-size:13px}.quest-tracker-title{flex:1;min-width:0;color:#ccfbf1;font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-tracker-hide{width:18px;height:18px;padding:0;border:none;border-radius:5px;background:#ffffff14;color:#cbd5e1;font-size:14px;line-height:15px;cursor:pointer;flex-shrink:0}.quest-tracker-hide:hover{background:#ffffff29}.quest-tracker-obj{display:flex;align-items:center;gap:6px;font-size:12px;color:#d6e3e0}.quest-tracker-obj.done{color:#fde68a;font-weight:800}.quest-tracker-check{width:12px;text-align:center}.quest-tracker-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-tracker-count{font-variant-numeric:tabular-nums;font-weight:800;color:#99f6e4;flex-shrink:0}.quest-tracker-show{position:fixed;top:124px;left:10px;width:34px;height:30px;border-radius:8px;background:#0810129e;border:1px solid rgba(94,234,212,.55);color:#99f6e4;font-size:16px;line-height:1;cursor:pointer;z-index:55}.quest-tracker-show:hover{background:#0d2828cc}@media(pointer:coarse){.quest-tracker,.quest-tracker-show{top:150px}.quest-tracker-list{max-height:28vh}}@media(pointer:coarse)and (max-height:560px){.quest-tracker,.quest-tracker-show{top:44px;left:200px}.quest-tracker-list{max-height:max(46px,calc(100vh - 290px))}}.leave-game-btn{position:fixed;top:10px;left:10px;padding:8px 16px;border-radius:999px;background:#1c0c0cd1;border:2px solid rgba(248,113,113,.75);color:#fecaca;font-size:15px;font-weight:700;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;z-index:60;box-shadow:0 0 14px #f8717166}.leave-game-btn:active{background:#f8717173;transform:scale(.96)}.quest-log-btn{position:absolute;top:68px;right:10px;width:48px;height:48px;border-radius:12px;background:#5eead42e;border:2px solid rgba(94,234,212,.6);color:#fff;font-size:24px;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;z-index:56;transition:transform 70ms ease-out,background 90ms ease-out}.quest-log-btn:active{background:#5eead466;transform:scale(.94)}.ui-error-card{position:fixed;top:14px;left:50%;transform:translate(-50%);max-width:min(92vw,420px);padding:12px 16px 14px;background:#1c1212f0;border:2px solid rgba(248,113,113,.8);border-radius:14px;color:#fde8e8;text-align:center;box-shadow:0 12px 40px #0009;z-index:300;pointer-events:auto}.ui-error-title{font-size:16px;font-weight:900;color:#fecaca;margin-bottom:6px}.ui-error-msg{font-size:13px;line-height:1.5;color:#f3d6d6;margin-bottom:10px}.ui-error-btn{padding:7px 18px;border-radius:999px;background:#f8717140;border:1.5px solid rgba(248,113,113,.8);color:#fff;font-size:14px;font-weight:800;cursor:pointer}.ui-error-btn:hover{background:#f8717173}.inv-drop-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#38bdf829;border:1px solid rgba(56,189,248,.55);font-size:13px;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.inv-drop-btn:hover{background:#38bdf84d}.loot-cell{position:relative}.loot-cell .inv-drop-btn{position:absolute;top:4px;right:4px;width:22px;height:22px}.social-bar{position:fixed;top:64px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:92vw;padding:8px 12px;border-radius:12px;background:#08141ce6;border:1px solid rgba(56,189,248,.5);box-shadow:0 6px 24px #00000080;z-index:205;color:#e2eef5;font-size:14px}.social-bar.pickup{border-color:#facc1599}.social-stack{position:fixed;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:205;max-width:92vw}.social-stack .social-bar{position:static;transform:none;left:auto;top:auto}.social-bar-label{font-weight:700;white-space:nowrap}.social-bar-key{color:#9fb6c4;font-size:13px;white-space:nowrap}.social-bar-key b{color:#fff}.social-btn{padding:7px 14px;border-radius:10px;background:#38bdf82e;border:1px solid rgba(56,189,248,.6);color:#e6f4fb;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap;touch-action:manipulation}.social-btn:hover{background:#38bdf84d}.social-btn.trade{background:#6ee7b729;border-color:#6ee7b799;color:#d7fbee}.social-btn.trade:hover{background:#6ee7b74d}.social-btn.pick{background:#facc152e;border-color:#facc15a6;color:#fff7da}.social-btn.pick:hover{background:#facc1552}.social-btn.ghost{background:#ffffff0f;border-color:#ffffff40;color:#cbd5e1}.social-btn.ghost:hover{background:#ffffff24}.social-notice{position:fixed;top:108px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:10px;background:#08141ceb;border:1px solid rgba(255,255,255,.2);color:#e2eef5;font-size:13.5px;font-weight:700;z-index:206;max-width:90vw;text-align:center}.social-notice.ok{border-color:#6ee7b799;color:#d7fbee}.social-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:230}.social-modal-box{background:linear-gradient(180deg,#10202c,#0a1620);border:2px solid #6ee7b7;border-radius:16px;padding:20px 22px;width:min(90vw,360px);box-shadow:0 12px 50px #0009;text-align:center}.social-modal-title{font-size:17px;font-weight:900;color:#d7fbee;margin-bottom:8px}.social-modal-body{font-size:14px;color:#cbd9e2;margin-bottom:16px}.social-modal-actions{display:flex;gap:10px;justify-content:center}.social-picker{position:fixed;top:108px;left:50%;transform:translate(-50%);width:min(92vw,340px);max-height:50vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#10202c,#0a1620);border:2px solid #38bdf8;border-radius:14px;box-shadow:0 12px 40px #0009;z-index:207;overflow:hidden}.social-picker-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-weight:800;color:#d7ecf7;border-bottom:1px solid rgba(56,189,248,.25)}.social-picker-x{width:24px;height:24px;padding:0;border:none;border-radius:6px;background:#ffffff14;color:#cbd5e1;font-size:15px;cursor:pointer}.social-picker-x:hover{background:#ffffff29}.social-picker-empty,.social-picker-hint,.trade-bag-empty,.trade-side-empty{padding:10px 12px;color:#9fb6c4;font-size:12.5px}.social-picker-hint{border-top:1px solid rgba(255,255,255,.06)}.social-picker-list{overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.social-picker-row,.trade-bag-row,.trade-offer-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#e2eef5;font-size:13.5px;cursor:pointer;text-align:left}.social-picker-row:hover,.trade-bag-row:hover{background:#38bdf824}.social-picker-icon,.trade-offer-icon{font-size:16px;flex-shrink:0}.social-picker-name,.trade-offer-name{flex:1;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-picker-qty,.trade-bag-qty{color:#9fb6c4;font-size:12px;font-variant-numeric:tabular-nums}.social-picker-drop,.trade-bag-add{color:#7dd3fc;font-weight:800;font-size:12px;flex-shrink:0}.trade-bag-add{color:#6ee7b7}.trade-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:225}.trade-box{background:linear-gradient(180deg,#10202c,#0a1620);border:2px solid #6ee7b7;border-radius:16px;width:min(94vw,560px);max-height:88vh;display:flex;flex-direction:column;padding:14px 16px;box-shadow:0 12px 50px #0009}.trade-header{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:900;color:#d7fbee;margin-bottom:10px}.trade-x{width:28px;height:28px;padding:0;border:none;border-radius:7px;background:#f871712e;color:#fecaca;font-size:16px;cursor:pointer}.trade-x:hover{background:#f8717157}.trade-offers{display:flex;gap:10px}.trade-side{flex:1;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;background:#ffffff05}.trade-side.locked{border-color:#6ee7b7b3;background:#6ee7b70f}.trade-side-head{font-size:12.5px;font-weight:800;color:#cbd9e2;margin-bottom:6px;display:flex;align-items:center;gap:6px}.trade-lock-badge{color:#6ee7b7;font-size:11px}.trade-side-list{display:flex;flex-direction:column;gap:4px;min-height:56px;max-height:28vh;overflow-y:auto}.trade-offer-row.their{cursor:default}.trade-offer-row.their:hover{background:#ffffff0a}.trade-offer-remove{color:#fca5a5;font-weight:800;font-size:12px;flex-shrink:0}.trade-confirm{display:flex;align-items:center;gap:12px;margin:12px 0;flex-wrap:wrap}.trade-lock-btn{padding:10px 18px;border-radius:11px;background:#6ee7b72e;border:1px solid rgba(110,231,183,.6);color:#d7fbee;font-size:14px;font-weight:900;cursor:pointer;touch-action:manipulation}.trade-lock-btn:hover:not(:disabled){background:#6ee7b752}.trade-lock-btn.on{background:#6ee7b747}.trade-lock-btn:disabled{cursor:default;opacity:.85}.trade-confirm-hint{color:#9fb6c4;font-size:12.5px}.trade-bag{border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.trade-bag-head{font-size:12.5px;font-weight:800;color:#cbd9e2;margin-bottom:6px}.trade-bag-list{display:flex;flex-direction:column;gap:4px;max-height:26vh;overflow-y:auto}.trade-box.trade-done{align-items:center;text-align:center;gap:6px;padding:28px 22px}.trade-done-check{width:56px;height:56px;line-height:56px;border-radius:50%;background:#6ee7b72e;border:2px solid #6ee7b7;color:#6ee7b7;font-size:30px;font-weight:900;margin-bottom:6px}.trade-done-title{font-size:18px;font-weight:900;color:#d7fbee}.trade-done-sub{font-size:13.5px;color:#9fb6c4;margin-bottom:12px}:root{--wow-slot: 40px;--wow-gap: 6px;--wow-stone: linear-gradient(180deg, #2a2118 0%, #161009 100%);--wow-stone-hover: linear-gradient(180deg, #3a2e1f 0%, #211810 100%);--wow-gold: #c9a24b;--wow-gold-lit: #ffd86b;--wow-gold-dim: #6e5a2e;--wow-key: #ffe9a8;--wow-tip-bg: linear-gradient(180deg, #241c0e, #15110a);--wow-tip-title: #ffd100;--wow-tip-body: #c9c9c9}.wow-actionbar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:var(--wow-gap);z-index:60;pointer-events:none}.wow-actionbar>*{pointer-events:auto}.wow-micromenu{position:fixed;right:14px;bottom:14px;display:flex;align-items:center;gap:5px;z-index:60;pointer-events:none}.wow-micromenu>*{pointer-events:auto}.wow-divider{width:1px;align-self:stretch;margin:2px 3px;background:linear-gradient(180deg,transparent,var(--wow-gold-dim) 30%,var(--wow-gold) 50%,var(--wow-gold-dim) 70%,transparent)}.wow-slot{--wow-ring: var(--wow-gold);position:relative;width:var(--wow-slot);height:var(--wow-slot);flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;background:var(--wow-stone);border:1px solid #0c0905;box-shadow:0 0 0 1px var(--wow-ring) inset,0 1px #ffecb459 inset,0 -2px 4px #0000008c inset,0 2px 6px #0009;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .05s ease,filter .05s ease,box-shadow .12s ease,background .12s ease}.wow-slot-micro{--wow-slot: 32px;width:32px;height:32px;border-radius:5px}.wow-slot-icon{font-size:22px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.wow-slot-micro .wow-slot-icon{font-size:17px}.wow-slot-key{position:absolute;top:1px;right:3px;font-size:10px;font-weight:700;color:var(--wow-key);text-shadow:0 1px 2px #000;pointer-events:none}.wow-slot-micro .wow-slot-key{font-size:8px;top:0;right:2px}.wow-slot:hover:not(.is-disabled){background:var(--wow-stone-hover);box-shadow:0 0 0 1px var(--wow-gold-lit) inset,0 1px #ffecb473 inset,0 -2px 4px #00000080 inset,0 2px 6px #0009,0 0 8px 1px var(--wow-gold-lit)}.wow-slot:active:not(.is-disabled),.wow-slot.is-press{transform:translateY(1px) scale(.97);filter:brightness(1.18);box-shadow:0 0 0 1px var(--wow-gold-lit) inset,0 2px 5px #000000b3 inset,0 1px 2px #0009}.wow-slot.is-active{background:var(--wow-stone-hover);transform:translateY(1px);box-shadow:0 0 0 1px var(--wow-gold-lit) inset,0 2px 5px #000000b3 inset,0 0 7px 1px var(--wow-gold-lit)}.wow-slot.is-cd .wow-slot-icon{filter:grayscale(.4) brightness(.8)}.wow-slot-cd{position:absolute;inset:0;border-radius:inherit;pointer-events:none;display:flex;align-items:center;justify-content:center}.wow-slot-cd-num{font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.wow-slot.is-disabled,.wow-slot.is-dim{filter:grayscale(1) brightness(.55);opacity:.5;cursor:default;box-shadow:0 0 0 1px var(--wow-gold-dim) inset,0 1px #ffecb41f inset,0 -2px 4px #0000008c inset,0 2px 6px #0009}.wow-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:120px;max-width:220px;padding:7px 10px;display:none;flex-direction:column;gap:2px;background:var(--wow-tip-bg);border:1px solid var(--wow-gold);border-radius:7px;box-shadow:0 8px 22px #0009;pointer-events:none;white-space:normal;text-align:left;z-index:1}.wow-slot:hover:not(:active):not(.is-press) .wow-tip{display:flex}.wow-tip-title{font-size:13px;font-weight:800;color:var(--wow-tip-title);line-height:1.2}.wow-tip-body{font-size:12px;color:var(--wow-tip-body);line-height:1.3}.wow-tip-key{font-size:11px;font-weight:700;color:var(--wow-key);margin-top:1px}.macro-bar{position:fixed;left:50%;bottom:68px;transform:translate(-50%);display:flex;align-items:center;gap:4px;z-index:220;pointer-events:none}.macro-bar>*{pointer-events:auto}.macro-slot{--macro-ring: var(--wow-gold);position:relative;width:36px;height:36px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0;border-radius:5px;background:var(--wow-stone);border:1px solid #0c0905;box-shadow:0 0 0 1px var(--macro-ring) inset,0 1px #ffecb440 inset,0 -2px 3px #00000073 inset,0 2px 5px #00000080;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .05s ease,filter .05s ease,box-shadow .12s ease,background .12s ease}.macro-slot-icon{font-size:18px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.macro-slot-key{position:absolute;top:1px;right:3px;font-size:9px;font-weight:700;color:var(--wow-key);text-shadow:0 1px 2px #000;pointer-events:none}.macro-slot.is-empty{opacity:.45;cursor:default;box-shadow:0 0 0 1px var(--wow-gold-dim) inset,0 1px #ffecb41a inset,0 -2px 3px #00000073 inset,0 2px 5px #00000080}.macro-slot.is-empty:after{content:"·";position:absolute;font-size:16px;color:var(--wow-gold-dim);pointer-events:none}.macro-slot:hover:not(.is-empty){background:var(--wow-stone-hover);box-shadow:0 0 0 1px var(--wow-gold-lit) inset,0 1px #ffecb459 inset,0 -2px 3px #0006 inset,0 2px 5px #00000080,0 0 6px 1px var(--wow-gold-lit)}.macro-slot:active:not(.is-empty),.macro-slot.is-press{transform:translateY(1px) scale(.96);filter:brightness(1.15);box-shadow:0 0 0 1px var(--wow-gold-lit) inset,0 2px 4px #0009 inset,0 1px 2px #00000080}.macro-slot.is-equipped{box-shadow:0 0 0 1.5px #4caf50 inset,0 1px #ffecb440 inset,0 -2px 3px #00000073 inset,0 0 8px 2px #4caf5059}.macro-slot.is-active-skill{box-shadow:0 0 0 1px var(--wow-gold-lit) inset,0 1px #ffecb44d inset,0 -2px 3px #00000073 inset,0 0 6px 1px #ffd86b40}.macro-slot.is-unavailable{filter:grayscale(1) brightness(.5);opacity:.45}.macro-slot.is-dragover{background:var(--wow-stone-hover);box-shadow:0 0 0 2px var(--wow-gold-lit) inset,0 0 12px 3px #ffd86b80;opacity:1!important;filter:none!important}.macro-slot.is-cd .macro-slot-icon{filter:grayscale(.4) brightness(.8)}.macro-slot-cd{position:absolute;inset:0;border-radius:inherit;pointer-events:none;display:flex;align-items:center;justify-content:center}.macro-slot-cd-num{font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.macro-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:100px;max-width:200px;padding:6px 9px;display:none;flex-direction:column;gap:2px;background:var(--wow-tip-bg);border:1px solid var(--wow-gold);border-radius:7px;box-shadow:0 6px 18px #00000080;pointer-events:none;white-space:normal;text-align:left;z-index:1}.macro-slot:hover:not(:active):not(.is-press) .macro-tip{display:flex}.macro-tip-title{font-size:12px;font-weight:800;color:var(--wow-tip-title);line-height:1.2}.macro-tip-body{font-size:11px;color:var(--wow-tip-body);line-height:1.3}.macro-tip-key{font-size:10px;font-weight:700;color:var(--wow-key);margin-top:1px}.macro-tip-hint{font-size:10px;color:#7a7060;font-style:italic}.gear-row[draggable=true]{cursor:grab}.gear-row[draggable=true]:active{cursor:grabbing}.gear-row[draggable=true]:before{content:"⠿";position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:10px;color:#c8aa6459;pointer-events:none}.furn-open-btn{position:absolute;bottom:150px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:13px;background:#78aa5a4d;border:2px solid rgba(150,200,110,.75);color:#f2ffe2;font-size:16px;font-weight:800;letter-spacing:.2px;text-shadow:0 1px 3px rgba(0,0,0,.6);touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:52;cursor:pointer}.furn-open-btn:active{background:#78aa5a80}.furn-remove-btn{position:absolute;bottom:108px;left:50%;transform:translate(-50%);padding:9px 16px;border-radius:11px;background:#b4463c47;border:1px solid rgba(220,120,110,.7);color:#ffe2dd;font-size:14px;font-weight:700;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:52;cursor:pointer}.furn-remove-btn:active{background:#b4463c80}.paint-open-btn{position:absolute;bottom:150px;left:50%;transform:translate(calc(-50% + 150px));padding:12px 18px;border-radius:13px;background:#965aaa4d;border:2px solid rgba(200,130,220,.75);color:#fbe8ff;font-size:16px;font-weight:800;letter-spacing:.2px;text-shadow:0 1px 3px rgba(0,0,0,.6);touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:52;cursor:pointer}.paint-open-btn:active{background:#965aaa80}@media(max-width:560px){.paint-open-btn{transform:translate(-50%);bottom:198px}}.garden-actions{position:absolute;bottom:150px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:92vw;z-index:52}.garden-btn{padding:11px 16px;border-radius:12px;background:#6e96464d;border:2px solid rgba(150,200,110,.75);color:#f2ffe2;font-size:15px;font-weight:800;letter-spacing:.2px;text-shadow:0 1px 3px rgba(0,0,0,.6);touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer}.garden-btn:active{background:#6e964680}.garden-btn:disabled{cursor:not-allowed}.garden-expand{background:#b496464d;border-color:#dcbe6ebf;color:#fff4d8}.garden-expand:active{background:#b4964680}.garden-remove{background:#b4463c47;border-color:#dc786eb3;color:#ffe2dd}.garden-remove:active{background:#b4463c80}.garden-size-tag{padding:7px 12px;border-radius:11px;background:#142814b3;border:1px solid rgba(150,200,110,.45);color:#dfeccf;font-size:13px;font-weight:700;white-space:nowrap}.furn-place-bar{position:absolute;bottom:96px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 16px 14px;border-radius:14px;background:#142814d1;border:1px solid rgba(150,200,110,.55);box-shadow:0 6px 20px #00000080;z-index:53;max-width:92vw}.furn-place-title{font-size:16px;font-weight:800;color:#eafbd8;text-align:center;white-space:nowrap}.furn-place-hint{font-size:12px;color:#bcd6a4;text-align:center}.furn-place-controls{display:flex;gap:9px;margin-top:2px}.furn-btn{padding:11px 16px;border-radius:11px;font-size:16px;font-weight:800;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;background:#78aa5a47;border:2px solid rgba(150,200,110,.7)}.furn-btn:active{transform:scale(.95)}.furn-rot{min-width:50px;font-size:22px;line-height:1}.furn-place-ok{background:#64c86461;border-color:#78e678d9}.furn-place-ok:active{background:#64c86499}.furn-place-cancel{background:#aa504647;border-color:#dc786eb3}.furn-place-cancel:active{background:#aa504680}.furn-picker-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:120}.furn-picker{width:min(440px,92vw);max-height:76vh;display:flex;flex-direction:column;background:#182214f7;border:2px solid rgba(150,200,110,.7);border-radius:14px;box-shadow:0 10px 40px #0009;overflow:hidden}.furn-picker-head{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:17px;font-weight:800;color:#eafbd8;border-bottom:1px solid rgba(150,200,110,.3)}.furn-picker-head .inv-close{margin-left:auto}.furn-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:9px;padding:12px;overflow-y:auto}.furn-piece{display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 6px;border-radius:11px;background:#78aa5a29;border:1px solid rgba(150,200,110,.5);color:#f0ffe0;cursor:pointer}.furn-piece:active{background:#78aa5a66;transform:scale(.97)}.furn-piece-glyph{font-size:26px;line-height:1}.furn-piece-name{font-size:12px;font-weight:700;text-align:center}.furn-piece-count{font-size:12px;color:#bcd6a4;font-weight:800}.furn-picker-empty{padding:22px 18px;font-size:14px;color:#cfe0bd;text-align:center;line-height:1.45}.char-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.char-panel{position:relative;background:linear-gradient(180deg,#12202a,#0a1620);border:2px solid #8aa1b1;border-radius:18px;padding:20px 22px 22px;width:min(90vw,420px);max-height:86vh;overflow-y:auto;box-shadow:0 12px 50px #0009;color:#e6eef4}.char-close{position:absolute;top:10px;right:12px;width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#cbd5e1;font-size:15px;cursor:pointer}.char-close:hover{background:#ffffff2e}.char-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}.char-glyph{font-size:40px;line-height:1}.char-class{font-size:22px;font-weight:800}.char-kana{font-size:.7em;opacity:.7;font-weight:600}.char-sub{font-size:13px;color:#9fb2c2;margin-top:2px}.char-section-title{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#7c93a4;margin:14px 0 8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.char-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.char-stat{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.char-stat-name{color:#c7d4de}.char-stat-val{font-weight:800;color:#eafff0}.char-skills{display:flex;flex-direction:column;gap:8px}.char-skill{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 10px}.char-skill-icon{font-size:26px;line-height:1;width:32px;text-align:center}.char-skill-info{flex:1;min-width:0}.char-skill-name{font-size:15px;font-weight:700}.char-skill-blurb{font-size:12px;color:#9fb2c2;line-height:1.3}.char-skill-action{flex-shrink:0}.char-btn{border:none;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800;cursor:pointer}.char-btn.learn{background:#4ade80;color:#07260f}.char-btn.learn:hover{background:#6ee79a}.char-btn.use{background:#38bdf8;color:#052436}.char-btn.use:hover{background:#5fd0ff}.char-learned{color:#4ade80;font-size:13px;font-weight:700}.char-locked{color:#f59e0b;font-size:12px;font-weight:700;border:1px solid rgba(245,158,11,.5);border-radius:999px;padding:4px 10px}.cook-hud{position:fixed;left:18px;bottom:240px;z-index:60;display:flex;flex-direction:column;gap:6px;width:min(70vw,240px);background:linear-gradient(180deg,#28160ceb,#180c06eb);border:2px solid #d98a3a;border-radius:14px;padding:12px 12px 14px;box-shadow:0 8px 30px #00000080;pointer-events:auto}.cook-title{font-size:14px;font-weight:800;color:#ffd9a0;margin-bottom:2px}.cook-btn{display:flex;align-items:center;gap:6px;justify-content:flex-start;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#ffffff14;color:#ffe9cf;font-size:13px;font-weight:700;padding:8px 10px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;text-align:left}.cook-btn:hover{background:#ffffff29}.cook-btn:active{background:#ffffff3d}.cook-btn.eat{border-color:#4ade8080}.cook-btn.eat:hover{background:#4ade802e}.cook-n{color:#ffd9a0;font-weight:800}.cook-heal{margin-left:auto;color:#86efac;font-weight:800}.cook-sep{height:1px;background:#ffffff24;margin:2px 0}