:root{font-family:system-ui,Segoe UI,sans-serif;color:#e8f0e8;background:#0f1412}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}#app{position:relative;width:100%;height:100%;min-height:100vh;min-height:100dvh}#app>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block}.fullscreen-toggle{position:fixed;top:10px;right:10px;z-index:80;pointer-events:auto;padding:6px 11px;font:600 12px system-ui,Segoe UI,sans-serif;letter-spacing:.02em;color:#ebf8f0f2;background:#0e1612d1;border:1px solid rgba(120,200,160,.35);border-radius:8px;cursor:pointer;box-shadow:0 2px 10px #00000059;-webkit-tap-highlight-color:transparent}.fullscreen-toggle:hover{border-color:#a0e6be8c;background:#121e18e6}.fullscreen-toggle:active{transform:scale(.98)}@media(max-width:520px){.fullscreen-toggle{top:max(10px,env(safe-area-inset-top,0px));right:max(10px,env(safe-area-inset-right,0px));padding:8px 12px;font-size:13px}}#lifebar-root{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:6;pointer-events:none;opacity:0;transition:opacity .14s ease}#lifebar-root.lifebar-visible{opacity:1}.lifebar-inner{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;background:#0c1210e0;border:1px solid rgba(120,200,160,.28);min-width:220px}.lifebar-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#c8ebd2b8;flex:0 0 auto}.lifebar-track{flex:1 1 auto;height:10px;border-radius:6px;background:#00000061;overflow:hidden;border:1px solid rgba(80,140,100,.35)}.lifebar-fill{height:100%;width:100%;border-radius:5px;background:linear-gradient(180deg,#6fe09a,#2fa060);box-shadow:inset 0 1px #ffffff38;transition:width .12s ease-out,background .22s ease}.lifebar-fill.lifebar-fill-low{background:linear-gradient(180deg,#f0d080,#c07030)}.lifebar-fill.lifebar-fill-empty{width:0!important;background:#4a3535}#lifebar-root.lifebar-recovering .lifebar-inner{border-color:#e68c8c73}#lifebar-root.lifebar-recovering .lifebar-fill{background:linear-gradient(180deg,#d89090,#a04048)}.lifebar-numbers{font-size:12px;font-variant-numeric:tabular-nums;color:#e6f8eceb;flex:0 0 auto;min-width:5.5em;text-align:right}#target-ticker{position:absolute;left:50%;bottom:82px;transform:translate(-50%);z-index:6;pointer-events:none;opacity:0;transition:opacity .16s ease;min-width:240px;max-width:min(400px,calc(100vw - 40px))}#target-ticker.target-ticker-visible{opacity:1}.target-ticker-frame{padding:9px 14px 11px;border-radius:3px;background:linear-gradient(180deg,#100c08f0,#0a0806f5);border:2px solid #6b5436;box-shadow:0 0 0 1px #140e0af2,0 4px 18px #0000008c,inset 0 1px #ffd28c24}.target-ticker-top{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}.target-ticker-level{flex:0 0 auto;min-width:1.35em;padding:1px 6px;border-radius:3px;background:#0000007a;border:1px solid rgba(200,190,160,.28);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:#ffecc8eb;text-align:center}.target-ticker-name{flex:1 1 auto;font-size:13px;font-weight:650;letter-spacing:.02em;color:#ffd880;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 12px rgba(255,160,60,.18)}.target-ticker-creature{flex:0 0 auto;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:capitalize;color:#c8b99b9e}.target-ticker-bar-track{height:13px;border-radius:2px;background:#0000008c;border:1px solid #2a1810;overflow:hidden;box-shadow:inset 0 2px 4px #000000a6}.target-ticker-bar-fill{height:100%;width:100%;border-radius:1px;background:linear-gradient(180deg,#e83028,#901810);box-shadow:inset 0 1px #ffc8b459;transition:width .1s ease-out,filter .18s ease}.target-ticker-bar-fill.target-fill-low{filter:saturate(1.1) brightness(1.08)}.target-ticker-bar-fill.target-fill-critical{filter:brightness(1.15);animation:target-pulse-bar .55s ease-in-out infinite alternate}@keyframes target-pulse-bar{0%{filter:brightness(1)}to{filter:brightness(1.35)}}.target-ticker-hp-row{margin-top:6px;font-size:11px;font-variant-numeric:tabular-nums;color:#f0e4d2d1}.target-ticker-hp-row #target-ticker-hp{color:#fff;font-weight:700}.target-ticker-slash{opacity:.65}.target-ticker-hp-label{opacity:.55;font-size:10px}.player-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#080c0ad1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.player-gate-card{width:min(420px,100%);padding:28px 26px 26px;border-radius:14px;background:#121c16f5;border:1px solid rgba(130,210,160,.38);box-shadow:0 24px 48px #0000008c}.player-gate-title{margin:0 0 10px;font-size:22px;font-weight:750;color:#ecf8f0;letter-spacing:.02em}.player-gate-hint{margin:0 0 18px;font-size:13px;line-height:1.45;color:#d2ebdab8}.player-gate-label{display:block;margin-bottom:8px;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#aadcbec7}.player-gate-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(120,190,150,.42);background:#0a100deb;color:#f4fff6;font:inherit;font-size:16px}.player-gate-input:focus{outline:2px solid rgba(130,220,170,.45);outline-offset:2px}.player-gate-error{min-height:1.35em;margin:10px 0 14px;font-size:13px;color:#f0a8a8}.player-gate-submit{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(130,210,160,.55);background:linear-gradient(180deg,#224834f2,#12261cfa);color:#ecf8f0;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.player-gate-submit:active{transform:scale(.99)}#hud{position:absolute;left:16px;bottom:112px;max-width:min(520px,calc(100% - 32px));font-size:13px;line-height:1.45;pointer-events:none;z-index:2}.hud-player-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px 10px;border-bottom:1px solid rgba(120,200,140,.14)}.hud-player-label{flex:1 1 auto;font-size:12px;font-weight:650;color:#c8f8dceb}.hud-player-switch{flex:0 0 auto;margin:0;padding:5px 10px;border-radius:8px;border:1px solid rgba(130,210,160,.35);background:#0e1612e0;color:#dcf5e4eb;font:inherit;font-size:11px;font-weight:600;cursor:pointer;pointer-events:auto}.hud-player-switch:hover{border-color:#aaf0be80}#hud .hud-shell{border-radius:10px;background:#0f1412d1;border:1px solid rgba(120,200,140,.22);overflow:hidden;pointer-events:auto}.hud-help-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0;padding:8px 12px;border:none;border-bottom:1px solid rgba(120,200,140,.14);background:#0c1210b8;color:#dcf0e4eb;font:inherit;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;pointer-events:auto;text-align:left;transition:background .12s ease;touch-action:manipulation}.hud-help-toggle:active{background:#1a2620f2}.hud-help-toggle:hover{background:#16201ceb}@media(pointer:coarse){.hud-help-toggle{min-height:48px;padding:12px 14px;font-size:14px}}.hud-help-toggle:focus-visible{outline:2px solid rgba(160,220,180,.55);outline-offset:2px}.hud-help-toggle-chevron{flex:0 0 auto;opacity:.72;font-size:10px}.hud-help-panel{padding:11px 14px 12px;pointer-events:auto}#hud.hud-help-collapsed .hud-help-panel{display:none}#hud.hud-help-collapsed .hud-shell,#hud.hud-help-collapsed .hud-help-toggle{border-bottom:none}#hud kbd{display:inline-block;padding:1px 6px;margin:0 2px;border-radius:4px;border:1px solid rgba(180,220,190,.35);font-family:ui-monospace,monospace;font-size:12px}#toast{position:absolute;left:50%;bottom:108px;transform:translate(-50%);max-width:min(440px,calc(100% - 48px));padding:10px 14px;border-radius:10px;background:#18221ceb;border:1px solid rgba(190,230,160,.35);font-size:13px;line-height:1.35;text-align:center;pointer-events:none;opacity:0;transition:opacity .16s ease;z-index:4}#toast.visible{opacity:1}#hotbar-root{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(720px,calc(100% - 24px));z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:0;pointer-events:none}#hotbar-root .hotbar-row,#hotbar-root .inventory-sheet,#hotbar-root button{pointer-events:auto}.hotbar-row{display:flex;align-items:flex-end;gap:10px}.hotbar-toggle{flex:0 0 auto;padding:8px 12px;border-radius:10px;border:1px solid rgba(130,210,160,.35);background:#121a16eb;color:#ecf7ee;font:inherit;font-size:13px;cursor:pointer}.hotbar-toggle:hover{border-color:#aaf0be8c}.hotbar-slots{flex:1 1 auto;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.hotbar-slot{position:relative;aspect-ratio:1;min-height:44px;border-radius:10px;border:1px solid rgba(120,190,150,.28);background:#0e1612e0;color:#f4fff6;cursor:pointer;display:grid;place-items:center;font:inherit}.hotbar-slot .glyph{position:relative;font-size:17px;font-weight:650;letter-spacing:-.02em;width:72%;height:72%;display:grid;place-items:center}.hotbar-slot .glyph .slot-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));image-rendering:crisp-edges}.hotbar-slot .glyph .icon-stack{position:relative;width:100%;height:100%;display:grid;place-items:center}.hotbar-slot .glyph .slot-icon-layer{position:absolute;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.32));image-rendering:crisp-edges}.hotbar-slot .glyph .slot-icon-layer.l0{transform:translate(0) scale(1);z-index:4}.hotbar-slot .glyph .slot-icon-layer.l1{transform:translate(-5px,6px) scale(.9);opacity:.74;z-index:3}.hotbar-slot .glyph .slot-icon-layer.l2{transform:translate(-10px,12px) scale(.8);opacity:.52;z-index:2}.hotbar-slot .glyph .slot-qty-badge{position:absolute;top:-7px;right:-10px;z-index:12;min-width:1.25em;padding:1px 5px;border-radius:6px;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:#fffffff5;background:#080c0ad1;border:1px solid rgba(160,220,180,.45);box-shadow:0 1px 4px #00000059;pointer-events:none}.hotbar-slot .idx{position:absolute;right:6px;bottom:5px;font-size:10px;opacity:.55;font-family:ui-monospace,monospace}.hotbar-slot.empty{opacity:.72}.hotbar-slot.empty .glyph{opacity:.35}.hotbar-slot.selected{outline:2px solid rgba(120,235,170,.85);outline-offset:1px;border-color:#a0f0bea6}.inventory-sheet{display:none;margin-bottom:8px;padding:12px;border-radius:12px;background:#0c120ff0;border:1px solid rgba(120,200,140,.28);box-shadow:0 -10px 30px #00000059}#hotbar-root.expanded .inventory-sheet{display:block}.sheet-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.sheet-hint{font-size:12px;opacity:.7}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.inventory-cell{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:10px;border-radius:10px;border:1px solid rgba(110,190,140,.22);background:#121c17eb;color:inherit;cursor:pointer;font:inherit}.inventory-cell:hover{border-color:#a0e6b459}.inventory-cell.selected{outline:2px solid rgba(120,235,170,.85);outline-offset:0}.inventory-cell .cell-glyph{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#78c8961f;border:1px solid rgba(140,210,170,.22);font-weight:700}.inventory-cell .cell-glyph .cell-icon{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28));image-rendering:crisp-edges}.inventory-cell .cell-glyph .cell-icon-stack{position:relative;width:26px;height:26px;display:grid;place-items:center}.inventory-cell .cell-glyph .cell-icon-layer{position:absolute;width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.26));image-rendering:crisp-edges}.inventory-cell .cell-glyph .cell-icon-layer.l0{transform:translate(0) scale(1);z-index:4}.inventory-cell .cell-glyph .cell-icon-layer.l1{transform:translate(-3px,4px) scale(.9);opacity:.72;z-index:3}.inventory-cell .cell-glyph .cell-icon-layer.l2{transform:translate(-6px,8px) scale(.82);opacity:.5;z-index:2}.inventory-cell .cell-glyph .cell-qty-badge{position:absolute;top:-6px;right:-8px;z-index:12;min-width:1.2em;padding:0 4px;border-radius:5px;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.3;color:#fffffff2;background:#080c0ad1;border:1px solid rgba(150,210,175,.42);pointer-events:none}.inventory-cell .cell-glyph-text{font-weight:700}.inventory-cell .cell-meta{display:flex;flex-direction:column;gap:4px}.inventory-cell .cell-name{font-weight:650}.inventory-cell .cell-sub{font-size:12px;opacity:.82;line-height:1.35}.inventory-cell .cell-badges{display:block;margin-top:6px;font-size:11px;font-weight:650;letter-spacing:.03em;opacity:.82;color:#c8ffd7eb}.inv-keyhint kbd{font-family:ui-monospace,monospace;padding:1px 5px;margin:0 2px;border-radius:4px;border:1px solid rgba(160,220,180,.38)}.inv-qty{margin:0 0 6px;font-size:13px}.inventory-detail{margin-top:10px;padding-top:10px;border-top:1px solid rgba(120,200,140,.18);font-size:13px;line-height:1.45}.inventory-detail kbd{font-family:ui-monospace,monospace;padding:1px 6px;border-radius:4px;border:1px solid rgba(180,220,190,.35)}.muted{opacity:.78}#speech-bubble{position:absolute;left:50%;bottom:30%;transform:translate(-50%);max-width:min(440px,92vw);z-index:7;opacity:0;pointer-events:none;transition:opacity .14s ease}#speech-bubble.visible{opacity:1}#speech-bubble .speech-inner{position:relative;margin:0 auto;padding:14px 18px 16px;border-radius:14px;background:#fcfefcf7;color:#152822;border:3px solid #2f6b4d;box-shadow:0 10px 36px #0a161061;font-size:15px;line-height:1.42;text-align:center}#speech-bubble .speech-inner:after{content:"";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);border-style:solid;border-width:11px 11px 0 11px;border-color:#2f6b4d transparent transparent transparent}#mobile-touch-controls{position:absolute;left:10px;right:10px;bottom:72px;display:none;align-items:flex-end;justify-content:space-between;gap:12px;z-index:8;pointer-events:none}#mobile-touch-controls.mobile-touch-visible{display:flex}.mobile-act{pointer-events:auto;touch-action:manipulation;min-height:48px;min-width:88px;padding:0 18px;border-radius:14px;border:2px solid rgba(130,220,170,.55);background:#101c16eb;color:#ecf8f0;font:inherit;font-size:15px;font-weight:700;letter-spacing:.03em;box-shadow:0 4px 16px #00000073,inset 0 1px #ffffff1a}.mobile-act:active{transform:scale(.97)}.mobile-act-attack{min-width:112px;border-color:#ff7864a6;background:linear-gradient(180deg,#46201cf5,#1c0e0cf5)}.mobile-act-use{border-color:#b4c8ff73}#chest-reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;opacity:0;transition:opacity .35s ease}#chest-reward-overlay.chest-reward-visible{pointer-events:auto;opacity:1}.chest-reward-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#fff8dc38,#080c12d9 62%)}.chest-reward-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:380px;padding:28px 32px 30px;border-radius:16px;background:linear-gradient(180deg,#1c2a22f5,#0e1612fa);border:2px solid rgba(212,180,90,.55);box-shadow:0 0 0 1px #00000073,0 18px 48px #000000a6,inset 0 1px #ffe6a01f}.chest-reward-stage{perspective:520px}.chest-reward-box{position:relative;width:112px;height:72px;transform-style:preserve-3d}.chest-reward-base{position:absolute;left:10px;bottom:0;width:92px;height:46px;border-radius:6px;background:linear-gradient(180deg,#7a5238,#4a3224);border:3px solid #3a2418;box-shadow:inset 0 -6px 12px #00000059}.chest-reward-lid{position:absolute;left:8px;bottom:40px;width:96px;height:28px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#9a6848,#6a4630);border:3px solid #3a2418;transform-origin:50% 100%;transform:rotateX(0)}.chest-reward-sparkle{position:absolute;left:50%;bottom:52px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#fff8c8;opacity:0;box-shadow:0 0 18px 6px #ffe68cbf,-22px -10px 0 -2px #fff8c88c,24px 8px 0 -2px #fff8c873}#chest-reward-overlay.chest-reward-visible .chest-reward-lid{animation:chest-lid-pop .95s cubic-bezier(.34,1.4,.42,1) forwards}#chest-reward-overlay.chest-reward-visible .chest-reward-sparkle{animation:chest-sparkle .45s ease-out .15s forwards}#chest-reward-overlay.chest-reward-visible .chest-reward-loot{animation:chest-loot-rise .65s cubic-bezier(.34,1.35,.42,1) .38s both}@keyframes chest-lid-pop{0%{transform:rotateX(0) translateY(0)}55%{transform:rotateX(-76deg) translateY(-6px)}to{transform:rotateX(-58deg) translateY(-3px)}}@keyframes chest-sparkle{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes chest-loot-rise{0%{opacity:0;transform:translateY(22px) scale(.65)}to{opacity:1;transform:translateY(0) scale(1)}}.chest-reward-loot{text-align:center;opacity:0}.chest-reward-icon{display:block;margin:0 auto 12px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.chest-reward-title{margin:0 0 8px;font-size:20px;font-weight:800;letter-spacing:.03em;color:#ffe9a8;text-shadow:0 2px 8px rgba(0,0,0,.65),0 0 24px rgba(255,210,120,.35)}.chest-reward-sub{margin:0;font-size:13px;line-height:1.45;color:#d2ebdac7}