*{margin:0;padding:0;box-sizing:border-box}:root{--c-bg-deep: #060614;--c-bg: #0a0a1a;--c-bg-soft: #11122a;--c-ink: #f4eedd;--c-ink-soft: rgba(244, 238, 221, .62);--c-ink-faint: rgba(244, 238, 221, .32);--c-line: rgba(244, 238, 221, .1);--c-line-soft: rgba(244, 238, 221, .06);--c-accent: #b9aef5;--c-accent-deep:#7c6fd4;--c-leaf: #66bb6a;--c-leaf-deep: #2e7d32;--c-wood: #8a5630;--c-wood-deep: #4a2f1e;--c-amber: #f2c14e;--c-stone: #8a96a0;--c-stone-deep:#4f5a64;--c-danger: #d9544a;--c-danger-deep:#8e2820;--shadow-pixel: 0 2px 0 rgba(0,0,0,.55);--shadow-pixel-deep: 0 3px 0 rgba(0,0,0,.6);--shadow-glow-accent: 0 0 14px rgba(124,111,212,.45)}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--c-bg-deep);font-family:Segoe UI,system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:relative}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.ui-icon{display:inline-block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.65)) drop-shadow(0 0 1px rgba(0,0,0,.4));vertical-align:middle}.loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#080814;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:300}.loading .spinner{width:36px;height:36px;border:3px solid rgba(124,111,212,.2);border-top-color:#7c6fd4;border-radius:50%;animation:spin .8s linear infinite}.loading p{font-family:"Press Start 2P",monospace;font-size:8px;color:#fff6;letter-spacing:2px;animation:blink-text 1.2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink-text{0%,to{opacity:.4}50%{opacity:1}}.lobby{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200}.lobby-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 90% at 50% 50%,#08081459,#08081499 55%,#080814e6);pointer-events:none}.lobby-ui{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;padding:16px;width:100%}@media (min-width: 640px) and (orientation: landscape){.lobby-ui{flex-direction:row;justify-content:center;gap:48px}}.lobby-title{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.pixel-logo{font-family:"Press Start 2P",monospace;font-size:clamp(18px,4.5vw,34px);letter-spacing:3px;line-height:1.1}.logo-j{color:#fff;text-shadow:3px 3px 0 #000,0 0 24px rgba(255,255,255,.15)}.logo-p{color:#7c6fd4;text-shadow:3px 3px 0 #000,0 0 24px rgba(124,111,212,.5)}.logo-tagline{font-family:"Press Start 2P",monospace;font-size:clamp(5px,1.2vw,8px);color:#ffffff59;letter-spacing:4px;animation:pulse-dim 3s ease-in-out infinite}@keyframes pulse-dim{0%,to{opacity:.35}50%{opacity:.75}}.logo-ver{font-family:"Press Start 2P",monospace;font-size:6px;color:#7c6fd480}.lobby-card{--accent: #7c6fd4;background:#060612f2;padding:20px 22px;width:min(320px,94vw);display:flex;flex-direction:column;gap:16px;border:3px solid #000;box-shadow:0 0 0 3px var(--accent),0 0 0 6px #000,6px 6px #00000080,0 0 60px #7c6fd414;animation:card-appear .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes card-appear{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.card-header{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--accent);letter-spacing:2px;padding-bottom:10px;border-bottom:1px solid rgba(124,111,212,.2);display:flex;align-items:center;gap:8px}.blink-cur{animation:blink-cursor 1s step-start infinite}@keyframes blink-cursor{50%{opacity:0}}.char-row{display:flex;gap:14px;align-items:center}.char-preview-box{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px}.char-preview{width:48px;height:64px;image-rendering:pixelated}.color-grid{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.color-dot{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;outline:2px solid transparent;transition:transform .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.color-dot:hover{transform:scale(1.1)}.color-dot:active{transform:scale(.9)}.color-dot.selected{border-color:#fff;outline-color:#ffffff4d;transform:scale(1.18)}.rpg-field{display:flex;flex-direction:column;gap:7px}.field-label{font-family:"Press Start 2P",monospace;font-size:6px;color:#ffffff59;letter-spacing:3px}.input-frame{display:flex;align-items:center;gap:8px;border:2px solid rgba(255,255,255,.1);padding:0 10px;background:#ffffff0a;transition:border-color .2s,box-shadow .2s}.input-frame:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input-frame.has-error{border-color:#e74c3c;box-shadow:0 0 0 1px #e74c3c8c;animation:lobby-shake .3s ease}@keyframes lobby-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.pin-hint{margin:0;font-family:monospace;font-size:11px;color:#ffffff80;line-height:1.55}.pin-hint-warn{color:#e76e6ecc}.input-arrow{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--accent);flex-shrink:0}.input-name{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:"Press Start 2P",monospace;font-size:10px;padding:12px 0;letter-spacing:1px;min-width:0}.input-name::placeholder{color:#ffffff2e;font-size:7px}.btn-enter{width:100%;padding:13px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:1px;box-shadow:4px 4px #0000008c;transition:box-shadow .08s,transform .08s;-webkit-tap-highlight-color:transparent}.btn-enter:active:not(:disabled){box-shadow:1px 1px #0000008c;transform:translate(3px,3px)}.btn-enter:disabled{opacity:.55;cursor:not-allowed}.lobby-error{font-family:"Press Start 2P",monospace;font-size:6px;color:#e74c3c;text-align:center;line-height:2}.hud{position:fixed;top:0;left:0;right:0;min-height:44px;background:linear-gradient(180deg,#04040ef5,#080814db);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(124,111,212,.28);box-shadow:0 1px #0000008c,inset 0 1px #ffffff0a;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));padding-top:calc(env(safe-area-inset-top,0px) + 6px);gap:8px;z-index:100;flex-wrap:nowrap;min-width:0}.hud:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(124,111,212,.35) 30%,rgba(102,187,106,.25) 70%,transparent 100%);opacity:.55;pointer-events:none}.hud-left,.hud-right{display:flex;align-items:center;gap:8px;min-width:0}.hud-left{flex:0 0 auto}.hud-right{gap:6px;flex:1 1 auto;justify-content:flex-end;min-width:0}.hud-logo{font-family:"Press Start 2P",monospace;font-size:10px;color:#b9aef5;letter-spacing:2px;text-shadow:0 0 10px rgba(124,111,212,.55);padding-right:4px}.hud-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;background:#7c6fd41f;border:1px solid rgba(124,111,212,.28);border-radius:999px;font-family:"Press Start 2P",monospace;font-size:8px;color:#ffffffc7;letter-spacing:.5px;line-height:1}.hud-chip .chip-dot{width:6px;height:6px;border-radius:50%;background:#2ecc71;box-shadow:0 0 6px #2ecc71b3;display:inline-block}.hud-chip-button{cursor:pointer;font-family:"Press Start 2P",monospace;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,transform .08s}.hud-chip-button:hover{background:#7c6fd438;border-color:#b9aef580}.hud-chip-button.is-open{background:#7c6fd452;border-color:#b9aef5b3;color:#fff;box-shadow:0 0 12px #7c6fd473}.hud-chip-button:active{transform:translateY(1px)}.hud-chip-icon{display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}.players-popover{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;max-width:240px;max-height:280px;overflow-y:auto;background:#060612f5;border:2px solid #000;border-radius:6px;box-shadow:0 0 0 2px #7c6fd473,0 8px 24px #0000008c;padding:6px 0 8px;z-index:200;animation:settings-pop .18s cubic-bezier(.34,1.56,.64,1) both}.hud-left{position:relative}.players-popover-head{font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:2px;color:#b9aef5;padding:6px 12px;border-bottom:1px solid rgba(124,111,212,.2);margin-bottom:4px}.players-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.players-list-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;color:#f4eeddeb}.players-list-item.is-self{background:#7c6fd424;color:#fff}.players-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.6);box-shadow:0 0 6px #ffffff2e inset;flex-shrink:0}.players-name{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:monospace}.players-self-tag{font-family:"Press Start 2P",monospace;font-size:6px;letter-spacing:1px;background:#b9aef52e;border:1px solid rgba(185,174,245,.45);color:#fff;padding:2px 5px;border-radius:4px}.players-list-empty{padding:14px 12px;text-align:center;font-family:"Press Start 2P",monospace;font-size:6px;letter-spacing:1px;color:#fff6}@media (max-width: 480px){.players-popover{min-width:160px;max-width:200px}.players-list-item{font-size:11px;padding:5px 10px}}.inline-chat{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);transform:translate(-50%);width:min(520px,calc(100vw - 32px));display:flex;align-items:center;gap:8px;padding:8px 12px;background:#060612f0;border:2px solid #000;border-radius:8px;box-shadow:0 0 0 2px #7c6fd480,0 8px 24px #0000008c;z-index:215;animation:chat-pop .14s cubic-bezier(.34,1.56,.64,1) both}.inline-chat-prompt{font-family:"Press Start 2P",monospace;font-size:12px;color:#b9aef5;text-shadow:0 0 8px rgba(124,111,212,.6);flex-shrink:0}.inline-chat-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#fff;font-size:14px;font-family:Segoe UI,system-ui,sans-serif;padding:4px 0}.inline-chat-input::placeholder{color:#f4eedd52}@media (max-width: 600px){.inline-chat{width:calc(100vw - 24px);padding:7px 10px}.inline-chat-input{font-size:13px}}.inv-slot.inv-mode{background:linear-gradient(180deg,#322848d9,#141428d9)}.inv-mode-glyph{display:inline-flex;align-items:center;justify-content:center;line-height:1}.inv-slot.inv-mode .inv-num{color:#b9aef5d9}.inv-slot.inv-hand{border-color:#ffc85759}.inv-slot.inv-hand .inv-num{color:#ffc857d9}.inv-slot.inv-hand.selected{background:linear-gradient(180deg,#d9544a80,#8c28208c);border-color:#ffd676;box-shadow:0 9px #0000008c,0 0 22px #ffc8578c,inset 0 1px #ffffff2e}.inv-slot.inv-hand.selected .inv-num{color:#fff}.inv-slot.inv-wall{border-color:#5fd35a59}.inv-slot.inv-wall .inv-num{color:#5fd35ad9}.inv-slot.inv-wall.selected{background:linear-gradient(180deg,#2e8c2e8c,#1450148c);border-color:#8eea8b;box-shadow:0 9px #0000008c,0 0 22px #5fd35a73,inset 0 1px #ffffff2e}.inv-slot.inv-wall.selected .inv-num{color:#fff}.hud-compass{display:inline-flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2px;gap:2px}.hud-compass-btn{border:none;background:transparent;font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:1px;color:#ffffff73;width:28px;height:26px;border-radius:5px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .14s,background .14s,box-shadow .14s}.hud-compass-btn:hover{color:#ffffffd9}.hud-compass-btn.active{color:#fff;background:linear-gradient(180deg,#7c6fd4f2,#564ca0f2);box-shadow:0 0 10px #7c6fd466,inset 0 1px #fff3}.hud-pill{display:inline-flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2px;gap:2px}.hud-pill-btn{border:none;background:transparent;font-family:"Press Start 2P",monospace;font-size:8px;letter-spacing:1px;color:#ffffff8c;padding:6px 10px;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .14s,background .14s,box-shadow .14s}.hud-pill-btn:hover{color:#ffffffd9}.hud-pill-btn.active{color:#fff;background:linear-gradient(180deg,#7c6fd4f2,#564ca0f2);box-shadow:0 0 12px #7c6fd459,inset 0 1px #ffffff2e}.hud-iconbtn{position:relative;background:linear-gradient(180deg,#ffffff14,#ffffff05),#0808148c;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;-webkit-tap-highlight-color:transparent;box-shadow:0 2px #00000073,inset 0 1px #ffffff0f;transition:background .12s,border-color .12s,transform .08s,box-shadow .12s}.hud-iconbtn:hover{background:linear-gradient(180deg,#ffffff24,#ffffff0a),#080814b3;border-color:#b9aef566}.hud-iconbtn:active{transform:translateY(1px);box-shadow:0 1px #00000073}.hud-iconbtn.is-on{background:linear-gradient(180deg,#7c6fd48c,#564ca073);border-color:#b9aef5b3;box-shadow:0 2px #00000080,0 0 10px #7c6fd48c,inset 0 1px #ffffff2e}@media (max-width: 600px){.hud{padding:4px 8px;padding-top:calc(env(safe-area-inset-top,0px) + 4px);gap:6px}.hud-left,.hud-right{gap:5px}.hud-logo{font-size:8px;padding-right:0;letter-spacing:1px}.hud-chip{padding:3px 7px;font-size:7px;gap:4px}.hud-chip .chip-dot{width:5px;height:5px}.hud-compass{padding:1px;gap:1px;border-radius:6px}.hud-compass-btn{width:22px;height:22px;font-size:7px;border-radius:4px}.hud-pill{padding:1px;gap:1px;border-radius:6px}.hud-pill-btn{padding:4px 7px;font-size:7px;border-radius:5px}.hud-iconbtn{width:28px;height:28px;border-radius:6px}.hud-iconbtn .ui-icon{width:16px!important;height:16px!important}}@media (max-width: 360px){.hud-logo{display:none}.hud-chip{padding:3px 5px}.hud-compass-btn{width:20px;height:20px;font-size:6px}.hud-pill-btn{padding:4px 5px;font-size:6px;letter-spacing:.5px}.hud-iconbtn{width:26px;height:26px}}.controls{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;pointer-events:none;z-index:100}.inventory-bar{display:flex;justify-content:center;align-items:flex-end;gap:4px;padding:18px 10px 12px;pointer-events:none;overflow:visible}.inv-slot{pointer-events:auto}@media (min-width: 720px) and (hover: hover){.inventory-bar{transform:scale(.88);transform-origin:bottom center;opacity:.78;transition:opacity .18s ease,transform .18s ease}.inventory-bar:hover{opacity:1;transform:scale(1)}}.inv-slot{position:relative;width:clamp(46px,11vw,56px);height:clamp(54px,13vw,64px);border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#080814b8;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;-webkit-tap-highlight-color:transparent;box-shadow:0 3px #00000073,inset 0 1px #ffffff0d;transition:border-color .14s,transform .16s,opacity .18s,background .14s,box-shadow .14s;font-family:inherit;color:inherit}.inv-icon-wrap{display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));transition:transform .12s}.inv-slot .tile-icon{border-radius:3px;box-shadow:inset 0 0 0 1px #00000073}.inv-num{position:absolute;top:4px;left:6px;font-family:"Press Start 2P",monospace;font-size:6px;color:#ffffff73;line-height:1}.inv-count{position:absolute;bottom:4px;right:6px;font-family:"Press Start 2P",monospace;font-size:7px;color:#fff;text-shadow:0 1px 0 #000,0 0 4px rgba(0,0,0,.8);line-height:1}.inv-slot.empty{opacity:.5;background:#08081466}.inv-slot.empty .inv-icon-wrap{filter:drop-shadow(0 1px 1px rgba(0,0,0,.45)) grayscale(.6);opacity:.7}.inv-slot.empty .inv-count{color:#fff6}.inv-slot.selected{border-color:#b9aef5;background:linear-gradient(180deg,#7c6fd459,#7c6fd41f);transform:translateY(-10px);box-shadow:0 9px #0000008c,0 0 22px #7c6fd480,inset 0 1px #ffffff2e;z-index:2;opacity:1}.inv-slot.selected.empty{opacity:1}.inv-slot.selected .inv-icon-wrap{transform:scale(1.12)}.inv-slot.selected .inv-num{color:#fff}.inv-slot:active{transform:translateY(-2px) scale(.97)}.inv-slot.selected:active{transform:translateY(-7px) scale(.97)}@keyframes gain-pop{0%{border-color:#2ecc71;box-shadow:0 3px #00000073,0 0 18px #2ecc7199}to{border-color:#ffffff1a;box-shadow:0 3px #00000073}}.inv-slot.flash-gain{animation:gain-pop .4s ease forwards}@keyframes empty-shake{0%,to{transform:translateY(-10px) translate(0);border-color:#b9aef5}20%{transform:translateY(-10px) translate(-4px);border-color:#e74c3c}40%{transform:translateY(-10px) translate(4px);border-color:#e74c3c}60%{transform:translateY(-10px) translate(-3px);border-color:#e74c3c}80%{transform:translateY(-10px) translate(3px);border-color:#e74c3c}}.inv-slot.selected.flash-empty{animation:empty-shake .4s ease}@media (max-width: 720px){.inventory-bar{padding:12px 4px 8px;gap:2px}.inv-slot{width:clamp(28px,8vw,44px);height:clamp(34px,9.6vw,52px);border-radius:7px}.inv-num{font-size:5px;top:2px;left:3px}.inv-count{font-size:6px;bottom:2px;right:3px}.inv-slot.selected{transform:translateY(-7px)}@keyframes empty-shake-narrow{0%,to{transform:translateY(-7px) translate(0)}20%{transform:translateY(-7px) translate(-4px)}40%{transform:translateY(-7px) translate(4px)}60%{transform:translateY(-7px) translate(-3px)}80%{transform:translateY(-7px) translate(3px)}}.inv-slot.selected.flash-empty{animation-name:empty-shake-narrow}}.controls-bottom{display:flex;align-items:flex-end;height:110px;padding-bottom:env(safe-area-inset-bottom,6px)}.joystick-zone{width:160px;height:110px;flex-shrink:0;pointer-events:all;position:relative}.joystick-zone:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-60%);width:90px;height:90px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.1);pointer-events:none}.aim-stick-zone{position:relative;margin-left:auto;width:200px;height:110px;flex-shrink:0;pointer-events:all;touch-action:none}.aim-stick-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);width:132px;height:132px;border-radius:50%;border:1.5px dashed rgba(124,111,212,.55);background:radial-gradient(circle,rgba(124,111,212,.3) 0%,rgba(124,111,212,.06) 70%,transparent 100%);pointer-events:none;transition:background .18s,border-color .18s}.aim-stick-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);width:22px;height:22px;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:.55}.aim-stick-cross{position:relative;width:16px;height:16px}.aim-stick-cross:before,.aim-stick-cross:after{content:"";position:absolute;background:#ffffffd9}.aim-stick-cross:before{left:7px;top:0;width:2px;height:16px}.aim-stick-cross:after{top:7px;left:0;height:2px;width:16px}.aim-stick-base{position:absolute;width:112px;height:112px;border-radius:50%;background:#7c6fd429;border:2px solid rgba(124,111,212,.55);pointer-events:none;transform:translate(-50%,-50%);left:0;top:0;display:none;box-shadow:0 0 24px #7c6fd459;touch-action:none}.aim-stick-handle{position:absolute;width:56px;height:56px;border-radius:50%;background:#ffffffeb;border:3px solid rgba(124,111,212,.85);box-shadow:0 0 18px #7c6fd4b3,inset 0 -3px #0000002e;pointer-events:none;transform:translate(-50%,-50%);left:0;top:0;display:none;touch-action:none}.jump-button{position:fixed;right:max(20px,env(safe-area-inset-right,20px));bottom:calc(125px + env(safe-area-inset-bottom,6px));width:60px;height:60px;border-radius:50%;background:linear-gradient(180deg,#7c6fd4d9,#5044a8d9);border:2px solid rgba(255,255,255,.55);color:#fff;font-family:"Press Start 2P",monospace;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #00000073,0 0 18px #7c6fd48c;pointer-events:all;cursor:pointer;z-index:101;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .1s,box-shadow .1s}.jump-button:active{transform:translateY(2px);box-shadow:0 2px #00000073,0 0 22px #7c6fd4b3}@media (max-height: 460px){.jump-button{bottom:calc(95px + env(safe-area-inset-bottom,6px));width:54px;height:54px;font-size:20px}}.reticle-hint{position:absolute;left:50%;top:-14px;transform:translate(-50%,-100%);padding:4px 10px;background:#080814c7;border:1px solid rgba(124,111,212,.45);border-radius:999px;font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:1px;color:#ffffffeb;white-space:nowrap;pointer-events:none;box-shadow:0 2px #00000073}.reticle-hint.is-break{color:#ffd676;border-color:#ffc8578c}.reticle-hint.is-place{color:#c9beff;border-color:#9d8cf58c}.reticle-hint.is-invalid{color:#ff8d8d;border-color:#d9544a8c;opacity:.8}.reticle-hint.is-idle{opacity:.55}.reticle-hint--pc{left:50%;top:56px;transform:translate(-50%);position:fixed;z-index:105;font-size:8px;padding:5px 14px}.chat-panel{position:fixed;right:14px;bottom:178px;width:320px;max-height:320px;min-height:180px;background:#060612f0;border:2px solid rgba(0,0,0,.85);border-radius:6px;box-shadow:0 0 0 2px #7c6fd452,0 8px #00000080,0 12px 32px #00000080,inset 0 1px #ffffff0d;padding:0;z-index:100;display:flex;flex-direction:column;pointer-events:all;animation:chat-pop .16s cubic-bezier(.34,1.56,.64,1) both}@keyframes chat-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(124,111,212,.22);background:linear-gradient(180deg,#7c6fd41a,#7c6fd400);border-radius:4px 4px 0 0}.chat-head-title{font-family:"Press Start 2P",monospace;font-size:8px;letter-spacing:2px;color:#b9aef5}.chat-head-close{background:linear-gradient(180deg,#ffffff14,#ffffff05),#0808148c;border:1px solid rgba(255,255,255,.15);width:22px;height:22px;border-radius:5px;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;box-shadow:0 1px #00000080,inset 0 1px #ffffff0f;transition:background .12s,border-color .12s,transform .08s}.chat-head-close:hover{background:#d9544a8c;border-color:#d9544ab3}.chat-head-close:active{transform:translateY(1px)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;min-height:0;padding:10px;scrollbar-width:thin;scrollbar-color:rgba(124,111,212,.4) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#7c6fd466;border-radius:3px}.chat-empty{margin:auto;text-align:center;font-family:"Press Start 2P",monospace;font-size:6px;line-height:2;color:#f4eedd52;letter-spacing:1px}.chat-msg{display:flex;flex-direction:column;gap:2px;padding:5px 8px 6px;border-radius:6px;background:#ffffff06;border-left:2px solid rgba(124,111,212,.35);font-size:12px;line-height:1.4;color:#f4eeddeb;word-break:break-word;overflow-wrap:anywhere;animation:chat-msg-in .18s ease-out both}.chat-msg.is-self{background:#7c6fd424;border-left-color:#b9aef5}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-msg-meta{display:flex;align-items:baseline;gap:6px}.chat-msg-time{font-family:"Press Start 2P",monospace;font-size:6px;color:#f4eedd52;letter-spacing:1px}.chat-msg-name{font-weight:700;font-size:11px;text-shadow:0 1px 0 rgba(0,0,0,.55)}.chat-msg-text{display:block;padding-left:1px}.chat-input-row{display:flex;gap:6px;align-items:stretch;padding:8px 10px 10px;border-top:1px solid rgba(244,238,221,.06)}.chat-input{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;padding:9px 10px;outline:none;transition:border-color .14s,box-shadow .14s,background .14s}.chat-input::placeholder{color:#f4eedd52}.chat-input:focus{border-color:#b9aef5a6;background:#ffffff17;box-shadow:0 0 0 1px #7c6fd466}.chat-send{background:linear-gradient(180deg,#8c7ee5,#5848a8);border:1px solid rgba(0,0,0,.7);border-radius:6px;color:#fff;width:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px #0000008c,inset 0 1px #ffffff2e;transition:transform .08s,box-shadow .1s,opacity .12s,filter .12s;-webkit-tap-highlight-color:transparent}.chat-send:hover:not(:disabled){filter:brightness(1.1)}.chat-send:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #0000008c,inset 0 1px #ffffff2e}.chat-send:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 600px){.chat-panel{right:8px;left:8px;width:auto;bottom:168px;max-height:260px}.minimap{right:auto;left:8px;top:52px;width:150px;height:56px}}.chat-preview{position:fixed;right:14px;bottom:178px;width:min(320px,42vw);display:flex;flex-direction:column;gap:4px;z-index:95;pointer-events:none}.chat-preview-msg{display:flex;gap:6px;align-items:baseline;padding:5px 9px;background:#0606128c;border-left:2px solid rgba(124,111,212,.35);border-radius:4px;font-size:12px;color:#f4eeddeb;word-break:break-word;overflow-wrap:anywhere;box-shadow:0 2px 4px #00000059;transition:opacity .6s linear}.chat-preview-msg.is-self{background:#7c6fd42e;border-left-color:#b9aef5}.chat-preview-name{font-weight:700;font-size:11px;text-shadow:0 1px 0 rgba(0,0,0,.55);flex-shrink:0}.chat-preview-text{display:block}@media (max-width: 600px){.chat-preview{right:8px;left:8px;bottom:158px;width:auto}}@media (max-height: 460px){.chat-preview{bottom:128px}}.pwa-install-banner{position:fixed;left:50%;top:max(env(safe-area-inset-top,0px),12px);transform:translate(-50%);width:min(420px,calc(100vw - 24px));display:flex;align-items:center;gap:10px;padding:10px 12px;background:#060612f2;border:2px solid #000;border-radius:10px;box-shadow:0 0 0 2px #7c6fd48c,0 8px 24px #0000008c;color:#fff;z-index:250;animation:pwa-banner-pop .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes pwa-banner-pop{0%{opacity:0;transform:translate(-50%,-8px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.pwa-install-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#7c6fd433;border:1px solid rgba(185,174,245,.4)}.pwa-install-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pwa-install-title{font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:1.5px;color:#b9aef5}.pwa-install-sub{font-size:11px;line-height:1.45;color:#f4eeddc7}.pwa-install-sub strong{color:#fff;font-weight:600}.pwa-install-btn{flex-shrink:0;padding:8px 14px;background:linear-gradient(180deg,#8c7ee5,#5848a8);border:1px solid rgba(0,0,0,.7);border-radius:6px;color:#fff;font-family:"Press Start 2P",monospace;font-size:8px;letter-spacing:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 2px #0000008c,inset 0 1px #ffffff2e;transition:transform .08s,box-shadow .1s,filter .12s}.pwa-install-btn:hover{filter:brightness(1.1)}.pwa-install-btn:active{transform:translateY(1px);box-shadow:0 1px #0000008c,inset 0 1px #ffffff2e}.pwa-install-dismiss{flex-shrink:0;width:26px;height:26px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;cursor:pointer;font-size:12px;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center}.pwa-install-dismiss:hover{background:#d9544a73;border-color:#d9544a99;color:#fff}@media (max-width: 480px){.pwa-install-banner{padding:8px 10px;gap:8px}.pwa-install-title{font-size:8px}.pwa-install-sub{font-size:10px}.pwa-install-btn{padding:7px 10px;font-size:7px}}.pwa-update-toast{position:fixed;right:16px;bottom:max(env(safe-area-inset-bottom,0px),16px);display:flex;align-items:center;gap:8px;padding:10px 12px;background:#060612f5;border:2px solid #000;border-radius:10px;box-shadow:0 0 0 2px #66bb6a8c,0 8px 24px #0000008c;color:#fff;z-index:260;animation:pwa-banner-pop .22s cubic-bezier(.34,1.56,.64,1) both}.pwa-update-text{font-family:"Press Start 2P",monospace;font-size:8px;letter-spacing:1px;color:#b8f0cf}.pwa-update-btn{padding:7px 12px;background:linear-gradient(180deg,#66bb6a,#2e7d32);border:1px solid rgba(0,0,0,.7);border-radius:6px;color:#fff;font-family:"Press Start 2P",monospace;font-size:8px;letter-spacing:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 2px #0000008c,inset 0 1px #ffffff2e}.pwa-update-btn:hover{filter:brightness(1.1)}.pwa-update-btn:active{transform:translateY(1px);box-shadow:0 1px #0000008c,inset 0 1px #ffffff2e}.pwa-update-dismiss{width:24px;height:24px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;cursor:pointer;font-size:11px;display:inline-flex;align-items:center;justify-content:center}.pwa-update-dismiss:hover{background:#d9544a73;border-color:#d9544a99;color:#fff}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#7c6fd4eb;border:2px solid #000;box-shadow:2px 2px #00000080;color:#fff;font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:1px;padding:8px 14px;z-index:999;pointer-events:none;animation:toast-anim 2.2s ease forwards}@keyframes toast-anim{0%{opacity:0;transform:translate(-50%) translateY(-6px)}12%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}.inv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020208a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:230;padding:16px;padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px));animation:settings-fade .18s ease both;overflow:auto}.inv-panel{--inv-cell: clamp(30px, calc((100vw - 92px) / 9), 48px);--inv-gap: 4px;position:relative;background:#060612f5;border:2px solid #000;border-radius:6px;box-shadow:0 0 0 2px #7c6fd473,0 12px 40px #0009;padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;animation:settings-pop .22s cubic-bezier(.34,1.56,.64,1) both;max-width:calc(100vw - 24px);max-height:calc(100vh - 32px);overflow-y:auto;width:max-content}.inv-panel-header{display:flex;align-items:center;justify-content:space-between;font-family:"Press Start 2P",monospace;font-size:9px;color:#b9aef5;letter-spacing:2px;padding-bottom:8px;border-bottom:1px solid rgba(124,111,212,.25)}.inv-panel-close{background:linear-gradient(180deg,#ffffff14,#ffffff05),#0808148c;border:1px solid rgba(255,255,255,.15);width:28px;height:28px;border-radius:6px;color:#ffffffd9;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;box-shadow:0 2px #00000080,inset 0 1px #ffffff0f;transition:background .12s,transform .08s,box-shadow .12s}.inv-panel-close:hover{background:#d9544a8c;border-color:#d9544ab3}.inv-panel-close:active{transform:translateY(1px);box-shadow:0 1px #00000080}.inv-grid{display:grid;gap:var(--inv-gap);justify-content:center}.inv-divider{height:1px;background:#ffffff14;margin:4px 0}.inv-hotbar-grid{padding-top:2px}.inv-help{font-family:"Press Start 2P",monospace;font-size:6px;color:#ffffff73;letter-spacing:1px;text-align:center;padding-top:4px;line-height:1.6}.inv-grid-slot{position:relative;width:var(--inv-cell);height:var(--inv-cell);border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#080814b3;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;font-family:inherit;color:inherit;transition:transform .08s,border-color .12s,background .12s,box-shadow .12s}.inv-grid-slot:hover{border-color:#ffffff40;background:#080814d9}.inv-grid-slot.empty{background:#0808146b}.inv-grid-slot.empty:hover{background:#08081499}.inv-grid-slot.picked{border-color:#f5d76e;background:#f5d76e26;box-shadow:0 0 0 2px #f5d76e80,0 0 14px #f5d76e73;transform:scale(1.04)}.inv-grid-slot:active{transform:scale(.94)}.inv-grid-slot .tile-icon{width:calc(var(--inv-cell) * .62)!important;height:calc(var(--inv-cell) * .62)!important;border-radius:3px;box-shadow:inset 0 0 0 1px #00000080}.inv-grid-slot .inv-count{position:absolute;bottom:2px;right:3px;font-family:"Press Start 2P",monospace;font-size:6px;color:#fff;text-shadow:0 1px 0 #000,0 0 4px rgba(0,0,0,.85);line-height:1}@media (max-width: 480px){.inv-overlay{padding:10px}.inv-panel{--inv-cell: clamp(30px, calc((100vw - 56px) / 9 - 3px), 44px);--inv-gap: 3px;padding:10px 10px 8px;gap:8px;max-width:calc(100vw - 12px);max-height:calc(100vh - 20px)}.inv-panel-header{font-size:8px;padding-bottom:6px}.inv-panel-close{width:24px;height:24px}.inv-divider{margin:2px 0}.inv-help{font-size:5px;padding-top:2px}}@media (max-height: 460px){.inv-panel{max-height:calc(100vh - 16px)}.minimap{right:auto;left:12px;top:52px;width:140px;height:52px}.inventory-bar{padding:10px 6px 6px;gap:3px}.inv-slot{width:clamp(38px,9.5vw,48px);height:clamp(44px,11vw,52px);border-radius:7px}.inv-num{font-size:5px;top:2px;left:4px}.inv-count{font-size:6px;bottom:2px;right:4px}.inv-slot.selected{transform:translateY(-6px)}@keyframes empty-shake{0%,to{transform:translateY(-6px) translate(0)}20%{transform:translateY(-6px) translate(-4px)}40%{transform:translateY(-6px) translate(4px)}60%{transform:translateY(-6px) translate(-3px)}80%{transform:translateY(-6px) translate(3px)}}.controls-bottom{height:80px}.joystick-zone{height:80px;width:130px}.aim-stick-zone{width:170px;height:80px}.aim-stick-ring{width:110px;height:110px}.aim-stick-base{width:96px;height:96px}.aim-stick-handle{width:46px;height:46px}.chat-panel{bottom:148px;max-height:190px}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020208a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:220;padding:20px;animation:settings-fade .18s ease both}@keyframes settings-fade{0%{opacity:0}to{opacity:1}}.settings-panel{position:relative;width:min(480px,100%);max-height:calc(100vh - 64px);overflow-y:auto;background:#060612f5;border:2px solid #000;box-shadow:0 0 0 2px #7c6fd473,0 12px 40px #0009;padding:20px 22px;display:flex;flex-direction:column;gap:18px;animation:settings-pop .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes settings-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-header{display:flex;align-items:center;justify-content:space-between;font-family:"Press Start 2P",monospace;font-size:9px;color:#b9aef5;letter-spacing:2px;padding-bottom:10px;border-bottom:1px solid rgba(124,111,212,.25)}.settings-close{background:linear-gradient(180deg,#ffffff14,#ffffff05),#0808148c;border:1px solid rgba(255,255,255,.15);width:28px;height:28px;border-radius:6px;color:#ffffffd9;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;box-shadow:0 2px #00000080,inset 0 1px #ffffff0f;transition:background .12s,border-color .12s,transform .08s,box-shadow .12s}.settings-close:hover{background:#d9544a8c;border-color:#d9544ab3}.settings-close:active{transform:translateY(1px);box-shadow:0 1px #00000080}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section-title{font-family:"Press Start 2P",monospace;font-size:7px;color:#b9aef5d9;letter-spacing:2px}.kb-grid{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 14px;align-items:center}.kb-keys{display:inline-block;font-family:"Press Start 2P",monospace;font-size:8px;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-bottom-width:2px;border-radius:6px;padding:6px 10px;letter-spacing:1px;white-space:nowrap}.kb-label{font-size:12px;color:#ffffffc7}.settings-help{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#ffffffc7;line-height:1.5}.view-row{display:flex;align-items:flex-start;gap:10px}.view-tag{flex-shrink:0;display:inline-block;font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:1px;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.18)}.view-tag.tag-top{background:#2ecc712e;color:#b8f0cf;border-color:#2ecc7166}.view-tag.tag-side{background:#7c6fd42e;color:#d6cdfd;border-color:#7c6fd466}.minimap{position:fixed;right:12px;top:62px;width:200px;height:75px;border-radius:8px;border:2px solid rgba(0,0,0,.7);background:#080814a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px #00000073,0 0 0 1px #7c6fd459;overflow:hidden;z-index:110;pointer-events:none}.minimap-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.minimap-label{position:absolute;left:6px;bottom:4px;font-family:"Press Start 2P",monospace;font-size:5px;color:#ffffff8c;letter-spacing:1px}.hidden{display:none!important}.equip-section{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.equip-col{display:flex;flex-direction:column;gap:4px}.equip-col-title{font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:1px;color:#ffffff8c;margin-bottom:4px}.equip-slot,.equip-bag-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border:1px solid rgba(255,255,255,.12);background:#08081499;color:#ddd;font-size:11px;font-family:monospace;cursor:pointer;border-radius:3px}.equip-slot.empty{opacity:.55;cursor:default}.equip-slot.filled:hover{border-color:#d9544a8c;background:#3c10108c}.equip-bag-item:hover:not(:disabled){border-color:#7c6fd48c;background:#281e5a8c}.equip-bag-item:disabled{opacity:.4;cursor:not-allowed}.equip-slot-label,.equip-bag-slot{font-family:"Press Start 2P",monospace;font-size:6px;letter-spacing:1px;color:#ffffff73}.equip-slot-name,.equip-bag-name{flex:1;text-align:right;padding-left:6px}.equip-bag-name{text-align:left;padding-left:0;padding-right:6px}.equip-bag-empty{padding:8px;font-size:10px;color:#ffffff59;text-align:center;font-family:monospace}.hp-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 7px;background:#080814b3;border:1px solid rgba(95,211,90,.45);border-radius:999px;font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:.5px;color:#ffffffeb;line-height:1;box-shadow:0 2px #00000073,inset 0 1px #ffffff0d}.hp-chip-icon{display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}.hp-chip-track{position:relative;width:64px;height:8px;background:#0000008c;border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 1px #ffffff0f;overflow:hidden}.hp-chip-fill{display:block;height:100%;background:linear-gradient(180deg,#5fd35a,#2c8c2a);transition:width .16s ease-out}.hp-chip.is-low .hp-chip-fill{background:linear-gradient(180deg,#ff7066,#b6261e)}.hp-chip.is-low{border-color:#ff706699}.hp-chip.is-flash{animation:hp-flash .22s ease-out}@keyframes hp-flash{0%{filter:brightness(1.8) drop-shadow(0 0 8px #ff5d5d)}to{filter:brightness(1) drop-shadow(0 0 0 transparent)}}.hp-chip-text{color:#ffffffeb;font-size:7px;letter-spacing:1px}.hp-chip-sep{opacity:.45;padding:0 1px}@media (max-width: 480px){.hp-chip-track{width:44px}.hp-chip{font-size:6px;padding:3px 7px 3px 5px;gap:4px}}.death-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#3200008c,#080000eb 80%);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:auto;animation:death-fade .4s ease-in}@keyframes death-fade{0%{opacity:0}to{opacity:1}}.death-card{background:#140404d9;border:3px solid #d9544a;padding:28px 36px;text-align:center;box-shadow:0 6px #0009,0 0 0 1px #d9544a66}.death-title{font-family:"Press Start 2P",monospace;font-size:22px;color:#ff7066;letter-spacing:4px;text-shadow:2px 2px 0 #4a0e0e}.death-sub{margin-top:6px;font-family:monospace;font-size:12px;color:#f0d6d6}.death-btn{margin-top:18px;padding:10px 18px;font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:2px;color:#fff;background:#d9544a;border:2px solid #4a0e0e;box-shadow:0 3px #4a0e0e;cursor:pointer}.death-btn:hover{background:#f06257}.death-btn:active{transform:translateY(2px);box-shadow:0 1px #4a0e0e}