:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#05070a;--deep:#0a0f18;--panel:#0c131ef0;--panel-raised:#111a27f5;--panel-flat:#0e1520;--border:#7ec5de29;--border-strong:#7ecde657;--border-faint:#7ec5de14;--accent:#2be3ff;--accent-bright:#8ff3ff;--accent-dim:#2be3ff59;--accent-soft:#2be3ff17;--accent-glow:0 0 22px #2be3ff59;--warn:#ffb238;--warn-soft:#ffb2381a;--warn-border:#ffb23859;--danger:#ff4f63;--danger-soft:#ff4f631f;--danger-border:#ff4f6361;--success:#34e0a1;--text:#eaf6ff;--text-dim:#8fa6ba;--text-faint:#56697c;--font-display:"Orbitron", "Segoe UI", sans-serif;--font-body:"Exo 2", "Segoe UI", system-ui, sans-serif;--cut:14px;--cut-sm:8px}html,body{background:var(--void);font-family:var(--font-body);color:var(--text);margin:0;padding:0;overflow:hidden}canvas{display:block}::selection{background:var(--accent-dim);color:#06131a}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.overlay{z-index:10;background:radial-gradient(circle at 50% 30%, #2be3ff0f 0%, transparent 55%), radial-gradient(circle at 50% 35%, #131c2b 0%, var(--void) 72%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.overlay:before{content:"";background-image:linear-gradient(var(--border-faint) 1px, transparent 1px), linear-gradient(90deg, var(--border-faint) 1px, transparent 1px);pointer-events:none;background-size:42px 42px;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 75%);mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 75%)}.overlay:after{content:"";pointer-events:none;background:linear-gradient(#0000,#2be3ff0d,#0000);height:140px;animation:9s linear infinite scanline-sweep;position:absolute;left:0;right:0}@keyframes scanline-sweep{0%{top:-140px}to{top:100%}}@media (prefers-reduced-motion:reduce){.overlay:after{animation:none;display:none}}.overlay[hidden]{display:none}#pause-overlay,#inventory-overlay,#pickup-menu-overlay,#report-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070abf}#pause-overlay:before,#pause-overlay:after,#inventory-overlay:before,#inventory-overlay:after,#pickup-menu-overlay:before,#pickup-menu-overlay:after,#report-overlay:before,#report-overlay:after{display:none}.login-form,.menu-box,.inventory-box,.pickup-menu-box,.mod-panel-box{width:320px;font-family:var(--font-body);color:var(--text);background:linear-gradient(165deg, var(--panel-raised), var(--panel));border:1px solid var(--border-strong);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-sizing:border-box;flex-direction:column;gap:14px;max-width:calc(100vw - 32px);padding:30px 32px;display:flex;position:relative;box-shadow:0 24px 70px #0000008c,inset 0 0 0 1px #ffffff05}.login-form{box-shadow:none;clip-path:none;background:0 0;border:none;width:300px;padding:0}.menu-box:before,.inventory-box:before,.pickup-menu-box:before,.mod-panel-box:before{content:"";border-top:2px solid var(--accent);border-left:2px solid var(--accent);opacity:.9;pointer-events:none;width:26px;height:26px;position:absolute;top:-1px;left:-1px}.menu-box:after,.inventory-box:after,.pickup-menu-box:after,.mod-panel-box:after{content:"";border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);opacity:.9;pointer-events:none;width:26px;height:26px;position:absolute;bottom:-1px;right:-1px}.login-form h1,.menu-box h1,.inventory-box h1,.mod-panel-box h1{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;text-align:center;color:var(--text);text-shadow:0 0 18px var(--accent-dim);margin:0;font-size:22px;font-weight:700}.inventory-box h1,.mod-panel-box h1{text-align:left;font-size:18px}.pickup-menu-box h2{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;text-align:center;color:var(--accent-bright);margin:0;font-size:15px;font-weight:700}.main-menu-logo{filter:drop-shadow(0 0 16px #2be3ff59);align-self:center;width:108px;height:108px;margin-bottom:2px;animation:4.5s ease-in-out infinite main-menu-logo-pulse}@keyframes main-menu-logo-pulse{0%,to{filter:drop-shadow(0 0 16px #2be3ff59)}50%{filter:drop-shadow(0 0 26px #2be3ff8c)}}@media (prefers-reduced-motion:reduce){.main-menu-logo{animation:none}}.menu-subtitle{font-size:11px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:2.5px;color:var(--text-faint);text-align:center;margin:-10px 0 0}.menu-subtitle:before,.menu-subtitle:after{content:"//";color:var(--accent-dim);margin:0 6px}.panel-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-header-row button{border:1px solid var(--border-strong);color:var(--text-dim);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);background:#ffffff0a;padding:7px 14px;font-size:11px;font-weight:700;transition:all .12s}.panel-header-row button:hover{color:var(--text);border-color:var(--accent-dim);background:#ffffff14}.panel-header-row button:active{transform:translateY(1px)scale(.99)}.login-form input,.menu-box input,.menu-box textarea{border:1px solid var(--border-strong);color:var(--text);font-family:var(--font-body);clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);background:#05080dd9;padding:10px 12px;font-size:14px}.menu-box textarea{resize:vertical;min-height:60px}.login-form input:focus,.menu-box input:focus,.menu-box textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.login-form label,.menu-box label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);flex-direction:column;gap:5px;font-size:11px;font-weight:600;display:flex}.login-form button,.menu-box button,.mod-panel-box button{border:1px solid var(--accent-dim);color:var(--text);font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(#2be3ff38,#146e8c47);padding:12px;font-size:12px;font-weight:700;transition:filter .12s,transform 50ms,box-shadow .15s;position:relative}.login-form button:hover,.menu-box button:hover,.mod-panel-box button:hover{filter:brightness(1.15);box-shadow:var(--accent-glow)}.login-form button:active,.menu-box button:active,.mod-panel-box button:active{transform:translateY(1px)scale(.99)}.login-form button:disabled,.menu-box button:disabled,.mod-panel-box button:disabled{opacity:.4;cursor:default;filter:none;box-shadow:none;transform:none}.menu-box button.secondary,.mod-panel-box button.secondary{border:1px solid var(--border-strong);color:var(--text-dim);background:#ffffff0a}.menu-box button.secondary:hover,.mod-panel-box button.secondary:hover{color:var(--text);box-shadow:none;background:#ffffff14}.login-error{background:var(--danger-soft);border:1px solid var(--danger-border);color:#ffb3bc;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);margin:0;padding:9px 12px;font-size:12px}.menu-meta{color:var(--text-dim);text-align:center;letter-spacing:.4px;margin:0;font-size:12px}.menu-meta:before{content:"●";color:var(--success);vertical-align:middle;filter:drop-shadow(0 0 4px var(--success));margin-right:6px;font-size:8px}.pause-server-code{border:1px solid var(--border);background:#ffffff08;align-items:center;gap:8px;padding:8px 12px;display:flex}.pause-server-code-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:700}.pause-server-code-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);letter-spacing:.5px;color:var(--text);flex:1;font-size:12px;overflow:hidden}.pause-server-code button{flex-shrink:0;padding:6px 10px;font-size:10px}.menu-divider{border:none;border-top:1px solid var(--border);margin:2px 0}.menu-note{color:var(--text-dim);text-align:center;min-height:1em;margin:0;font-size:12px}.menu-note.success{color:var(--success);font-weight:600}.verify-email-section{background:var(--warn-soft);border:1px solid var(--warn-border);flex-direction:column;gap:8px;padding:14px;display:flex}.verify-email-label{text-transform:uppercase;letter-spacing:1px;color:var(--warn);margin:0;font-size:11px;font-weight:700}#verify-email-form{flex-direction:column;gap:8px;display:flex}.verify-email-section[hidden],#verify-email-form[hidden]{display:none}.mod-section{background:var(--danger-soft);border:1px solid var(--danger-border);flex-direction:column;gap:8px;padding:14px;display:flex}.mod-section[hidden]{display:none}.mod-label{text-transform:uppercase;letter-spacing:1px;color:#ff8792;margin:0;font-size:11px;font-weight:700}.mod-note{color:var(--text-dim);margin:0;font-size:11px}.mod-section button{border:1px solid var(--danger-border);background:#ff4f6329}.mod-section button:hover{background:#ff4f6342}.menu-box-wide{width:440px}.loading-box{text-align:center;align-items:center}.loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-right-color:var(--accent-dim);width:52px;height:52px;box-shadow:0 0 24px var(--accent-dim);border-radius:50%;animation:.9s linear infinite loading-spin;position:relative}.loading-spinner:after{content:"";border:1px solid var(--border);border-bottom-color:var(--accent-bright);border-radius:50%;animation:1.4s linear infinite reverse loading-spin;position:absolute;inset:10px}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner,.loading-spinner:after{animation:none}}.server-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.server-row{background:var(--panel-flat);border:1px solid var(--border);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:border-color .12s,background .12s;display:flex}.server-row:hover{border-color:var(--border-strong);background:#2be3ff0a}.server-row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.server-row-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.server-row-meta{color:var(--text-faint);letter-spacing:.3px;margin:0;font-size:11px}.server-row button{flex-shrink:0;padding:7px 16px}.server-browser-row{gap:8px;display:flex}.server-browser-row input{flex:1;min-width:0}.server-browser-row button{flex-shrink:0}.settings-section{flex-direction:column;gap:8px;display:flex}.settings-section label{color:var(--text-dim);justify-content:space-between;gap:10px;font-size:12px;display:flex}.settings-binding-row{color:var(--text-dim);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.settings-binding-row button{min-width:96px;padding:6px 14px;font-size:11px}#chat-overlay{left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;width:320px;font-family:var(--font-body);pointer-events:none;flex-direction:column;gap:6px;transition:transform .15s;display:flex;position:fixed}#chat-overlay[hidden]{display:none}#chat-log{pointer-events:auto;flex-direction:column;gap:3px;max-height:160px;display:flex;overflow-y:auto}.chat-line{border-left:2px solid var(--border-strong);color:var(--text);word-break:break-word;background:#05080d99;margin:0;padding:4px 10px;font-size:13px}.chat-username{color:var(--accent-bright);font-weight:700}.chat-line-system{color:var(--text-dim);border-left-color:var(--warn-border);font-style:italic}#chat-form{pointer-events:auto}#chat-input{box-sizing:border-box;border:1px solid var(--border-strong);width:100%;color:var(--text);font-family:var(--font-body);clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);background:#05080dd1;padding:9px 12px;font-size:13px}#chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}#chat-toggle{display:none}#health-bar{top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));z-index:5;border:1px solid var(--border);clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);pointer-events:none;background:#05080da6;width:180px;height:12px;position:fixed;overflow:hidden}#health-bar-fill{background:repeating-linear-gradient(90deg,#00000040 0 1px,#0000 1px 10%);width:100%;height:100%;transition:width .15s;box-shadow:0 0 10px #ff4f6399}#party-panel[hidden]{display:none}#party-panel-card{top:calc(36px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));z-index:5;border:1px solid var(--border);width:200px;font:12px var(--font-body);color:var(--text);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);background:#080c13c7;position:fixed;overflow:hidden}#party-panel-header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);background:var(--accent-soft);padding:6px 10px;font-size:10px;font-weight:700}#party-panel-body{border-top:1px solid var(--border);flex-direction:column;display:flex}.party-panel-row{flex-direction:column;gap:3px;padding:6px 10px;display:flex}.party-panel-row+.party-panel-row{border-top:1px solid var(--border-faint)}.party-panel-name-row{align-items:center;gap:4px;min-width:0;display:flex}.party-panel-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.party-panel-leader-star{color:var(--warn);filter:drop-shadow(0 0 3px var(--warn));flex-shrink:0}.party-panel-actions{flex-wrap:wrap;gap:4px;display:flex}.party-panel-actions:empty{display:none}.party-panel-action{border:1px solid var(--border-strong);min-width:0;color:var(--text);text-transform:uppercase;letter-spacing:.4px;cursor:pointer;background:#ffffff0d;flex:1;padding:3px 6px;font-size:10px;transition:background .12s}.party-panel-action:hover{background:var(--accent-soft);border-color:var(--accent-dim)}.party-panel-action-danger:hover{background:var(--danger-soft);border-color:var(--danger-border)}.party-panel-action-accept{border-color:var(--accent-dim);background:var(--accent-soft);color:var(--accent-bright)}.party-panel-action-accept:hover{background:#2be3ff38}.party-invite-text{color:var(--text);margin:0 0 2px;font-size:12px;line-height:1.4}#player-list{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:5;border:1px solid var(--border);width:200px;font:12px var(--font-body);color:var(--text);pointer-events:none;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);background:#080c13c7;position:fixed;overflow:hidden}#player-list-header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;pointer-events:auto;padding:6px 10px;font-size:10px;font-weight:700}#player-list-header:before{content:"●";color:var(--success);vertical-align:middle;filter:drop-shadow(0 0 4px var(--success));margin-right:6px;font-size:8px}#player-list-body{pointer-events:auto;max-height:180px;overflow-y:auto}#player-list-body:not(:empty){border-top:1px solid var(--border)}.player-list-row{flex-direction:column;gap:3px;padding:6px 10px;display:flex}.player-list-row+.player-list-row{border-top:1px solid var(--border-faint)}.player-list-name{width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:0;font-size:12px;overflow:hidden}.player-list-name:hover{color:var(--accent-bright)}.player-actions-menu{flex-direction:column;gap:3px;margin-top:3px;display:flex}.player-list-action{border:1px solid var(--border-strong);color:var(--text);text-transform:uppercase;letter-spacing:.4px;cursor:pointer;background:#ffffff0d;flex-shrink:0;padding:3px 6px;font-size:10px;transition:background .12s}.player-list-action:hover{background:var(--accent-soft);border-color:var(--accent-dim)}#equipment-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;gap:10px;padding:0;display:flex;position:fixed;transform:translate(-50%)}#equipment-bar[hidden]{display:none}.equipment-slot{cursor:pointer;pointer-events:auto;width:58px;height:58px;transition:all .12s;position:relative}.equipment-slot:hover{transform:translateY(-3px)}.equipment-slot:active{transform:scale(.97)}.equipment-slot-icon-bg{border:1px solid var(--border-strong);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);color:#eaf6ff73;pointer-events:none;background:#080c13e0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.equipment-slot-icon-bg svg{width:30px;height:30px}.equipment-slot-item{z-index:1;clip-path:polygon(5px 0,100% 0,100% 100%,0 100%,0 5px);border:2px solid #ffffff59;position:absolute;inset:5px;box-shadow:inset 0 0 10px #00000080}.equipment-slot-key{z-index:2;background:var(--panel-flat);border:1px solid var(--border-strong);min-width:15px;color:var(--text-dim);font-family:var(--font-display);text-align:center;pointer-events:none;padding:0 3px;font-size:9px;font-weight:700;line-height:15px;position:absolute;top:-6px;left:-6px}.equipment-slot:hover .equipment-slot-icon-bg{border-color:var(--accent);background:var(--accent-soft)}.equipment-slot:hover .equipment-slot-key{border-color:var(--accent);color:var(--accent-bright)}@keyframes equipment-slot-activate{0%{transform:scale(1);box-shadow:0 0 #2be3ff8c}40%{transform:scale(1.14);box-shadow:0 0 0 8px #2be3ff00}to{transform:scale(1);box-shadow:0 0 0 8px #2be3ff00}}.equipment-slot.is-activating{animation:.26s ease-out equipment-slot-activate}.equipment-slot.is-activating .equipment-slot-icon-bg{border-color:var(--accent);background:var(--accent-soft)}@media (prefers-reduced-motion:reduce){.equipment-slot.is-activating{box-shadow:0 0 0 3px var(--accent-dim);animation:none}}.item-swatch{clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);border:1px solid #fff3;flex-shrink:0;width:30px;height:30px;box-shadow:inset 0 0 6px #0006}.item-swatch.small{width:20px;height:20px}.inventory-box{width:660px;max-height:82vh;padding:26px;overflow-y:auto}.inventory-section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-faint);margin:0 0 10px;font-size:10px;font-weight:700}.inventory-equipment{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.inventory-equipment-slot{flex-direction:column;gap:6px;display:flex}.inventory-slot-name{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);text-align:center;font-size:10px;font-weight:700}.inventory-equipped-item{background:var(--accent-soft);border:1px solid var(--accent-dim);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;padding:10px 8px;display:flex;box-shadow:0 0 18px #2be3ff24}.inventory-equipped-item.empty{border:1px dashed var(--border-strong);box-shadow:none;background:#00000040}.inventory-empty-text{color:var(--text-faint);font-size:11px}.inventory-item-name{text-align:center;font-size:12px;font-weight:600}.inventory-item-count{color:var(--text-dim);font-weight:400}.inventory-action-btn{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.3px;border:1px solid var(--accent-dim);background:var(--accent-soft);color:var(--accent-bright);cursor:pointer;white-space:nowrap;clip-path:polygon(5px 0,100% 0,100% 100%,0 100%,0 5px);padding:6px 8px;font-size:11px;font-weight:700;transition:background .12s}.inventory-action-btn:hover{background:#2be3ff38}.inventory-action-btn.unequip{border-color:var(--border-strong);color:var(--text-dim);background:#ffffff0d}.inventory-action-btn.unequip:hover{background:#ffffff1a}.inventory-action-btn.drop{background:var(--danger-soft);border-color:var(--danger-border);color:#ff8792}.inventory-action-btn.drop:hover{background:#ff4f6338}.inventory-items{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;min-height:120px;padding-top:16px;display:grid}.inventory-grid-item{background:var(--panel-flat);border:1px solid var(--border);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);flex-direction:column;gap:10px;padding:12px;transition:border-color .12s;display:flex}.inventory-grid-item:hover{border-color:var(--border-strong)}.inventory-grid-item-header{align-items:flex-start;gap:10px;display:flex}.inventory-item-display{flex-direction:column;gap:2px;min-width:0;display:flex}.inventory-item-desc{color:var(--text-dim);font-size:11px;line-height:1.3}.inventory-item-actions{flex-wrap:wrap;gap:6px;display:flex}.inventory-item-actions .inventory-action-btn{text-align:center;flex:1}.inventory-empty{text-align:center;color:var(--text-faint);grid-column:1/-1;padding:36px;font-size:13px}.pickup-menu-box{width:300px;padding:22px}#pickup-menu-content{flex-direction:column;gap:12px;display:flex}.pickup-menu-item{background:var(--panel-flat);border:1px solid var(--border);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);justify-content:center;align-items:center;gap:10px;min-height:60px;padding:10px;display:flex}.pickup-menu-item-name{font-size:14px;font-weight:700}.pickup-menu-item-desc{color:var(--text-dim);text-align:center;margin:-6px 0 0;font-size:12px;line-height:1.3}.pickup-menu-actions{flex-direction:column;gap:6px;display:flex}.pickup-menu-btn{border:1px solid var(--border-strong);color:var(--text-dim);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);background:#ffffff0a;padding:10px;font-size:12px;font-weight:700;transition:all .12s}.pickup-menu-btn:hover{color:var(--text);background:#ffffff14}.pickup-menu-btn.primary{border-color:var(--accent-dim);color:var(--text);background:linear-gradient(#2be3ff42,#146e8c52)}.pickup-menu-btn.primary:hover{filter:brightness(1.15);box-shadow:var(--accent-glow)}.pickup-menu-btn.muted{color:var(--text-faint)}.mod-panel-box{width:480px;max-height:82vh;padding:26px;overflow-y:auto}.mod-panel-tabs{border-bottom:1px solid var(--border);gap:6px;padding-bottom:10px;display:flex}.mod-panel-tab{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);background:#ffffff08;flex:1;padding:8px 6px;font-size:10px;font-weight:700;transition:all .12s}.mod-panel-tab:hover{color:var(--text);border-color:var(--border-strong)}.mod-panel-tab.active{color:var(--accent-bright);border-color:var(--accent-dim);background:var(--accent-soft)}.mod-panel-tab-panel[hidden]{display:none}.mod-panel-actions{gap:8px;display:flex}.mod-panel-actions button{flex:1}.mod-item-list{flex-direction:column;gap:6px;max-height:340px;display:flex;overflow-y:auto}.mod-item-row{background:var(--panel-flat);border:1px solid var(--border);clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);align-items:center;gap:10px;padding:8px 10px;display:flex}.mod-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mod-item-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.mod-item-type{color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:10px}.mod-item-row button{flex-shrink:0;min-width:68px;padding:6px 14px;font-size:11px}.mod-item-row button.given{color:var(--success);background:#34e0a133;border-color:#34e0a166}#pickup-prompt{left:50%;bottom:calc(82px + env(safe-area-inset-bottom));z-index:5;border:1px solid var(--border-strong);color:var(--text);font:12px var(--font-body);letter-spacing:.3px;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);background:#080c13cc;padding:7px 16px;position:fixed;transform:translate(-50%);box-shadow:0 0 16px #0006}#pickup-prompt[hidden]{display:none}.icon-button{border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text);cursor:pointer;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);background:#080c13cc;justify-content:center;align-items:center;padding:0;transition:all .12s;display:flex}.icon-button:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:var(--accent-glow)}.icon-button:active{transform:scale(.95)}.icon-button svg{width:20px;height:20px}#ui-buttons{right:calc(16px + env(safe-area-inset-right));bottom:calc(74px + env(safe-area-inset-bottom));z-index:5;pointer-events:auto;gap:8px;display:flex;position:fixed}#ui-buttons[hidden],#ui-btn-party,#touch-controls[hidden]{display:none}#touch-controls{z-index:4;pointer-events:none;position:fixed;inset:0}#touch-joystick-base{left:calc(24px + env(safe-area-inset-left));bottom:calc(80px + env(safe-area-inset-bottom));border:1px solid var(--border-strong);pointer-events:auto;touch-action:none;background:#080c138c;border-radius:50%;width:108px;height:108px;position:fixed;box-shadow:inset 0 0 20px #2be3ff14}#touch-joystick-knob{background:radial-gradient(circle at 35% 30%, var(--accent-bright), var(--accent) 60%, #0d7f92 100%);width:46px;height:46px;box-shadow:0 0 14px var(--accent-dim);border-radius:50%;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.touch-button{border:1px solid var(--border-strong);width:54px;height:54px;color:var(--text);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#080c13b8;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .1s,box-shadow .1s;display:flex;position:fixed}.touch-button svg{width:22px;height:22px}.touch-button:active{background:var(--accent-soft);border-color:var(--accent);box-shadow:var(--accent-glow)}.touch-button:after{content:attr(data-label);font-family:var(--font-display);letter-spacing:.4px;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;text-shadow:0 1px 3px #000000d9;pointer-events:none;margin-top:3px;font-size:8px;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.touch-button-primary{border-color:var(--accent-dim);background:linear-gradient(#2be3ff47,#146e8c52);width:76px;height:76px;box-shadow:0 0 18px #2be3ff33}.touch-button-primary svg{width:30px;height:30px}.touch-button-ghost{opacity:.75}#touch-jump{right:calc(20px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom))}#touch-interact{right:calc(20px + env(safe-area-inset-right));bottom:calc(198px + env(safe-area-inset-bottom))}#touch-sprint{right:calc(100px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom))}#touch-crouch{right:calc(100px + env(safe-area-inset-right));bottom:calc(176px + env(safe-area-inset-bottom))}#touch-respawn{right:calc(172px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));width:46px;height:46px}.touch-controls-hidden-while-typing{visibility:hidden}#touch-respawn svg{width:18px;height:18px}@media (hover:none) and (pointer:coarse){#chat-overlay{left:calc(12px + env(safe-area-inset-left));top:calc(56px + env(safe-area-inset-top));width:min(60vw,280px);bottom:auto}#chat-log{max-height:96px}#chat-form{align-items:stretch;gap:6px;display:flex}#chat-input{flex:1;min-width:0}#chat-toggle{border:1px solid var(--border-strong);width:40px;color:var(--text-dim);cursor:pointer;pointer-events:auto;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);background:#080c13d1;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:transform .15s;display:flex}#chat-overlay.expanded #chat-toggle{transform:rotate(180deg)}#chat-overlay:not(.expanded) #chat-log{display:none}#player-list-header{cursor:pointer}#player-list-header:after{content:"▾";float:right;transition:transform .15s}#player-list.expanded #player-list-header:after{transform:rotate(180deg)}#player-list:not(.expanded) #player-list-body{display:none}#player-list-body{max-height:128px}#player-list.expanded{z-index:7}#party-panel:not(.expanded){display:none}#party-panel.expanded{z-index:10;background:#04070bb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#party-panel.expanded[hidden]{display:none}#party-panel.expanded #party-panel-card{width:min(84vw,320px);max-height:70vh;position:static}#party-panel-header{cursor:pointer}#party-panel-header:after{content:"✕";float:right}#party-panel.expanded #party-panel-body{max-height:calc(70vh - 32px);overflow-y:auto}#party-panel.expanded .party-panel-row{padding:10px 14px}#party-panel.expanded .party-panel-action{padding:8px 10px;font-size:11px}#ui-buttons{top:calc(52px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:6;bottom:auto}#ui-btn-party{display:flex}#ui-btn-party[hidden]{display:none}#mod-panel-overlay{padding-bottom:calc(16px + env(safe-area-inset-bottom));align-items:flex-end}}@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (min-width:600px){#touch-joystick-base{bottom:calc(20px + env(safe-area-inset-bottom))}}