:root{--w-bg-primary:#0a0712;--w-bg-secondary:#110e1a;--w-bg-tertiary:#1a1526;--w-bg-card:#13101d;--w-bg-card-hover:#1e192c;--w-bg-input:#0d0a15;--w-bg-surface:#161220;--w-border:#2a2440;--w-border-subtle:#1e1a2e;--w-border-focus:#8b6cc7;--w-text-primary:#f0ecf6;--w-text-secondary:#b5aacb;--w-text-muted:#8578a0;--w-accent:#e6c170;--w-accent-hover:#f2d48e;--w-accent-dim:#b89545;--w-accent-glow:rgba(230,193,112,.15);--w-success:#4ade80;--w-error:#f87171;--w-warning:#fbbf24;--w-purple:#8b6cc7;--w-purple-dim:rgba(139,108,199,.12);--w-radius-sm:6px;--w-radius-md:10px;--w-radius-lg:14px;--w-shadow-card:0 2px 12px rgba(0,0,0,.3);--w-shadow-card-hover:0 8px 32px rgba(0,0,0,.5),0 0 0 1px var(--w-border-focus);--w-shadow-glow:0 0 20px var(--w-accent-glow);--w-transition-fast:.15s ease;--w-transition-med:.25s ease;--w-transition-slow:.4s cubic-bezier(.16,1,.3,1);--w-font-body:"Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--w-font-mono:"JetBrains Mono","SF Mono","Cascadia Code","Consolas",monospace}html.spectate-mode body{background:#000}html.spectate-mode #login-screen,html.spectate-mode #character-screen,html.spectate-mode #server-select-screen,html.spectate-mode #top-navbar,html.spectate-mode #left-sidebar,html.spectate-mode #right-sidebar,html.spectate-mode #status-banner,html.spectate-mode #interact-toast,html.spectate-mode #backpack-hint,html.spectate-mode body:after{display:none!important}html.spectate-mode #game-screen{display:block!important}html.spectate-mode #game-layout{height:100vh}html.spectate-mode #canvas-container{width:100vw;height:100vh}html.spectate-mode #game-canvas-gl{width:100%;height:100%;border:none;cursor:default}html.spectate-mode #game-canvas{width:100%;height:100%;border:none;cursor:default;position:relative;z-index:1}html.spectate-mode #canvas-container{cursor:default}#spectate-loading{display:none;position:fixed;inset:0;z-index:9999;background:#0a0712;flex-direction:column;align-items:center;justify-content:center;gap:14px}#spectate-loading .spectate-loading-spinner{width:28px;height:28px;border:3px solid rgba(230,193,112,.15);border-top-color:var(--w-accent, #e6c170);border-radius:50%;animation:spectate-spin .8s linear infinite}#spectate-loading .spectate-loading-text{color:#c8c8dc73;font:12px -apple-system,sans-serif;letter-spacing:.5px}@keyframes spectate-spin{to{transform:rotate(360deg)}}html.spectate-mode #spectate-loading{display:flex}html.spectate-mode.spectate-ready #spectate-loading{display:none}#game-loading{display:none;position:fixed;inset:0;z-index:9998;align-items:center;justify-content:center;transition:opacity .5s ease}#game-loading.fade-out{opacity:0;pointer-events:none}.gl-bg{position:absolute;inset:0;background:url(/assets/menu-bg.webp) center 70% / cover no-repeat;background-color:var(--w-bg-primary, #0a0712)}.gl-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(10,7,18,.7) 0%,transparent 35%),linear-gradient(to top,rgba(10,7,18,.95) 0%,rgba(10,7,18,.3) 35%,transparent 55%),radial-gradient(ellipse at center,transparent 25%,rgba(10,7,18,.75) 100%)}.gl-glow{position:absolute;top:38%;left:50%;width:500px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(230,193,112,.08) 0%,transparent 70%);pointer-events:none;animation:gl-glow-pulse 3s ease-in-out infinite}@keyframes gl-glow-pulse{0%,to{opacity:.6}50%{opacity:1}}.gl-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px}.gl-logo{width:min(420px,70vw);height:auto;animation:title-reveal 1s cubic-bezier(.16,1,.3,1) both}.gl-progress-track{width:min(300px,60vw);height:12px;background:#e6c17026;border-radius:6px;overflow:hidden;position:relative;border:1px solid rgba(230,193,112,.12);animation:subtitle-reveal 1s cubic-bezier(.16,1,.3,1) .2s both}.gl-progress-fill{height:100%;width:0%;border-radius:6px;background:linear-gradient(90deg,var(--w-accent-dim, #b89545),var(--w-accent, #e6c170));box-shadow:0 0 12px #e6c17080,0 0 4px #e6c1704d;transition:width .4s ease;position:relative}.gl-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:gl-shimmer 1.5s ease infinite}@keyframes gl-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gl-status{color:var(--w-text-primary, #f0ecf6);font-size:13px;letter-spacing:.5px;font-family:var(--w-font-body, -apple-system, sans-serif);text-shadow:0 1px 8px rgba(0,0,0,.6);animation:subtitle-reveal 1s cubic-bezier(.16,1,.3,1) .3s both}.gl-tip{color:var(--w-text-primary, #f0ecf6);font-size:12px;font-style:italic;max-width:420px;text-align:center;line-height:1.5;opacity:.75;font-family:var(--w-font-body, -apple-system, sans-serif);text-shadow:0 1px 8px rgba(0,0,0,.6);animation:subtitle-reveal 1s cubic-bezier(.16,1,.3,1) .5s both}html.spectate-embed #bottom-bar,html.spectate-embed #weight-bar,html.spectate-embed #xp-bar,html.spectate-embed #left-hud-stack,html.spectate-embed #hud-right-column,html.spectate-embed #spectate-player-list,html.spectate-embed #spectate-player-count,html.spectate-embed #spectate-nav,html.spectate-embed #spectate-tracking,html.spectate-embed #spectate-journey-info,html.spectate-embed #spectate-fullscreen-btn,html.spectate-embed #touch-controls,html.spectate-embed #fullscreen-btn,html.spectate-embed #login-music-btn,html.spectate-embed #minimap-widget,html.spectate-embed #minimap-overlay,html.spectate-embed #minimap-container{display:none!important}html.spectate-embed.spectate-show-chat #bottom-bar{display:flex!important}html.spectate-embed.spectate-show-chat #xp-bar,html.spectate-embed.spectate-show-tracking #spectate-tracking,html.spectate-embed.spectate-show-tracking #spectate-journey-info{display:block!important}html.spectate-embed.spectate-show-players #spectate-player-list{display:flex!important}html.spectate-embed.spectate-show-players #spectate-player-count{display:block!important}html.spectate-embed.spectate-show-nav #spectate-nav{display:flex!important}html.spectate-embed.spectate-show-nav #spectate-fullscreen-btn{display:block!important}html.spectate-embed.spectate-show-hud-panels #left-hud-stack,html.spectate-embed.spectate-show-hud-panels #hud-right-column{display:flex!important}#rotate-overlay{display:none;position:fixed;inset:0;z-index:99999;background:#0f0b18;color:#c2c3c7;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-family:monospace;font-size:16px;text-align:center;padding:20px}#rotate-overlay .rotate-icon{font-size:48px;animation:rotate-hint 2s ease-in-out infinite}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}body.mobile.portrait.in-game #rotate-overlay{display:flex}body.mobile.portrait.in-game #game-screen{display:none!important}html.spectate-mode body.mobile.portrait.in-game #rotate-overlay{display:none}html.spectate-mode body.mobile.portrait.in-game #game-screen{display:block!important}#spectate-no-players{display:none;position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:10;background:#0000008c;color:#8b93b4;font-family:-apple-system,sans-serif;font-size:13px;padding:6px 16px;border-radius:8px;letter-spacing:.5px;pointer-events:none}#spectate-no-players.visible{display:block}#spectate-tracking{display:none;position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:10;color:#ffffff80;font-family:-apple-system,sans-serif;font-size:12px;letter-spacing:.5px;pointer-events:none}#spectate-tracking.visible{display:block}#spectate-player-count{position:fixed;top:10px;left:10px;z-index:11;background:#0009;color:#ffffffb3;font-family:-apple-system,sans-serif;font-size:11px;padding:4px 10px;border-radius:10px;letter-spacing:.3px;pointer-events:none;display:none}#spectate-player-count.visible{display:block}#spectate-player-list{position:fixed;top:40px;left:10px;z-index:11;width:160px;max-height:calc(100vh - 80px);overflow-y:auto;display:none;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}#spectate-player-list.visible{display:flex}.spectate-player-card{background:#00000080;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 8px;cursor:pointer;font-family:-apple-system,sans-serif;color:#ffffffb3;font-size:11px;transition:background .15s,border-color .15s}.spectate-player-card:hover{background:#ffffff1a;border-color:#fff3}.spectate-player-card.active{background:#64a0ff33;border-color:#64a0ff80}.spectate-player-card .spc-name{font-weight:600;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spectate-player-card .spc-level{color:#fff6;font-size:10px;margin-left:4px}.spectate-player-card .spc-hp-bar{height:3px;border-radius:2px;background:#ffffff1a;margin-top:3px}.spectate-player-card .spc-hp-fill{height:100%;border-radius:2px;background:#4a4;transition:width .3s}#spectate-journey-info{color:#ffffff59;font-size:11px;margin-top:4px;font-family:-apple-system,sans-serif;text-align:center}#spectate-journey-info .sji-journey{color:#ffc85099}#spectate-journey-info .sji-chapter{color:#ffffff4d;margin-left:4px}#spectate-journey-info .sji-progress{color:#ffffff40;margin-left:4px}#spectate-fullscreen-btn{position:fixed;top:10px;right:10px;z-index:11;background:#00000080;border:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:14px;width:30px;height:30px;border-radius:6px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background .15s}#spectate-fullscreen-btn.visible{display:flex}#spectate-fullscreen-btn:hover{background:#ffffff26}#spectate-nav{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:11;display:none;gap:60px;align-items:center;pointer-events:none}#spectate-nav.visible{display:flex}#spectate-nav button{pointer-events:auto;background:#0006;border:1px solid rgba(255,255,255,.1);color:#fff6;font-size:16px;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}#spectate-nav button:hover{background:#ffffff26;color:#ffffffb3}*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0712;color:#f0ecf6;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;display:flex;height:100vh;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bevel-out{border:3px solid;border-color:#7e7084 #3b2841 #3b2841 #7e7084}.bevel-in{border:3px solid;border-color:#3b2841 #7e7084 #7e7084 #3b2841}#main-menu{display:none;width:100%;height:100vh;background-color:var(--w-bg-primary);font-family:var(--w-font-body);position:relative}#main-menu>*{position:relative;z-index:1}#main-menu.visible{display:flex}.menu-left{flex:1;display:flex;flex-direction:column;border-right:none;min-width:0}.menu-right{width:50%;display:flex;flex-direction:column;background:#110e1af2;border-left:1px solid rgba(230,193,112,.06);backdrop-filter:blur(12px);overflow-y:auto}.menu-left-header{display:flex;align-items:center;justify-content:center;padding:28px 16px 16px;flex-shrink:0}.menu-logo-svg{width:min(520px,80%);height:auto;filter:drop-shadow(0 2px 12px rgba(0,0,0,.4))}.menu-top-area{display:flex;flex-direction:column;height:100%;margin:0;gap:0}.menu-spectator{flex:1;aspect-ratio:auto;height:auto;width:100%;background:#000;border:none;border-radius:0;position:relative;overflow:hidden;flex-shrink:0}.menu-spectator iframe{width:100%;height:100%;border:none}.menu-spectator-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--w-text-muted);font-size:.85em;letter-spacing:2px;text-transform:uppercase;background:radial-gradient(ellipse at center,rgba(230,193,112,.03) 0%,transparent 70%)}.menu-selected-card{display:none!important}.menu-selected-card::-webkit-scrollbar{width:4px}.menu-selected-card::-webkit-scrollbar-thumb{background:var(--w-border);border-radius:2px}.menu-sel-header{display:flex;align-items:center;gap:10px}.menu-selected-card .menu-sel-name{color:var(--w-accent);font-size:1.1em;letter-spacing:.5px;font-weight:700}.menu-selected-card .menu-sel-owner{color:var(--w-text-muted);font-size:.7em;letter-spacing:.5px}.menu-sel-badge.official{font-size:.65em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--w-accent);background:var(--w-accent-glow);border:1px solid rgba(230,193,112,.15);padding:3px 10px;border-radius:8px;white-space:nowrap}.menu-selected-card .menu-sel-desc{color:var(--w-text-secondary);font-size:.75em;line-height:1.4}.menu-sel-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.menu-sel-stat{background:var(--w-bg-tertiary);border:1px solid var(--w-border-subtle);border-radius:var(--w-radius-sm);padding:6px 8px;display:flex;flex-direction:column;align-items:center}.menu-sel-stat-label{color:var(--w-text-muted);font-size:.6em;text-transform:uppercase;letter-spacing:1px}.menu-sel-stat-value{color:var(--w-text-primary);font-size:.95em}.menu-sel-stat-value.highlight{color:var(--w-success)}.menu-sel-top{background:var(--w-accent-glow);border:1px solid rgba(230,193,112,.15);border-radius:var(--w-radius-sm);padding:6px 10px;display:flex;align-items:center;gap:6px}.menu-sel-top .crown{color:var(--w-accent);font-size:.9em}.menu-sel-top .top-name{color:var(--w-text-primary);font-size:.85em;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-sel-top .top-level{color:var(--w-text-muted);font-size:.75em}.menu-selected-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--w-text-muted);font-size:.8em;letter-spacing:1px}.menu-scard{background:#13101db3;border:1px solid rgba(42,36,64,.6);border-radius:var(--w-radius-sm);padding:12px 14px;margin-bottom:6px;cursor:pointer;transition:all var(--w-transition-med);backdrop-filter:blur(4px)}.menu-scard:hover{background:#1e192ccc;border-color:#e6c17026;box-shadow:0 4px 16px #0000004d,0 0 0 1px #e6c1700d;transform:translate(3px)}.menu-scard.selected{border-color:#e6c1704d;background:#1e192cd9;box-shadow:0 0 20px #e6c17014,0 0 0 1px #e6c1701f}.menu-scard-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.menu-scard-header .server-status-dot{flex-shrink:0}.menu-scard-name{flex:1;color:var(--w-text-primary);font-size:.9em;font-weight:600;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-scard-fav{background:none;border:none;color:var(--w-border);cursor:pointer;font-size:1em;padding:0 2px;transition:color var(--w-transition-fast);flex-shrink:0}.menu-scard-fav:hover,.menu-scard-fav.favorited{color:var(--w-accent)}.menu-scard-header .owner-name{color:var(--w-text-muted);font-size:.7em;white-space:nowrap;flex-shrink:0}.menu-scard-badge.official{font-size:.6em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--w-accent);background:var(--w-accent-glow);border:1px solid rgba(230,193,112,.15);padding:2px 8px;border-radius:8px;white-space:nowrap;flex-shrink:0}.menu-scard-region{background:var(--w-purple-dim);color:var(--w-purple);padding:1px 6px;border:1px solid rgba(139,108,199,.2);border-radius:8px;letter-spacing:.5px}.menu-scard-desc{color:var(--w-text-secondary);font-size:.7em;line-height:1.3;margin-bottom:6px}.menu-scard-stats{display:flex;flex-wrap:wrap;gap:4px}.menu-scard-stat{background:var(--w-bg-tertiary);border:1px solid var(--w-border-subtle);border-radius:4px;padding:2px 6px;display:flex;align-items:center;gap:4px;font-size:.65em}.menu-scard-stat-label{color:var(--w-text-muted);text-transform:uppercase;letter-spacing:.5px}.menu-scard-stat-value{color:var(--w-text-primary)}.menu-scard-stat-value.highlight{color:var(--w-success)}.menu-scard-top{margin-top:6px;background:var(--w-accent-glow);border:1px solid rgba(230,193,112,.12);border-radius:4px;padding:4px 8px;display:flex;align-items:center;gap:6px;font-size:.7em}.menu-scard-top .crown{color:var(--w-accent)}.menu-scard-top .top-name{color:var(--w-text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-scard-top .top-level{color:var(--w-text-muted)}.menu-servers{display:none!important}.menu-servers-title{color:var(--w-accent-dim);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(230,193,112,.06)}.menu-footer{display:none!important}.menu-footer-brand{font-size:.6em;letter-spacing:2px;text-transform:uppercase;font-weight:700;background:linear-gradient(135deg,var(--w-text-secondary),var(--w-accent-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.5}.menu-right-inner{flex:1;display:flex;flex-direction:column;padding:40px 60px;overflow-y:auto;align-items:stretch;justify-content:center}.menu-right:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(230,193,112,.2),transparent);flex-shrink:0}.menu-right-logo{display:block;width:min(400px,80%);height:auto;margin:0 auto 24px;filter:drop-shadow(0 2px 16px rgba(0,0,0,.4))}.menu-server-headline{text-align:left;margin-bottom:20px}.menu-server-headline .headline-name{font-size:1.4em;font-weight:700;color:var(--w-text-primary);letter-spacing:.5px}.menu-server-headline .headline-badge{display:inline-block;font-size:.6em;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--w-accent);background:var(--w-accent-glow);border:1px solid rgba(230,193,112,.15);padding:3px 10px;border-radius:8px;margin-left:8px;vertical-align:middle}.menu-showcase{width:100%;margin-bottom:24px;position:relative}.menu-showcase-track{position:relative;display:grid;overflow:hidden}.menu-showcase-card{grid-area:1 / 1;background:#13101d80;border:1px solid rgba(230,193,112,.08);border-radius:var(--w-radius-md);padding:20px 24px;display:flex;flex-direction:column;opacity:0;transition:opacity .4s ease;pointer-events:none}.menu-showcase-card.active{opacity:1;pointer-events:auto}.menu-showcase-stats{flex:0 0 auto;display:flex;flex-direction:column;gap:8px}.menu-showcase-more{display:flex;justify-content:flex-end;margin-top:10px;flex-shrink:0}.menu-showcase-more a{color:var(--w-accent-dim);font-size:.75em;text-decoration:none;letter-spacing:.08em;text-transform:uppercase;font-weight:600;transition:color var(--w-transition-fast)}.menu-showcase-more a:hover{color:var(--w-accent)}.menu-showcase-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.menu-showcase-icon{font-size:1.6em;line-height:1}.menu-showcase-title{font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--w-accent)}.menu-showcase-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#0a07124d;border-radius:var(--w-radius-sm)}.menu-showcase-stat-label{color:var(--w-text-muted);font-size:.8em;text-transform:uppercase;letter-spacing:.08em}.menu-showcase-stat-value{color:var(--w-text-primary);font-size:.9em;font-weight:600}.menu-showcase-player{cursor:pointer;transition:background var(--w-transition-fast);gap:8px}.menu-showcase-player:hover{background:#e6c1700f}.menu-showcase-player-name{flex:1;display:flex;align-items:center}.menu-showcase-outfit{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.menu-showcase-outfit canvas{image-rendering:pixelated}.menu-showcase-kingdoms{display:flex;gap:10px}.menu-showcase-kingdom-card{flex:1;min-width:0;background:#0a071266;border:1px solid rgba(230,193,112,.08);border-radius:var(--w-radius-md);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;cursor:pointer;transition:all var(--w-transition-fast)}.menu-showcase-kingdom-card:hover{border-color:#e6c17033;background:#e6c1700a;transform:translateY(-2px)}.menu-showcase-kingdom-outfit{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.menu-showcase-kingdom-outfit canvas{image-rendering:pixelated;width:100%;height:100%;object-fit:contain}.menu-showcase-kingdom-name{font-size:.85em;font-weight:700;color:var(--w-accent);letter-spacing:.06em;text-align:center;display:flex;align-items:center;gap:4px;justify-content:center}.showcase-card-online{width:6px;height:6px;flex-shrink:0}.menu-showcase-kingdom-king{font-size:.75em;color:var(--w-text-primary);font-weight:600;text-align:center}.menu-showcase-kingdom-meta{display:flex;gap:10px;font-size:.65em;color:var(--w-text-muted)}.menu-showcase-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.menu-showcase-arrow{background:none;border:1px solid var(--w-border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--w-text-muted);font-size:14px;transition:all var(--w-transition-fast);flex-shrink:0;padding:0}.menu-showcase-arrow:hover{border-color:var(--w-accent-dim);color:var(--w-accent);background:#e6c1700a}.menu-showcase-dots{display:flex;justify-content:center;gap:8px}.menu-showcase-dot{width:8px;height:8px;border-radius:50%;background:var(--w-border);border:none;padding:0;cursor:pointer;transition:all var(--w-transition-fast)}.menu-showcase-dot.active{background:var(--w-accent);box-shadow:0 0 8px #e6c17066}.menu-showcase-dot:hover{background:var(--w-accent-dim)}#menu-auth-guest,#menu-auth-logged,#menu-chars-section,#menu-no-server{display:none!important}#menu-mobile-actions{display:flex!important}.menu-auth-section{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px}.menu-auth-section input{padding:10px 14px;font-size:1em;background:var(--w-bg-input);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);color:var(--w-text-primary);font-family:var(--w-font-body);outline:none;width:100%;transition:border-color var(--w-transition-fast),box-shadow var(--w-transition-fast)}.menu-auth-section input::placeholder{color:var(--w-text-muted)}.menu-auth-section input:focus{border-color:var(--w-border-focus);box-shadow:0 0 0 3px var(--w-purple-dim)}.menu-auth-section .btn-primary{padding:12px 24px;font-size:13px;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);cursor:pointer;font-family:var(--w-font-body);font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #e6c17033;transition:all var(--w-transition-fast);width:100%}.menu-auth-section .btn-primary:hover{background:linear-gradient(135deg,var(--w-accent-hover) 0%,var(--w-accent) 100%);box-shadow:0 4px 16px #e6c17059;transform:translateY(-1px)}.menu-auth-section .btn-primary:active{transform:translateY(0)}.menu-auth-section .btn-secondary{padding:10px 20px;font-size:14px;background:var(--w-bg-tertiary);color:var(--w-text-primary);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);cursor:pointer;font-family:var(--w-font-body);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all var(--w-transition-fast);width:100%}.menu-auth-section .btn-secondary:hover{background:var(--w-bg-card-hover);border-color:var(--w-border-focus)}.menu-auth-section .btn-secondary:active{transform:translateY(0)}.menu-auth-logged{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#4ade800f;border:1px solid rgba(74,222,128,.15);border-radius:var(--w-radius-sm);margin-bottom:12px;font-size:.85em}.menu-auth-logged .logged-user{color:var(--w-success);flex:1;font-weight:600}.menu-auth-logged .btn-logout{background:none;border:none;color:var(--w-text-muted);cursor:pointer;font-family:var(--w-font-body);font-size:.85em;transition:color var(--w-transition-fast)}.menu-auth-logged .btn-logout:hover{color:var(--w-error)}.menu-chars-title{color:var(--w-accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(230,193,112,.08)}#menu-chars-section{display:flex;flex-direction:column;flex:1;min-height:0}.menu-chars-body{display:flex;flex-direction:row;gap:16px;flex:1;min-height:0;align-items:stretch}.menu-chars-right{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.menu-char-list{flex:1;overflow-y:auto;margin-bottom:10px;min-height:60px}.menu-char-list::-webkit-scrollbar{width:6px}.menu-char-list::-webkit-scrollbar-track{background:transparent}.menu-char-list::-webkit-scrollbar-thumb{background:var(--w-border);border-radius:3px}.menu-char-list::-webkit-scrollbar-thumb:hover{background:var(--w-text-muted)}.menu-char-entry{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#13101d99;border:1px solid rgba(42,36,64,.5);border-radius:var(--w-radius-sm);margin-bottom:4px;cursor:pointer;transition:all var(--w-transition-fast)}.menu-char-entry:hover{border-color:#e6c17026;background:#1e192cb3}.menu-char-entry.selected{border-color:#e6c17040;background:#1e192ccc;box-shadow:0 0 12px #e6c1700f}.menu-char-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.menu-char-name{color:var(--w-text-primary);font-size:1em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-char-meta{display:flex;gap:8px;align-items:center}.menu-char-level{color:var(--w-text-muted);font-size:.75em}.menu-char-equip{color:var(--w-text-muted);font-size:.7em;opacity:.6}.menu-char-play{padding:6px 14px;font-size:13px;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);cursor:pointer;font-family:var(--w-font-body);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--w-transition-fast)}.menu-char-play:hover{box-shadow:0 2px 8px #e6c1704d;transform:translateY(-1px)}.menu-char-play:active{transform:translateY(0)}.menu-char-delete{padding:5px 8px;background:none;border:1px solid var(--w-border-subtle);border-radius:4px;color:var(--w-text-muted);cursor:pointer;font-family:var(--w-font-body);font-size:.8em;transition:all var(--w-transition-fast)}.menu-char-delete:hover{border-color:var(--w-error);color:var(--w-error)}.menu-char-empty{color:var(--w-text-muted);font-size:.85em;padding:12px;text-align:center;font-style:italic}.menu-char-preview{display:flex;align-items:center;justify-content:center;flex:1 1 50%;min-width:0;min-height:200px;background:#13101d99;border:1px solid rgba(230,193,112,.08);border-radius:var(--w-radius-md);box-shadow:inset 0 2px 12px #0003}.menu-char-preview canvas{image-rendering:pixelated}.menu-char-preview-empty{color:var(--w-text-muted);font-size:.75em;text-align:center;padding:8px}.menu-char-thumb{width:32px;height:32px;flex-shrink:0;image-rendering:pixelated}.menu-create-char{display:flex;gap:6px;margin-bottom:8px}.menu-create-char input{flex:1;padding:10px 14px;font-size:.95em;background:var(--w-bg-input);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);color:var(--w-text-primary);font-family:var(--w-font-body);outline:none;transition:border-color var(--w-transition-fast),box-shadow var(--w-transition-fast)}.menu-create-char input::placeholder{color:var(--w-text-muted)}.menu-create-char input:focus{border-color:var(--w-border-focus);box-shadow:0 0 0 3px var(--w-purple-dim)}.menu-create-char button{padding:10px 16px;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);cursor:pointer;font-family:var(--w-font-body);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px;transition:all var(--w-transition-fast)}.menu-create-char button:hover{box-shadow:0 2px 8px #e6c1704d;transform:translateY(-1px)}.menu-create-char button:active{transform:translateY(0)}.menu-error{color:var(--w-error);font-size:.85em;min-height:1.2em;text-align:center}.menu-server-required{color:var(--w-text-muted);font-size:.85em;text-align:center;padding:20px}.delete-confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100000;backdrop-filter:blur(4px)}.delete-confirm-box{background:var(--w-bg-card);border:1px solid var(--w-border);border-radius:var(--w-radius-lg);padding:28px;max-width:360px;text-align:center;box-shadow:var(--w-shadow-card-hover)}.delete-confirm-box p{color:var(--w-text-primary);margin-bottom:8px;font-size:1em}.delete-confirm-box .char-name-confirm{color:var(--w-accent);font-size:1.2em;font-weight:700;margin-bottom:16px}.delete-confirm-box .delete-warn{color:var(--w-error);font-size:.85em;margin-bottom:16px}.delete-confirm-btns{display:flex;gap:10px;justify-content:center}.delete-confirm-btns button{padding:10px 20px;font-family:var(--w-font-body);font-size:14px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--w-radius-sm);transition:all var(--w-transition-fast)}.delete-confirm-btns .btn-cancel{background:var(--w-bg-tertiary);color:var(--w-text-primary);border:1px solid var(--w-border)}.delete-confirm-btns .btn-cancel:hover{background:var(--w-bg-card-hover);border-color:var(--w-border-focus)}.delete-confirm-btns .btn-delete{background:transparent;color:var(--w-error);border:1px solid rgba(248,113,113,.3);font-weight:700}.delete-confirm-btns .btn-delete:hover{background:#f8717114;border-color:var(--w-error)}.menu-servers::-webkit-scrollbar{width:6px}.menu-servers::-webkit-scrollbar-track{background:transparent}.menu-servers::-webkit-scrollbar-thumb{background:var(--w-border);border-radius:3px}.menu-servers::-webkit-scrollbar-thumb:hover{background:var(--w-text-muted)}@media (max-width: 760px){#main-menu{flex-direction:column}.menu-left{max-height:50vh}.menu-right{width:100%;min-width:0;max-width:100%}}#menu-mobile-actions{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:8px 0}@media (max-width: 500px) and (orientation: portrait){#login-screen{justify-content:flex-end!important;padding-bottom:12vh!important}.splash-logo-svg{width:min(280px,70vw)}#login-screen button:not(.change-lang-link){padding:14px 24px;font-size:1.1em}.splash-play-btn{padding:14px 24px;font-size:1.1em}#engine-branding{left:50%;transform:translate(-50%);text-align:center}#main-menu{flex-direction:column;overflow-y:auto}#main-menu:before{background:#0a0712d9}.menu-left{border-right:none;border-bottom:none;max-height:none;flex-shrink:0}.menu-left-header{padding:14px 16px 10px;min-height:48px;border-bottom:1px solid rgba(230,193,112,.06)}.menu-logo-svg{height:20px}#login-music-btn{top:14px;right:16px;width:32px;height:32px;font-size:16px}.menu-top-area{flex-direction:column;height:auto;margin:0;gap:0}.menu-spectator{aspect-ratio:16 / 9;height:auto;width:100%;border:none;border-radius:0;flex-shrink:0}.menu-selected-card{max-height:none;border:none;background:none;padding:8px 16px;font-size:.9em;overflow-y:visible;backdrop-filter:none}.menu-servers,.menu-footer{display:none!important}.menu-right{width:100%;min-width:0;background:none;border-left:none;backdrop-filter:none}.menu-right:before{display:none}.menu-right-inner{padding:16px 20px;align-items:center;justify-content:center;flex:1}#menu-auth-guest,#menu-auth-logged,#menu-chars-section,#menu-no-server{display:none!important}#menu-mobile-actions{display:flex;max-width:100%}}@media (max-height: 500px) and (orientation: landscape){.splash-logo-svg{width:min(240px,50vw)}#login-screen button:not(.change-lang-link){padding:12px 20px;font-size:1em}.splash-play-btn{padding:12px 20px;font-size:1em}#login-subtitle{font-size:11px}#splash-panel{gap:16px}.change-lang-link{margin-top:8px;font-size:.75em}#engine-branding{display:none}#main-menu{flex-direction:row;overflow:hidden}#main-menu:before{background:#0a0712d9}.menu-left{flex:1;border-right:none;border-bottom:none;max-height:none;min-width:0}.menu-left-header{display:none}.menu-top-area{flex-direction:column;height:100%;margin:0;gap:0}.menu-spectator{flex:1;aspect-ratio:auto;height:auto;width:100%;border:none;border-radius:0}.menu-selected-card,.menu-servers,.menu-footer{display:none!important}.menu-right{width:50%;min-width:260px;max-width:50%;background:#110e1af2;display:flex;flex-direction:column;overflow-y:auto;border-left:1px solid rgba(230,193,112,.06);backdrop-filter:blur(8px)}.menu-right:before{display:none}.menu-right-inner{padding:10px 20px;align-items:center;justify-content:center;flex:1;gap:6px}#menu-auth-guest,#menu-auth-logged,#menu-chars-section,#menu-no-server{display:none!important}#menu-mobile-actions{display:flex;gap:8px;max-width:100%}#menu-mobile-actions #menu-mobile-play-btn{padding:12px 24px;font-size:1.1em}#menu-mobile-actions #menu-mobile-explore-btn{padding:8px 16px;font-size:.85em}}#menu-mobile-server-info{display:block;width:100%;padding:0;font-size:.85em}#menu-mobile-server-info .menu-sel-stats{grid-template-columns:1fr 1fr 1fr}@media (max-width: 500px) and (orientation: portrait){#menu-mobile-server-info{display:block;margin-bottom:8px}.menu-right-logo{width:min(220px,55%);margin-bottom:12px}.menu-server-headline{margin-bottom:12px}.menu-server-headline .headline-name{font-size:1em}.menu-showcase{margin-bottom:12px}.menu-showcase-track{height:280px}.menu-showcase-card{padding:14px 16px}.menu-showcase-kingdoms{flex-direction:row;flex-wrap:wrap;gap:6px}.menu-showcase-kingdom-card{flex:1 1 28%;min-width:80px;padding:10px 8px;gap:4px}.menu-showcase-kingdom-outfit{width:48px;height:48px}.menu-showcase-kingdom-name{font-size:.75em}.menu-showcase-kingdom-king{font-size:.65em}.menu-showcase-kingdom-meta{font-size:.6em;gap:6px}.menu-showcase-header{margin-bottom:8px}.menu-showcase-more a{font-size:.7em}.menu-showcase-arrow{width:24px;height:24px;font-size:12px}}@media (max-height: 500px) and (orientation: landscape){#menu-mobile-server-info{display:block;margin-bottom:4px;font-size:.8em}.menu-right-logo{width:min(180px,40%);margin-bottom:8px}.menu-right-inner{padding:8px 16px!important;gap:4px!important}.menu-server-headline{margin-bottom:6px}.menu-server-headline .headline-name{font-size:.95em}.menu-showcase{margin-bottom:8px}.menu-showcase-track{height:160px}.menu-showcase-card{padding:10px 12px}.menu-showcase-header{margin-bottom:6px}.menu-showcase-header .menu-showcase-icon{font-size:1.2em}.menu-showcase-header .menu-showcase-title{font-size:.75em}.menu-showcase-kingdoms{gap:6px}.menu-showcase-kingdom-card{padding:8px 6px;gap:3px}.menu-showcase-kingdom-outfit{width:36px;height:36px}.menu-showcase-kingdom-name{font-size:.7em}.menu-showcase-kingdom-king{font-size:.6em}.menu-showcase-kingdom-meta{font-size:.55em;gap:4px}.menu-showcase-more{margin-top:4px}.menu-showcase-more a{font-size:.65em}.menu-showcase-nav{margin-top:6px;gap:8px}.menu-showcase-arrow{width:22px;height:22px;font-size:11px}.menu-showcase-dot{width:6px;height:6px}#menu-action-buttons{flex-direction:row!important;gap:8px!important}#menu-action-buttons #menu-mobile-play-btn{flex:2;width:auto!important;padding:10px 16px!important;font-size:.95em!important}#menu-action-buttons #menu-mobile-explore-btn{flex:1;width:auto!important;padding:10px 12px!important;font-size:.75em!important;white-space:nowrap}#menu-account-bar{padding-top:8px}}#menu-action-buttons{display:flex;flex-direction:column;gap:12px;width:100%}#menu-mobile-play-btn{padding:14px 48px;font-size:16px;background:linear-gradient(135deg,var(--w-accent) 0%,#d4a94e 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-md);cursor:pointer;font-family:var(--w-font-body);font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px 20px #e6c1704d,0 0 40px #e6c1701a;transition:all var(--w-transition-med);width:100%}#menu-mobile-play-btn:active{transform:translateY(0)}#menu-mobile-explore-btn{padding:10px 20px;font-size:14px;background:var(--w-bg-tertiary);color:var(--w-text-primary);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);cursor:pointer;font-family:var(--w-font-body);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all var(--w-transition-fast);width:100%}#menu-mobile-explore-btn:active{background:var(--w-bg-card-hover)}#menu-account-bar{margin-top:auto;padding:16px 0 0;border-top:1px solid var(--w-border-subtle);width:100%}#menu-account-logged-in{display:flex;align-items:center;gap:8px}.menu-user-info{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.menu-user-avatar{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--w-purple) 0%,var(--w-accent-dim) 100%);color:#fff;font-size:14px;font-weight:700;border-radius:50%;flex-shrink:0}.menu-user-details{min-width:0}.menu-user-name{font-size:13px;font-weight:600;color:var(--w-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-user-status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--w-success);font-weight:600}.menu-status-dot{width:7px;height:7px;background:var(--w-success);border-radius:50%;flex-shrink:0}.menu-logout-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--w-text-muted);border-radius:var(--w-radius-sm);flex-shrink:0;cursor:pointer;transition:all var(--w-transition-fast)}.menu-logout-btn:hover{background:#f8717114;color:var(--w-error)}.menu-logout-btn svg{width:18px;height:18px}#menu-explore-modal{display:none;position:fixed;inset:0;z-index:9999;background:var(--w-bg-primary);flex-direction:column;overflow:hidden}#menu-explore-modal.visible{display:flex}#menu-explore-modal .explore-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--w-border);gap:12px;flex-shrink:0}#menu-explore-modal .explore-header h2{flex:1;color:var(--w-accent);font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0}#menu-explore-modal .explore-close{background:none;border:1px solid var(--w-border);border-radius:var(--w-radius-sm);color:var(--w-text-secondary);font-size:1.2em;padding:4px 12px;cursor:pointer;font-family:var(--w-font-body);transition:all var(--w-transition-fast)}#menu-explore-modal .explore-close:hover{border-color:var(--w-border-focus)}#menu-explore-modal .explore-body{display:flex;flex-direction:row;flex:1;min-height:0}#menu-explore-modal .explore-detail{display:flex;flex-direction:column;width:50%;flex-shrink:0;padding:16px 20px;overflow-y:auto;font-size:.85em;border-right:1px solid var(--w-border);align-items:center;justify-content:center}#menu-explore-modal .explore-detail .menu-showcase-track{height:280px}#menu-explore-modal .explore-detail-empty{color:var(--w-text-muted);text-align:center;padding:24px}#menu-explore-modal .explore-list{width:50%;overflow-y:auto;padding:8px 12px}@media (max-width: 500px) and (orientation: portrait){#menu-explore-modal .explore-body{flex-direction:column}#menu-explore-modal .explore-detail{width:100%;flex-shrink:0;max-height:45vh;border-right:none;border-bottom:1px solid var(--w-border)}#menu-explore-modal .explore-detail .menu-showcase-track{height:200px}#menu-explore-modal .explore-detail .menu-showcase-kingdom-card{padding:8px 6px;gap:3px}#menu-explore-modal .explore-detail .menu-showcase-kingdom-outfit{width:36px;height:36px}#menu-explore-modal .explore-detail .menu-showcase-kingdom-name{font-size:.7em}#menu-explore-modal .explore-detail .menu-showcase-kingdom-king{font-size:.6em}#menu-explore-modal .explore-detail .menu-showcase-kingdom-meta{font-size:.5em}#menu-explore-modal .explore-list{width:100%;flex:1}}@media (max-height: 500px) and (orientation: landscape){#menu-explore-modal .explore-detail .menu-showcase-track{height:180px}#menu-explore-modal .explore-detail .menu-showcase-kingdom-card{padding:8px 6px;gap:3px}#menu-explore-modal .explore-detail .menu-showcase-kingdom-outfit{width:36px;height:36px}#menu-explore-modal .explore-detail .menu-showcase-kingdom-name{font-size:.7em}#menu-explore-modal .explore-detail .menu-showcase-kingdom-king{font-size:.6em}#menu-explore-modal .explore-detail .menu-showcase-kingdom-meta{font-size:.5em}}#menu-explore-modal .explore-list .menu-scard{margin-bottom:6px}#menu-explore-modal .explore-actions{display:flex;padding:12px 16px;border-top:1px solid var(--w-border);flex-shrink:0}.explore-confirm-btn{flex:1;padding:14px;font-size:16px;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);font-family:var(--w-font-body);font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--w-transition-fast);box-shadow:0 2px 8px #e6c17033}.explore-confirm-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.explore-confirm-btn:not(:disabled):active{transform:translateY(0)}#menu-explore-modal .menu-scard.selected{border-color:var(--w-purple);background:var(--w-bg-card-hover)}#menu-char-modal{display:none;position:fixed;inset:0 0 0 50%;z-index:9999;background:#110e1af2;backdrop-filter:blur(12px);border-left:1px solid rgba(230,193,112,.06);flex-direction:column;overflow:hidden}#menu-char-modal.visible{display:flex}@media (max-width: 760px){#menu-char-modal{left:0;border-left:none}}@media (max-height: 500px) and (orientation: landscape){#menu-char-modal{left:0;border-left:none}}#menu-char-modal .char-modal-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--w-border);gap:12px;flex-shrink:0}#menu-char-modal .char-modal-header h2{flex:1;color:var(--w-accent);font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0}#menu-char-modal .char-modal-close{background:none;border:1px solid var(--w-border);border-radius:var(--w-radius-sm);color:var(--w-text-secondary);font-size:1.2em;padding:4px 12px;cursor:pointer;font-family:var(--w-font-body);transition:all var(--w-transition-fast)}#menu-char-modal .char-modal-close:hover{border-color:var(--w-border-focus)}#menu-char-modal .char-modal-body{display:flex;flex-direction:row;flex:1;min-height:0}#menu-char-modal .char-modal-left{width:50%;flex-shrink:0;border-right:1px solid var(--w-border);display:flex;align-items:center;justify-content:center}#menu-char-modal .char-modal-right{width:50%;min-height:0;display:flex;flex-direction:column}#menu-char-modal .char-modal-preview{display:flex;align-items:center;justify-content:center;padding:24px;flex:1}#menu-char-modal .char-modal-preview canvas{transform:scale(1.5)}@media (max-width: 500px) and (orientation: portrait){#menu-char-modal .char-modal-body{flex-direction:column}#menu-char-modal .char-modal-left{width:100%;border-right:none;border-bottom:1px solid var(--w-border-subtle);padding:16px}#menu-char-modal .char-modal-right{width:100%}#menu-char-modal .char-modal-preview{flex:none;min-height:110px;padding:16px}#menu-char-modal .char-modal-preview canvas{transform:none}}#menu-char-modal .char-modal-preview canvas{image-rendering:pixelated}#menu-char-modal .char-modal-preview-empty{color:var(--w-text-muted);font-size:.85em}#menu-char-modal .char-modal-empty{color:var(--w-text-muted);font-size:.85em;display:flex;align-items:center;justify-content:center;flex:1}#menu-char-modal .char-modal-list{flex:1;overflow-y:auto;padding:8px 16px;scrollbar-width:thin;scrollbar-color:var(--w-border) transparent}#menu-char-modal .char-modal-list::-webkit-scrollbar{width:6px}#menu-char-modal .char-modal-list::-webkit-scrollbar-track{background:transparent}#menu-char-modal .char-modal-list::-webkit-scrollbar-thumb{background:var(--w-border);border-radius:3px}#menu-char-modal .char-modal-list::-webkit-scrollbar-thumb:hover{background:var(--w-text-muted)}#menu-char-modal .char-modal-entry{display:flex;align-items:center;gap:10px;padding:14px 12px;background:var(--w-bg-card);border:1px solid var(--w-border-subtle);border-radius:var(--w-radius-sm);margin-bottom:6px;cursor:pointer;transition:all var(--w-transition-fast)}#menu-char-modal .char-modal-entry.selected{border-color:var(--w-purple);background:var(--w-bg-card-hover)}#menu-char-modal .char-modal-entry:active{background:var(--w-bg-card-hover);border-color:var(--w-purple)}#menu-char-modal .menu-char-thumb{width:32px;height:32px;flex-shrink:0;image-rendering:pixelated}#menu-char-modal .char-modal-name{flex:1;color:var(--w-text-primary);font-size:1.1em;font-weight:500}#menu-char-modal .char-modal-level{color:var(--w-text-muted);font-size:.85em}#menu-char-modal .char-modal-delete{background:none;border:1px solid var(--w-border-subtle);border-radius:4px;color:var(--w-text-muted);cursor:pointer;font-size:.8em;padding:4px 8px;font-family:var(--w-font-body);transition:all var(--w-transition-fast);flex-shrink:0}#menu-char-modal .char-modal-delete:hover{border-color:var(--w-error);color:var(--w-error)}#menu-char-modal .char-modal-error{color:var(--w-error);font-size:.8em;text-align:center;padding:0 16px 4px;min-height:1.2em}#menu-char-modal .char-modal-actions{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--w-border);flex-shrink:0}.char-modal-play-btn{flex:1;padding:14px;font-size:16px;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);font-family:var(--w-font-body);font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all var(--w-transition-fast);box-shadow:0 2px 8px #e6c17033}.char-modal-play-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.char-modal-play-btn:not(:disabled):active{transform:translateY(0)}.char-modal-create-btn{padding:14px 20px;font-size:14px;background:var(--w-bg-tertiary);color:var(--w-text-primary);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);font-family:var(--w-font-body);font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--w-transition-fast)}.char-modal-create-btn:hover{background:var(--w-bg-card-hover);border-color:var(--w-border-focus)}.char-modal-create-btn:active{transform:translateY(0)}#menu-char-name-popup{display:none;position:fixed;inset:0;z-index:10000;background:#000c;align-items:center;justify-content:center;backdrop-filter:blur(4px)}#menu-char-name-popup.visible{display:flex}.char-name-popup-box{background:var(--w-bg-card);border:1px solid var(--w-border);border-radius:var(--w-radius-lg);padding:28px;width:90vw;max-width:320px;box-shadow:var(--w-shadow-card-hover)}.char-name-popup-title{color:var(--w-accent);font-size:1.1em;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.char-name-popup-box input{width:100%;padding:10px 14px;font-size:1em;background:var(--w-bg-input);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);color:var(--w-text-primary);font-family:var(--w-font-body);outline:none;margin-bottom:8px;box-sizing:border-box;transition:border-color var(--w-transition-fast),box-shadow var(--w-transition-fast)}.char-name-popup-box input:focus{border-color:var(--w-border-focus);box-shadow:0 0 0 3px var(--w-purple-dim)}.char-name-popup-error{color:var(--w-error);font-size:.8em;text-align:center;min-height:1.2em;margin-bottom:8px}.char-name-popup-btns{display:flex;gap:10px}.char-name-popup-btns button{flex:1;padding:10px;font-family:var(--w-font-body);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-size:14px;border-radius:var(--w-radius-sm);transition:all var(--w-transition-fast)}#menu-char-name-cancel{background:var(--w-bg-tertiary);color:var(--w-text-primary);border:1px solid var(--w-border)}#menu-char-name-cancel:hover{background:var(--w-bg-card-hover);border-color:var(--w-border-focus)}#menu-char-name-confirm{background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;font-weight:700}#login-screen{display:flex;position:relative;width:100%;align-items:center;justify-content:center;font-family:var(--w-font-body);overflow:hidden}.splash-bg{position:absolute;inset:0;background-color:var(--w-bg-primary)}.splash-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(10,7,18,.7) 0%,transparent 35%),linear-gradient(to top,rgba(10,7,18,.95) 0%,rgba(10,7,18,.3) 35%,transparent 55%),radial-gradient(ellipse at center,transparent 25%,rgba(10,7,18,.75) 100%)}.splash-glow{position:absolute;top:38%;left:50%;width:500px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(230,193,112,.08) 0%,transparent 70%);pointer-events:none;animation:gl-glow-pulse 3s ease-in-out infinite}#splash-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px}.splash-logo-svg{width:min(420px,70vw);height:auto;display:block;filter:drop-shadow(0 4px 24px rgba(0,0,0,.5))}#splash-server-name{display:none;font-size:1.8em;color:var(--w-text-primary);font-weight:700;letter-spacing:1px;text-shadow:0 1px 8px rgba(0,0,0,.6)}#splash-server-info{display:none;color:var(--w-text-muted);font-size:.85em;text-shadow:0 1px 8px rgba(0,0,0,.6)}#engine-branding{position:absolute;bottom:12px;left:16px;font-size:.65em;letter-spacing:2px;font-weight:700;text-transform:uppercase;background:linear-gradient(135deg,var(--w-text-secondary),var(--w-accent-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.4;z-index:1}.splash-play-btn{padding:16px 48px;font-size:1.2em;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);cursor:pointer;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 12px #e6c17040;animation:splash-btn-glow 3s ease-in-out infinite}@keyframes splash-btn-glow{0%,to{box-shadow:0 2px 12px #e6c17040,0 0 40px #e6c17014}50%{box-shadow:0 4px 20px #e6c17066,0 0 60px #e6c1701f}}.splash-play-btn:hover{background:linear-gradient(135deg,var(--w-accent-hover) 0%,var(--w-accent) 100%);box-shadow:0 4px 20px #e6c17066;transform:translateY(-1px)}.splash-play-btn:active{transform:translateY(0);box-shadow:0 1px 4px #e6c17026}#login-screen h1{margin:0;line-height:1;animation:title-reveal 1s cubic-bezier(.16,1,.3,1) both}@keyframes title-reveal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#login-subtitle{color:var(--w-text-primary);font-size:13px;letter-spacing:1px;font-weight:300;opacity:.75;text-shadow:0 1px 8px rgba(0,0,0,.6);animation:subtitle-reveal 1s cubic-bezier(.16,1,.3,1) .15s both}@keyframes subtitle-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#login-screen input{padding:12px 18px;font-size:1em;background:#0d0a1599;border:1px solid var(--w-border);border-radius:var(--w-radius-sm);color:var(--w-text-primary);margin-bottom:14px;font-family:inherit;letter-spacing:0;outline:none;width:100%;transition:border-color var(--w-transition-fast),box-shadow var(--w-transition-fast)}#login-screen input:focus{border-color:var(--w-accent-dim);box-shadow:0 0 0 3px #e6c1701a}#login-screen button:not(.change-lang-link){padding:18px 28px;font-size:1.3em;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);cursor:pointer;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;width:100%;transition:all var(--w-transition-fast);box-shadow:0 2px 12px #e6c17040}#login-screen button:not(.change-lang-link):hover{background:linear-gradient(135deg,var(--w-accent-hover) 0%,var(--w-accent) 100%);box-shadow:0 4px 20px #e6c17066;transform:translateY(-1px)}#login-screen button:not(.change-lang-link):active{transform:translateY(0);box-shadow:0 1px 4px #e6c17033}#login-screen button.secondary{background:#1a1526b3;color:var(--w-text-primary);border:1px solid var(--w-border);box-shadow:none;backdrop-filter:blur(8px)}#login-screen button.secondary:hover{background:#1e192ccc;border-color:var(--w-accent-dim)}#login-screen button.secondary:active{background:#13101dcc;transform:translateY(1px)}.auth-section{display:flex;flex-direction:column;align-items:center;animation:subtitle-reveal 1s cubic-bezier(.16,1,.3,1) .3s both}.divider{display:flex;align-items:center;gap:16px;margin:18px 0;width:280px;color:var(--w-text-muted);font-size:.8em;text-transform:uppercase;letter-spacing:3px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--w-border),transparent)}.auth-error{color:var(--w-error);margin-top:10px;font-size:.85em;min-height:1.2em}.auth-error.success{color:var(--w-success)}#auth-modal-overlay.hidden{display:none}#auth-modal .auth-error{margin-top:4px;text-align:center}.w-btn-google{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:var(--w-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--w-transition-fast);font-family:var(--w-font-body)}.w-btn-google:hover{background:#f7f8f8}.w-btn-google:active{background:#eee}#auth-landscape-brand{display:none}@media (max-height: 500px) and (orientation: landscape){#auth-modal-overlay:not(.hidden){flex-direction:row;background:var(--w-bg-primary)}#auth-landscape-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:24px;position:relative;z-index:1}.auth-landscape-logo-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--w-accent) 0%,#d4a94e 100%);color:var(--w-bg-primary);font-size:2.2rem;font-weight:900;border-radius:18px;box-shadow:0 4px 24px #e6c1704d;margin-bottom:16px}.auth-landscape-title{color:var(--w-text-primary);font-size:1.5em;font-weight:800;letter-spacing:-.01em;margin-bottom:8px}.auth-landscape-subtitle{color:var(--w-text-muted);font-size:.85em;letter-spacing:2px;font-weight:300}#auth-modal-overlay .w-auth-orb{display:none}#auth-modal.w-auth-card{width:380px;min-width:300px;max-width:none;max-height:none;height:100%;border-radius:0;border:none;border-left:1px solid var(--w-border);overflow-y:auto;display:flex;flex-direction:column;justify-content:center;box-shadow:none;background:#110e1af2}#auth-modal .w-auth-brand{margin-bottom:10px}#auth-modal .w-auth-brand h2{display:none}#auth-modal .w-auth-brand-logo{width:40px;height:40px;font-size:1.2rem;margin-bottom:6px;border-radius:10px}#auth-modal .w-auth-brand-sub{margin-top:4px;font-size:12px}#auth-modal.w-auth-card{padding:16px 28px}#auth-modal .w-auth-form{gap:8px}#auth-modal .w-input{padding:8px 12px;font-size:.9em}#auth-modal .w-btn-primary,#auth-modal .w-btn-secondary{padding:8px 16px;font-size:.9em}#auth-modal .w-auth-divider{margin:4px 0;font-size:.8em}#auth-modal .w-auth-links{margin-top:6px}#auth-modal .w-auth-link-btn{font-size:.8em;padding:4px 0}#auth-modal .w-auth-pw-reqs{font-size:.75em;gap:4px}#auth-modal .w-auth-checkbox{font-size:.8em}#auth-modal .w-auth-hint{font-size:.85em;margin-bottom:8px}#auth-modal .w-auth-close{top:6px;right:8px;font-size:1.2em}#auth-modal.auth-hide-brand .w-auth-brand,#auth-modal .auth-error{display:none}#auth-modal .w-btn-google{padding:8px 12px;font-size:.85em}}.auth-step-title{display:none;color:var(--w-text-primary);font-size:1.1em;font-weight:700;margin:0 0 10px;text-align:center}@media (max-height: 500px) and (orientation: landscape){#auth-modal.auth-hide-brand .auth-step-title{display:block}}#lang-screen{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;background:var(--w-bg-primary)}#lang-screen h1{font-size:clamp(1.8em,4vw,2.4em);color:var(--w-accent);margin-bottom:24px;text-shadow:0 2px 16px rgba(230,193,112,.3);text-transform:uppercase;letter-spacing:4px;font-weight:800}#lang-search{padding:12px 18px;font-size:1em;background:var(--w-bg-input);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);color:var(--w-text-primary);margin-bottom:16px;font-family:inherit;outline:none;width:280px;box-sizing:border-box;transition:border-color var(--w-transition-fast),box-shadow var(--w-transition-fast)}#lang-search:focus{border-color:var(--w-accent-dim);box-shadow:0 0 0 3px #e6c1701a}#lang-list{display:flex;flex-direction:column;gap:6px;margin-bottom:28px;width:280px;max-height:50vh;overflow-y:auto;padding-right:4px}#lang-list::-webkit-scrollbar{width:6px}#lang-list::-webkit-scrollbar-track{background:transparent}#lang-list::-webkit-scrollbar-thumb{background:var(--w-border);border-radius:3px}#lang-list::-webkit-scrollbar-thumb:hover{background:var(--w-text-muted)}#lang-list .lang-btn{padding:12px 24px;font-size:1em;background:var(--w-bg-card);color:var(--w-text-secondary);border:1px solid var(--w-border-subtle);border-radius:var(--w-radius-sm);cursor:pointer;font-family:inherit;letter-spacing:.5px;text-align:center;width:100%;transition:all var(--w-transition-fast)}#lang-list .lang-btn:hover{background:var(--w-bg-card-hover);color:var(--w-text-primary);border-color:var(--w-border)}#lang-list .lang-btn.lang-active{background:var(--w-bg-card-hover);color:var(--w-accent);border-color:#e6c17040;box-shadow:0 0 12px #e6c1700f}#lang-continue{padding:14px 36px;font-size:1.1em;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);cursor:pointer;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:2px;width:280px;transition:all var(--w-transition-fast);box-shadow:0 2px 12px #e6c17040}#lang-continue:hover{background:linear-gradient(135deg,var(--w-accent-hover) 0%,var(--w-accent) 100%);box-shadow:0 4px 20px #e6c17066;transform:translateY(-1px)}#lang-continue:active{transform:translateY(0);box-shadow:0 1px 4px #e6c17026}.change-lang-link{color:var(--w-text-primary);font-size:12px;cursor:pointer;letter-spacing:.5px;border:none;background:none;font-family:inherit;text-decoration:none;opacity:.5;transition:all var(--w-transition-fast);text-shadow:0 1px 8px rgba(0,0,0,.6)}.change-lang-link:hover{color:var(--w-accent);opacity:1}#character-screen{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;background:url(/assets/menu-char-bg.webp);background-size:cover;background-position:center 70%;background-color:var(--w-bg-primary);position:relative}#character-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(10,7,18,.7) 0%,transparent 30%),linear-gradient(to top,rgba(10,7,18,.9) 0%,rgba(10,7,18,.3) 35%,transparent 55%),radial-gradient(ellipse at center,transparent 25%,rgba(10,7,18,.7) 100%)}#character-screen>*{position:relative;z-index:1}#character-screen h2{color:var(--w-accent);margin-bottom:16px;font-size:1.5em;text-shadow:0 2px 16px rgba(230,193,112,.3);text-transform:uppercase;letter-spacing:4px;font-weight:800}.char-list{margin-bottom:16px;width:320px}.char-list p{color:var(--w-text-muted);text-align:center;font-style:italic}.char-entry{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#13101db3;border:1px solid rgba(42,36,64,.6);border-radius:var(--w-radius-sm);margin-bottom:6px;transition:all var(--w-transition-fast);backdrop-filter:blur(4px)}.char-entry:hover{border-color:#e6c17026;background:#1e192cb3}.char-entry span{font-size:1.05em;color:var(--w-text-primary);letter-spacing:.5px;font-weight:500}.char-entry button{padding:8px 16px;font-size:.9em;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);cursor:pointer;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all var(--w-transition-fast);box-shadow:0 2px 8px #e6c17033}.char-entry button:hover{background:linear-gradient(135deg,var(--w-accent-hover) 0%,var(--w-accent) 100%);box-shadow:0 4px 16px #e6c17059;transform:translateY(-1px)}.char-entry button:active{transform:translateY(0);box-shadow:0 1px 4px #e6c17026}.create-char{display:flex;gap:8px;width:320px}.create-char input{flex:1;padding:12px 14px;font-size:1em;background:#0d0a15cc;border:1px solid var(--w-border);border-radius:var(--w-radius-sm);color:var(--w-text-primary);font-family:inherit;outline:none;transition:border-color var(--w-transition-fast),box-shadow var(--w-transition-fast);backdrop-filter:blur(8px)}.create-char input:focus{border-color:var(--w-accent-dim);box-shadow:0 0 0 3px #e6c1701a}.create-char button{width:auto;padding:12px 20px;font-size:.9em;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);cursor:pointer;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all var(--w-transition-fast);box-shadow:0 2px 8px #e6c17033}.create-char button:hover{background:linear-gradient(135deg,var(--w-accent-hover) 0%,var(--w-accent) 100%);box-shadow:0 4px 16px #e6c17059;transform:translateY(-1px)}.create-char button:active{transform:translateY(0)}#back-btn{margin-top:12px;background:#1a152699;color:var(--w-text-secondary);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);width:auto;padding:8px 20px;font-size:.9em;font-family:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all var(--w-transition-fast);backdrop-filter:blur(4px)}#back-btn:hover{color:var(--w-text-primary);border-color:var(--w-accent-dim);background:#1e192cb3}#back-btn:active{transform:translateY(1px)}#server-info{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;background:#13101db3;border:1px solid rgba(42,36,64,.6);border-radius:var(--w-radius-sm);backdrop-filter:blur(4px)}#server-name{color:var(--w-text-primary);font-size:1.05em;letter-spacing:.5px;font-weight:500}.server-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.server-status-dot.status-online{background:var(--w-success);box-shadow:0 0 8px #4ade8080}.server-status-dot.status-offline{background:var(--w-error);box-shadow:0 0 8px #f8717166}.server-status-dot.status-unknown{background:var(--w-text-muted)}#disconnect-banner{background:#f8717114;border:1px solid rgba(248,113,113,.3);border-radius:var(--w-radius-sm);color:var(--w-error);padding:10px 16px;margin-bottom:12px;font-size:.85em;text-align:center;letter-spacing:.5px;max-width:360px;backdrop-filter:blur(4px)}#disconnect-banner.banner-online{background:#4ade800f;border-color:#4ade8040;color:var(--w-success)}#server-detail{display:none;color:var(--w-text-muted);font-size:.8em;letter-spacing:1px;margin-bottom:8px}#server-select-screen{display:none;flex-direction:column;align-items:center;width:100%;background:url(/assets/menu-bg.webp);background-size:cover;background-position:center 70%;background-color:var(--w-bg-primary);padding:40px 20px;overflow-y:auto;position:relative}#server-select-screen:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgba(10,7,18,.75) 0%,transparent 30%),linear-gradient(to top,rgba(10,7,18,.9) 0%,rgba(10,7,18,.4) 30%,transparent 50%),radial-gradient(ellipse at center,transparent 30%,rgba(10,7,18,.7) 100%)}#server-select-screen>*{position:relative;z-index:1}#server-select-screen h2{color:var(--w-accent);font-size:1.5em;text-shadow:0 2px 16px rgba(230,193,112,.3);text-transform:uppercase;letter-spacing:4px;margin-bottom:24px;font-weight:800}.server-select-section-title{color:var(--w-accent-dim);font-size:.75em;text-transform:uppercase;letter-spacing:3px;margin-bottom:8px;align-self:flex-start;max-width:500px;width:100%;font-weight:700}.server-select-list{width:100%;max-width:500px;margin-bottom:20px}.server-row{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#13101db3;border:1px solid rgba(42,36,64,.6);border-radius:var(--w-radius-sm);margin-bottom:6px;cursor:pointer;transition:all var(--w-transition-fast);backdrop-filter:blur(4px)}.server-row:hover{background:#1e192ccc;border-color:#e6c17026;transform:translate(3px)}.server-row-name{flex:1;color:var(--w-text-primary);font-size:1em;letter-spacing:.5px;font-weight:500}.server-row-status{color:var(--w-text-muted);font-size:.8em;text-transform:uppercase;letter-spacing:1px}.server-row-region{background:var(--w-purple-dim);color:var(--w-purple);font-size:.7em;padding:2px 8px;border:1px solid rgba(139,108,199,.2);border-radius:8px;letter-spacing:1px}.server-row-play{padding:8px 16px;font-size:.85em;background:linear-gradient(135deg,var(--w-accent) 0%,var(--w-accent-dim) 100%);color:var(--w-bg-primary);border:none;border-radius:var(--w-radius-sm);cursor:pointer;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all var(--w-transition-fast);box-shadow:0 2px 8px #e6c17033}.server-row-play:hover{background:linear-gradient(135deg,var(--w-accent-hover) 0%,var(--w-accent) 100%);box-shadow:0 4px 16px #e6c17059;transform:translateY(-1px)}.server-row-play:active{transform:translateY(0);box-shadow:0 1px 4px #e6c17026}#server-search{padding:12px 18px;font-size:1em;background:#0d0a15cc;border:1px solid var(--w-border);border-radius:var(--w-radius-sm);color:var(--w-text-primary);font-family:inherit;letter-spacing:0;outline:none;width:100%;max-width:500px;margin-bottom:16px;transition:border-color var(--w-transition-fast),box-shadow var(--w-transition-fast);backdrop-filter:blur(8px)}#server-search:focus{border-color:var(--w-accent-dim);box-shadow:0 0 0 3px #e6c1701a}#server-select-back{margin-top:8px;background:#1a152699;color:var(--w-text-secondary);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);padding:8px 20px;font-size:.9em;font-family:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:1px}#server-select-back:hover{color:var(--w-text-primary);border-color:var(--w-accent-dim);background:#1e192cb3}.server-select-loading,.server-select-empty,.server-select-error{color:var(--w-text-muted);font-size:.9em;text-align:center;padding:20px}.server-select-error{color:var(--w-error)}#server-select-engine-branding{position:absolute;bottom:12px;right:16px;font-size:.65em;letter-spacing:2px;font-weight:700;text-transform:uppercase;background:linear-gradient(135deg,var(--w-text-secondary),var(--w-accent-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.4}.servers-panel-list{max-height:240px;overflow-y:auto;margin-bottom:4px}.servers-panel-entry{padding:6px 8px;cursor:pointer;border-bottom:1px solid #1d2b53}.servers-panel-entry:hover{background:#1d2b53}.servers-panel-entry.server-stopped{opacity:.6}.servers-panel-entry-name{color:#fff1e8;font-size:12px;letter-spacing:1px}.servers-panel-entry-meta{display:flex;justify-content:space-between;font-size:10px;color:#5f574f;margin-top:2px}.servers-panel-status{text-transform:uppercase;letter-spacing:1px}.servers-panel-status-running{color:#00e436}.servers-panel-status-stopped{color:#ff004d}.servers-panel-refresh{width:100%;padding:4px;font-size:10px;background:#1d2b53;color:#c2c3c7;border:2px solid;border-color:#7e7084 #3b2841 #3b2841 #7e7084;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:1px}.servers-panel-refresh:hover{background:#29366b}.servers-loading{color:#5f574f;font-size:11px;text-align:center;padding:12px 4px}#game-screen{display:none;width:100%;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cline x1='4' y1='10' x2='8' y2='10' stroke='%23000' stroke-width='3'/%3E%3Cline x1='12' y1='10' x2='16' y2='10' stroke='%23000' stroke-width='3'/%3E%3Cline x1='10' y1='4' x2='10' y2='8' stroke='%23000' stroke-width='3'/%3E%3Cline x1='10' y1='12' x2='10' y2='16' stroke='%23000' stroke-width='3'/%3E%3Cline x1='4' y1='10' x2='8' y2='10' stroke='%23fff1e8' stroke-width='1.5'/%3E%3Cline x1='12' y1='10' x2='16' y2='10' stroke='%23fff1e8' stroke-width='1.5'/%3E%3Cline x1='10' y1='4' x2='10' y2='8' stroke='%23fff1e8' stroke-width='1.5'/%3E%3Cline x1='10' y1='12' x2='10' y2='16' stroke='%23fff1e8' stroke-width='1.5'/%3E%3Crect x='9' y='9' width='2' height='2' fill='%23fff1e8'/%3E%3C/svg%3E") 10 10,crosshair}#game-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;position:relative}#main-area{flex:1;min-height:0;position:relative;overflow:hidden}#canvas-container{width:100%;height:100%;overflow:hidden;padding:0;background:#000;position:relative;cursor:none}#hud-panel{position:absolute;top:0;right:0;bottom:0;width:300px;display:flex;flex-direction:column;gap:6px;padding:6px 6px 6px 40px;background:linear-gradient(to right,transparent 0%,rgba(10,7,18,.8) 25px,rgba(10,7,18,.95) 40px);overflow-y:auto;overflow-x:hidden;z-index:10}body.mobile #hud-panel{display:none}#game-canvas-gl{display:none;position:absolute;top:0;left:0;border:none;background:#000;image-rendering:pixelated;transform-origin:top left;cursor:none;z-index:0}#game-canvas{position:absolute;top:0;left:0;border:none;background:#000;image-rendering:pixelated;transform-origin:top left;will-change:transform;cursor:none;z-index:1}body.webgl-active #game-canvas{background:transparent}body.webgl-active #game-canvas-gl{display:block}#tick-display{color:#5f574f;font-size:12px}.floating-panel{position:fixed;background:var(--w-bg-secondary);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);pointer-events:all;z-index:501;box-shadow:var(--w-shadow-card);font-family:var(--w-font-body)}.floating-panel-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--w-bg-input);border-bottom:1px solid var(--w-border);color:var(--w-accent);font-size:11px;text-transform:uppercase;letter-spacing:1px;user-select:none;cursor:move}.floating-panel-content{padding:4px}#minimap-container{margin-bottom:8px;display:flex;justify-content:center}#minimap-canvas{border:3px solid;border-color:#3b2841 #7e7084 #7e7084 #3b2841;background:#000;image-rendering:pixelated}h3{color:#ffec27;margin-bottom:6px;font-size:13px;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 0 #ab5236;border-bottom:1px solid #3b2841;padding-bottom:4px}#entity-list{overflow-y:auto;font-size:12px;margin-bottom:8px;height:120px}.entity-entry{padding:3px 4px;cursor:pointer;border-bottom:1px solid #1d2b53;display:flex;align-items:center;gap:6px}.entity-entry:hover{background:#1d2b53}.entity-entry:before{content:"";display:inline-block;width:8px;height:8px;flex-shrink:0}.entity-player{color:#29adff}.entity-player:before{background:#29adff}.entity-creature{color:#ff004d}.entity-creature:before{background:#ff004d}.entity-npc{color:#00e436;cursor:default}.entity-npc:before{background:#00e436}.entity-dead{color:#5f574f;text-decoration:line-through}.entity-dead:before{background:#5f574f}.entity-target{background:#ff004d26;border-left:3px solid #ff004d;padding-left:5px}#bottom-bar{flex-shrink:0;height:100px;display:flex;flex-direction:row;border-top:3px solid rgba(59,40,65,.5);z-index:20;pointer-events:auto;overflow:visible}#chat-bar{flex:1;min-width:0;display:flex;flex-direction:column;background:#14182873}#status-banner{position:absolute;bottom:180px;left:50%;transform:translate(-50%);color:#ffec27;font-family:monospace;font-size:18px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7);pointer-events:none;z-index:1000;opacity:0;transition:opacity .4s;white-space:nowrap}#status-banner.visible{opacity:1}#status-banner.feudal,#status-banner.error{color:#f44}#status-banner.zone{color:#f0c060;font-style:italic}#status-banner.poi{color:#29cdcd}#status-banner.craft-materials{white-space:normal;background:#0a0712eb;border:1px solid rgba(100,80,140,.5);border-radius:8px;padding:10px 16px;min-width:180px;text-align:left}.cb-title{color:#ff6b6b;font-size:15px;font-weight:700;margin-bottom:8px;text-align:center;text-shadow:0 0 6px rgba(255,60,60,.4)}.cb-grid{display:flex;flex-direction:column;gap:4px}.cb-row{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400}.cb-sprite{image-rendering:pixelated;flex-shrink:0}.cb-station-icon{width:24px;text-align:center;font-size:16px;line-height:24px}.cb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.cb-qty{font-family:monospace;font-size:13px;white-space:nowrap}.cb-ok .cb-name,.cb-ok .cb-qty{color:#6bff6b}.cb-miss .cb-name,.cb-miss .cb-qty{color:#ff6b6b}#interact-toast{position:absolute;bottom:110px;left:50%;transform:translate(-50%);background:#141828d9;color:#fff1e8;font-family:monospace;font-size:14px;padding:8px 20px;border:1px solid #29adff;border-radius:4px;pointer-events:none;z-index:15;opacity:0;transition:opacity .2s;white-space:pre-line;text-align:center;line-height:1.6}#interact-toast.visible{opacity:1}#interact-toast kbd{background:#3b2841b3;border:1px solid #5f5577;border-radius:3px;padding:1px 6px;color:#ffec27;font-family:monospace;font-size:14px;font-weight:700}#weight-bar{flex-shrink:0;height:4px;background:#0f0b18;z-index:19;pointer-events:auto;opacity:0;transition:opacity .4s ease,height .15s ease;position:relative}#weight-bar.visible{opacity:1}#weight-bar:hover{height:10px}#weight-bar-fill{position:absolute;top:0;left:0;height:100%;width:0%;transition:width .3s ease,background .3s ease}#weight-bar-fill.tier-none{background:linear-gradient(180deg,#a0a0a0,#707070)}#weight-bar-fill.tier-burdened{background:linear-gradient(180deg,#ffa040,#cc7020)}#weight-bar-fill.tier-overburdened{background:linear-gradient(180deg,#ff4040,#cc2020);animation:weight-pulse 1s ease-in-out infinite}@keyframes weight-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}#weight-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:monospace;font-size:9px;font-weight:700;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}#weight-bar:hover #weight-bar-text{opacity:1}#tutor-card{position:fixed;top:48px;right:300px;z-index:800;width:280px;max-width:calc(100vw - 32px);background:#141828eb;border:1px solid var(--w-border);border-radius:var(--w-radius-md);font-family:inherit;color:var(--w-text-primary);pointer-events:auto;transform:translate(50px);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out,right .25s ease;box-shadow:var(--w-shadow-card);backdrop-filter:blur(8px)}#tutor-card.visible{transform:translate(0);opacity:1}#tutor-card.hiding{transform:translate(50px);opacity:0;transition:transform .2s ease-in,opacity .2s ease-in}body:has(#right-sidebar.open) #tutor-card{right:580px!important}.tutor-header{display:flex;align-items:center;gap:8px;padding:10px 12px 6px;border-bottom:1px solid var(--w-border-subtle)}.tutor-icon{font-size:18px;flex-shrink:0}.tutor-title{font-size:13px;font-weight:700;color:var(--w-accent);flex:1}.tutor-close{background:none;border:none;color:var(--w-text-muted);font-size:18px;cursor:pointer;padding:0;line-height:1;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--w-transition-fast)}.tutor-close:hover{color:var(--w-text-primary)}.tutor-body{padding:8px 12px 4px;font-size:12px;line-height:1.5;color:var(--w-text-secondary)}.tutor-detail{padding:0 12px;font-size:11px;line-height:1.5;color:var(--w-text-muted);max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease}.tutor-detail.open{max-height:200px;padding:6px 12px}.tutor-footer{display:flex;align-items:flex-end;justify-content:space-between;padding:6px 12px 10px;gap:8px}.tutor-footer-left{display:flex;flex-direction:column;gap:6px}.tutor-dont-show{display:flex;align-items:center;font-size:10px;color:var(--w-text-muted);cursor:pointer;gap:4px;user-select:none}.tutor-dont-show input[type=checkbox]{width:14px;height:14px;accent-color:var(--w-accent);cursor:pointer;margin:0}.tutor-more-btn{background:none;border:none;color:var(--w-text-muted);font-size:11px;font-family:inherit;cursor:pointer;padding:4px 0;transition:color var(--w-transition-fast)}.tutor-more-btn:hover{color:var(--w-accent)}.tutor-dismiss-btn{background:var(--w-bg-tertiary);border:1px solid var(--w-border);color:var(--w-accent);font-size:11px;font-family:inherit;font-weight:600;padding:6px 14px;border-radius:var(--w-radius-sm);cursor:pointer;min-height:32px;transition:all var(--w-transition-fast)}.tutor-dismiss-btn:hover{background:var(--w-bg-card-hover);border-color:var(--w-accent)}#tutor-card kbd{display:inline-block;background:var(--w-bg-tertiary);border:1px solid var(--w-border);border-radius:3px;padding:1px 5px;font-size:10px;font-family:inherit;color:var(--w-accent)}.kb-tab-content,.kb-tab-content .up-body{height:100%}.kb-cards{display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto;height:100%}.kb-card{background:#141828eb;border:1px solid var(--w-border);border-radius:var(--w-radius-sm);padding:10px 12px}.kb-card-locked{opacity:.4}.kb-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.kb-card-icon{font-size:16px;flex-shrink:0}.kb-card-title{font-size:13px;font-weight:700;color:var(--w-accent)}.kb-card-body{font-size:12px;line-height:1.5;color:var(--w-text-secondary);margin-bottom:4px}.kb-card-detail{font-size:11px;line-height:1.5;color:var(--w-text-muted);border-top:1px solid var(--w-border);padding-top:6px;margin-top:4px}.kb-card-unseen{font-style:italic;color:var(--w-text-muted)}.kb-card kbd{display:inline-block;background:var(--w-bg-tertiary);border:1px solid var(--w-border);border-radius:3px;padding:1px 5px;font-size:10px;font-family:var(--w-font-mono);color:var(--w-accent)}body.mobile .kb-card{padding:12px 14px}body.mobile .kb-card-header{min-height:44px;padding:10px 0}.tutor-summary{display:none}body.mobile #tutor-card{position:static;width:auto;max-width:220px;transform:none;opacity:1;padding:6px 12px;border-radius:16px;font-size:12px;backdrop-filter:blur(8px);background:#141828eb;border:1px solid var(--w-border);box-shadow:none;max-height:32px;overflow:hidden;transition:max-height .2s ease,opacity .3s ease}body.mobile #tutor-card.hiding{transform:none;opacity:0}body.mobile .tutor-summary{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}body.mobile .tutor-summary-icon{flex-shrink:0}body.mobile .tutor-summary-text{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--w-text-primary)}body.mobile #tutor-card .tutor-header,body.mobile #tutor-card .tutor-body,body.mobile #tutor-card .tutor-detail,body.mobile #tutor-card .tutor-footer{display:none}body.mobile #tutor-card.tutor-expanded{position:fixed;inset:8px 8px auto auto;width:50vw;min-width:220px;max-width:320px;max-height:60vh;overflow-y:auto;border-radius:var(--w-radius-md);padding:0;z-index:850;box-shadow:var(--w-shadow-card);animation:jt-slide-down .2s ease}body.mobile #tutor-card.tutor-expanded .tutor-summary{display:none}body.mobile #tutor-card.tutor-expanded .tutor-header,body.mobile #tutor-card.tutor-expanded .tutor-body,body.mobile #tutor-card.tutor-expanded .tutor-footer{display:flex}body.mobile #tutor-card.tutor-expanded .tutor-body,body.mobile #tutor-card.tutor-expanded .tutor-detail{display:block}#xp-bar{flex-shrink:0;height:6px;background:#0f0b18;z-index:19;pointer-events:auto;position:relative}#xp-bar-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(180deg,#ffe060,#d4a020);transition:width .3s ease}#xp-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:monospace;font-size:9px;font-weight:700;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}#xp-bar:hover #xp-bar-text{opacity:1}#xp-bar:hover{height:12px}#backpack-hint{position:absolute;bottom:110px;left:12px;display:flex;align-items:center;gap:8px;background:#141828d9;color:#c2c3c7;font-family:monospace;font-size:13px;padding:6px 14px;border:1px solid #3b2841;border-radius:4px;pointer-events:none;z-index:15;transition:left .25s ease}#backpack-hint .backpack-hint-icon{font-size:18px}#backpack-hint kbd{background:#3b2841b3;border:1px solid #5f5577;border-radius:3px;padding:1px 6px;color:#ffec27;font-family:monospace;font-size:13px;font-weight:700}#bar-center-hub{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:4px 6px;background:#0f0b1899;border-left:2px solid rgba(59,40,65,.5);border-right:2px solid rgba(59,40,65,.5)}.hub-btn{position:relative;width:80px;height:80px;background:linear-gradient(180deg,#1e1e2e,#141422,#1e1e2e);border:2px solid;border-color:#6a6080 #3a3050 #3a3050 #6a6080;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:inset 0 0 8px #0009}.hub-btn:hover{border-color:#8a80a0 #4a4060 #4a4060 #8a80a0;background:linear-gradient(180deg,#2e2e3e,#242432,#2e2e3e)}.hub-btn:active{border-color:#3a3050 #6a6080 #6a6080 #3a3050}.hub-btn-icon{font-size:34px;line-height:1;filter:grayscale(.3)}.hub-btn-svg{width:36px;height:36px;color:#c2c3c7;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.hub-btn:hover .hub-btn-svg{color:#fff}.hub-btn-key{position:absolute;top:3px;right:5px;background:#0000008c;color:#ffec27;font-family:monospace;font-size:10px;font-weight:700;padding:1px 4px;border-radius:2px;border:1px solid rgba(255,236,39,.25);text-shadow:0 0 4px rgba(0,0,0,.9);line-height:1.2}.skillpoints-btn{position:relative;width:80px;height:80px;background:linear-gradient(180deg,#2a1f0e,#1a1208,#2a1f0e);border:2px solid #8b7355;border-color:#a08060 #5a4020 #5a4020 #a08060;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:inset 0 0 8px #0009}.skillpoints-btn:hover{border-color:#c0a070 #7a5030 #7a5030 #c0a070;background:linear-gradient(180deg,#3a2f1e,#2a2018,#3a2f1e)}.skillpoints-btn:active{border-color:#5a4020 #a08060 #a08060 #5a4020}.skillpoints-icon{color:#d4a854;font-size:36px;font-weight:700;font-family:monospace;line-height:1;text-shadow:0 0 6px rgba(212,168,84,.4)}.skillpoints-badge{position:absolute;top:3px;left:5px;min-width:18px;height:18px;background:#c03020;color:#fff;font-family:monospace;font-size:11px;font-weight:700;line-height:18px;text-align:center;border-radius:2px;padding:0 3px;display:none}.skillpoints-key{position:absolute;top:3px;right:5px;background:#0000008c;color:#ffec27;font-family:monospace;font-size:12px;font-weight:700;padding:1px 5px;border-radius:2px;border:1px solid rgba(255,236,39,.25);text-shadow:0 0 4px rgba(0,0,0,.9);line-height:1.2}.skillpoints-btn.has-points .skillpoints-badge{display:block}.skillpoints-btn.has-points{border-color:#d4a854 #8b6a30 #8b6a30 #d4a854;animation:skillpoints-glow 2s ease-in-out infinite}.skillpoints-btn.has-points .skillpoints-icon{color:#ffe090;text-shadow:0 0 8px rgba(255,224,144,.7)}@keyframes skillpoints-glow{0%,to{box-shadow:inset 0 0 6px #0009,0 0 6px #d4a8544d}50%{box-shadow:inset 0 0 6px #0009,0 0 14px #d4a854b3}}#build-hud{display:none;position:absolute;bottom:56px;left:50%;transform:translate(-50%);background:#0a0712eb;border:1px solid rgba(100,80,140,.5);border-radius:8px;padding:8px 14px;min-width:220px;text-align:center;z-index:100;pointer-events:none}#build-hud.active{display:block}#build-hud .bh-title{font-size:13px;font-weight:700;color:#e6c170;margin-bottom:4px}#build-hud .bh-size{font-size:12px;color:#fff1e8;margin-bottom:4px}#build-hud .bh-mats{display:flex;justify-content:center;gap:10px;margin-bottom:4px;font-size:11px}#build-hud .bh-mat-ok{color:#00e436}#build-hud .bh-mat-miss{color:#ff004d}#build-hud .bh-keys{font-size:10px;color:#83769c;line-height:1.4}#build-hud .bh-keys kbd{background:#64508c4d;border:1px solid rgba(100,80,140,.5);border-radius:3px;padding:0 4px;font-size:10px;color:#c0b090;font-family:monospace}#skill-bar{flex:1;min-width:0;display:flex;flex-direction:row;background:#0f0b1880;border-left:2px solid rgba(59,40,65,.5);padding:4px;gap:2px;overflow:hidden}.skill-slot{flex:1 1 0;min-width:0;height:calc(100% - 4px);background:linear-gradient(180deg,#1e1e2e,#141422,#1e1e2e);border:2px solid;border-color:#6a6080 #3a3050 #3a3050 #6a6080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-family:inherit;position:relative;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 6px #00000080;padding:2px;overflow:hidden}.skill-slot:hover{border-color:#8a80a0 #4a4060 #4a4060 #8a80a0;background:linear-gradient(180deg,#2e2e3e,#242432,#2e2e3e)}.skill-slot:active{border-color:#3a3050 #6a6080 #6a6080 #3a3050}.skill-slot.castable{background:linear-gradient(180deg,#1a2a50,#102040,#1a2a50);border-color:rgba(100,150,255,.5) rgba(40,60,100,.5) rgba(40,60,100,.5) rgba(100,150,255,.5)}.skill-slot.has-item{background:linear-gradient(180deg,#1a3a28,#102818,#1a3a28);border-color:rgba(80,200,120,.5) rgba(30,80,40,.5) rgba(30,80,40,.5) rgba(80,200,120,.5)}.skill-slot.cooldown{opacity:.5;background:linear-gradient(180deg,#2a1515,#1a0a0a,#2a1515);border-color:rgba(150,50,50,.5) rgba(80,20,20,.5) rgba(80,20,20,.5) rgba(150,50,50,.5)}.slot-key{position:absolute;top:3px;right:4px;background:#0000008c;color:#ffec27;font-family:monospace;font-size:10px;font-weight:700;padding:0 4px;border-radius:2px;border:1px solid rgba(255,236,39,.25);text-shadow:0 0 4px rgba(0,0,0,.9);line-height:1.3;z-index:1}.slot-thumb{image-rendering:pixelated;width:48px;height:48px;flex-shrink:0}.slot-thumb-empty{width:48px;height:48px;flex-shrink:0;background:#ffffff08;border:1px dashed rgba(255,255,255,.08)}.slot-name{font-size:9px;color:#c2c3c7;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.1}.skill-slot.cooldown .slot-name{color:#83769c}.slot-mana{position:absolute;bottom:2px;left:4px;font-size:9px;font-weight:700;color:#6cb4ee;text-shadow:0 0 3px #000;pointer-events:none}.skill-slot.cooldown .slot-mana{color:#83769c}.slot-mana.slot-stamina{color:#c8b84d}.skill-slot.cooldown .slot-mana.slot-stamina{color:#83769c}.slot-cd{position:absolute;bottom:2px;right:4px;font-size:9px;font-weight:700;color:#ff8a8a;text-shadow:0 0 3px #000;pointer-events:none}.slot-count{position:absolute;bottom:2px;left:4px;font-size:9px;font-weight:700;color:#a0e0a0;text-shadow:0 0 3px #000;pointer-events:none}.skill-slot-profile{flex:1 1 0;min-width:0;height:calc(100% - 4px);display:flex;flex-direction:column;gap:1px;overflow:hidden}.profile-tab{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1e1e2e,#141422,#1e1e2e);border:1px solid;border-color:#6a6080 #3a3050 #3a3050 #6a6080;color:#8a80a0;font-size:11px;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:0;padding:0 1px}.profile-tab:hover{background:linear-gradient(180deg,#2e2e3e,#242432,#2e2e3e)}.profile-tab:active{border-color:#3a3050 #6a6080 #6a6080 #3a3050}.profile-tab.active{background:linear-gradient(180deg,#2a1a50,#1a1040,#2a1a50);border-color:rgba(180,140,255,.6) rgba(80,50,120,.6) rgba(80,50,120,.6) rgba(180,140,255,.6);filter:brightness(1.2)}.profile-switch-toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%) translateY(10px);background:#140f1ee6;border:1px solid rgba(180,140,255,.4);color:#e6c170;padding:6px 16px;border-radius:6px;font-size:14px;font-weight:700;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:2000}.profile-switch-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}#skill-bar.binding-active{position:fixed;bottom:0;right:0;z-index:1100}.skill-slot.binding-target{border-color:#ffec27!important;animation:binding-pulse .8s ease-in-out infinite}@keyframes binding-pulse{0%,to{outline:2px solid rgba(255,236,39,.3);outline-offset:-2px}50%{outline:3px solid rgba(255,236,39,.7);outline-offset:-3px}}.skill-count{font-size:7px;color:#ffec27;position:absolute;bottom:1px;right:2px;pointer-events:none}#chat-tabs{display:flex;gap:0;border-bottom:2px solid #3b2841;flex-shrink:0}.chat-tab{padding:4px 12px;font-size:10px;font-family:inherit;text-transform:uppercase;letter-spacing:1px;background:#0f0b184d;color:#5f574f;border:none;border-right:2px solid rgba(59,40,65,.35);cursor:pointer}.chat-tab:hover{color:#c2c3c7;background:#1d2b5366}.chat-tab.active{background:#1d2b5373;color:#ffec27;border-bottom:2px solid #ffec27;margin-bottom:-2px}.chat-tab.unread{color:#ff004d}.chat-tab.unread:after{content:" *";color:#ff004d}.chat-expand-btn{margin-left:auto;padding:4px 8px;font-size:10px;font-family:inherit;background:#0f0b184d;color:#5f574f;border:none;cursor:pointer;line-height:1}.chat-expand-btn:hover{color:#c2c3c7;background:#1d2b5366}#chat-bar.chat-expanded{margin-top:-250px;background:#141828f2}#chat-bar.chat-expanded .chat-expand-btn{transform:rotate(180deg)}#chat-log{flex:1;overflow-y:auto;font-size:14px;padding:4px 8px;background:#0f0b1859}.chat-msg{padding:1px 0}.chat-msg:before{content:"> ";color:#5f574f}.chat-name{color:#ffec27}.chat-system{color:#5f574f;font-style:italic}.chat-system:before{content:"* ";color:#5f574f}.chat-damage{color:#ff6c24}.chat-damage:before{content:"! ";color:#ff004d}.chat-death{color:#ff004d;font-weight:700}.chat-death:before{content:"X ";color:#ff004d}.chat-respawn{color:#00e436}.chat-respawn:before{content:"+ ";color:#00e436}#chat-input-row{display:flex;align-items:center;gap:0;flex-shrink:0;border-top:2px solid rgba(59,40,65,.35)}#chat-channel-label{padding:4px 8px;font-size:10px;color:#29adff;background:#0f0b1859;border-right:2px solid rgba(59,40,65,.35);text-transform:uppercase;letter-spacing:1px;cursor:pointer;user-select:none;flex-shrink:0}#chat-channel-label:hover{color:#ffec27;background:#1d2b53}#chat-input{flex:1;padding:4px 8px;background:#0f0b18;border:none;color:#fff1e8;font-family:inherit;font-size:12px;letter-spacing:.5px;outline:none}#chat-input:focus{background:#141828}#chat-input.disabled{color:#3b2841;cursor:not-allowed}#controls-hint{font-size:11px;color:#5f574f;margin-top:6px;text-align:center}#controls-hint kbd{display:inline-block;background:#141828;border:2px solid;border-color:#7e7084 #3b2841 #3b2841 #7e7084;padding:1px 5px;font-family:inherit;font-size:10px;color:#c2c3c7;margin:0 1px}#entity-list::-webkit-scrollbar,#chat-log::-webkit-scrollbar,#right-sidebar::-webkit-scrollbar,#sidebar-panels::-webkit-scrollbar,#left-sidebar::-webkit-scrollbar,#left-sidebar-panels::-webkit-scrollbar{width:10px}#entity-list::-webkit-scrollbar-track,#chat-log::-webkit-scrollbar-track,#right-sidebar::-webkit-scrollbar-track,#sidebar-panels::-webkit-scrollbar-track,#left-sidebar::-webkit-scrollbar-track,#left-sidebar-panels::-webkit-scrollbar-track{background:#0f0b18}#entity-list::-webkit-scrollbar-thumb,#chat-log::-webkit-scrollbar-thumb,#right-sidebar::-webkit-scrollbar-thumb,#sidebar-panels::-webkit-scrollbar-thumb,#left-sidebar::-webkit-scrollbar-thumb,#left-sidebar-panels::-webkit-scrollbar-thumb{background:#5f574f;border:2px solid;border-color:#7e7084 #3b2841 #3b2841 #7e7084}#death-flash{position:fixed;inset:0;background:#ff004d;pointer-events:none;opacity:0;z-index:9998;transition:opacity .1s}#world-event-boss-hpbar{position:absolute;top:12px;left:50%;transform:translate(-50%);width:min(420px,80vw);z-index:200;pointer-events:none;transition:opacity .3s}#world-event-boss-hpbar.hidden{opacity:0;pointer-events:none;display:none}.we-boss-name{text-align:center;font-size:14px;font-weight:700;color:#f44;text-shadow:0 0 8px rgba(255,50,50,.6),0 0 16px rgba(200,0,0,.3);margin-bottom:3px;letter-spacing:1px}.we-boss-track{position:relative;height:16px;background:#0a0712d9;border:1px solid rgba(255,60,60,.4);border-radius:4px;overflow:hidden}.we-boss-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(180deg,#c22,#811);transition:width .3s ease-out;border-radius:3px 0 0 3px}.we-boss-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#status-banner.world-event{color:#f33;text-shadow:0 0 12px rgba(255,50,50,.8),0 0 24px rgba(200,0,0,.4);font-size:18px;letter-spacing:1.5px}#equipment-panel{margin-bottom:8px}.equip-grid{display:grid;grid-template-columns:repeat(3,42px);gap:3px;justify-content:center}.equip-slot{background:var(--w-bg-input);border:1px solid var(--w-border);border-radius:4px;width:42px;height:42px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .12s,background .12s}.equip-slot-filled{background:var(--w-bg-card);cursor:pointer}.equip-slot-filled:hover{background:var(--w-bg-card-hover);border-color:var(--w-border-focus)}.equip-slot-cursor{border-color:#ffec27!important;background:var(--w-bg-card-hover);box-shadow:0 0 6px #ffec2766}.equip-slot-spacer{width:42px;height:42px}.equip-slot-label{font-size:8px;color:var(--w-text-muted);text-transform:uppercase;letter-spacing:.5px;position:absolute;bottom:1px;left:0;right:0}.equip-item-sprite{image-rendering:pixelated;display:block;margin:0 auto}.ground-item-sprite{image-rendering:pixelated;flex-shrink:0;width:24px;height:24px;margin-right:4px;vertical-align:middle}.ground-item-no-sprite{width:24px;height:24px;flex-shrink:0;margin-right:4px}.equip-open-bp{margin-top:4px;width:100%;padding:4px 8px;font-size:10px;background:var(--w-bg-card);color:var(--w-purple);border:1px solid var(--w-border);border-radius:4px;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:1px;transition:background .12s,color .12s}.equip-open-bp:hover{background:var(--w-bg-card-hover);color:var(--w-text-primary)}#ground-items-panel{max-height:80px;overflow-y:auto;margin-bottom:8px;font-size:11px}.ground-empty{color:var(--w-text-muted);font-size:10px;padding:2px 0}.ground-item-row{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;border-bottom:1px solid var(--w-border-subtle)}.ground-item-row:hover{background:var(--w-bg-card-hover)}.ground-item-name{color:var(--w-accent);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ground-pickup-btn{font-size:9px;padding:1px 6px;background:#008751;color:#fff1e8;border:2px solid;border-color:#00e436 #005f37 #005f37 #00e436;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.ground-pickup-btn:hover{background:#00e436;color:#000}#skills-panel{font-size:11px;margin-bottom:8px}.skill-row{display:flex;align-items:center;gap:4px;padding:2px 0}.skill-label{width:48px;color:#c2c3c7;font-size:10px;flex-shrink:0}.skill-level{width:24px;text-align:right;color:#ffec27;font-size:10px;flex-shrink:0}.skill-bar-bg{flex:1;height:6px;background:#0f0b18;border:1px solid #3b2841;overflow:hidden}.skill-bar-fill{height:100%;background:#29adff;transition:width .2s}.skill-card-badge{display:inline-block;background:gold;color:#1a1a2e;font-size:7px;font-weight:700;border-radius:6px;min-width:12px;height:12px;line-height:12px;text-align:center;margin-left:2px;padding:0 2px}#container-overlay{position:fixed;top:0;left:0;pointer-events:none;z-index:500}.container-window{position:fixed;background:var(--w-bg-secondary);border:1px solid var(--w-border);border-radius:var(--w-radius-md);width:250px;pointer-events:all;z-index:501;box-shadow:var(--w-shadow-card);font-family:var(--w-font-body);overflow:hidden}.container-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--w-bg-input);border-bottom:1px solid var(--w-border);color:var(--w-accent);font-size:11px;text-transform:uppercase;letter-spacing:1px;user-select:none}.container-close{background:#f8717126;color:var(--w-error);border:1px solid rgba(248,113,113,.25);border-radius:4px;font-size:9px;cursor:pointer;padding:0 4px;font-family:inherit;font-weight:700;line-height:14px;transition:all .15s}.container-close:hover{background:#f8717140;border-color:var(--w-error)}.container-body{display:flex}.container-grid{display:grid;grid-template-columns:repeat(4,44px);gap:2px;padding:4px;max-height:300px;overflow-y:auto;flex-shrink:0}.container-detail{flex:1;min-width:0;padding:4px 6px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--w-border);max-width:50%}.container-detail-empty{color:var(--w-text-muted);font-size:9px;text-align:center}.container-detail-row{display:flex;align-items:flex-start;gap:6px}.container-detail-sprite{image-rendering:pixelated;display:block;flex-shrink:0;width:40px;height:40px}.container-detail-info{min-width:0;flex:1}.container-detail-name{color:var(--w-text-primary);font-size:10px;font-weight:700;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2}.container-detail-stat{color:var(--w-text-muted);font-size:9px;line-height:1.3}.container-detail-stat span{color:var(--w-accent)}.container-detail-stat-decay{color:#c77b2f}.container-footer{border-top:1px solid var(--w-border);padding:4px;flex-shrink:0}.container-footer-bind-btn{display:none;width:100%;padding:5px 8px;font-family:inherit;font-size:11px;color:var(--w-accent);background:var(--w-bg-card);border:1px solid var(--w-border);border-radius:4px;cursor:pointer;text-align:center;transition:background .12s,border-color .12s}.container-footer-bind-btn:hover{background:var(--w-bg-card-hover);border-color:var(--w-accent)}.container-slot{background:var(--w-bg-input);border:1px solid var(--w-border);border-radius:4px;width:44px;height:44px;padding:0;text-align:center;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .12s,background .12s}.container-item-sprite{image-rendering:pixelated;display:block;max-width:100%;max-height:100%}.container-slot-filled{background:var(--w-bg-card);cursor:pointer}.container-slot-filled:hover{background:var(--w-bg-card-hover);border-color:var(--w-border-focus)}.container-item-count{font-size:9px;font-weight:700;color:var(--w-accent);position:absolute;bottom:0;right:1px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;line-height:1}.container-slot-cursor{border:2px solid #ffec27!important;box-shadow:inset 0 0 8px #ffec2780,0 0 4px #ffec274d;background:var(--w-bg-card-hover)!important}.container-slot-cursor-edit{border:2px solid #00e436!important;box-shadow:inset 0 0 8px #00e43680,0 0 4px #00e4364d;background:#1a3a2a!important}.container-mode-browse{border-color:#ffec27}.container-mode-edit{border-color:#00e436}.container-mode-edit .container-detail{display:none}.container-header-browse{background:#1d2b53;border-bottom-color:#ab5236}.container-header-edit{background:#0a2a1a;border-bottom-color:#008751;color:#00e436}.inventory-mode-badge{font-size:9px;padding:1px 6px;letter-spacing:1px;font-weight:700;margin:0 6px;text-transform:uppercase;border-radius:var(--w-radius-sm)}.inventory-mode-browse{background:#ffec271a;color:#ffec27;border:1px solid #ffec27}.inventory-mode-edit{background:#00e4361a;color:#00e436;border:1px solid #00e436}.inventory-hint-bar{font-size:11px;color:var(--w-text-muted);padding:5px 8px;background:var(--w-bg-input);border-top:1px solid var(--w-border);letter-spacing:.5px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px}.inventory-hint-edit{border-top-color:#008751;color:#008751}.inventory-hint-bar kbd{display:inline-block;background:var(--w-bg-tertiary);border:1px solid var(--w-border);border-radius:3px;padding:1px 5px;font-family:var(--w-font-mono);font-size:11px;color:var(--w-accent);font-weight:700;margin:0 1px}.inventory-hint-bar small{font-size:9px;color:var(--w-text-muted);margin-left:1px}.hint-pair{white-space:nowrap}.item-context-menu{position:fixed;background:var(--w-bg-secondary);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);box-shadow:var(--w-shadow-card);z-index:1000;min-width:80px;cursor:default;overflow:hidden}.context-option{padding:6px 12px;font-size:11px;color:var(--w-text-secondary);cursor:pointer;font-family:var(--w-font-body);transition:background .12s,color .12s}.context-option:hover{background:var(--w-bg-card-hover);color:var(--w-accent)}.context-option-danger{color:#ff6b6b}.context-option-danger:hover{background:#3b1020;color:#ff4040}#unequip-confirm-dialog{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.confirm-box{background:var(--w-bg-secondary);border:1px solid var(--w-border);border-radius:var(--w-radius-md);box-shadow:var(--w-shadow-card);padding:16px 24px;text-align:center;min-width:200px}.confirm-text{font-size:12px;color:var(--w-accent);margin-bottom:12px}.confirm-buttons{display:flex;gap:8px;justify-content:center}.confirm-buttons button{padding:4px 16px;font-family:inherit;font-size:11px;cursor:pointer;border:1px solid var(--w-border);border-radius:4px;transition:background .12s,color .12s}.confirm-yes{background:#f8717133;color:var(--w-error);border-color:#f8717166}.confirm-yes:hover{background:#f8717159}.confirm-no{background:var(--w-bg-card);color:var(--w-text-secondary)}.confirm-no:hover{background:var(--w-bg-card-hover);color:var(--w-accent)}#login-music-btn{position:fixed;top:12px;right:12px;width:32px;height:32px;background:#13101db3;color:var(--w-text-secondary);border:1px solid rgba(42,36,64,.6);border-radius:var(--w-radius-sm);font-size:14px;line-height:1;padding:0;cursor:pointer;font-family:inherit;z-index:200;display:flex;align-items:center;justify-content:center;transition:all var(--w-transition-fast);backdrop-filter:blur(4px)}#login-music-btn:hover{background:#1e192ccc;color:var(--w-accent);border-color:#e6c17026}#login-music-btn.muted,.navbar-icon.muted{color:var(--w-error)}#fullscreen-btn:hover{background:#29366b;border-color:#c2c3c7 #5f574f #5f574f #c2c3c7;color:#ffec27}#fullscreen-btn:active{background:#0f0b18;border-color:#3b2841 #7e7084 #7e7084 #3b2841}#game-screen:fullscreen,#game-screen:-webkit-full-screen{background:#000}#game-screen:fullscreen #game-layout,#game-screen:-webkit-full-screen #game-layout{height:100vh}#top-navbar{display:flex;align-items:center;justify-content:space-between;height:36px;background:var(--w-bg-secondary);border-bottom:1px solid var(--w-border);padding:0 6px;gap:2px;flex-shrink:0;overflow:hidden;font-family:var(--w-font-body)}body.mobile #top-navbar{position:fixed;top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);z-index:502;background:#141828eb;backdrop-filter:blur(4px)}#navbar-left{display:flex;flex:1 1 0;min-width:0;gap:1px;align-items:center;overflow:hidden}#navbar-right{display:flex;flex:0 0 auto;gap:2px;align-items:center}.navbar-sep{display:inline-block;width:1px;height:18px;background:var(--w-border-subtle);margin:0 4px;flex-shrink:0}#env-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--w-text-secondary);white-space:nowrap;height:26px;padding:0 8px;background:var(--w-bg-input);border:1px solid var(--w-border);border-radius:4px;font-family:inherit;letter-spacing:.3px}#env-indicator .env-time{display:inline-flex;align-items:center;gap:3px}#env-indicator .env-weather{display:inline-flex;align-items:center;gap:3px;font-size:12px}.navbar-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:transparent;color:var(--w-text-muted);border:1px solid transparent;border-radius:5px;cursor:pointer;font-family:inherit;padding:0;transition:background .12s,color .12s,border-color .12s}.navbar-icon svg{flex-shrink:0}.navbar-icon:hover{background:#8b6cc71a;color:var(--w-text-primary)}.navbar-icon:active{background:#8b6cc726}.navbar-icon.active{color:var(--w-accent);background:var(--w-accent-glow);border-color:#e6c17026}.navbar-journey-badge{position:absolute;top:-1px;right:-1px;width:7px;height:7px;border-radius:50%;background:var(--w-accent);pointer-events:none;animation:badge-pulse 2s ease-in-out infinite}.container-slot-journey{box-shadow:inset 0 0 0 2px var(--w-accent),0 0 6px #e6c17066}.container-slot-journey-star{position:absolute;top:1px;right:2px;font-size:10px;line-height:1;color:var(--w-accent);pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.8);animation:badge-pulse 2s ease-in-out infinite}.container-detail-journey-banner{margin-top:4px;padding:3px 6px;background:#e6c1701f;border-radius:4px;font-size:11px;color:#e6c170;text-align:left}#navbar-resources{display:flex;align-items:center;gap:2px;overflow:hidden;flex:1 1 0;min-width:0}.navbar-res-item{display:inline-flex;align-items:center;gap:1px;padding:1px 3px;border-radius:3px;flex-shrink:0;cursor:default;height:28px}.navbar-res-item:hover{background:#8b6cc71a}.navbar-res-item canvas{display:block;flex-shrink:0}.navbar-res-count{font-size:10px;font-weight:600;font-family:var(--w-font-mono, monospace);line-height:1;white-space:nowrap;min-width:12px;text-align:right}.idp-journey-banner{margin:6px 0 2px;padding:4px 8px;background:#e6c1701f;border-radius:4px;font-size:11px;color:#e6c170;text-align:center}#right-sidebar{position:fixed;top:37px;right:0;bottom:100px;width:280px;background:#141828;border-left:3px solid #7e7084;transform:translate(100%);transition:transform .2s ease-out;z-index:501;overflow-y:auto;display:flex;flex-direction:column}#right-sidebar.open{transform:translate(0)}body.mobile #right-sidebar{display:none}#left-sidebar{position:fixed;top:37px;left:0;bottom:100px;width:280px;background:#141828;border-right:3px solid #7e7084;transform:translate(-100%);transition:transform .2s ease-out;z-index:501;overflow-y:auto;display:flex;flex-direction:column}#left-sidebar.open{transform:translate(0)}body.mobile #left-sidebar{top:0;bottom:0;width:100%;z-index:600;overflow:hidden}body.mobile #left-sidebar-panels{display:flex;flex-direction:row;overflow:hidden;flex:1}body.mobile #inline-equipment.sidebar-container{flex:1;min-width:0;width:auto!important;border-bottom:none!important;overflow-y:auto;display:flex;flex-direction:column;background:#141828;border:3px solid;border-color:#7e7084 #3b2841 #3b2841 #7e7084;border-right:2px solid #3b2841}body.mobile #inline-equipment .container-header{flex-shrink:0}body.mobile #left-sidebar .container-header{padding:6px 10px;font-size:11px;letter-spacing:1px}body.mobile .inventory-mode-badge,body.mobile .inventory-hint-bar,body.mobile .container-footer{display:none}body.mobile .sidebar-container:not(#inline-equipment){flex:2;min-width:0;width:auto!important;max-height:100%!important;border-bottom:none!important;overflow-y:auto;display:flex;flex-direction:column}body.mobile .sidebar-container .container-detail{display:flex;flex-direction:column;gap:8px;border-left:2px solid #3b2841;border-top:none;min-width:0;flex:1;padding:10px;overflow-y:auto;max-width:none;align-items:center;background:#141828}body.mobile .sidebar-container .container-detail .idp-sprite-wrap,body.mobile .sidebar-container .container-detail .idp-sprite{width:64px;height:64px}body.mobile .sidebar-container .container-detail .idp-action-key{display:none}body.mobile .sidebar-container .container-detail .idp-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%}body.mobile .sidebar-container .container-detail .idp-action-btn{min-height:44px}body.mobile .sidebar-container .container-detail .idp-name{font-size:12px}body.mobile .sidebar-container .container-detail .idp-stats{min-height:0}body.mobile .sidebar-container .container-detail .idp-journey-banner{font-size:9px;padding:3px 6px;margin:0;word-break:break-word;line-height:1.3}#left-sidebar-panels{flex:1;overflow-y:auto}#left-sidebar-hint-area{flex-shrink:0}#left-sidebar-hint-area:empty{display:none}#sidebar-panels{flex:1;overflow-y:auto}#sidebar-hint-area{flex-shrink:0;border-top:1px solid var(--w-border);padding:4px;font-size:10px;color:var(--w-text-muted)}#sidebar-hint-area:empty{display:none}.sidebar-panel{position:static!important;width:100%!important;background:var(--w-bg-secondary);border:none;border-bottom:1px solid var(--w-border);z-index:auto}.sidebar-panel .floating-panel-header{cursor:default}.sidebar-panel .floating-panel-content{padding:4px}#player-status{position:fixed;top:44px;left:10px;width:320px;z-index:400;background:#141828eb;border:1px solid #3b2841;border-radius:4px;padding:10px 12px;pointer-events:auto;display:flex;gap:10px;align-items:flex-start}#player-status:hover{border-color:#7e7084}html.spectate-embed #player-status,body.mobile #player-status{display:none}#target-frame{position:fixed;top:44px;left:340px;z-index:400;background:#141828eb;border:1px solid #5a2020;border-radius:4px;padding:6px 10px;pointer-events:auto;display:flex;gap:8px;align-items:center;min-width:180px;max-width:260px}#target-frame[data-type=creature]{border-color:#5a2020}#target-frame[data-type=building]{border-color:#5a3a20}.tf-thumb{width:32px;height:32px;flex-shrink:0;border:1px solid #ff004d;border-radius:2px;overflow:hidden;image-rendering:pixelated;background:#0f0b18;display:flex;align-items:center;justify-content:center}.tf-thumb canvas{image-rendering:pixelated;width:100%;height:100%}.tf-thumb .tf-thumb-icon{color:#ff004d;font-size:16px}#target-frame[data-type=building] .tf-thumb{border-color:#f80}.tf-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tf-name{font-size:10px;font-weight:700;color:#ff004d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#target-frame[data-type=building] .tf-name{color:#f80}.tf-bar-track{height:8px;background:#1d2b53;border-radius:1px;overflow:hidden;position:relative}.tf-bar-fill{height:100%;border-radius:1px;transition:width .15s ease,background-color .3s ease}.tf-bar-text{font-size:9px;color:#88a;white-space:nowrap}body.mobile #target-frame{top:8px;left:8px;right:8px;max-width:none;width:auto;padding:8px 12px}body.mobile .tf-thumb{width:36px;height:36px}body.mobile .tf-name{font-size:12px}body.mobile .tf-bar-track{height:10px}body.mobile .tf-bar-text{font-size:11px}.ps-tool-col{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.ps-weapon{width:56px;height:56px;background:#0f0b18;border:2px solid #555;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;image-rendering:pixelated}.ps-weapon canvas{image-rendering:pixelated}.ps-weapon-empty{color:#5f574f;font-size:26px}.ps-tool-mode{font-size:10px;font-weight:600;color:#e6c170;text-transform:uppercase;letter-spacing:.5px;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-bars-col{flex:1;min-width:0;display:flex;flex-direction:column}.ps-level{font-size:14px;font-weight:700;color:#e8d8b8;margin-bottom:5px}.ps-bar{display:flex;align-items:center;gap:6px;margin-bottom:4px}.ps-bar-label{width:32px;font-size:10px;font-weight:600;color:#a89cb8;text-transform:uppercase;text-align:right;flex-shrink:0;letter-spacing:.3px}.ps-bar-track{flex:1;height:16px;background:#0f0b18;border:1px solid #3b2841;border-radius:3px;overflow:hidden;position:relative}.ps-bar-fill{height:100%;border-radius:2px;transition:width .3s ease;position:relative}.ps-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff2e;border-radius:2px 2px 0 0}.ps-bar-fill.bar-hp{background:linear-gradient(180deg,#f25,#c03)}.ps-bar-fill.bar-mana{background:linear-gradient(180deg,#4bf,#28d)}.ps-bar-fill.bar-stam{background:linear-gradient(180deg,#e8a838,#cc7020)}.ps-bar-value{width:54px;font-size:11px;font-weight:600;color:#fff1e8;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.ps-bar-regen{position:absolute;right:4px;top:0;font-size:10px;font-weight:600;color:#6ed86e;line-height:16px;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.6);pointer-events:none}.ps-bar-regen.combat{color:#fc4}.ps-secondary{margin-top:3px;display:flex;flex-direction:column;gap:2px}.ps-mini-bar{height:5px;background:#0f0b18;border:1px solid #3b2841;border-radius:3px;overflow:hidden;position:relative}.ps-mini-fill{height:100%;border-radius:2px;transition:width .3s ease}.ps-mini-fill.sat-ok{background:linear-gradient(90deg,#e8a838,#cc7020)}.ps-mini-fill.sat-low{background:linear-gradient(90deg,#ffa040,#cc7020)}.ps-mini-fill.sat-critical{background:linear-gradient(90deg,#ff4040,#cc2020)}.ps-mini-fill.weight-normal{background:#6b6b6b}.ps-mini-fill.weight-heavy{background:#ffa040}.ps-mini-fill.weight-over{background:#ff4040}.ps-mini-text{position:absolute;top:-1px;left:0;right:0;text-align:center;font-size:8px;color:#d5cee0;line-height:7px;opacity:0;transition:opacity .15s;text-shadow:0 0 2px #000;pointer-events:none}.ps-mini-bar:hover{height:10px}.ps-mini-bar:hover .ps-mini-text{opacity:1;top:0;line-height:10px}.ps-aura{margin-top:3px;display:flex;align-items:center;gap:6px;font-size:11px;color:#f0c060}.ps-aura canvas{image-rendering:pixelated;flex-shrink:0}.ps-aura-label{flex:1}#left-hud-stack{position:fixed;top:50%;transform:translateY(-50%);left:10px;transition:left .25s ease;z-index:400;pointer-events:none;display:flex;flex-direction:column;gap:8px;width:260px}#left-hud-stack>*{pointer-events:auto}body:has(#left-sidebar.open) #left-hud-stack{display:none}body.mobile #left-hud-stack{display:none}#skill-progress-panel{display:flex;flex-direction:column;gap:5px}#minimap-widget{position:relative;width:100%;height:190px;border-radius:8px;overflow:hidden;border:2px solid #3b2841;background:#0a0712f2;box-shadow:0 0 12px #3b284166,inset 0 0 20px #0000004d;flex-shrink:0}#minimap-widget canvas{display:block;width:100%;height:100%}body.mobile #minimap-widget{display:none!important}#minimap-overlay{position:fixed;inset:0;z-index:750;pointer-events:none}#minimap-overlay canvas{width:100%;height:100%;display:block}body.mobile #minimap-overlay{display:none!important}#hud-right-column{position:relative;width:100%;display:flex;flex-direction:column;gap:6px}body:has(#left-sidebar.open) #backpack-hint{left:290px!important}.sp-row{background:#141828eb;border:1px solid #3b2841;border-radius:4px;padding:8px 12px;font-size:12px;color:#d5cee0}.sp-header{display:flex;justify-content:space-between;margin-bottom:4px}.sp-label{color:#e8d8b8;font-weight:600;letter-spacing:.3px}.sp-time{color:#a89cb8;font-size:10px}.sp-bar-row{display:flex;align-items:center;gap:6px}.sp-level{color:#e6c170;font-size:10px;min-width:30px}.sp-bar{flex:1;height:8px;background:#3b284180;border:1px solid #3b2841;border-radius:3px}.sp-fill{height:100%;background:linear-gradient(90deg,#3da63d,#6ed86e);border-radius:2px}.sp-pct{color:#7e7084;font-size:9px;min-width:24px;text-align:right}.rep-widget{background:#141828eb;border:1px solid #3b2841;border-radius:4px;cursor:pointer;font-size:12px;color:#d5cee0;transition:border-color .2s}.rep-widget:hover{border-color:#7e7084}.rep-summary{display:flex;align-items:center;gap:6px;padding:6px 10px}.rep-shield{display:block;flex-shrink:0;image-rendering:pixelated}.rep-sum-name{font-weight:600;font-size:11px;letter-spacing:.3px}.rep-sum-val{color:#e6c170;font-family:monospace;font-size:12px;font-weight:700;margin-left:auto}.rep-bar{height:6px;background:#0f0b18;border:1px solid #3b2841;border-radius:3px;overflow:hidden}.rep-bar-fill{height:100%;border-radius:2px;transition:width .4s ease;position:relative}.rep-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:rep-shimmer 2.5s ease-in-out infinite}@keyframes rep-shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.rt-root{display:flex;flex-direction:column;flex:1;overflow:hidden}.rt-root .up-body{flex:1}.rt-sidebar{min-width:160px!important;width:160px!important}.rt-detail{padding:12px 16px;overflow-y:auto}.rt-overview,.rt-tiers-view,.rt-land-view{max-width:420px}.rt-hero{display:flex;align-items:center;gap:14px;padding:12px 16px;margin-bottom:12px;background:#1d2b5340;border:1px solid #3b2841;border-radius:6px}.rt-shield{display:block;flex-shrink:0;image-rendering:pixelated}.rt-hero-info{flex:1}.rt-tier{font-size:18px;font-weight:700;letter-spacing:.5px;text-shadow:0 0 8px currentColor}.rt-hero-vals{display:flex;align-items:center;gap:4px;margin-top:4px}.rt-val-block{display:flex;flex-direction:column}.rt-val-num{font-family:monospace;font-size:16px;font-weight:700;color:#fff1e8}.rt-val-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#7e7084}.rt-val-sep{color:#5f574f;margin:0 6px;font-size:14px}.rt-prog{margin-bottom:14px}.rt-prog-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:11px;color:#a89cb8}.rt-prog-num{font-family:monospace;font-size:10px;color:#5f574f}.rt-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#7e7084;padding-bottom:4px;margin-bottom:6px;margin-top:8px;border-bottom:1px solid #3b2841}.rt-section-title:first-child{margin-top:0}.rt-list{margin-bottom:4px}.rt-row{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:12px;color:#a89cb8}.rt-row.done{color:#c2c3c7}.rt-row-icon{width:14px;text-align:center;font-size:11px;flex-shrink:0}.rt-row.done .rt-row-icon{color:#5cbf5c}.rt-row-text{flex:1}.rt-row-val{font-family:monospace;font-size:11px;color:#ffa300;flex-shrink:0;margin-left:8px}.rt-tiers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.rt-tier-card{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0f0b1899;border:1px solid #3b2841;border-radius:4px;position:relative}.rt-tier-card.active{border-color:#ffec27;background:#ffec270f}.rt-tier-card.passed{opacity:.7}.rt-tier-shield{image-rendering:pixelated;flex-shrink:0}.rt-tier-card-info{flex:1}.rt-tier-card-name{font-size:13px;font-weight:600;display:block}.rt-tier-card-req{font-size:10px;color:#7e7084;font-family:monospace}.rt-tier-card-badge{position:absolute;top:4px;right:6px;font-size:8px;letter-spacing:1px;color:#ffec27;background:#ffec271f;padding:1px 5px;border-radius:2px}.rt-land-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:12px;color:#c2c3c7}.rt-land-toggle{background:#0f0b18;border:1px solid #3b2841;color:#7e7084;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.rt-land-toggle.rt-toggle-on{background:#00e43626;border-color:#00e436;color:#00e436}.rt-land-toggle:hover{border-color:#7e7084}.rt-land-info{font-size:12px;color:#a89cb8;line-height:1.5}.rt-land-info p{margin:6px 0}.rt-land-info strong{color:#e8d8b8}.rt-claim-card{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;margin-bottom:4px;background:#0f0b1899;border:1px solid #3b2841;border-radius:4px}.rt-claim-info{display:flex;flex-direction:column;gap:1px}.rt-claim-name{font-size:12px;color:#e8d8b8;font-weight:600}.rt-claim-pos{font-size:9px;color:#7e7084;font-family:monospace}.rt-claim-edit{background:#e6c1701a;border:1px solid #e6c170;color:#e6c170;font-size:10px;font-weight:700;padding:3px 8px;border-radius:3px;cursor:pointer}.rt-claim-edit:hover{background:#e6c17033}.rt-no-claims{font-size:11px;color:#7e7084;padding:8px 0;font-style:italic}.td-root{display:flex;flex-direction:column;height:100%}.td-controls{display:flex;align-items:center;gap:8px;padding:6px 0;flex-wrap:wrap}.td-search{flex:1;min-width:120px;padding:4px 8px;background:#0f0b18cc;border:1px solid #3b2841;border-radius:3px;color:#e8d8b8;font-size:11px;outline:none}.td-search:focus{border-color:#e6c170}.td-sort-chips{display:flex;gap:3px}.td-sort-chip{background:#0f0b1899;border:1px solid #3b2841;color:#7e7084;font-size:9px;padding:2px 8px;border-radius:3px;cursor:pointer}.td-sort-chip:hover{border-color:#7e7084}.td-sort-active{border-color:#e6c170;color:#e6c170;background:#e6c1701a}.td-stock-toggle{font-size:9px;color:#7e7084;display:flex;align-items:center;gap:3px}.td-list{flex:1;overflow-y:auto}.td-empty{font-size:11px;color:#7e7084;font-style:italic;padding:16px 0;text-align:center}.td-row{padding:6px 8px;margin-bottom:3px;background:#0f0b1899;border:1px solid #3b2841;border-radius:4px;cursor:pointer}.td-row:hover{border-color:#7e7084}.td-row-main{display:flex;align-items:center;gap:8px}.td-item-sprite{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.td-item-info{flex:1;display:flex;flex-direction:column;gap:1px}.td-item-name{font-size:11px;font-weight:600}.td-item-rate{font-size:10px;color:#e6c170}.td-row-meta{display:flex;justify-content:space-between;margin-top:2px}.td-post-name{font-size:9px;color:#7e7084}.td-distance{font-size:9px;color:#a89cb8}.td-hint{padding:4px 0;font-size:9px;color:#7e7084;text-align:center}.kd-border-own{border-left:4px solid #e6c170}.kd-border-ally{border-left:4px solid #5599dd}.kd-border-enemy{border-left:4px solid #ff004d}.kd-border-truce{border-left:4px solid #29adff}.kd-border-vassal{border-left:4px solid #ab5dee}.kd-split{display:flex;gap:0;height:100%}.kd-list-col{flex:0 0 340px;overflow-y:auto;padding-right:8px;min-width:0}.kd-map-col{flex:1;min-width:320px;border-left:1px solid #3b2841;display:flex;flex-direction:column;overflow:hidden}.kd-map-canvas-wrap{flex:1;min-height:0;position:relative}.kd-map-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}.kd-map-canvas-wrap canvas:active{cursor:grabbing}.kd-map-label{font-size:11px;color:#7e7084;text-align:center;padding:4px;background:#0a0712cc;border-top:1px solid #3b2841;flex-shrink:0}.kd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:6px}.kd-overview .rt-section-title,.kd-homesteads .rt-section-title,.kd-war .rt-section-title{font-size:13px;letter-spacing:1px;margin-bottom:10px}.kd-stats-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.kd-stat{display:flex;justify-content:space-between;padding:8px 12px;background:#0f0b1899;border:1px solid #3b2841;border-radius:6px}.kd-stat-label{font-size:13px;color:#7e7084}.kd-stat-value{font-size:13px;color:#e8d8b8;font-weight:600}.kd-summary-row{display:flex;gap:10px;margin-top:12px}.kd-summary-item{flex:1;text-align:center;padding:12px 8px;background:#0f0b1899;border:1px solid #3b2841;border-radius:6px}.kd-summary-num{display:block;font-size:22px;font-weight:700;color:#e6c170}.kd-summary-label{font-size:11px;color:#7e7084;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.kd-info-text{font-size:13px;color:#7e7084;padding:10px 0;font-style:italic}.kd-overview .rt-info-block{font-size:13px;color:#a89cb8;line-height:1.6}.kd-overview .rt-info-block p{margin:8px 0}.kd-claim-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#0f0b1899;border:1px solid #3b2841;border-radius:6px;cursor:pointer;transition:border-color .15s}.kd-claim-card:hover{border-color:#5a4a62}.kd-claim-card.kd-selected{border-color:#e6c170;background:#e6c1700f}.kd-claim-info{display:flex;flex-direction:column;gap:3px}.kd-claim-name{font-size:15px;color:#e8d8b8;font-weight:600}.kd-claim-pos{font-size:12px;color:#7e7084;font-family:monospace}.kd-claim-dist{font-size:11px;color:#a89cb8;margin-top:2px}.kd-edit-banner{background:#e6c1701a;border:1px solid #e6c170;color:#e6c170;font-size:12px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer;align-self:flex-start}.kd-edit-banner:hover{background:#e6c17033}.kd-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:13px;color:#a89cb8}.kd-cb-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#0f0b1899;border:1px solid #3b2841;border-radius:6px;cursor:pointer;transition:border-color .15s}.kd-cb-card:hover{border-color:#5a4a62}.kd-cb-card.kd-selected{border-color:#ff004d;background:#ff004d0f}.kd-cb-target{font-size:15px;color:#e8d8b8;font-weight:600}.kd-cb-reason{font-size:12px;color:#ff6b6b}.kd-declare-war{background:#ff004d26;border:1px solid #ff004d;color:#ff004d;font-size:12px;font-weight:700;padding:6px 14px;border-radius:4px;cursor:pointer;white-space:nowrap;align-self:flex-start}.kd-declare-war:hover{background:#ff004d4d}.kd-cost{font-size:11px;color:#ff6b6b;opacity:.7}.kd-war-card{padding:14px 16px;background:#0f0b1899;border:1px solid #ff004d33;border-radius:6px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:border-color .15s}.kd-war-card:hover{border-color:#5a4a62}.kd-war-card.kd-selected{border-color:#ff004d;background:#ff004d0f}.nf-focus-pulse{animation:nf-deep-link-pulse 2s ease-out}@keyframes nf-deep-link-pulse{0%{box-shadow:0 0 #e6c170cc}40%{box-shadow:0 0 0 8px #e6c1704d}to{box-shadow:0 0 #e6c17000}}.kd-war-header{display:flex;justify-content:space-between;align-items:center}.kd-war-opponent{font-size:15px;color:#ff6b6b;font-weight:700}.kd-war-role{font-size:12px;color:#7e7084}.kd-war-cb{font-size:12px;color:#a89cb8}.kd-war-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.kd-propose-peace{background:#00e4361a;border:1px solid #00e436;color:#00e436;font-size:12px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer}.kd-propose-peace:hover{background:#00e43633}.kd-accept-peace{background:#00e4361a;border:1px solid #00e436;color:#00e436;font-size:12px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer}.kd-accept-peace:hover{background:#00e43633}.kd-reject-peace{background:#ff004d1a;border:1px solid #ff004d;color:#ff004d;font-size:12px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer}.kd-reject-peace:hover{background:#ff004d33}.kd-waiting{font-size:12px;color:#7e7084;font-style:italic}.kd-sub-title{font-size:13px;color:#a89cb8;text-transform:uppercase;letter-spacing:.8px;margin:16px 0 10px;font-weight:700;border-bottom:1px solid #3b2841;padding-bottom:4px}.kd-diplo-card{padding:14px 16px;background:#0f0b1899;border:1px solid #3b2841;border-radius:6px;display:flex;flex-direction:column;gap:8px}.kd-diplo-from,.kd-diplo-to{font-size:14px;color:#e8d8b8}.kd-diplo-actions{display:flex;gap:8px}.kd-treaty-card{padding:14px 16px;background:#0f0b1899;border:1px solid #3b2841;border-radius:6px;display:flex;flex-direction:column;gap:6px}.kd-treaty-with{font-size:14px;color:#e8d8b8}.kd-treaty-time{font-size:12px;color:#7e7084}.kd-unprovoked-row{display:flex;gap:10px;align-items:center;margin-top:4px}.kd-unprovoked-input,.kd-ally-input{flex:1;background:#0f0b18cc;border:1px solid #3b2841;border-radius:4px;padding:8px 12px;font-size:13px;color:#e8d8b8;outline:none;font-family:inherit}.kd-unprovoked-input:focus,.kd-ally-input:focus{border-color:#e6c170}.kd-declare-unprovoked{background:#ff004d26;border:1px solid #ff004d;color:#ff004d;font-size:12px;font-weight:700;padding:8px 14px;border-radius:4px;cursor:pointer;white-space:nowrap}.kd-declare-unprovoked:hover{background:#ff004d4d}.kd-propose-alliance{background:#5599dd26;border:1px solid #5599dd;color:#59d;font-size:12px;font-weight:700;padding:8px 14px;border-radius:4px;cursor:pointer;white-space:nowrap}.kd-propose-alliance:hover{background:#5599dd4d}.kd-accept-alliance{background:#00e4361a;border:1px solid #00e436;color:#00e436;font-size:12px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer}.kd-accept-alliance:hover{background:#00e43633}.kd-reject-alliance{background:#ff004d1a;border:1px solid #ff004d;color:#ff004d;font-size:12px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer}.kd-reject-alliance:hover{background:#ff004d33}.kd-ally-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#0f0b1899;border:1px solid #5599dd33;border-radius:6px;cursor:pointer;transition:border-color .15s}.kd-ally-card:hover{border-color:#5a4a62}.kd-ally-card.kd-selected{border-color:#59d;background:#5599dd0f}.kd-ally-name{font-size:15px;color:#59d;font-weight:600}.kd-break-alliance{background:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;font-size:12px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer;align-self:flex-start}.kd-break-alliance:hover{background:#ff6b6b33}.kd-peace-terms{font-size:12px;color:#e6c170;margin-bottom:4px;font-weight:600}.kd-neg-badge{font-size:9px;padding:2px 6px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-left:4px;vertical-align:middle}.kd-neg-badge.theirs{background:#29adff;color:#0a0712}.kd-neg-badge.ours{background:#3b2841;color:#a89cb8}.kd-open-negotiation{background:#e6c1701f;border:1px solid #e6c170;color:#e6c170;font-size:12px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer}.kd-open-negotiation:hover{background:#e6c17040}.kd-map-info{border-top:1px solid #3b2841;background:#0a0712e6;flex-shrink:0}.kd-map-info:empty{display:none}.kd-map-info-inner{display:flex;gap:14px;padding:14px 16px;align-items:flex-start}.kd-map-banner{flex-shrink:0;display:block}.kd-map-info-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.kd-map-info-name{font-size:17px;color:#e8d8b8;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-map-info-owner{font-size:14px;font-weight:600}.kd-map-info-pos{font-size:12px;color:#7e7084;font-family:monospace}.kd-map-info-kingdom{font-size:13px;color:#ab5dee}.kd-map-info-rep{font-size:13px;color:#e6c170}.kd-map-info-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.kd-map-info-actions button{font-size:12px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer}.kd-card-banner{flex-shrink:0;display:block}.kd-card-row{display:flex;gap:10px;align-items:flex-start}.kd-card-row .kd-card-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.kd-card-row .kd-claim-info{flex:1;min-width:0}.kd-kingdom-header{display:flex;gap:12px;align-items:center;padding:10px 14px;margin-bottom:12px;background:#0f0b1899;border:1px solid #3b2841;border-radius:6px;border-left:4px solid #4488ee}.kd-header-banner{flex-shrink:0}.kd-header-info{display:flex;flex-direction:column;gap:4px;min-width:0}.kd-header-top{font-size:14px;color:#e8d8b8}.kd-header-chain{color:#a89cb8}.kd-header-chain strong{color:#e8d8b8}.kd-header-stats{display:flex;gap:14px;font-size:12px}.kd-header-rep{color:#e6c170;font-weight:600}.kd-header-allies{color:#59d;font-weight:600}.rt-sidebar-badge{display:inline-block;background:#ff004d;color:#fff;font-size:9px;font-weight:700;padding:0 4px;border-radius:3px;margin-left:4px}#banner-editor{position:fixed;inset:0;z-index:950;display:flex;align-items:center;justify-content:center}#banner-editor.hidden{display:none}.be-backdrop{position:absolute;inset:0;background:#0009}.be-window{position:relative;background:#141828;border:3px solid;border-color:#7e7084 #3b2841 #3b2841 #7e7084;width:520px;max-width:95vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.be-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#1d2b53;border-bottom:2px solid #3b2841}.be-title{font-size:13px;font-weight:700;color:#ffec27;text-transform:uppercase;letter-spacing:1px}.be-close{background:none;border:none;color:#7e7084;font-size:20px;cursor:pointer;padding:0}.be-close:hover{color:#fff1e8}.be-body{display:flex;gap:12px;padding:12px}.be-left{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:140px}.be-right{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.be-preview-area{background:#0f0b18;border:1px solid #3b2841;border-radius:4px;padding:8px}.be-preview{display:block;image-rendering:auto}.be-name-area{width:100%}.be-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#7e7084;display:block;margin-bottom:3px}.be-name-input{width:100%;box-sizing:border-box;background:#0f0b18;border:1px solid #3b2841;color:#e8d8b8;font-size:12px;padding:5px 8px;border-radius:3px;font-family:monospace}.be-name-input:focus{outline:none;border-color:#e6c170}.be-section{margin-bottom:2px}.be-swatches{display:flex;flex-wrap:wrap;gap:2px;max-height:54px;overflow-y:auto}.be-swatch{width:14px;height:14px;border-radius:2px;cursor:pointer;border:1px solid rgba(0,0,0,.3);transition:transform .1s}.be-swatch:hover{transform:scale(1.3);z-index:1}.be-swatch.be-swatch-active{border:2px solid #ffec27;transform:scale(1.2)}.be-draw-tools{display:flex;gap:4px;margin-top:4px}.be-tool{background:#0f0b18;border:1px solid #3b2841;color:#7e7084;padding:3px 8px;border-radius:3px;font-size:11px;cursor:pointer}.be-tool:hover{border-color:#7e7084;color:#c2c3c7}.be-tool.be-tool-active{border-color:#ff004d;color:#ff004d;background:#ff004d1a}.be-icon-grid{display:block;cursor:crosshair;border:1px solid #3b2841;border-radius:2px;image-rendering:pixelated;touch-action:none}.be-footer{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid #3b2841}.be-save{background:linear-gradient(180deg,#e6c170,#b89545);border:none;color:#141828;font-weight:700;font-size:12px;padding:6px 16px;border-radius:3px;cursor:pointer}.be-save:hover{filter:brightness(1.1)}.be-cancel{background:#0f0b18;border:1px solid #3b2841;color:#7e7084;font-size:12px;padding:6px 12px;border-radius:3px;cursor:pointer}.be-cancel:hover{border-color:#7e7084;color:#c2c3c7}#gather-log-panel{display:flex;flex-direction:column;gap:3px}.gl-row{background:#141828eb;border:1px solid #3b2841;border-radius:4px;padding:6px 10px;font-size:12px;color:#d5cee0;display:flex;align-items:center;gap:6px}.gl-sprite{width:24px;height:24px;flex-shrink:0;image-rendering:pixelated}.gl-sprite-placeholder{width:24px;height:24px;flex-shrink:0;background:#3b284180;border:1px solid #3b2841;border-radius:3px}.gl-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.gl-name{color:#e8d8b8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl-count{color:#6ed86e;font-size:11px;font-weight:700}.gl-time{color:#a89cb8;font-size:9px;flex-shrink:0}.sidebar-container{position:static!important;width:100%!important;border:none;border-bottom:1px solid var(--w-border)}.sidebar-container .container-header{cursor:default}.sidebar-container .container-body{flex-direction:column}.sidebar-container .container-grid{grid-template-columns:repeat(5,1fr);max-height:none}.sidebar-container .container-slot{width:auto;height:44px}.sidebar-container .container-detail{display:none}#item-detail-popup{position:fixed;top:37px;left:283px;width:220px;z-index:502;background:var(--w-bg-secondary);border:1px solid var(--w-border);border-radius:var(--w-radius-md);box-shadow:var(--w-shadow-card);padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--w-font-body)}#item-detail-popup.hidden{display:none}.idp-sprite-wrap{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:#0f0b1899;border:1px solid var(--w-border);border-radius:6px}.idp-sprite{image-rendering:pixelated;width:96px;height:96px;display:block}.idp-quality{font-size:10px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.idp-crafter{font-size:10px;color:var(--w-text-muted);text-align:center;font-style:italic;margin-bottom:4px}.idp-name{color:var(--w-text-primary);font-size:14px;font-weight:700;text-align:center;line-height:1.2;word-wrap:break-word}.quality-mythic{text-shadow:0 0 6px rgba(255,64,64,.5)}.quality-legendary{text-shadow:0 0 8px rgba(0,255,255,.6);animation:legendary-pulse 2s ease-in-out infinite}@keyframes legendary-pulse{0%,to{text-shadow:0 0 8px rgba(0,255,255,.6)}50%{text-shadow:0 0 14px rgba(0,255,255,.9)}}.idp-stats{width:100%;min-height:80px;display:flex;flex-direction:column;gap:3px}.idp-stat{display:flex;justify-content:space-between;font-size:11px;padding:3px 0;border-bottom:1px solid var(--w-border-subtle)}.idp-stat-label{color:var(--w-text-muted)}.idp-stat-value{color:var(--w-text-secondary);font-weight:700}.idp-stat-highlight .idp-stat-value{color:var(--w-accent)}.idp-stat-atk .idp-stat-value{color:#ff004d}.idp-stat-def .idp-stat-value{color:#29cdff}.idp-stat-decay .idp-stat-value{color:#c77b2f}.idp-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px;padding-top:8px;border-top:1px solid var(--w-border)}.idp-action-btn{position:relative;flex:1;min-height:48px;padding:6px 4px 4px;font-family:var(--w-font-body);font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--w-border);border-radius:6px;background:var(--w-bg-card);color:var(--w-text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,color .12s}.idp-action-btn>*{pointer-events:none}.idp-action-btn:hover{background:var(--w-bg-card-hover);border-color:var(--w-border-focus);color:var(--w-text-primary)}.idp-action-btn:hover .idp-action-icon{opacity:1}.idp-action-btn:active{background:var(--w-bg-surface)}.idp-action-icon{width:20px;height:20px;opacity:.75;flex-shrink:0}.idp-action-label{font-size:11px;line-height:1}.idp-action-key{position:absolute;top:2px;right:3px;background:#0000008c;color:var(--w-accent);font-family:var(--w-font-mono);font-size:8px;font-weight:700;padding:0 3px;border-radius:2px;border:1px solid rgba(255,236,39,.25);line-height:1.3}.idp-action-use{color:#7defa6}.idp-action-use:hover{color:#a0ffb8;border-color:#50c87866;background:#1a3a2899}.idp-action-drop{color:#ff8a8a}.idp-action-drop:hover{color:#f44;border-color:#c8505066;background:#3a1a1a99}.idp-action-split{color:#7dc8ef}.idp-action-split:hover{color:#a0e0ff;border-color:#50a0dc66;background:#1a2a5099}.idp-action-bind{color:var(--w-accent)}.idp-action-bind:hover{color:var(--w-text-primary);border-color:#c8b42866;background:#3a301099}.drop-progress-bar{width:100%;height:8px;background:var(--w-bg-tertiary);border:1px solid var(--w-border);margin-top:8px;position:relative;overflow:hidden}.drop-progress-fill{height:100%;background:linear-gradient(90deg,#c03020,#f44);width:0%;transition:none}.drop-progress-label{position:absolute;top:-15px;left:0;font-size:10px;color:#ff8a8a;font-family:monospace}body.mobile #item-detail-popup{position:absolute;inset:auto 0 0;width:100%;max-height:55%;overflow-y:auto;z-index:601;border-radius:0;border:none;border-top:1px solid var(--w-border);padding:10px 14px;padding-bottom:env(safe-area-inset-bottom,8px)}body.mobile #item-detail-popup.hidden,body.mobile .idp-action-key{display:none}#item-hover-tooltip{position:fixed;width:220px;z-index:502;background:#141828;border:3px solid;border-color:#7e7084 #3b2841 #3b2841 #7e7084;padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}#item-hover-tooltip.hidden{display:none}#unified-panel{position:fixed;inset:0;z-index:900;background:#00000080;display:flex;align-items:center;justify-content:center}#unified-panel.hidden{display:none}.unified-window{background:var(--w-bg-secondary);border:1px solid var(--w-border);border-radius:var(--w-radius-md);width:92vw;max-width:95vw;height:88vh;max-height:90vh;display:flex;flex-direction:column;font-family:var(--w-font-body);color:var(--w-text-primary);box-shadow:0 4px 20px #00000080;overflow:hidden}.unified-header{display:flex;justify-content:space-between;align-items:center;background:var(--w-bg-input);border-bottom:1px solid var(--w-border);padding:0}.unified-tabs{display:flex;flex:1;overflow-x:auto;scrollbar-width:none}.unified-tabs::-webkit-scrollbar{display:none}.unified-tab{background:none;border:none;color:var(--w-text-muted);font-family:inherit;font-size:12px;font-weight:500;padding:12px 16px;cursor:pointer;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px;transition:color .15s,background .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.unified-tab-icon{font-size:14px;line-height:1}.unified-tab:hover{color:var(--w-text-primary);background:#8b6cc70f}.unified-tab.active{color:var(--w-accent);border-bottom-color:var(--w-accent);background:#e6c1700f}.unified-tab-focused{outline:2px solid var(--w-accent);outline-offset:-2px;background:var(--w-accent-glow)!important}.unified-window.header-active .unified-content{opacity:.4;pointer-events:none}.unified-tab-badge{width:8px;height:8px;border-radius:50%;background:var(--w-accent);display:inline-block;margin-left:4px;vertical-align:middle;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.unified-tab-hint{color:var(--w-text-muted);font-size:10px;padding:0 8px;white-space:nowrap;display:flex;align-items:center;gap:3px;flex-shrink:0}.unified-tab-hint kbd{background:var(--w-bg-tertiary);color:var(--w-text-muted);border:1px solid var(--w-border);border-radius:3px;padding:0 4px;font-size:10px;font-family:var(--w-font-mono);line-height:16px}body.mobile .unified-tab-hint{display:none}.unified-close{background:#f8717126;color:var(--w-error);border:1px solid rgba(248,113,113,.25);border-radius:6px;font-size:14px;cursor:pointer;padding:0 8px;font-family:inherit;font-weight:700;line-height:24px;margin:6px 8px;transition:all .15s}.unified-close:hover{background:#f8717140;border-color:var(--w-error)}.unified-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:300px}.unified-window ::-webkit-scrollbar{width:8px}.unified-window ::-webkit-scrollbar-track{background:var(--w-bg-primary)}.unified-window ::-webkit-scrollbar-thumb{background:var(--w-text-muted);border-radius:4px;border:2px solid var(--w-bg-primary)}.unified-window *{scrollbar-width:thin;scrollbar-color:var(--w-text-muted) var(--w-bg-primary)}.outfit-tab-content{display:flex;flex-direction:column;flex:1}.spellbook-tab-content,.draft-tab-content,.craft-tab-content,.build-tab-content,.journey-tab-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.up-body{display:flex;flex:1;min-height:0;overflow:hidden}.up-sidebar{width:200px;min-width:200px;overflow-y:auto;border-right:1px solid var(--w-border);padding:4px 0;background:var(--w-bg-input)}.up-sidebar-row{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;color:var(--w-text-secondary);cursor:pointer;border-bottom:1px solid var(--w-border-subtle);transition:background .12s,color .12s}.up-sidebar-row:hover{background:#8b6cc70f;color:var(--w-text-primary)}.up-sidebar-active{background:#e6c1700f;border-left:3px solid var(--w-text-muted)}.up-sidebar-active.up-sidebar-selected{border-left-color:var(--w-accent)}.up-sidebar-selected{background:#e6c1701a!important;outline:1px solid var(--w-accent)}.up-body.focus-cards .up-sidebar{opacity:.55}.up-body.focus-cards .up-sidebar-selected{outline:none;background:transparent!important}.up-body.focus-cards .up-sidebar-active{background:#e6c1700f;border-left:3px solid var(--w-accent);opacity:1}.up-sidebar-name{flex:1;color:var(--w-text-primary);font-size:13px}.up-sidebar-meta{color:var(--w-text-muted);font-size:12px}.up-sidebar-badge{background:var(--w-error);color:#fff;font-size:11px;font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:4px;padding:0 3px}.up-sidebar-empty{color:var(--w-text-muted);font-size:13px;padding:12px;text-align:center}.up-card-area{flex:1;padding:8px;overflow-y:auto}.up-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.cr-list-pane .up-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cr-list-pane .up-card-sprite{width:72px;height:72px}.cr-list-pane .up-card{min-height:220px}.cr-list-pane .up-card-name{min-height:34px;display:flex;align-items:center;justify-content:center}.cr-list-pane .up-card-meta{min-height:18px}.cr-list-pane .craft-card-mats{min-height:38px;align-content:center}.cr-list-pane .craft-journey-banner{height:32px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.cr-list-pane .up-card:not(.up-card-journey) .craft-journey-placeholder{height:32px}.cr-list-pane .craft-card-progress{min-height:28px}.craft-journey-placeholder{display:none}.cr-list-pane .craft-journey-placeholder{display:block}.craft-card-time-mobile,.craft-card-time-inline{display:none}body.mobile .cr-list-pane .up-cards-grid{grid-template-columns:1fr;gap:3px}body.mobile .cr-list-pane .up-card{padding:6px 8px;text-align:left;min-height:56px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto auto;gap:1px 8px;align-items:start;border-width:1px}body.mobile .cr-list-pane .up-card-sprite{width:44px;height:44px;margin:0!important;padding:0;grid-row:1 / 4;grid-column:1;align-self:center;background:var(--w-bg-tertiary);border:1px solid var(--w-border);border-radius:3px}body.mobile .cr-list-pane .craft-card-time-mobile{display:none}body.mobile .cr-list-pane .up-card-name{grid-row:1;grid-column:2;min-height:auto;margin:0!important;padding:0;font-size:13px;line-height:1.3;display:flex;justify-content:space-between;align-items:baseline}body.mobile .cr-list-pane .craft-card-time-inline{display:inline;font-size:10px;font-weight:400;color:var(--w-text-muted);white-space:nowrap;margin-left:4px}body.mobile .cr-list-pane .up-card-meta{display:flex!important;grid-row:2;grid-column:2;min-height:auto;margin:0!important;font-size:10px;gap:4px;justify-content:flex-start;opacity:.7}body.mobile .cr-list-pane .craft-card-mats{grid-row:3;grid-column:2;min-height:auto;margin:0!important;padding:0!important;gap:6px;justify-content:flex-start}body.mobile .cr-list-pane .craft-mat{gap:2px}body.mobile .cr-list-pane .craft-mat-sprite{width:16px;height:16px}body.mobile .cr-list-pane .craft-mat-count{font-size:10px}body.mobile .cr-list-pane .craft-journey-banner{grid-row:4;grid-column:1 / -1;min-height:auto;margin:2px 0 0;padding:2px 6px;font-size:10px}body.mobile .cr-list-pane .craft-journey-placeholder{display:none}body.mobile .cr-list-pane .craft-card-progress{grid-row:5;grid-column:1 / -1;min-height:auto;margin:2px 0 0}.up-card{background:var(--w-bg-card);border:1px solid var(--w-border);border-radius:var(--w-radius-sm);padding:14px;text-align:center;cursor:pointer;transition:border-color .12s,background .12s;display:flex;flex-direction:column;align-items:center}.up-card:hover{border-color:var(--w-border-focus);background:var(--w-bg-card-hover)}.up-card-selected{border-color:var(--w-accent)!important;background:#e6c17014!important}.up-card-disabled{opacity:.4}.up-card-sprite{width:56px;height:56px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;background:var(--w-bg-tertiary);border-radius:4px;border:1px solid var(--w-border);image-rendering:pixelated}.up-card-sprite canvas{image-rendering:pixelated;width:100%;height:100%}.up-card-sprite:empty{background:repeating-linear-gradient(45deg,var(--w-bg-tertiary),var(--w-bg-tertiary) 4px,var(--w-bg-surface) 4px,var(--w-bg-surface) 8px)}.up-card-name{font-size:14px;font-weight:700;color:var(--w-text-primary);margin-bottom:4px;line-height:1.2}.up-card-meta{font-size:11px;color:var(--w-text-muted);margin-bottom:6px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.up-hint{padding:6px 10px;background:var(--w-bg-input);border-top:1px solid var(--w-border);color:var(--w-text-muted);font-size:11px;text-align:center}.up-hint kbd{background:var(--w-bg-tertiary);color:var(--w-accent);padding:1px 4px;border:1px solid var(--w-border);border-radius:3px;font-size:10px;font-family:var(--w-font-mono);margin:0 1px}.up-empty{color:var(--w-text-muted);font-size:13px;text-align:center;padding:20px}.outfit-body{padding:24px 32px;display:flex;flex-direction:row;gap:32px;align-items:stretch;flex:1;overflow:hidden}.outfit-left{flex:0 0 240px;display:flex;flex-direction:column;align-items:center;gap:0}.outfit-preview-area{display:flex;flex-direction:column;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--w-border);width:100%}.outfit-preview-canvas{width:192px;height:192px;background:var(--w-bg-input);border:1px solid var(--w-border);border-color:var(--w-border);image-rendering:pixelated;display:block}.outfit-type-selector{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;width:100%}.outfit-type-prev,.outfit-type-next{background:var(--w-bg-card);color:var(--w-text-primary);border:2px solid var(--w-border-focus);cursor:pointer;font:700 16px monospace;width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.outfit-type-prev:hover,.outfit-type-next:hover{background:#29366f;border-color:var(--w-accent)}.outfit-type-name{color:var(--w-accent);font:700 13px monospace;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outfit-unlock-hint{color:#f66;font:11px monospace;text-align:center;margin-top:4px;min-height:1.4em}.outfit-apply.disabled{opacity:.4;cursor:not-allowed}.outfit-addons-area{display:flex;flex-direction:column;gap:8px;padding-top:14px;width:100%}.outfit-addons-label{font-size:12px;color:var(--w-text-muted);text-transform:uppercase;letter-spacing:1px}.outfit-addons-list{display:flex;flex-direction:column;gap:4px}.outfit-addon-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--w-bg-tertiary);border:1px solid var(--w-border);border-radius:3px;cursor:pointer}.outfit-addon-row:hover{border-color:var(--w-border-focus);background:var(--w-bg-card)}.outfit-addon-row.addon-active{border-color:var(--w-accent);background:var(--w-bg-card-hover)}.outfit-addon-check{width:16px;height:16px;border:2px solid var(--w-border-focus);background:var(--w-bg-input);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;color:var(--w-accent);border-radius:2px}.addon-active .outfit-addon-check{border-color:var(--w-accent);background:var(--w-bg-card-hover)}.outfit-addon-name{font-size:12px;color:var(--w-text-secondary);flex:1}.addon-active .outfit-addon-name{color:var(--w-text-primary)}.outfit-addon-swatch{width:14px;height:14px;border:1px solid #555;border-radius:2px;flex-shrink:0}.outfit-addons-empty{color:#555;font-size:11px;font-style:italic;padding:4px 0}.outfit-right{display:flex;flex-direction:column;gap:20px;flex:1 1 0;min-width:0;overflow-y:auto}.outfit-section{display:flex;flex-direction:column;gap:8px;border-left:3px solid transparent;padding-left:8px}.outfit-section-label{font-size:13px;color:var(--w-text-secondary);text-transform:uppercase;letter-spacing:1px}.outfit-section.outfit-section-active{border-left-color:var(--w-accent)}.outfit-swatches{display:flex;flex-wrap:wrap;gap:4px}.outfit-swatch{width:24px;height:24px;border:2px solid var(--w-border);cursor:pointer;border-radius:2px}.outfit-swatch:hover{border-color:var(--w-text-secondary)}.outfit-swatch-active{border-color:var(--w-accent)!important;box-shadow:0 0 6px #ffec2780}.outfit-swatch.outfit-swatch-gamepad{outline:2px solid var(--w-accent);outline-offset:1px}.outfit-body-parts{display:flex;gap:6px;flex-wrap:wrap}.outfit-part-tab{padding:6px 14px;font-size:13px;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:var(--w-bg-card);color:var(--w-text-secondary);border:1px solid var(--w-border);border-color:var(--w-border);cursor:pointer}.outfit-part-tab:hover{background:var(--w-bg-card-hover);color:var(--w-text-primary)}.outfit-part-tab.outfit-part-active{background:var(--w-bg-card-hover);color:var(--w-accent);border-color:var(--w-accent)}.outfit-footer{display:flex;gap:12px;padding:12px 24px;border-top:1px solid var(--w-border);justify-content:flex-end}.outfit-apply{padding:8px 24px;font-size:14px;background:#008751;color:var(--w-text-primary);border:1px solid var(--w-border);border-color:#00e436 #005f37 #005f37 #00e436;cursor:pointer;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1px}.outfit-apply:hover{background:#00e436;color:#000}.outfit-cancel{padding:8px 24px;font-size:14px;background:var(--w-bg-card);color:var(--w-text-secondary);border:1px solid var(--w-border);border-color:var(--w-border);cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:1px}.outfit-cancel:hover{background:var(--w-bg-card-hover);color:var(--w-text-primary)}body.mobile .unified-window{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border:none;border-radius:0}body.mobile .up-hint{display:none}body.mobile .outfit-tab-content{overflow:hidden;min-height:0;flex:1}body.mobile .outfit-body{flex-direction:row;padding:6px 8px;gap:10px;align-items:stretch;overflow:hidden;flex:1;min-height:0}body.mobile .outfit-left{flex:1 1 0;width:0;min-width:0;display:flex;flex-direction:column}body.mobile .outfit-preview-area{display:flex;flex-direction:column;align-items:center;flex-shrink:0}body.mobile .outfit-preview-canvas{width:100%;max-width:120px;aspect-ratio:1;height:auto}body.mobile .outfit-right{flex:1 1 0;width:0;min-width:0;overflow-y:auto}body.mobile .outfit-addons-area{padding-top:6px;flex-shrink:0}body.mobile .outfit-unlock-hint{position:absolute;bottom:0;left:0;right:0;font-size:10px;text-align:center;background:#0f0b18d9;padding:2px 4px}body.mobile .outfit-preview-area{position:relative}body.mobile .outfit-type-prev,body.mobile .outfit-type-next{width:44px;height:44px;font-size:20px}body.mobile .outfit-type-name{font-size:14px}body.mobile .outfit-swatch{width:32px;height:32px}body.mobile .outfit-part-tab{font-size:13px;padding:8px 12px;min-height:44px}body.mobile .outfit-section-label{font-size:12px}body.mobile .outfit-footer{padding:6px 8px}#trade-modal{position:fixed;inset:0;z-index:900;background:#00000080;display:flex;align-items:center;justify-content:center}#trade-modal.hidden{display:none}.trade-window{background:var(--w-bg-secondary);border:1px solid var(--w-border);border-color:var(--w-border);width:420px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column}.trade-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--w-bg-card);border-bottom:1px solid var(--w-border);color:var(--w-accent);font-size:12px;text-transform:uppercase;letter-spacing:2px}.trade-close{background:var(--w-error);color:var(--w-text-primary);border:1px solid var(--w-border);border-color:var(--w-error) var(--w-error) var(--w-error) var(--w-error);font-size:10px;cursor:pointer;padding:0 5px;font-family:inherit;font-weight:700;line-height:16px}.trade-close:hover{background:var(--w-error)}.trade-greeting{padding:6px 10px;color:var(--w-text-secondary);font-size:11px;border-bottom:1px solid var(--w-border);font-style:italic}.trade-tabs{display:flex;border-bottom:1px solid var(--w-border)}.trade-tab{flex:1;padding:5px 0;text-align:center;background:var(--w-bg-card);color:var(--w-text-muted);border:none;font-family:inherit;font-size:11px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.trade-tab:hover{color:var(--w-text-primary)}.trade-tab-active{background:var(--w-bg-card-hover);color:var(--w-accent);border-bottom:1px solid var(--w-accent)}.trade-search-wrap{padding:4px 6px;border-bottom:1px solid var(--w-border)}.trade-search{width:100%;box-sizing:border-box;padding:3px 6px;font-size:11px}.trade-content{padding:0 6px;overflow-y:auto;max-height:300px;min-height:120px}.trade-item-sprite{image-rendering:pixelated;flex-shrink:0;width:16px;height:16px}.trade-item-row{display:flex;align-items:center;gap:6px;padding:3px 4px;height:28px;box-sizing:border-box;border-bottom:1px solid var(--w-bg-card)}.trade-item-row:hover{background:var(--w-bg-card)}.trade-item-name{flex:1;color:var(--w-text-primary);font-size:11px}.trade-item-stats{color:var(--w-text-muted);font-size:10px}.trade-item-price{color:var(--w-accent);font-size:11px;min-width:55px;text-align:right}.trade-buy-btn,.trade-sell-btn{background:#00e436;color:var(--w-bg-card);border:1px solid var(--w-border);border-color:#00e436 #005f37 #005f37 #00e436;font-size:10px;cursor:pointer;padding:1px 6px;font-family:inherit;font-weight:700}.trade-buy-btn:hover,.trade-sell-btn:hover{background:#5fff8a}.trade-footer{padding:6px 10px;border-top:1px solid var(--w-border);color:var(--w-accent);font-size:11px;display:flex;justify-content:space-between}.trade-hint{padding:4px 10px;border-top:1px solid var(--w-bg-card);color:var(--w-text-muted);font-size:9px;text-align:center}.trade-hint kbd{background:var(--w-bg-card);padding:0 3px;border-radius:2px;font-size:9px}.trade-item-selected{background:var(--w-bg-card-hover)!important;outline:1px solid var(--w-accent)}.trade-empty{color:var(--w-text-muted);font-size:11px;text-align:center;padding:20px 10px}#container-modal{position:fixed;inset:0;z-index:900;background:#00000080;display:flex;align-items:center;justify-content:center}#container-modal.hidden{display:none}.container-window{background:var(--w-bg-secondary);border:1px solid var(--w-border);border-color:var(--w-border);width:380px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column}.container-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--w-bg-card);border-bottom:1px solid var(--w-border);color:var(--w-accent);font-size:12px;text-transform:uppercase;letter-spacing:2px}.container-close{background:var(--w-error);color:var(--w-text-primary);border:1px solid var(--w-border);border-color:var(--w-error) var(--w-error) var(--w-error) var(--w-error);font-size:10px;cursor:pointer;padding:0 5px;font-family:inherit;font-weight:700;line-height:16px}.container-close:hover{background:var(--w-error)}.container-tabs{display:flex;border-bottom:1px solid var(--w-border)}.container-tab{flex:1;background:#0d1020;color:var(--w-text-muted);border:none;border-bottom:1px solid transparent;font-family:inherit;font-size:10px;padding:4px 8px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.container-tab:hover{background:var(--w-bg-card);color:var(--w-text-primary)}.container-tab.active{background:var(--w-bg-card);color:var(--w-accent);border-bottom-color:var(--w-accent)}.container-content{padding:6px;overflow-y:auto;max-height:300px;min-height:80px}.container-modal .container-item-sprite{image-rendering:pixelated;flex-shrink:0;width:16px;height:16px}.container-item-sprite-slot{display:inline-flex;width:16px;height:16px;flex-shrink:0}.container-item-row{display:flex;align-items:center;gap:6px;padding:3px 4px;border-bottom:1px solid var(--w-bg-card)}.container-item-row:hover{background:var(--w-bg-card)}.container-item-name{flex:1;color:var(--w-text-primary);font-size:11px}.container-item-stats{color:var(--w-text-muted);font-size:10px}.container-take-btn{background:#00e436;color:var(--w-bg-card);border:1px solid var(--w-border);border-color:#00e436 #005f37 #005f37 #00e436;font-size:10px;cursor:pointer;padding:1px 6px;font-family:inherit;font-weight:700}.container-take-btn:hover{background:#5fff8a}.container-put-btn{background:#29adff;color:var(--w-bg-card);border:1px solid var(--w-border);border-color:#29adff #1d5e99 #1d5e99 #29adff;font-size:10px;cursor:pointer;padding:1px 6px;font-family:inherit;font-weight:700}.container-put-btn:hover{background:#83d9ff}.container-hint{padding:4px 10px;border-top:1px solid var(--w-bg-card);color:var(--w-text-muted);font-size:9px;text-align:center}.container-hint kbd{background:var(--w-bg-card);padding:0 3px;border-radius:2px;font-size:9px}.container-item-selected{background:var(--w-bg-card-hover)!important;outline:1px solid var(--w-accent)}.container-empty{color:var(--w-text-muted);font-size:11px;text-align:center;padding:20px 10px}.container-dual{width:680px;max-width:95vw}.container-panels{display:flex;gap:2px;min-height:200px;max-height:60vh}.container-panel{flex:1;display:flex;flex-direction:column;border:1px solid var(--w-bg-card);min-width:0}.container-panel-header{padding:3px 8px;background:#0d1020;color:var(--w-text-muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;text-align:center;border-bottom:1px solid var(--w-bg-card)}.container-panel-content{overflow-y:auto;padding:8px;flex:1;min-height:0;display:flex;justify-content:center;align-items:flex-start}.container-panel-content .container-grid{grid-template-columns:repeat(4,44px)}.panel-focused{border-color:var(--w-accent)!important}.panel-focused .container-panel-header{background:var(--w-bg-card);color:var(--w-accent)}.container-slot-too-heavy{opacity:.35;border-color:var(--w-error) #7a0026 #7a0026 var(--w-error)!important}#container-tooltip{position:fixed;z-index:1000;pointer-events:none;background:var(--w-bg-secondary);border:2px solid var(--w-border);border-radius:6px;padding:8px 10px;min-width:140px;max-width:220px;box-shadow:0 4px 12px #00000080}#container-tooltip.hidden{display:none}.ct-name{color:var(--w-text-primary);font-size:12px;font-weight:700;margin-bottom:4px}.ct-stats{display:flex;flex-direction:column;gap:2px}.ct-stat{color:var(--w-text-muted);font-size:10px}.ct-stat-hl{color:#e6c170}.ct-stat-atk{color:var(--w-error)}.ct-stat-def{color:#29cdff}.container-split-bar{padding:6px 10px;background:#0d1020;border-top:1px solid var(--w-accent)}.split-info{display:flex;align-items:center;gap:6px;margin-bottom:4px}.split-label{color:var(--w-text-muted);font-size:10px}.split-qty{color:#fff;font-size:14px;font-weight:700}.split-of{color:var(--w-text-muted);font-size:11px}.split-slider{width:100%;height:5px;background:#333;border-radius:3px;margin-bottom:4px;overflow:hidden}.split-slider-fill{height:100%;background:#29adff;border-radius:3px;transition:width 50ms}.split-hint{color:#555;font-size:9px}.split-hint kbd{background:var(--w-bg-card);padding:0 3px;border-radius:2px}@media (max-width: 600px){.container-dual{width:95vw}.container-panels{flex-direction:column}}.spellbook-tabs{display:flex;border-bottom:1px solid var(--w-border)}.spellbook-tab{flex:1;padding:5px 0;text-align:center;background:var(--w-bg-card);color:var(--w-text-muted);border:none;font-family:inherit;font-size:11px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.spellbook-tab:hover{color:var(--w-text-primary)}.spellbook-tab-active{background:var(--w-bg-card-hover);color:var(--w-accent);border-bottom:1px solid var(--w-accent)}.spellbook-content{padding:6px;overflow-y:auto;flex:1;min-height:100px}.spellbook-item-row{display:flex;align-items:center;gap:8px;padding:5px 6px;border-bottom:1px solid var(--w-bg-card)}.spellbook-item-row:hover{background:var(--w-bg-card)}.spellbook-item-selected{background:var(--w-bg-card-hover)!important;outline:1px solid var(--w-accent)}.spellbook-known{opacity:.5}.spellbook-spell-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--w-bg-tertiary);border-radius:3px;border:1px solid #333;image-rendering:pixelated}.spellbook-spell-icon:empty{background:repeating-linear-gradient(45deg,var(--w-bg-tertiary),var(--w-bg-tertiary) 4px,var(--w-bg-surface) 4px,var(--w-bg-surface) 8px)}.spellbook-spell-name{flex:1;color:var(--w-text-primary);font-size:13px;text-transform:capitalize}.spellbook-bind{color:#29adff;font-size:12px;margin-left:4px}.spellbook-spell-cost{color:#29adff;font-size:12px;min-width:50px;text-align:right}.spellbook-spell-req{color:var(--w-text-muted);font-size:12px;min-width:40px;text-align:right}.spellbook-bind-btn{margin-left:auto;padding:2px 8px;font-size:12px;font-family:inherit;color:var(--w-accent);background:var(--w-bg-card);border:1px solid var(--w-border);cursor:pointer;flex-shrink:0}.spellbook-bind-btn:hover{background:var(--w-bg-card-hover);border-color:var(--w-accent)}.spellbook-detail{padding:6px 10px 8px;color:var(--w-text-secondary);font-size:12px;font-style:italic;border-bottom:1px solid var(--w-bg-card)}.spellbook-empty{color:var(--w-text-muted);font-size:13px;text-align:center;padding:20px 10px}.spellbook-hint{padding:6px 10px;border-top:1px solid var(--w-bg-card);color:var(--w-text-muted);font-size:12px;text-align:center}.spellbook-hint kbd{background:var(--w-bg-card);padding:0 4px;border-radius:2px;font-size:12px}#gamepad-menu{position:fixed;inset:0;z-index:510;background:#0006;display:flex;align-items:center;justify-content:center}#gamepad-menu.hidden{display:none}.gamepad-menu-window{background:var(--w-bg-secondary);border:1px solid var(--w-border);border-color:var(--w-border);width:200px}.gamepad-menu-header{position:relative;padding:6px 10px;background:var(--w-bg-card);border-bottom:1px solid var(--w-border);color:var(--w-accent);font-size:12px;text-transform:uppercase;letter-spacing:2px;text-align:center}.gamepad-menu-item{padding:6px 12px;font-size:11px;color:var(--w-text-secondary);font-family:Courier New,monospace;white-space:nowrap;border-bottom:1px solid var(--w-bg-card)}.gamepad-menu-item.active{background:var(--w-bg-card);color:var(--w-accent);border-left:3px solid var(--w-accent)}.gamepad-menu-hint{padding:4px 10px;border-top:1px solid var(--w-border);color:var(--w-text-muted);font-size:9px;text-align:center}.panel-hotkey-badge{font-size:9px;color:var(--w-text-muted);margin-left:6px;font-weight:400;letter-spacing:0}.menu-hotkey{float:right;color:var(--w-text-muted);font-size:10px}body.mobile .gamepad-menu-item{padding:12px 14px;font-size:13px}.gamepad-menu-close{position:absolute;right:6px;top:4px;width:28px;height:28px;background:none;border:none;color:var(--w-text-secondary);font-size:16px;cursor:pointer;font-family:inherit;line-height:28px;text-align:center}.gamepad-menu-close:active{color:var(--w-accent)}#touch-controls{display:none}body.mobile #touch-controls{display:block;position:fixed;inset:0;pointer-events:none;z-index:510}#joystick-zone{position:absolute;bottom:calc(120px + env(safe-area-inset-bottom,0px));left:calc(32px + env(safe-area-inset-left,0px));width:140px;height:140px;pointer-events:auto;touch-action:none}#joystick-base{position:absolute;inset:0;border-radius:50%;background:#1418288c;border:2px solid rgba(126,112,132,.4);display:flex;align-items:center;justify-content:center;touch-action:none}#joystick-knob{width:52px;height:52px;touch-action:none;border-radius:50%;background:radial-gradient(circle at 40% 38%,#3a3050,#1e1e2e 70%);border:1px solid var(--w-border);border-color:var(--w-border);box-shadow:0 2px 8px #00000080,inset 0 1px 3px #ffffff14;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .06s ease-out;will-change:transform}#joystick-knob.active{border-color:var(--w-accent) #ab5236 #ab5236 var(--w-accent);box-shadow:0 2px 12px #ffec274d,inset 0 1px 3px #ffffff1a}#touch-buttons{position:absolute;bottom:calc(120px + env(safe-area-inset-bottom,0px));right:calc(16px + env(safe-area-inset-right,0px));display:grid;grid-template-columns:56px 56px;grid-template-rows:56px 56px;gap:10px;touch-action:none;pointer-events:auto}#touch-player-mode{grid-column:1 / -1;justify-self:center;grid-row:2}.touch-btn{width:56px;height:56px;border-radius:50%;border:1px solid var(--w-border);border-color:var(--w-border);background:#141828d9;color:var(--w-accent);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;display:flex;align-items:center;justify-content:center;padding:0}.touch-btn img{width:30px;height:30px;pointer-events:none;filter:brightness(0) saturate(100%) invert(88%) sepia(60%) saturate(500%) hue-rotate(5deg) brightness(105%)}.touch-btn:active{background:#29366be6;border-color:var(--w-border)}.touch-btn.touch-btn-active{border-color:var(--w-accent) #ab5236 #ab5236 var(--w-accent);box-shadow:0 2px 12px #ffec274d,inset 0 1px 3px #ffffff1a}#chat-hub-btn{display:none;position:relative}body.mobile #chat-hub-btn{display:flex}#chat-hub-badge{position:absolute;top:2px;right:2px}#mobile-chat-btn{display:none;position:absolute;bottom:calc(100px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--w-border);border-color:var(--w-border);background:#141828d9;color:var(--w-text-secondary);cursor:pointer;pointer-events:auto;z-index:511;-webkit-tap-highlight-color:transparent;align-items:center;justify-content:center;padding:0}body.mobile #mobile-chat-btn{display:flex}#mobile-chat-btn svg{width:22px;height:22px}.mobile-chat-badge{position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--w-error);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.mobile-chat-badge.hidden{display:none}#mobile-chat-overlay{position:fixed;inset:0;z-index:850;background:#0f0b18f7;display:flex;flex-direction:column;pointer-events:auto}#mobile-chat-overlay.hidden{display:none}#mobile-chat-header{display:flex;align-items:center;padding:8px;gap:4px;border-bottom:1px solid var(--w-border);flex-shrink:0}#mobile-chat-tabs{flex:1;display:flex;gap:4px}.mchat-tab{flex:1;padding:8px 4px;background:#141828cc;border:2px solid var(--w-border);color:var(--w-text-muted);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.mchat-tab.active{color:var(--w-accent);border-color:var(--w-border-focus);background:#29366b80}.mchat-tab.unread{color:#00e436}#mobile-chat-close{width:44px;height:44px;background:none;border:2px solid var(--w-border);color:var(--w-text-secondary);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent}#mobile-chat-log{flex:1;overflow-y:auto;padding:8px 12px;font-size:14px;font-family:inherit;color:var(--w-text-secondary)}#mobile-chat-log .chat-msg{padding:3px 0}#mobile-chat-log .chat-msg:before{content:"> ";color:var(--w-text-muted)}#mobile-chat-log .chat-name{color:var(--w-accent)}#mobile-chat-log .chat-system{color:var(--w-text-muted)}#mobile-chat-log .chat-damage{color:var(--w-error)}#mobile-chat-log .chat-death{color:#ff8a8a}#mobile-chat-log .chat-respawn{color:#00e436}#mobile-chat-input-row{display:flex;padding:8px;gap:8px;border-top:1px solid var(--w-border);flex-shrink:0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}#mobile-chat-input{flex:1;background:#141828cc;border:2px solid var(--w-border);color:var(--w-text-secondary);font-family:inherit;font-size:14px;padding:10px;outline:none}#mobile-chat-input:focus{border-color:var(--w-border-focus)}#mobile-chat-send{padding:10px 16px;background:var(--w-bg-card-hover);color:var(--w-accent);border:1px solid var(--w-border);border-color:var(--w-border);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}#player-picker-modal{position:fixed;inset:0;z-index:900;background:#00000080;display:flex;align-items:center;justify-content:center}#player-picker-modal.hidden{display:none}.pp-window{background:var(--w-bg-secondary);border:1px solid var(--w-border);border-color:var(--w-border);width:320px;max-width:95vw;max-height:70vh;display:flex;flex-direction:column;font-family:monospace;font-size:12px;color:var(--w-text-secondary)}.pp-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--w-bg-card);border-bottom:1px solid var(--w-border);color:var(--w-accent);font-size:12px;text-transform:uppercase;letter-spacing:2px}.pp-search{padding:6px 8px;border-bottom:1px solid var(--w-border)}.pp-search input{width:100%;background:#0d1020;border:1px solid var(--w-border);color:#fff;padding:4px 6px;border-radius:3px;font-family:monospace;font-size:12px;box-sizing:border-box;outline:none}.pp-search input:focus{border-color:#29adff}.pp-list{overflow-y:auto;max-height:250px;padding:4px}.pp-item{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;cursor:pointer;border-bottom:1px solid var(--w-bg-card);border-radius:3px}.pp-item:hover{background:var(--w-bg-card)}.pp-item-selected{background:var(--w-bg-card-hover)!important;outline:1px solid var(--w-accent)}.pp-name{color:#fff}.pp-dist{color:#666;font-size:10px}.pp-empty{padding:12px;text-align:center;color:#555;font-style:italic}.pp-manual{padding:4px 8px}.pp-manual-hint{font-size:11px;color:#888;display:flex;align-items:center;gap:6px}.pp-confirm-btn{background:#00e436;border:1px solid var(--w-border);border-color:#5cef73 #008751 #008751 #5cef73;color:var(--w-bg-card);padding:2px 8px;cursor:pointer;font-family:monospace;font-size:11px;border-radius:2px}.pp-confirm-btn:hover{background:#5cef73}.pp-online{font-size:9px;color:#00e436;margin-left:4px}.pp-offline{font-size:9px;color:#666;margin-left:4px}.door-panel{font-size:12px}.panel-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:500}.panel-backdrop.active{display:block}@media (pointer: coarse){body:after{display:none}#fullscreen-btn{position:absolute;z-index:15;width:44px;height:44px;font-size:20px;line-height:38px;background:var(--w-bg-secondary);border:1px solid var(--w-border);border-color:var(--w-border);top:14px;right:14px}#panels-menu-btn{display:none}#chat-input{font-size:16px}#game-layout{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}}body.mobile .floating-panel{position:fixed!important;inset:0 0 0 auto!important;width:280px!important;height:100%!important;transform:translate(100%);transition:transform .2s ease-out;z-index:502!important;overflow-y:auto;border-left:1px solid var(--w-border);border-right:none;border-radius:0}body.mobile .floating-panel.panel-open{transform:translate(0)}body.mobile .floating-panel-header{cursor:default;padding:12px 10px;font-size:14px}body.mobile .sidebar-container.container-window{max-height:none;height:auto}body.mobile .sidebar-container .container-body{flex-direction:row;flex:1;min-height:0}body.mobile .sidebar-container .container-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));max-height:none;flex:1;overflow-y:auto;align-content:start;gap:1px;padding:3px}body.mobile .equip-grid{grid-template-columns:repeat(3,1fr);gap:2px}body.mobile .equip-slot,body.mobile .equip-slot-spacer{width:auto;height:auto;aspect-ratio:1}body.mobile .sidebar-container .container-slot{width:auto;height:36px}body.mobile #canvas-container canvas{border:none}body.mobile #bottom-bar{height:90px}body.mobile #chat-bar{display:none}body.mobile #bar-center-hub{border-left:none}body.mobile .slot-key{display:none}body.mobile .slot-name{font-size:8px}body.mobile .slot-thumb{width:36px;height:36px}body.mobile #backpack-hint{display:none}body.mobile .hub-btn{width:60px;height:60px}body.mobile .hub-btn-icon{font-size:26px}body.mobile .hub-btn-key,body.mobile .skillpoints-key{display:none}body.mobile #mobile-chat-btn{display:none!important}body.mobile .skillpoints-btn{width:60px;height:60px}body.mobile .skillpoints-icon{font-size:28px}body.mobile .skill-slot{min-height:44px}body.mobile .container-hint,body.mobile .trade-hint{display:none}body.mobile #interact-toast{display:none!important}body.mobile .spellbook-hint{display:none}body.mobile .container-close:not(#left-sidebar .container-close),body.mobile .trade-close,body.mobile .unified-close,body.mobile .shortcuts-close,body.mobile .gamepad-menu-close{min-width:44px;min-height:44px;font-size:16px;display:flex;align-items:center;justify-content:center}body.mobile #bottom-bar{padding-bottom:env(safe-area-inset-bottom,0px)}body.mobile #chat-input{min-width:80px}@media (max-height: 500px){body.mobile .floating-panel{width:220px!important}}@media (min-width: 700px){body.mobile #chat-tabs{display:flex}}body.mobile{touch-action:manipulation}body.mobile #game-canvas,body.mobile #game-canvas-gl{touch-action:none}body.mobile #left-sidebar{padding-left:env(safe-area-inset-left,0px)}body.mobile #right-sidebar{padding-right:env(safe-area-inset-right,0px)}body.mobile #fullscreen-btn{display:none!important}#chat-send-btn{display:none;padding:4px 12px;background:var(--w-bg-card-hover);color:var(--w-accent);border:1px solid var(--w-border);border-color:var(--w-border);font-family:inherit;font-size:12px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:transparent}body.mobile #chat-send-btn{display:block}body.mobile #chat-input{flex:1}.inspect-panel{background:var(--w-bg-secondary);border-bottom:3px solid;border-color:var(--w-border);font-family:Courier New,monospace;font-size:12px;color:var(--w-text-secondary)}.ip-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#2a1f3d,#1d1229);border-bottom:1px solid var(--w-border)}.ip-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;font-size:16px;flex-shrink:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.ip-titles{flex:1;min-width:0}.ip-name{color:var(--w-text-primary);font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ip-subtitle{color:var(--w-text-muted);font-size:11px;margin-top:1px}.ip-close{background:none;border:1px solid var(--w-text-muted);border-radius:4px;color:var(--w-text-muted);font-size:14px;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.ip-close:hover{color:var(--w-error);border-color:var(--w-error);background:var(--w-error)22}.ip-section{padding:8px 12px}.ip-divider{height:1px;background:var(--w-border);margin:0 12px}.ip-bar{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ip-bar:last-child{margin-bottom:0}.ip-bar-label{width:46px;font-size:10px;color:var(--w-text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:right;flex-shrink:0}.ip-bar-track{flex:1;height:16px;background:var(--w-bg-input);border:1px solid var(--w-border);border-radius:3px;overflow:hidden;position:relative}.ip-bar-fill{position:absolute;top:0;left:0;bottom:0;border-radius:2px;transition:width .3s ease}.ip-bar-fill.bar-hp{background:linear-gradient(180deg,#f25,#c03)}.ip-bar-fill.bar-mana{background:linear-gradient(180deg,#4bf,#28d)}.ip-bar-fill.bar-charges{background:linear-gradient(180deg,#2e5,#0b3)}.ip-bar-fill.bar-dura{background:linear-gradient(180deg,#fa3,#d80)}.ip-bar-value{width:60px;font-size:11px;color:var(--w-text-primary);text-align:left;flex-shrink:0}.ip-stat-grid{display:flex;gap:4px;flex-wrap:wrap}.ip-stat{flex:1;min-width:60px;background:var(--w-bg-input);border:1px solid var(--w-border);border-radius:4px;padding:6px 8px;text-align:center}.ip-stat-val{display:block;font-size:16px;font-weight:700;color:var(--w-text-primary);line-height:1.2}.ip-stat-label{display:block;font-size:9px;color:var(--w-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.ip-kv{display:flex;justify-content:space-between;align-items:baseline;padding:2px 0}.ip-kv-label{color:var(--w-text-muted);font-size:11px}.ip-kv-value{color:var(--w-accent);font-size:12px;font-weight:700}.ip-section-label{color:var(--w-text-muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.ip-empty{color:var(--w-text-muted);font-style:italic;font-size:11px}.ip-text{color:var(--w-text-secondary);font-size:12px;line-height:1.4}.ip-pill{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.5px}.ip-pill-success{background:#00e43622;color:#00e436;border:1px solid #00e43644}.ip-pill-danger{background:var(--w-error)22;color:var(--w-error);border:1px solid var(--w-error)44}.ip-pill-info{background:#29adff22;color:#29adff;border:1px solid #29adff44}.ip-equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ip-equip-slot{background:var(--w-bg-input);border:1px solid var(--w-border);border-color:var(--w-border);height:48px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:3px}.ip-equip-filled{background:var(--w-bg-card);border-color:var(--w-border)}.ip-equip-spacer{height:48px}.ip-equip-label{font-size:8px;color:var(--w-text-muted);text-transform:uppercase;letter-spacing:.5px;position:absolute;bottom:1px;left:0;right:0;text-align:center}.ip-equip-sprite{image-rendering:pixelated}.ip-actions{padding:8px 12px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--w-border)}.ip-action{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:12px;color:var(--w-text-secondary);background:#1d1229;border:1px solid var(--w-border);border-radius:4px;cursor:pointer;transition:all .12s}.ip-action:hover,.ip-action.active{background:#29adff18;color:#29adff;border-color:#29adff44}.ip-action-key{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;background:var(--w-bg-input);border:1px solid var(--w-text-muted);border-radius:3px;font-size:10px;color:var(--w-text-muted);flex-shrink:0}.ip-action:hover .ip-action-key,.ip-action.active .ip-action-key{border-color:#29adff55;color:#29adff}.ip-item-row{padding:6px 0;border-bottom:1px solid #1d1229}.ip-item-row:last-child{border-bottom:none}.ip-item-top{display:flex;align-items:center;gap:8px}.ip-item-sprite{flex-shrink:0;image-rendering:pixelated}.ip-item-info{flex:1;min-width:0}.ip-item-name{color:var(--w-text-primary);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ip-item-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.ip-chip{font-size:9px;padding:1px 5px;background:var(--w-bg-input);border-radius:3px;border:1px solid var(--w-border)66}.ip-timer{font-size:10px;padding:3px 0 0 36px}.ip-timer.timer-ok{color:var(--w-text-muted)}.ip-timer.timer-warn{color:var(--w-accent)}.ip-timer.timer-crit{color:var(--w-error)}.inspect-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#2a1f3d,#1d1229);padding:10px 12px;border-bottom:1px solid var(--w-border)}.inspect-name{color:var(--w-text-primary);font-weight:700;font-size:15px}.inspect-section{padding:8px 12px;border-top:1px solid var(--w-border)}.inspect-label{color:var(--w-text-muted);margin-bottom:4px;font-size:11px}.inspect-bar{position:relative;height:16px;background:var(--w-bg-input);margin-bottom:4px;border:1px solid var(--w-border);border-radius:3px;overflow:hidden}.inspect-bar-fill{position:absolute;top:0;left:0;bottom:0;border-radius:2px}.inspect-bar-text{position:relative;z-index:1;font-size:10px;color:var(--w-text-primary);line-height:16px;padding-left:6px}.inspect-actions{border-top:1px solid var(--w-border);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.inspect-action-item{padding:7px 12px;color:var(--w-text-secondary);font-size:12px;cursor:pointer;background:#1d1229;border:1px solid var(--w-border);border-radius:4px;text-align:center}.inspect-action-item:hover,.inspect-action-item.active{background:#29adff18;color:#29adff;border-color:#29adff44}.inspect-action-key{color:var(--w-text-muted);font-size:10px;margin-right:6px}#player-trade-modal{position:fixed;inset:0;z-index:900;background:#00000080;display:flex;align-items:center;justify-content:center}#player-trade-modal.hidden{display:none}#player-trade-modal .ptrade-status{color:var(--w-text-secondary)}#player-trade-modal .ptrade-agree-status{color:#00e436}.ptrade-window{width:620px}.ptrade-panes{display:flex;gap:2px;min-height:160px;max-height:300px}.ptrade-pane{flex:1;display:flex;flex-direction:column;border:1px solid var(--w-bg-card);min-width:0}.ptrade-pane-active{border-color:var(--w-accent)}.ptrade-pane-header{padding:3px 6px;background:var(--w-bg-card);color:var(--w-text-muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;text-align:center}.ptrade-pane-active .ptrade-pane-header{color:var(--w-accent);background:var(--w-bg-card-hover)}.ptrade-pane-list{flex:1;overflow-y:auto;padding:2px}.ptrade-qty-inline{color:var(--w-accent);font-size:11px;font-weight:700;margin-left:auto;white-space:nowrap}.ptrade-qty-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 8px;background:var(--w-bg-card);border-top:1px solid var(--w-bg-card-hover);color:var(--w-text-secondary);font-size:10px}.ptrade-qty-bar.hidden{display:none}.ptrade-qty-bar kbd{font-size:9px}.ptrade-qty-label{color:var(--w-accent);font-size:11px}.ptrade-qty-shortcuts{color:var(--w-text-muted)}.ptrade-qty-track{display:inline-block;width:60px;height:6px;background:#0d1117;border-radius:3px;vertical-align:middle;overflow:hidden}.ptrade-qty-fill{display:block;height:100%;background:var(--w-accent);border-radius:3px;transition:width .1s}.ptrade-accept-btn{background:#00e436;color:var(--w-bg-card);border:1px solid var(--w-border);border-color:#00e436 #005f37 #005f37 #00e436;font-size:11px;cursor:pointer;padding:3px 12px;font-family:inherit;font-weight:700}.ptrade-accept-btn:hover{background:#5fff8a}.ptrade-accept-btn:disabled{opacity:.5;cursor:default}.ptrade-accept-confirm{background:var(--w-accent);color:var(--w-bg-card);border-color:var(--w-accent) #ab5236 #ab5236 var(--w-accent)}.ptrade-accept-confirm:hover{background:#fff5a0}.trade-request-toast{position:absolute;bottom:132px;left:12px;display:flex;align-items:center;gap:6px;background:#1d2b53f2;color:var(--w-text-primary);font-family:monospace;font-size:11px;padding:6px 10px;border:2px solid #29adff;border-radius:2px;z-index:20;animation:toast-slide-in .2s ease-out}.trade-request-toast .trade-toast-text{margin-right:4px;color:#29adff;font-weight:700}.trade-request-toast button{font-family:monospace;font-size:10px;padding:2px 8px;border:none;cursor:pointer;font-weight:700}.trade-toast-accept{background:#00e436;color:var(--w-bg-card)}.trade-toast-decline{background:var(--w-error);color:var(--w-text-primary)}.trade-toast-ignore{background:var(--w-text-muted);color:var(--w-text-primary)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.draft-card{width:280px;cursor:pointer;position:relative;z-index:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1),z-index 0s}.draft-card:hover,.draft-card-selected{transform:translateY(-14px) scale(1.07);z-index:10}.draft-card-frame{background:linear-gradient(170deg,#2e2a4e,#1c1a30 40%,#14122a);border:3px solid #4a4a5e;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;height:400px;box-shadow:inset 0 1px #ffffff14,0 4px 20px #0009;transition:border-color .3s,box-shadow .3s}.draft-card-frame:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.05);border-radius:9px;pointer-events:none;z-index:1}.draft-card:hover .draft-card-frame,.draft-card-selected .draft-card-frame{box-shadow:inset 0 1px #ffffff1f,0 8px 36px #000000b3,0 0 28px #ffec271f}.draft-card-art-window{width:244px;height:160px;margin:16px auto 0;background:radial-gradient(ellipse at center,#1e1e3a,#0c0a1e);border:2px solid rgba(255,255,255,.08);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.draft-card-art-window:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.5) 100%);pointer-events:none}.draft-card:hover .draft-card-art-window:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 20%,rgba(255,236,39,.06) 45%,rgba(255,236,39,.12) 50%,rgba(255,236,39,.06) 55%,transparent 80%);animation:dc-art-shimmer 2s ease-in-out infinite;pointer-events:none;z-index:2}.draft-card-sprite{width:128px;height:128px;display:flex;align-items:center;justify-content:center;image-rendering:pixelated;position:relative;z-index:1}.draft-card-sprite canvas{image-rendering:pixelated;width:100%;height:100%}.draft-card-sprite:empty{background:repeating-linear-gradient(45deg,var(--w-bg-tertiary),var(--w-bg-tertiary) 4px,var(--w-bg-surface) 4px,var(--w-bg-surface) 8px);width:64px;height:64px;border-radius:3px}.draft-card-rarity-gem{width:18px;height:18px;margin:-9px auto 0;transform:rotate(45deg);border:2px solid #6a6a7e;border-radius:3px;background:linear-gradient(135deg,#6a6a7e,#4a4a5e);position:relative;z-index:2;transition:box-shadow .3s,background .3s}.draft-card-name-banner{width:100%;text-align:center;padding:14px 18px 4px;position:relative}.draft-card-name-banner:before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.draft-card-tier{font-size:10px;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:4px;display:block}.draft-card-name{font-size:18px;font-weight:700;margin-bottom:2px;color:var(--w-text-primary);display:block;text-shadow:0 1px 3px rgba(0,0,0,.5)}.draft-upgrade{display:inline-block;font-size:10px;color:#1eff00;font-weight:700;background:#1eff001a;border:1px solid rgba(30,255,0,.25);border-radius:3px;padding:2px 10px;margin-top:2px;letter-spacing:.5px}.draft-card-body{padding:6px 18px 4px;text-align:center;flex:1;width:100%;overflow:hidden;min-height:0}.draft-card-desc{font-size:13px;color:#9a96a8;margin-bottom:4px;line-height:1.3}.draft-card-effects{font-size:14px;color:#8f8;margin-bottom:2px}.draft-bonus{display:block;font-weight:700}.draft-spell-unlock{display:block;color:#8af}.draft-card-footer{padding:6px 18px 12px;width:100%;flex-shrink:0}.draft-pick-btn{width:100%;background:linear-gradient(180deg,#4a7a2a,#3a5a1a);color:#e6d8a7;border:1px solid #5a8a2a;padding:10px 18px;cursor:pointer;font-family:inherit;font-size:14px;border-radius:4px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:background .15s,box-shadow .15s}.draft-pick-btn:hover{background:linear-gradient(180deg,#5a9a3a,#4a7a2a);box-shadow:0 0 12px #5a8a2a4d}.draft-burn-btn{display:block;margin:12px auto 0;background:linear-gradient(180deg,#6a2020,#4a1515);color:#e6d8a7;border:1px solid #8a3030;padding:8px 24px;cursor:pointer;font-family:inherit;font-size:12px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;transition:background .15s}.draft-burn-btn:hover{background:linear-gradient(180deg,#8a3030,#6a2020)}.draft-request-btn{background:linear-gradient(180deg,#3a4a6a,#2a3a5a);color:#e6d8a7;border:1px solid #4a6a8a;padding:10px 28px;cursor:pointer;font-family:inherit;font-size:12px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;transition:background .15s}.draft-request-btn:hover{background:linear-gradient(180deg,#4a6a8a,#3a5a7a)}.draft-tier-common .draft-card-frame{border-color:#4a4a5e}.draft-tier-common .draft-card-tier{color:#7a7a8e}.draft-tier-common .draft-card-rarity-gem{background:linear-gradient(135deg,#6a6a7e,#4a4a5e);border-color:#6a6a7e}.draft-tier-uncommon .draft-card-frame{border-color:#2a7a3a;box-shadow:inset 0 1px #1eff0014,0 0 16px #1eff001a,0 4px 20px #0009}.draft-tier-uncommon .draft-card-tier{color:#1eff00}.draft-tier-uncommon .draft-card-rarity-gem{background:linear-gradient(135deg,#3adf5a,#1a8a2a);border-color:#4aff6a;box-shadow:0 0 8px #1eff0059}.draft-tier-rare .draft-card-frame{border-color:#c8a830;box-shadow:inset 0 1px #ffd7001f,0 0 24px #ffd7002e,0 4px 20px #0009}.draft-tier-rare .draft-card-tier{color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.draft-tier-rare .draft-card-rarity-gem{background:linear-gradient(135deg,#ffe866,#e6a800);border-color:#fff1a8;box-shadow:0 0 10px #ffd70080;animation:dc-gem-sparkle 2s ease-in-out infinite}.draft-tier-rare .draft-card-frame:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.06),transparent);animation:dc-card-shimmer 3.5s ease-in-out infinite;pointer-events:none;z-index:0}.draft-grade-silver .draft-card-frame{border-color:#7a8da8}.draft-grade-silver .draft-card-name{color:#c8d8f0}.draft-grade-silver .draft-card-art-window{border-color:#a0b4d240}.draft-grade-gold .draft-card-frame{border-color:#d4a520}.draft-grade-gold .draft-card-name{color:#ffe88a;text-shadow:0 0 6px rgba(255,215,0,.3),0 1px 3px rgba(0,0,0,.5)}.draft-grade-gold .draft-card-art-window{border-color:#ffd7004d}.draft-card-owned-badge{position:absolute;top:8px;right:8px;z-index:3;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.draft-card-owned-badge.grade-base{background:#5a5a6e}.draft-card-owned-badge.grade-silver{background:linear-gradient(135deg,#8a9ab0,#6a7a90);border-color:#a0b4d266}.draft-card-owned-badge.grade-gold{background:linear-gradient(135deg,#e6b800,#b8901a);border-color:#ffd70080;box-shadow:0 0 6px #ffd7004d}.draft-tier-rare.draft-grade-gold .draft-card-frame{border-color:gold;box-shadow:inset 0 1px #ffd70033,0 0 32px #ffd70040,0 4px 20px #0009}.draft-card-selected .draft-card-frame{border-color:var(--w-accent)!important;animation:dc-select-pulse 1.5s ease-in-out infinite}.draft-card-back{position:absolute;inset:0;z-index:5;border-radius:12px;overflow:hidden;backface-visibility:hidden;background:linear-gradient(145deg,#2a1840,#1a1030);border:3px solid #4a3860;box-shadow:inset 0 0 30px #5028784d,0 4px 20px #0009;cursor:pointer}.draft-card-back-inner{position:absolute;inset:8px;border:1px solid rgba(160,120,200,.15);border-radius:6px;background:radial-gradient(ellipse at 50% 30%,rgba(180,140,255,.08) 0%,transparent 60%),repeating-conic-gradient(from 0deg,rgba(120,80,180,.06) 0deg 30deg,transparent 30deg 60deg)}.draft-card-back-inner:after{content:"\2666";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:44px;color:#b48cff33;text-shadow:0 0 20px rgba(140,100,220,.3)}.draft-card-piled .draft-card-frame,.draft-card-facedown .draft-card-frame,.draft-card-spreading .draft-card-frame{opacity:0;pointer-events:none}.draft-card-revealed .draft-card-back,.draft-card-chosen .draft-card-back,.draft-card-dismissed .draft-card-back,.draft-card-selected .draft-card-back{display:none}.draft-card-revealed .draft-card-frame{opacity:1}.draft-card{transform-style:preserve-3d}.draft-card-piled{position:relative;transform:scale(.9) translateY(30px);opacity:0;pointer-events:none;transition:none}.draft-card-piled:nth-child(1){z-index:3}.draft-card-piled:nth-child(2){z-index:2;transform:scale(.9) translateY(30px) rotate(2deg)}.draft-card-piled:nth-child(3){z-index:1;transform:scale(.9) translateY(30px) rotate(-2deg)}.draft-card-spreading{animation:dc-pile-spread .45s cubic-bezier(.34,1.56,.64,1) forwards}.draft-card-facedown{transform:translateY(0) scale(1);opacity:1;cursor:pointer}.draft-card-facedown:hover{transform:translateY(-6px) scale(1.04)}.draft-card-facedown:hover .draft-card-back{border-color:#7a5aa0;box-shadow:inset 0 0 30px #5028784d,0 0 20px #8c64dc40,0 8px 24px #00000080}.draft-card-flipping{animation:dc-card-flip .4s ease-in-out forwards}.draft-card-flipping .draft-card-back{animation:dc-back-flip .4s ease-in-out forwards}.draft-card-revealed{transform:translateY(0) scale(1);opacity:1}.draft-card-burst-rare .draft-card-frame{animation:dc-rare-glow .8s ease-out}.draft-card-burst-uncommon .draft-card-frame{animation:dc-uncommon-glow .6s ease-out}.draft-particle{position:absolute;width:5px;height:5px;border-radius:50%;pointer-events:none;z-index:50;animation:dc-particle .7s ease-out forwards}.draft-card-chosen{animation:dc-card-chosen .65s cubic-bezier(.34,1.56,.64,1) forwards;z-index:20}.draft-card-dismissed{animation:dc-card-dismissed .45s ease-in forwards;pointer-events:none}.draft-card-added-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--w-accent);text-shadow:0 0 24px rgba(255,236,39,.6),0 2px 4px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:3px;animation:dc-card-added 1.4s ease-out forwards;pointer-events:none;z-index:30}@keyframes dc-card-shimmer{0%,to{left:-120%}50%{left:160%}}@keyframes dc-art-shimmer{0%,to{transform:translate(-120%) translateY(-120%)}50%{transform:translate(120%) translateY(120%)}}@keyframes dc-gem-sparkle{0%,to{box-shadow:0 0 6px #ffd70066}50%{box-shadow:0 0 16px #ffd700cc,0 0 4px #fff9}}@keyframes dc-select-pulse{0%,to{box-shadow:inset 0 1px #ffffff1a,0 0 14px #ffec2733,0 8px 32px #0009}50%{box-shadow:inset 0 1px #ffffff1a,0 0 28px #ffec2766,0 8px 32px #0009}}@keyframes dc-pile-spread{0%{transform:scale(.9) translateY(30px);opacity:0}50%{opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes dc-card-flip{0%{transform:scale(1)}30%{transform:scale(1.08) rotateY(90deg)}60%{transform:scale(1.04) rotateY(180deg)}to{transform:scale(1) rotateY(0)}}@keyframes dc-back-flip{0%{opacity:1}30%{opacity:1}31%{opacity:0}to{opacity:0}}@keyframes dc-rare-glow{0%{box-shadow:0 0 #ffd70000}20%{box-shadow:0 0 60px #ffd700b3,0 0 120px #ffd7004d}to{box-shadow:inset 0 1px #ffd7001f,0 0 24px #ffd7002e,0 4px 20px #0009}}@keyframes dc-uncommon-glow{0%{box-shadow:0 0 #1eff0000}25%{box-shadow:0 0 40px #1eff0080,0 0 80px #1eff0033}to{box-shadow:inset 0 1px #1eff0014,0 0 16px #1eff001a,0 4px 20px #0009}}@keyframes dc-particle{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}@keyframes dc-card-chosen{0%{transform:translateY(0) scale(1);filter:brightness(1)}40%{transform:translateY(-24px) scale(1.15);filter:brightness(1.6)}to{transform:translateY(-12px) scale(1.1);filter:brightness(1.25)}}@keyframes dc-card-dismissed{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(40px) scale(.8);opacity:0}}@keyframes dc-card-added{0%{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1.15)}30%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-24px)}}.draft-body{display:flex;flex:1;min-height:300px;overflow:hidden}.draft-skill-list{width:220px;min-width:220px;overflow-y:auto;border-right:1px solid var(--w-border);padding:4px 0}.draft-skill-row{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;color:var(--w-text-secondary);cursor:pointer;border-bottom:1px solid var(--w-bg-card)}.draft-skill-row:hover{background:var(--w-bg-card)}.draft-skill-active{background:#1a2040}.draft-skill-selected{background:var(--w-bg-card-hover)!important;outline:1px solid var(--w-accent)}.draft-skill-name{flex:1;color:var(--w-text-primary);font-size:13px}.draft-skill-level{color:var(--w-text-muted);font-size:12px}.draft-pts-badge{background:var(--w-error);color:#fff;font-size:11px;font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:2px;padding:0 3px}.draft-empty-skills{color:var(--w-text-muted);font-size:13px;padding:12px;text-align:center}.draft-card-area{flex:1;padding:8px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.draft-empty{color:var(--w-text-muted);font-size:13px;text-align:center;padding:20px}.draft-empty kbd{background:var(--w-bg-card-hover);color:var(--w-accent);padding:1px 4px;border:1px solid var(--w-border);border-radius:2px;font-size:12px}.draft-area-title{font-size:17px;color:var(--w-accent);text-transform:uppercase;margin-bottom:18px;font-weight:700;text-align:center;letter-spacing:2.5px;text-shadow:0 0 12px rgba(255,236,39,.3)}.draft-cards-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;perspective:800px;position:relative}.draft-hint{padding:6px 10px;background:var(--w-bg-input);border-top:1px solid var(--w-border);color:var(--w-text-muted);font-size:12px;text-align:center}.draft-hint kbd{background:var(--w-bg-card-hover);color:var(--w-accent);padding:1px 4px;border:1px solid var(--w-border);border-radius:2px;font-size:11px;margin:0 2px}body.mobile .draft-body{flex-direction:column;min-height:0}body.mobile .draft-skill-list{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--w-border);display:flex;flex-direction:row;flex-shrink:0;padding:0;-webkit-overflow-scrolling:touch}body.mobile .draft-skill-row{white-space:nowrap;padding:10px 14px;min-height:44px;border-bottom:none;border-right:1px solid var(--w-bg-card);flex-shrink:0}body.mobile .draft-skill-row:last-child{border-right:none}body.mobile .draft-skill-selected{border-bottom:1px solid var(--w-accent);outline:none}body.mobile .draft-card-area{flex:1;min-height:0;overflow-y:auto}body.mobile .draft-cards-row{gap:10px}body.mobile .draft-card{width:195px}body.mobile .draft-card-frame{height:290px;border-radius:10px}body.mobile .draft-card-art-window{width:168px;height:112px;margin-top:10px}body.mobile .draft-card-sprite{width:92px;height:92px}body.mobile .draft-card-name{font-size:15px}body.mobile .draft-card-desc{font-size:11px}body.mobile .draft-card-effects{font-size:12px}body.mobile .draft-card-name-banner{padding:10px 10px 4px}body.mobile .draft-pick-btn{padding:10px 18px;min-height:44px;font-size:14px}body.mobile .draft-burn-btn{padding:10px 18px;min-height:44px}body.mobile .draft-request-btn{padding:10px 20px;min-height:44px;font-size:12px}body.mobile .draft-hint{display:none}body.mobile .draft-card-frame:after,body.mobile .draft-card-art-window:before{animation:none!important}body.mobile .draft-tier-rare .draft-card-rarity-gem{animation:none;box-shadow:0 0 8px #ffd70080}body.mobile .draft-card{transition:transform .15s ease,z-index 0s}body.mobile .draft-card:hover,body.mobile .draft-card-facedown:hover{transform:scale(1.03)}body.mobile .draft-card-flipping{animation:dc-card-flip-mobile .35s ease-out forwards}body.mobile .draft-card-spreading{animation:dc-pile-spread-mobile .35s ease-out forwards}@keyframes dc-card-flip-mobile{0%{transform:scale(1);opacity:1}40%{transform:scale(1.1);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes dc-pile-spread-mobile{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.skill-draft-badge{background:var(--w-error);color:#fff;font-size:7px;font-weight:700;min-width:12px;height:12px;line-height:12px;text-align:center;border-radius:2px;padding:0 2px;margin-left:2px}#error-screen{position:fixed;inset:0;background:#0a0610f2;z-index:99999;display:none;align-items:center;justify-content:center;font-family:Silkscreen,monospace}.error-screen-content{text-align:center;max-width:400px;padding:32px;background:var(--w-bg-tertiary);border:2px solid #a22;border-radius:6px}.error-screen-icon{font-size:36px;color:#a22;font-weight:700;width:56px;height:56px;line-height:56px;border:3px solid #a22;border-radius:50%;margin:0 auto 16px;text-align:center}.error-screen-title{font-size:14px;color:#e6d8a7;margin-bottom:12px}.error-screen-msg{font-size:10px;color:#c88;margin-bottom:20px;word-break:break-word;max-height:120px;overflow-y:auto;padding:8px;background:#12101a;border-radius:3px;text-align:left}.error-screen-btn{background:#3a5a1a;color:#e6d8a7;border:1px solid #5a8a2a;padding:8px 24px;cursor:pointer;font-family:inherit;font-size:11px;border-radius:3px}.error-screen-btn:hover{background:#4a7a2a}.cards-skill-section{border-bottom:1px solid #2a2440}.cards-skill-header{display:flex;align-items:center;gap:6px;padding:8px 10px;cursor:pointer;user-select:none;background:linear-gradient(90deg,#1a1526,#13101d);font-size:11px;color:#e6d8a7;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cards-skill-header:before{content:"\25bc";font-size:7px;color:var(--w-text-muted);transition:transform .2s}.cards-section-collapsed .cards-skill-header:before{transform:rotate(-90deg)}.cards-section-collapsed .cards-grid{display:none}.cards-grid{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.cards-mini-card{width:130px;background:linear-gradient(170deg,#2a2840,#1a182a);border:2px solid #4a4a5e;border-radius:8px;padding:0;text-align:center;overflow:hidden;transition:transform .2s,box-shadow .2s}.cards-mini-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000080}.cards-mini-card:before{content:"";display:block;height:3px;background:#4a4a5e}.cards-tier-uncommon.cards-mini-card:before{background:#2a8a3a}.cards-tier-rare.cards-mini-card:before{background:linear-gradient(90deg,#c8a830,gold,#c8a830)}.cards-mini-art{width:72px;height:56px;margin:8px auto 4px;background:radial-gradient(ellipse at center,var(--w-bg-tertiary),#0a0a18);border-radius:4px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;overflow:hidden}.cards-mini-art canvas{image-rendering:pixelated;width:48px;height:48px}.cards-mini-info{padding:4px 8px 8px}.cards-mini-name{display:block;font-size:10px;font-weight:700;color:var(--w-text-primary);line-height:1.2}.cards-mini-grade-dots{display:block;margin-top:2px;letter-spacing:2px;font-size:8px}.cards-mini-grade-dots.grade-base{color:#6a6a7e}.cards-mini-grade-dots.grade-silver{color:#b0c0d8}.cards-mini-grade-dots.grade-gold{color:gold}.cards-mini-tier{font-size:7px;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:2px}.cards-mini-bonuses{color:#8f8;font-size:8px;display:block;margin-top:2px}.cards-pity-bar{height:4px;margin:2px 10px 6px;background:#1a1526;border-radius:2px;overflow:hidden}.cards-pity-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#4a4a5e,#c8a830);transition:width .3s}.cards-pity-label{font-size:7px;color:#666;padding:0 10px 4px;text-align:center}.cards-tier-common{border-color:#4a4a5e}.cards-tier-common .cards-mini-tier{color:#7a7a8e}.cards-tier-uncommon{border-color:#2a6a3a;box-shadow:0 0 8px #1eff000f}.cards-tier-uncommon .cards-mini-tier{color:#1eff00}.cards-tier-rare{border-color:#a08020;box-shadow:0 0 10px #ffd70014}.cards-tier-rare .cards-mini-tier{color:gold}.cards-grade-silver .cards-mini-name{color:#c8d8f0}.cards-grade-gold .cards-mini-name{color:#ffe88a}.cards-grade-gold{border-color:#b8901a}.cards-pity{color:#555;font-size:8px;padding:0 10px 4px;font-style:italic}body.mobile .cards-grid{gap:4px;padding:6px}body.mobile .cards-mini-card{width:calc(50% - 4px)}.construction-panel{position:fixed;left:280px;top:50%;transform:translateY(-50%);transition:left .25s ease;width:260px;max-height:340px;background:#000000eb;border:1px solid #29335c;border-radius:6px;display:flex;flex-direction:column;z-index:400;font-size:11px}body:has(#left-sidebar.open) .construction-panel{left:560px}body.mobile .construction-panel{display:none!important}.construction-panel.hidden{display:none}.construction-panel-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid #29335c}.construction-panel-title{color:#fff;font-weight:600;font-size:12px}.construction-panel-hint{color:#888;font-size:10px}.construction-panel-hint kbd{background:#222;border:1px solid #444;border-radius:2px;padding:0 3px;font-size:9px}.construction-panel-list{overflow-y:auto;flex:1;padding:4px}.construction-row{padding:6px 8px;border-radius:4px;cursor:pointer;margin-bottom:2px}.construction-row:hover{background:#1a2040}.construction-row.selected{background:var(--w-bg-card);border-left:1px solid #4f8cff}.construction-row-main{display:flex;align-items:center;gap:8px}.construction-row-name{color:#fff;font-size:12px}.construction-row-meta{color:#888;font-size:10px}.construction-row-mats{margin-top:3px;font-size:10px}.construction-mat{margin-right:6px;display:inline-flex;align-items:center}.mat-sprite{display:inline-flex;flex-shrink:0}.construction-mat.ok{color:#4f4}.construction-mat.missing{color:#f44}.construction-empty{color:#888;text-align:center;padding:20px}.construction-mini-grid{flex-shrink:0;border:1px solid #333;border-radius:2px}#newplayer-wizard{position:fixed;inset:0;z-index:1100;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;outline:none}#newplayer-wizard.hidden{display:none}.wizard-window{background:var(--w-bg-card);border:1px solid var(--w-border);border-radius:var(--w-radius-lg);box-shadow:var(--w-shadow-card-hover);width:92vw;max-width:600px;height:80vh;max-height:600px;display:flex;flex-direction:column;overflow:hidden}.wizard-page{display:none;flex-direction:column;height:100%}.wizard-page-active{display:flex}.wizard-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;text-align:center}.wizard-title{font-size:22px;color:var(--w-accent);margin:0 0 16px;font-weight:700}.wizard-flavor{color:var(--w-text-secondary);font-size:13px;line-height:1.6;margin:0 0 10px;max-width:420px}.wizard-outfit-container{flex:1;overflow-y:auto;padding:8px}.wizard-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--w-border-subtle);background:var(--w-bg-secondary)}.wizard-btn{padding:8px 20px;border:1px solid var(--w-border);border-radius:var(--w-radius-sm);background:var(--w-bg-tertiary);color:var(--w-text-primary);cursor:pointer;font-size:13px;font-family:inherit;transition:all var(--w-transition-fast)}.wizard-btn:not(.wizard-btn-primary):hover{background:var(--w-bg-card-hover);border-color:var(--w-border-focus)}.wizard-btn-primary{background:linear-gradient(135deg,var(--w-accent),var(--w-accent-dim));color:var(--w-bg-primary);border:none;font-weight:700;letter-spacing:.03em;box-shadow:0 2px 8px #e6c17033}.wizard-btn-primary:hover{background:linear-gradient(135deg,var(--w-accent-hover),var(--w-accent));box-shadow:0 4px 16px #e6c17066;transform:translateY(-1px)}.wizard-logo{width:60px;height:60px;background:linear-gradient(135deg,var(--w-accent-dim),var(--w-accent));border:1px solid var(--w-border);border-radius:var(--w-radius-md);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--w-bg-primary);font-family:inherit;margin-bottom:12px}.wizard-author strong{color:var(--w-text-primary)}.wizard-links{display:flex;flex-direction:column;gap:10px;margin:16px 0 12px}.wizard-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--w-radius-sm);font-size:13px;font-family:inherit;text-decoration:none;transition:all var(--w-transition-fast)}.wizard-link-icon{flex-shrink:0}.wizard-discord{background:#5865f2;color:#fff;border:1px solid #7983f5}.wizard-discord:hover{background:#4752c4}.wizard-email{background:#ffffff0f;color:var(--w-text-secondary);border:1px solid var(--w-border)}.wizard-email:hover{background:#ffffff1a;border-color:var(--w-border-focus)}.wizard-signoff{font-style:italic;color:var(--w-text-muted);margin-top:4px}.wizard-rules{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 30px;overflow-y:auto;text-align:center}.wizard-rules .wizard-title{margin-bottom:8px}.wizard-rules-list{display:flex;flex-direction:column;gap:10px;margin:16px 0;max-width:460px;width:100%;text-align:left}.wizard-rule{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#ffffff08;border:1px solid var(--w-border-subtle);border-radius:var(--w-radius-sm)}.wizard-rule-icon{font-size:18px;flex-shrink:0;margin-top:1px}.wizard-rule p{margin:0;color:var(--w-text-secondary);font-size:12px;line-height:1.5}.wizard-rule strong{color:var(--w-text-primary)}.wizard-rules-footer{font-size:12px;font-style:italic;color:var(--w-text-muted);max-width:460px}body.mobile .wizard-rules{padding:10px 14px}body.mobile .wizard-rules-list{gap:6px;margin:8px 0}body.mobile .wizard-rule{padding:6px 10px;gap:8px}body.mobile .wizard-rule-icon{font-size:14px}body.mobile .wizard-rule p,body.mobile .wizard-rules-footer{font-size:11px}.wizard-ea-layout{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:30px;gap:30px;text-align:center;overflow-y:auto}.wizard-ea-left{flex:1 1 0;display:flex;flex-direction:column;align-items:center;max-width:280px}.wizard-ea-right{flex:1 1 0;display:flex;flex-direction:column;align-items:center;max-width:240px;padding-left:30px;border-left:1px solid var(--w-border-subtle)}.wizard-ea-right .w-section-label{margin-bottom:14px}.wizard-ea-right .wizard-links{width:100%}body.mobile #newplayer-wizard{padding:max(12px,env(safe-area-inset-top,12px)) max(12px,env(safe-area-inset-right,12px)) max(16px,env(safe-area-inset-bottom,16px)) max(12px,env(safe-area-inset-left,12px))}body.mobile .wizard-window{width:100%;max-width:none;height:100%;max-height:none}body.mobile .wizard-page{min-height:0}body.mobile .wizard-footer{flex-shrink:0;border-top:1px solid var(--w-border-subtle);padding:10px 16px}body.mobile .wizard-footer .wizard-btn{padding:12px 22px;min-height:44px;font-size:14px}body.mobile .wizard-welcome{padding:12px 16px;overflow-y:auto;min-height:0}body.mobile .wizard-title{font-size:16px;margin:0 0 8px}body.mobile .wizard-flavor{font-size:11px;margin:0 0 6px;line-height:1.4}body.mobile .wizard-logo{width:40px;height:40px;font-size:22px;margin-bottom:6px}body.mobile .wizard-outfit-container{flex:1;overflow-y:auto;padding:4px;min-height:0}body.mobile .wizard-outfit-container .outfit-body{flex-direction:row;overflow:hidden;padding:4px 8px;gap:10px;flex:1;align-items:stretch}body.mobile .wizard-outfit-container .outfit-left{flex:1 1 0;width:0;min-width:0;display:flex;flex-direction:column}body.mobile .wizard-outfit-container .outfit-preview-area{flex-shrink:0}body.mobile .wizard-outfit-container .outfit-preview-canvas{width:100%;max-width:120px;aspect-ratio:1;height:auto}body.mobile .wizard-outfit-container .outfit-right{flex:1 1 0;width:0;min-width:0;overflow-y:auto}body.mobile .wizard-outfit-container .outfit-addons-area{display:none}body.mobile .wizard-ea-layout{flex-direction:row;padding:10px 16px;gap:20px;text-align:center;align-items:center;justify-content:center;overflow-y:auto;min-height:0}body.mobile .wizard-ea-left{flex:1 1 0;max-width:none;display:flex;flex-direction:column;align-items:center}body.mobile .wizard-ea-right{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center}body.mobile .wizard-ea-right .wizard-links{margin:0;gap:8px;align-items:stretch}body.mobile .wizard-ea-right .wizard-link{font-size:11px;padding:8px 14px}body.mobile .wizard-ea-right .wizard-signoff{align-self:flex-end;margin-top:8px}#skillbar-bind-modal{position:fixed;inset:0;z-index:9500;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}#skillbar-bind-modal:not(.hidden){opacity:1;pointer-events:auto}#skillbar-bind-modal.hidden{display:none}.sb-bind-window{background:var(--w-bg-secondary, rgba(20,24,40,.95));border:1px solid var(--w-border, rgba(100,80,140,.4));border-radius:var(--w-radius-md, 10px);padding:20px 24px;min-width:340px;max-width:90vw;box-shadow:0 4px 24px #00000080,0 0 40px #e6c1700f;font-family:var(--w-font-body, inherit)}.sb-bind-header{text-align:center;color:var(--w-accent, #e6c170);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:12px;border-bottom:1px solid var(--w-border, rgba(100,80,140,.4));margin-bottom:14px}.sb-bind-preview{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.sb-bind-sprite{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.sb-bind-sprite canvas{image-rendering:pixelated;width:64px;height:64px}.sb-bind-name{color:var(--w-text-primary, #e0dce8);font-size:12px;text-align:center;font-weight:500}.sb-profile-tabs{display:flex;gap:4px;justify-content:center;margin-bottom:10px;flex-wrap:wrap}.sb-profile-tab{padding:5px 12px;font-size:14px;background:var(--w-bg-input, rgba(15,11,24,.6));border:1px solid var(--w-border, rgba(100,80,140,.3));color:var(--w-text-muted, #8a80a0);cursor:pointer;border-radius:var(--w-radius-sm, 6px);transition:all .15s}.sb-profile-tab:hover{background:#8b6cc71f;color:var(--w-text-primary, #e0dce8)}.sb-profile-tab.active{background:#e6c1701a;border-color:var(--w-accent, #e6c170);color:var(--w-accent, #e6c170)}.sb-create-profile-btn{padding:5px 12px;font-size:14px;background:transparent;border:1px dashed var(--w-border, rgba(100,80,140,.3));color:var(--w-text-muted, #6a6080);cursor:pointer;border-radius:var(--w-radius-sm, 6px);transition:all .15s}.sb-create-profile-btn:hover{background:#8b6cc714;color:var(--w-text-primary, #e0dce8)}.sb-profile-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;font-size:12px;color:var(--w-text-secondary, var(--w-text-secondary))}.sb-profile-name{font-weight:600;color:var(--w-accent, #e6c170)}.sb-rename-btn,.sb-delete-btn{background:none;border:1px solid var(--w-border, rgba(100,80,140,.3));color:var(--w-text-muted, #8a80a0);cursor:pointer;border-radius:var(--w-radius-sm, 6px);padding:2px 8px;font-size:12px;transition:all .15s}.sb-rename-btn:hover{color:var(--w-accent, #e6c170);border-color:var(--w-accent-dim, rgba(230,193,112,.4))}.sb-delete-btn:hover{color:var(--w-error, #f87171);border-color:#f8717166}.sb-rename-input,.sb-new-profile-input{background:var(--w-bg-input, rgba(10,7,18,.8));border:1px solid var(--w-border, rgba(100,80,140,.3));color:var(--w-text-primary, #e0dce8);padding:4px 10px;border-radius:var(--w-radius-sm, 6px);font-size:12px;width:120px;font-family:var(--w-font-body, inherit);transition:border-color .15s}.sb-rename-input:focus,.sb-new-profile-input:focus{outline:none;border-color:var(--w-accent, #e6c170)}.sb-icon-picker{display:flex;gap:4px;justify-content:center;margin:6px 0}.sb-new-profile-icon{font-size:16px;padding:3px 5px;cursor:pointer;border:1px solid transparent;border-radius:var(--w-radius-sm, 6px);transition:all .15s}.sb-new-profile-icon:hover{border-color:var(--w-text-muted, #6a6080);background:#8b6cc714}.sb-new-profile-icon.selected{border-color:var(--w-accent, #e6c170);background:#e6c1701a}.sb-create-form{text-align:center;padding:10px}.sb-create-actions{display:flex;gap:8px;justify-content:center;margin-top:8px}.sb-create-actions button,.sb-rename-save{background:#e6c1701a;border:1px solid var(--w-accent-dim, rgba(230,193,112,.3));color:var(--w-accent, #e6c170);padding:4px 14px;border-radius:var(--w-radius-sm, 6px);cursor:pointer;font-size:11px;font-family:var(--w-font-body, inherit);transition:all .15s}.sb-create-actions button:hover,.sb-rename-save:hover{background:#e6c1702e;border-color:var(--w-accent, #e6c170)}.sb-bind-slots{display:flex;gap:6px;justify-content:center;margin-bottom:14px;flex-wrap:wrap}.sb-bind-slot{width:50px;height:50px;background:var(--w-bg-input, rgba(15,11,24,.6));border:1px solid var(--w-accent-dim, rgba(230,193,112,.35));border-radius:var(--w-radius-sm, 6px);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .15s;animation:binding-pulse 1.2s ease-in-out infinite}.sb-bind-slot:hover{background:#e6c1701a;border-color:var(--w-accent, #e6c170);box-shadow:0 0 12px #e6c17033}.sb-slot-key{font-size:9px;color:var(--w-text-muted, var(--w-border-focus));position:absolute;top:2px;left:4px;font-weight:500}.sb-slot-content{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.sb-slot-content canvas{image-rendering:pixelated;width:32px;height:32px}.sb-slot-empty{color:var(--w-text-muted, var(--w-text-muted));font-size:10px}.sb-slot-label{color:var(--w-text-muted, var(--w-text-muted));font-size:8px;text-align:center;overflow:hidden;text-overflow:ellipsis;max-width:42px}.sb-bind-hint{text-align:center;color:var(--w-text-muted, var(--w-text-muted));font-size:10px;letter-spacing:.3px}.sb-bind-hint kbd{background:var(--w-bg-input, rgba(15,11,24,.6));border:1px solid var(--w-border, rgba(100,80,140,.3));padding:1px 5px;font-size:10px;color:var(--w-text-secondary, var(--w-text-secondary));font-family:inherit;border-radius:3px}body.mobile .spellbook-tab{padding:10px 0;min-height:44px;font-size:12px}body.mobile .spellbook-item-row{padding:10px 8px;min-height:44px}body.mobile .spellbook-spell-icon{width:36px;height:36px}body.mobile .spellbook-spell-name{font-size:14px}body.mobile .sb-bind-slot{min-width:44px;min-height:44px}#crafting-modal{position:fixed;inset:0;z-index:900;background:#00000080;display:flex;align-items:center;justify-content:center}#crafting-modal.hidden{display:none}.crafting-window{background:var(--w-bg-secondary);border:1px solid var(--w-border);border-color:var(--w-border);width:92vw;max-width:95vw;height:88vh;max-height:90vh;display:flex;flex-direction:column}.crafting-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--w-bg-card);border-bottom:1px solid var(--w-border);color:var(--w-accent);font-size:12px;text-transform:uppercase;letter-spacing:2px}.crafting-close{background:var(--w-error);color:var(--w-text-primary);border:1px solid var(--w-border);border-color:var(--w-error) var(--w-error) var(--w-error) var(--w-error);font-size:10px;cursor:pointer;padding:0 5px;font-family:inherit;font-weight:700;line-height:16px}.crafting-close:hover{background:var(--w-error)}.crafting-modal-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.crafting-modal-body .craft-tab-content{display:flex;flex-direction:column;flex:1;min-height:0}.crafting-modal-body .up-body{flex:1;min-height:0}.crafting-modal-body .up-hint kbd{font-size:9px}.crafting-tool-slot:empty{display:none}.crafting-tool-slot{padding:4px 10px;border-bottom:1px solid #2a2040}.ts-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;font-size:10px;cursor:pointer}.ts-pill.ts-filled{background:#1e321e80;border:1px solid rgba(60,100,60,.3)}.ts-pill.ts-empty{background:#321e1e66;border:1px solid rgba(100,60,60,.3)}.ts-pill.ts-empty:hover{background:#321e1e99}.ts-sprite{flex-shrink:0;display:flex;align-items:center}.ts-label{color:#88a;white-space:nowrap}.ts-filled .ts-label{font-weight:700}.ts-action{color:#7ec8e3;font-weight:700;text-transform:uppercase;font-size:9px;letter-spacing:.5px;white-space:nowrap}.ts-filled .ts-action{color:#ff6b6b}.ts-filled .ts-action:hover{color:#f99}body.mobile .ts-pill{padding:4px 12px;font-size:12px;min-height:32px}body.mobile .ts-action{font-size:11px}.craft-card-crafting{border-color:#29cdff!important;background:#253550!important;animation:craft-glow 2s ease-in-out infinite}@keyframes craft-glow{0%,to{box-shadow:0 0 8px #29cdff88}50%{box-shadow:0 0 16px #29cdffcc,inset 0 0 6px #29cdff44}}.craft-card-time{color:#88a}.craft-card-skill{color:#8af}.craft-station-badge{background:#4a3860;color:#d0c0e0;font-size:9px;padding:1px 5px;border-radius:2px;text-transform:capitalize}.craft-tool-badge{font-size:9px;padding:1px 5px;border-radius:2px;text-transform:capitalize}.craft-tool-need{background:#ff6b6b26;color:#ff6b6b}.craft-tool-ok{background:#50c85026;color:#50c850}.craft-card-mats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:auto;padding-top:6px}.craft-mat{display:flex;align-items:center;gap:3px}.craft-mat-sprite{width:32px;height:32px;display:flex;align-items:center;justify-content:center;image-rendering:pixelated}.craft-mat-sprite canvas{image-rendering:pixelated}.craft-mat-count{font-size:13px;font-weight:700}.craft-mat-enough{color:#00e436}.craft-mat-missing{color:var(--w-error)}.craft-card-progress{width:100%;margin-top:6px}.craft-card-progress-hidden{visibility:hidden}.craft-card-prog-bar{background:var(--w-bg-input);height:8px;border:1px solid var(--w-border);border-color:var(--w-border);overflow:hidden}.craft-card-prog-fill{height:100%;background:linear-gradient(180deg,#4df,#19c);transition:width 50ms linear;box-shadow:0 0 4px #29cdff66}.craft-card-prog-time{color:var(--w-text-muted);font-size:9px;margin-top:2px;text-align:right;letter-spacing:.5px;min-height:12px}.up-card-journey{border-left:3px solid var(--w-accent)!important}.craft-journey-banner{width:100%;margin-top:4px;padding:3px 6px;background:#ffec271f;border-radius:2px;font-size:11px;color:var(--w-accent);text-align:left}.cr-content-area{display:flex;gap:0}.cr-list-pane{flex:1;min-width:280px;overflow-y:auto;padding:8px;border-right:1px solid var(--w-border)}.up-sidebar-crafting{border-left:3px solid #29cdff}.cr-detail-pane{width:280px;min-width:240px;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column}.cr-detail-pane.has-content .cr-detail-actions{margin-top:auto;padding-top:8px}.cr-detail-actions{display:flex;flex-direction:column;gap:6px}.cr-detail-action-btn{width:100%;border-radius:6px;border:1px solid var(--w-border);display:grid;grid-template-columns:28px 1fr auto;align-items:center;font-weight:700;cursor:pointer;transition:all .15s}.cr-detail-action-btn .cr-btn-icon{text-align:center;line-height:1}.cr-detail-action-btn .cr-btn-label{text-align:left}.cr-detail-action-btn kbd{padding:2px 6px;border-radius:3px;font-size:10px;border:1px solid;line-height:1.2}.cr-craft-action{padding:12px 14px;font-size:14px;gap:10px;background:linear-gradient(180deg,#2d6a2d,#1a4a1a);color:#4f4;border-color:#4f4}.cr-craft-action .cr-btn-icon{font-size:20px}.cr-craft-action:hover{background:linear-gradient(180deg,#3a7a3a,#2a5a2a)}.cr-craft-action kbd{background:#1a4a1a;border-color:#4f4;color:#4f4}.cr-craft-action.cr-craft-action-disabled{background:#1a1a24;color:#555;border-color:#333;cursor:default;pointer-events:none}.cr-craft-action.cr-craft-action-disabled kbd{background:#1a1a24;border-color:#333;color:#555}.cr-craft-action.cr-craft-action-disabled .cr-btn-icon{opacity:.3}.cr-bind-action{padding:8px 14px;font-size:12px;gap:8px;background:linear-gradient(180deg,#4a3a1a,#332a10);color:#e6c170;border-color:#b89545}.cr-bind-action .cr-btn-icon{font-size:16px}.cr-bind-action:hover{background:linear-gradient(180deg,#5a4a2a,#443a1a)}.cr-bind-action kbd{background:#332a10;border-color:#b89545;color:#e6c170}body.mobile .cr-detail-action-btn kbd{display:none}body.mobile .cr-detail-action-btn{grid-template-columns:28px 1fr}.cr-detail-empty{color:var(--w-text-muted);text-align:center;padding:40px 12px;font-size:13px}.cr-detail-sprite{width:96px;height:96px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:var(--w-bg-tertiary);border-radius:4px;border:1px solid #444;image-rendering:pixelated}.cr-detail-sprite canvas{image-rendering:pixelated;width:100%;height:100%}.cr-detail-name{font-size:16px;font-weight:700;color:#fff;text-align:center;margin-bottom:4px}.cr-detail-desc{font-size:12px;color:var(--w-text-muted);text-align:center;margin-bottom:8px;line-height:1.3}.cr-detail-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:10px}.cr-detail-info{margin-bottom:10px}.cr-detail-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;color:var(--w-text-secondary);border-bottom:1px solid var(--w-bg-card)66}.cr-detail-label{color:var(--w-text-muted)}.cr-quality-bar{display:flex;height:18px;border-radius:4px;overflow:hidden;margin-bottom:8px;font-size:9px;font-weight:700;line-height:18px;text-align:center;color:#000;text-shadow:0 0 2px rgba(255,255,255,.3)}.cr-quality-seg{min-width:2px;overflow:hidden;white-space:nowrap;text-overflow:clip;opacity:.85}.cr-detail-quality-preview{margin-bottom:4px}.cr-detail-mats-title{font-size:11px;color:var(--w-text-muted);text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.cr-detail-mats{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.cr-detail-mat{display:flex;align-items:center;gap:8px;padding:4px 6px;background:var(--w-bg-tertiary);border-radius:3px}.cr-detail-mat-sprite{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;image-rendering:pixelated}.cr-detail-mat-sprite canvas{image-rendering:pixelated}.cr-detail-mat-name{flex:1;font-size:12px;color:#d5cee0}.cr-detail-mat-count{font-size:12px;font-weight:700;white-space:nowrap}.cr-craft-btn{display:block;width:100%;padding:8px 0;margin-top:4px;background:var(--w-bg-card-hover);color:#fff;border:1px solid #5a5a7a;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;text-align:center;transition:background .15s}.cr-craft-btn:hover:not(:disabled){background:#3a4a8a}.cr-craft-btn-disabled{opacity:.4;cursor:not-allowed}body.mobile .cr-detail-pane{overflow-y:auto;min-width:200px}.build-card-footprint{margin-bottom:6px}.build-card-meta-detail{font-size:10px;color:#aaa}.build-card-mats{font-size:10px;margin-top:auto;padding-top:4px}.build-card-mat{margin-right:4px}.build-card-mat-ok{color:#00e436}.build-card-mat-missing{color:var(--w-error)}.build-card-fav-star{font-size:14px;position:absolute;top:4px;right:6px}.build-card-stages{font-size:9px;color:#8af;background:var(--w-bg-card);padding:1px 5px;border-radius:2px}.build-card-stages-detail{font-size:9px;color:#aaa;margin-top:4px;text-align:left;width:100%;line-height:1.4}.spell-card-icon{width:48px;height:48px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;background:var(--w-bg-tertiary);border-radius:3px;border:1px solid #444;image-rendering:pixelated}.spell-card-icon canvas{image-rendering:pixelated;width:100%;height:100%}.spell-card-icon:empty{background:repeating-linear-gradient(45deg,var(--w-bg-tertiary),var(--w-bg-tertiary) 4px,var(--w-bg-surface) 4px,var(--w-bg-surface) 8px)}.spell-card-cost{color:#29adff;font-size:11px}.spell-card-req{color:var(--w-text-muted);font-size:10px}.spell-card-desc{font-size:11px;color:#bbb;margin-top:4px;line-height:1.3}.spell-card-bind{margin-top:auto;padding-top:6px;font-size:11px;color:var(--w-accent)}.spell-card-bind-btn{margin-top:6px;padding:3px 10px;font-size:11px;font-family:inherit;color:var(--w-accent);background:var(--w-bg-card-hover);border:1px solid var(--w-border);cursor:pointer;border-radius:2px}.spell-card-bind-btn:hover{background:#3a4a7a;border-color:var(--w-accent)}#aura-tooltip{position:fixed;z-index:800;background:var(--w-bg-secondary);border:1px solid var(--w-border);border-color:var(--w-border);padding:6px 10px;color:#c8b8d8;font-size:11px;pointer-events:none;white-space:nowrap}#aura-tooltip.hidden{display:none}#aura-tooltip .at-title{color:#f0c060;font-weight:700;margin-bottom:4px}#aura-tooltip .at-effect{color:#8f8}#crafting-progress{position:fixed;top:18px;left:50%;transform:translate(-50%) translateY(-8px);z-index:9500;background:var(--w-bg-secondary, rgba(20,24,40,.95));border:1px solid var(--w-border, rgba(100,80,140,.4));border-radius:var(--w-radius-md, 10px);padding:12px 20px 10px;min-width:260px;text-align:center;display:none;box-shadow:0 4px 24px #00000080,0 0 40px #e6c1700f;opacity:0;transition:opacity .2s ease,transform .2s ease}#crafting-progress.active{display:block;opacity:1;transform:translate(-50%) translateY(0)}.craft-prog-label{color:var(--w-accent, #e6c170);font-size:12px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px;font-family:var(--w-font-body, inherit)}.craft-prog-bar{background:var(--w-bg-input, rgba(15,11,24,.6));height:6px;border-radius:3px;overflow:hidden}.craft-prog-fill{height:100%;background:linear-gradient(90deg,var(--w-accent, #e6c170),var(--w-accent-hover, #f0d090));border-radius:3px;transition:width 50ms linear;box-shadow:0 0 8px #e6c17066}.craft-prog-time{color:var(--w-text-muted, #83769c);font-size:11px;margin-top:5px;letter-spacing:.5px;font-family:var(--w-font-body, inherit)}.jn-content-area{display:flex;gap:0;padding:0}.jn-list-pane{width:240px;min-width:240px;overflow-y:auto;padding:8px;border-right:1px solid #3b2841}.jn-list-pane .up-cards-grid{display:flex;flex-direction:column;gap:6px}.jn-list-pane .up-card{min-height:auto;padding:10px 12px}.jn-detail-pane{flex:1;overflow-y:auto;padding:14px 18px;color:#d5cee0;font-size:14px}.jn-detail-header{color:#e8d8b8;font-size:18px;font-weight:700;margin-bottom:4px}.jn-detail-desc{color:#a89cb8;font-size:13px;margin-bottom:10px}.jn-detail-status{margin-bottom:12px}.jn-chapter-section{margin-bottom:14px}.jn-chapter-header{color:#e8d8b8;font-size:14px;font-weight:700;padding:8px 0 4px;border-bottom:1px solid #3b2841;margin-bottom:8px}.jn-step-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:13px}.jn-step-row.jn-step-done{opacity:.5}.jn-step-row.jn-step-future{opacity:.4}.jn-step-text{flex:1}.jn-step-check{color:#5cbf5c;margin-right:4px;flex-shrink:0;font-size:14px}.jn-step-sprite{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border-radius:3px;border:1px solid #3b2841;image-rendering:pixelated;margin-right:4px}.jn-step-sprite canvas{image-rendering:pixelated}.jn-step-bar{width:100%;height:8px;background:#0f0b18;border:2px solid;border-color:#3b2841 #7e7084 #7e7084 #3b2841;overflow:hidden;margin:3px 0 6px}.jn-step-fill{height:100%;background:linear-gradient(180deg,#6ed86e,#3da63d);transition:width .3s;box-shadow:0 0 4px #5cbf5c4d}.jn-step-count{color:#a89cb8;font-size:12px;font-weight:700;white-space:nowrap}.jn-active-badge{background:#29366b;color:#ffec27;font-size:11px;padding:2px 8px;border-radius:2px;font-weight:700;letter-spacing:.5px}.jn-abandon-btn{margin-top:14px;padding:6px 16px;background:#4a1818;color:#e8d8b8;border:2px solid;border-color:#8a3030 #5a1818 #5a1818 #8a3030;cursor:pointer;font-size:12px;font-family:inherit;text-transform:uppercase;letter-spacing:1px}.jn-abandon-btn:hover{background:#6a2828}.jn-card-icon{display:flex;align-items:center;justify-content:center;font-size:28px;width:40px;height:40px;flex-shrink:0}.jn-card-top{display:flex;align-items:center;gap:8px;width:100%}.jn-card-info{flex:1;text-align:left;min-width:0}.jn-card-info .up-card-name{font-size:13px;margin-bottom:2px}.jn-card-info .up-card-meta{justify-content:flex-start;margin-bottom:0}.jn-card-desc{color:#a89cb8;font-size:11px;text-align:left;width:100%;margin-top:4px;line-height:1.3}.jn-card-progress{width:100%;margin-top:6px}.jn-card-prog-label{color:#83769c;font-size:10px;margin-top:2px;text-align:right;letter-spacing:.5px}.jn-list-pane .up-card{flex-direction:column;align-items:stretch}body.mobile .jn-content-area{flex-direction:column}body.mobile .jn-list-pane{width:100%;min-width:0;max-height:35%;overflow-y:auto;border-right:none;border-bottom:1px solid #3b2841;flex-shrink:0;padding:4px}body.mobile .jn-list-pane .up-card{padding:8px 10px;min-height:44px}body.mobile .jn-detail-pane{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}body.mobile .jn-abandon-btn{min-height:44px;padding:10px 20px}.loc-widget{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:var(--w-bg-input);border:1px solid var(--w-border);border-radius:4px;cursor:pointer;font-size:11px;color:var(--w-text-secondary);user-select:none;white-space:nowrap;font-family:inherit;letter-spacing:.3px;transition:border-color .15s,background .15s;margin-right:4px}.loc-widget:hover{border-color:var(--w-border-hover, #5a4a64);background:#ffffff0a}.loc-banner-canvas{flex-shrink:0;display:block;image-rendering:pixelated}.loc-territory-name{color:#e6c170;font-weight:600;font-size:11px}.loc-sep{color:#5a4a64;font-size:10px}.loc-area-name{color:var(--w-text-secondary);font-size:11px;overflow:hidden;text-overflow:ellipsis;max-width:140px}.loc-online-count{display:inline-flex;align-items:center;gap:3px;color:#6ed86e;font-weight:700;font-size:10px;margin-left:2px}.loc-person-icon{opacity:.7}.journey-tracker{background:#141828eb;border:1px solid #3b2841;border-radius:4px;padding:10px 14px;cursor:pointer;font-size:13px;color:#d5cee0}.journey-tracker.hidden{display:none}.journey-tracker:hover{border-color:#7e7084}.jt-header{color:#e8d8b8;font-weight:700;font-size:14px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis}.jt-chapter{color:#a89cb8;font-size:11px;margin-bottom:8px;border-bottom:1px solid #3b2841;padding-bottom:6px}.jt-step{display:flex;align-items:flex-start;gap:6px;padding:3px 0;flex-wrap:wrap}.jt-step.done{opacity:.45}.jt-step.done .jt-step-desc{text-decoration:line-through}.jt-step.current{color:#d5cee0}.jt-step-desc{flex:1;line-height:1.3}.jt-check{color:#5cbf5c;flex-shrink:0}.jt-dot{color:#a89cb8;flex-shrink:0}.jt-sprite{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border-radius:2px;border:1px solid #3b2841;image-rendering:pixelated}.jt-sprite canvas{image-rendering:pixelated}.jt-count{color:#a89cb8;font-size:11px;white-space:nowrap}.jt-bar{width:100%;height:6px;background:#0f0b18;border:1px solid;border-color:#3b2841 #7e7084 #7e7084 #3b2841;overflow:hidden;margin-top:2px}.jt-bar-fill{height:100%;background:linear-gradient(180deg,#6ed86e,#3da63d);transition:width .3s}.jt-step-section{padding:5px 0;margin-bottom:4px}.jt-step-section+.jt-step-section{border-top:1px solid #3b2841;padding-top:6px;margin-top:4px}.jt-step-section-active{background:#ffec2714;border:1px solid rgba(255,236,39,.15);border-radius:3px;padding:6px 8px;margin:4px -8px}.jt-hint{font-size:12px;color:#a89cb8;margin-top:3px}.jt-hint kbd{background:#29366b;color:#ffec27;padding:1px 5px;border:1px solid #3b2841;border-radius:2px;font-size:12px;font-family:inherit;font-weight:700;letter-spacing:.5px;margin-right:3px}.jt-mats{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;padding:3px 0}.jt-mat{display:flex;align-items:center;gap:3px}.jt-mat-sprite{width:18px;height:18px;display:flex;align-items:center;justify-content:center;image-rendering:pixelated}.jt-mat-sprite canvas{image-rendering:pixelated}.jt-mat-enough{color:#00e436;font-size:12px;font-weight:700}.jt-mat-missing{color:#ff004d;font-size:12px;font-weight:700}.jt-summary{display:none}body.mobile #hud-right-column{top:8px;right:8px;width:auto;max-width:220px;z-index:550}body.mobile .journey-tracker{padding:6px 12px;border-radius:16px;font-size:12px;backdrop-filter:blur(8px);background:#141828eb}body.mobile .jt-summary{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}body.mobile .jt-summary-desc{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#d5cee0}body.mobile .jt-summary-count{color:var(--w-accent);font-weight:700;font-size:12px;flex-shrink:0}body.mobile .jt-summary-sprite{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;image-rendering:pixelated}body.mobile .jt-summary-sprite canvas{image-rendering:pixelated}body.mobile .jt-header,body.mobile .jt-chapter,body.mobile .jt-step-section{display:none}body.mobile .journey-tracker.jt-expanded{position:fixed;inset:8px 8px auto auto;width:50vw;min-width:220px;max-width:320px;max-height:60vh;overflow-y:auto;border-radius:var(--w-radius-md);padding:12px 14px;z-index:850;backdrop-filter:blur(12px);background:#141828f2;animation:jt-slide-down .2s ease}@keyframes jt-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes jt-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}body.mobile .journey-tracker.jt-expanded .jt-summary{display:none}body.mobile .journey-tracker.jt-expanded .jt-header,body.mobile .journey-tracker.jt-expanded .jt-chapter,body.mobile .journey-tracker.jt-expanded .jt-step-section{display:block}body.mobile .journey-tracker.jt-expanded .jt-step{display:flex}.jt-idle{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0}.jt-idle-icon{font-size:20px;opacity:.6}.jt-idle-text{color:#d5cee0;font-size:13px;font-weight:600}.jt-idle-hint{color:#8578a0;font-size:11px}.jt-pending-rewards{display:flex;flex-direction:column;gap:6px}.jt-reward-item{display:flex;align-items:center;gap:8px;padding:4px 0}.jt-reward-sprite{width:24px;height:24px;flex-shrink:0;image-rendering:pixelated}.jt-reward-sprite canvas{image-rendering:pixelated}.jt-reward-name{flex:1;color:#d5cee0;font-size:13px}.jt-reward-count{color:#a89cb8;font-size:12px;font-weight:700}.jt-space-warning{color:#ff4d6a;font-size:11px;padding:4px 8px;background:#ff4d6a14;border-radius:4px;border:1px solid rgba(255,77,106,.2);margin:4px 0}.jt-claim-btn{display:block;width:100%;padding:8px 16px;font-size:13px;font-weight:600;color:#0a0712;background:linear-gradient(135deg,#e6c170,#f2d48e);border:none;border-radius:6px;cursor:pointer;margin-top:4px;transition:transform .15s ease,box-shadow .15s ease}.jt-claim-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #e6c1704d}.jt-claim-btn:active{transform:translateY(0)}.jt-claim-disabled,.jt-claim-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}