@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=Pixelify+Sans:wght@400;500;600;700&display=swap";:root{--pixel-font: "Silkscreen", "Press Start 2P", monospace;--display-font: "Pixelify Sans", "Silkscreen", monospace;--nav-height: 64px;--xpbar-height: 12px;--fs-xs: 11px;--fs-sm: 14px;--fs-md: 18px;--fs-lg: 28px;--bg-dark: #1a1a2e;--bg-panel: #16213e;--bg-panel-light: #0f3460;--bg-input: #0d1b2a;--bg-surface: #1a1a2e;--border-pixel: #533483;--border-light: #7b5ea7;--text-primary: #e8e8e8;--text-secondary: #a0a0b0;--text-dim: #606070;--accent-gold: #f5c842;--accent-red: #ff6b6b;--accent-green: #44ff88;--accent-orange: #ffaa44;--accent-blue: #4a90d9;--accent-purple: #b06cff}@media (min-width: 768px){:root{--fs-xs: 13px;--fs-sm: 16px;--fs-md: 22px;--fs-lg: 36px}}b,strong{font-weight:400;color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--pixel-font);color:var(--text-primary);background-color:var(--bg-dark);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}#app{width:100%;height:100%;display:flex;flex-direction:column}#screen-container{flex:1;position:relative;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden}.screen.active{display:flex;flex-direction:column}.pixel-panel{background:var(--bg-panel);border:2px solid var(--border-pixel);box-shadow:inset -2px -2px #0000004d,inset 2px 2px #ffffff14}#bottom-nav{height:var(--nav-height);background:var(--bg-panel);border-top:2px solid var(--border-pixel);display:flex;align-items:stretch;flex-shrink:0;z-index:1000}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--text-dim);cursor:pointer;position:relative;padding:4px 0;transition:color .15s;-webkit-tap-highlight-color:transparent}.nav-tab.active{color:var(--accent-gold)}.nav-tab:not(.active):active{color:var(--text-secondary)}.nav-icon{font-size:24px;line-height:1}.nav-label{font-family:var(--pixel-font);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.nav-badge{position:absolute;top:4px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:var(--accent-red);display:none}.nav-badge.visible{display:block}.nav-tab.fighting-pulse .nav-icon{animation:icon-pulse .6s ease-in-out infinite;color:var(--accent-orange)}.nav-tab.victory-flash .nav-icon{animation:icon-flash-green .4s ease-out}.nav-tab.defeat-flash .nav-icon{animation:icon-flash-red .4s ease-out}.nav-tab.has-path .nav-icon{color:var(--accent-green)}#screen-combat{background:var(--bg-dark)}.combat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:11px;color:var(--text-secondary);border-bottom:2px solid var(--border-pixel);background:var(--bg-panel);flex-shrink:0}.combat-location{display:flex;align-items:center;gap:6px}.connection-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-red);flex-shrink:0}.connection-dot.connected{background:var(--accent-green)}.combat-stage{flex:1;display:flex;align-items:center;justify-content:center;gap:24px;padding:16px;min-height:0;position:relative;overflow:hidden}.combat-side{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;width:160px;min-height:180px;align-items:end;justify-items:center}.combat-grid-empty{width:48px}.combat-member{width:40px;height:48px;border:2px solid var(--border-light);transition:background-color .2s;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1}.combat-member.party{background:var(--accent-green)}.combat-member.enemy{background:var(--accent-purple);position:relative}.combat-member.dead{opacity:.4}.combat-member.enemy.dead:before,.combat-member.enemy.dead:after{content:"";position:absolute;top:50%;left:50%;width:141%;height:3px;background:var(--accent-red);transform-origin:center}.combat-member.enemy.dead:before{transform:translate(-50%,-50%) rotate(45deg)}.combat-member.enemy.dead:after{transform:translate(-50%,-50%) rotate(-45deg)}.combat-vs{font-size:19px;color:var(--accent-gold);font-family:var(--pixel-font);text-shadow:2px 2px 0 rgba(0,0,0,.5)}.combat-stage.fighting .combat-member.party{background:var(--accent-orange)}.combat-member.party.attacking,.combat-card.party.attacking{animation:attack-lunge-right .4s ease-out}.combat-member.enemy.attacking,.combat-card.enemy.attacking{animation:attack-lunge-left .4s ease-out}.combat-member.hit,.combat-card.hit{animation:hit-flash .4s ease-out}.combat-member.dodged,.combat-card.dodged{animation:dodge-sidestep .4s ease-out}.combat-stage.fighting .combat-member.dead{animation:none}.combat-stage.victory .combat-member.party{background:var(--accent-green);animation:member-bounce .4s ease-out}.combat-stage.victory .combat-member.enemy{opacity:.3;transition:opacity .3s}.combat-stage.defeat .combat-member.party{background:var(--accent-red);opacity:.5}.combat-stage.defeat .combat-member.enemy{animation:member-bounce .4s ease-out}.combat-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.combat-unit-hp{width:48px;display:flex;flex-direction:column;align-items:center;gap:1px}.combat-hp-label{font-size:11px;color:var(--text-secondary);white-space:nowrap;text-align:center}.combat-hp-label.dead{color:var(--text-dim);text-decoration:line-through}.combat-hp-label.self{color:var(--accent-gold)}.combat-hp-bar{width:100%;height:4px;background:var(--bg-input);border:1px solid var(--border-pixel);overflow:hidden}.hp-fill{height:100%;background:var(--accent-green);transition:width .3s ease}.hp-fill.low{background:var(--accent-orange)}.hp-fill.critical{background:var(--accent-red)}.combat-hp-numbers{font-size:7px;color:var(--text-dim);white-space:nowrap}.combat-hp-numbers.dead{text-decoration:line-through}.combat-log{flex:1;overflow-y:auto;padding:8px 12px;background:var(--bg-input);font-size:11px;line-height:1.8;color:var(--text-secondary)}.combat-log::-webkit-scrollbar{width:4px}.combat-log::-webkit-scrollbar-track{background:var(--bg-input)}.combat-log::-webkit-scrollbar-thumb{background:var(--border-pixel)}.log-entry{padding:2px 0}.log-entry.victory{color:var(--accent-green)}.log-entry.defeat{color:var(--accent-red)}.log-entry.battle{color:var(--accent-orange)}.log-entry.move{color:var(--accent-blue)}.log-entry.unlock{color:var(--accent-gold)}.log-entry.damage{color:var(--text-secondary)}.log-entry.levelup{color:var(--accent-gold)}.dmg-physical{color:var(--accent-orange)}.dmg-magical{color:#b388ff}.dmg-holy{color:var(--accent-gold)}.combat-run-bar{display:flex;align-items:center;padding:4px 12px;gap:8px;flex-shrink:0;min-height:30px}.combat-run-bar.combat-run-bar-empty>*:not(.combat-run-location){visibility:hidden}.combat-run-location{flex:1;text-align:right;font-family:var(--pixel-font);font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-run-btn:disabled{opacity:.55;cursor:not-allowed}.combat-log-wrapper{position:relative;display:flex;flex-direction:column;flex:0 0 260px;min-height:0}.combat-log-wrapper.fullscreen{position:fixed;top:0;left:0;right:0;bottom:var(--nav-height);max-height:none;z-index:1000;background:var(--bg-surface)}.combat-log-controls{display:flex;justify-content:flex-end;padding:2px 4px;background:var(--bg-input);border-top:2px solid var(--border-pixel)}.combat-run-btn{background:none;border:1px solid var(--border-pixel);color:var(--text-secondary);font-size:11px;cursor:pointer;padding:4px 12px;font-family:inherit}.combat-run-btn:not(.combat-run-locked):hover{color:var(--accent-orange);border-color:var(--accent-orange)}.combat-run-btn.combat-run-locked{opacity:.4}.combat-run-hint{color:var(--text-dim);font-size:10px;margin-right:auto}.round-label{color:var(--text-dim);font-size:inherit}.log-fullscreen-btn{background:none;border:none;color:var(--text-secondary);font-size:15px;cursor:pointer;padding:0 4px;font-family:inherit}.log-fullscreen-btn:hover{color:var(--text-primary)}.log-resume-btn{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--bg-surface);border:2px solid var(--border-pixel);color:var(--accent-green);font-family:"Press Start 2P",monospace;font-size:11px;padding:4px 12px;cursor:pointer;z-index:10;box-shadow:0 2px 8px #00000080}.log-resume-btn:hover{color:var(--text-primary);background:var(--bg-input)}.settings-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;gap:16px;overflow-y:auto}.settings-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px}.settings-icon{font-size:56px}.settings-icon-img{width:96px;height:96px;image-rendering:pixelated;object-fit:contain;display:block}.settings-title{font-family:var(--pixel-font);font-size:17px;color:var(--accent-gold)}.settings-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:16px}.settings-section{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;margin-top:8px}.settings-section-title{font-family:var(--pixel-font);font-size:9px;color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px}.settings-options-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.settings-option-row{background:var(--bg-panel-light);border:2px solid var(--border-pixel);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.settings-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--pixel-font)}.settings-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-gold);cursor:pointer}.settings-option-label{font-size:10px;color:var(--text-primary)}.settings-option-desc{font-family:var(--pixel-font);font-size:8px;line-height:1.6;color:var(--text-secondary);padding-left:26px}.player-options-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;font-family:var(--pixel-font);padding:20px}.player-options-modal{background:var(--bg-panel);border:2px solid var(--border-pixel);box-shadow:inset -2px -2px #0000004d,inset 2px 2px #ffffff14,0 8px 24px #0009;border-radius:4px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.player-options-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-panel-light);border-bottom:2px solid var(--border-pixel)}.player-options-title{font-family:var(--display-font);font-size:14px;color:var(--accent-gold);letter-spacing:1px;text-shadow:1px 1px 0 #000}.player-options-close{background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:2px 8px;border-radius:3px;font-family:var(--pixel-font)}.player-options-close:hover{background:#f5c84226;color:var(--accent-gold)}.player-options-modal .settings-options-list{padding:12px}.settings-btn{width:100%;padding:12px 16px;font-size:13px;font-family:var(--pixel-font)}.settings-btn-danger{background:var(--color-danger, #c0392b);border-color:var(--color-danger, #c0392b)}.patch-notes-panel{width:100%;max-width:500px;display:flex;flex-direction:column;gap:16px}.patch-notes-back{align-self:flex-start;padding:8px 12px;font-size:11px;font-family:var(--pixel-font)}.patch-notes-list{display:flex;flex-direction:column;gap:16px}.patch-note-entry{background:var(--bg-panel);border:2px solid var(--border-pixel);border-radius:4px;padding:12px}.patch-note-version{font-family:var(--pixel-font);font-size:13px;color:var(--accent-gold);margin-bottom:8px}.patch-note-items{list-style:none;padding:0}.patch-note-items li{font-family:var(--pixel-font);font-size:11px;color:var(--text-secondary);padding:4px 0;line-height:1.6}.patch-note-items li:before{content:"> ";color:var(--accent-green)}.placeholder-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.placeholder-icon{font-size:56px}.placeholder-title{font-family:var(--pixel-font);font-size:17px;color:var(--accent-gold)}.placeholder-text{font-family:var(--pixel-font);font-size:11px;color:var(--text-dim)}.character-content{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px;overflow-y:auto}.character-card{background:var(--bg-panel);border:2px solid var(--border-pixel);padding:12px;display:flex;flex-direction:column;gap:10px}.character-card-header{display:flex;justify-content:space-between;align-items:center}.character-class-name{font-size:13px;color:var(--accent-gold)}.character-level{font-size:12px;color:var(--text-primary)}.character-xp-section{display:flex;flex-direction:column;gap:3px}.character-xp-label{display:flex;justify-content:space-between;font-size:10px;color:var(--text-secondary)}.character-xp-bar{height:8px;background:var(--bg-input);border:1px solid var(--border-pixel);overflow:hidden}.character-xp-fill{height:100%;background:var(--accent-purple);transition:width .3s ease}.character-xp-rate{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--text-secondary);border:1px solid var(--border-pixel);border-radius:4px;padding:3px 8px;margin-top:4px;background:var(--bg-darker)}.character-xp-rate-label{font-family:var(--pixel-font);color:var(--text-secondary)}.character-xp-rate-value{color:var(--accent-purple);font-family:var(--pixel-font)}.character-xp-rate-reset{cursor:pointer;font-size:15px;color:var(--text-secondary);transition:color .15s}.character-xp-rate-reset:hover{color:var(--text-primary)}.character-xp-rate-from{font-family:var(--pixel-font);color:var(--text-secondary);opacity:.6;font-size:8px}.character-hp-display{font-size:11px;color:var(--text-secondary)}.character-hp-value{color:var(--accent-green)}.character-gold-display{font-size:11px;color:var(--text-secondary)}.character-gold-value{color:var(--accent-gold)}.character-combat-bonuses{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--bg-input);border:1px solid var(--border-pixel)}.character-bonus-row{display:flex;justify-content:space-between;align-items:center;font-size:10px}.character-bonus-label{color:var(--text-secondary)}.character-bonus-value{color:var(--text-dim)}.character-bonus-value.active{color:var(--accent-green)}.character-damage-display{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.character-damage-value{color:var(--accent-orange)}.character-damage-type{color:var(--text-dim);font-size:10px}.character-skill-points{font-size:11px;color:var(--accent-gold);margin:8px 0 4px}.skill-slots-header,.skill-tree-header{font-size:11px;color:var(--text-secondary);margin:8px 0 4px;text-transform:uppercase;letter-spacing:1px}.skill-slots-row{display:flex;gap:4px;justify-content:center;margin-bottom:8px;flex-wrap:wrap}.skill-slots-split{display:flex;justify-content:center;gap:16px;margin-bottom:8px;align-items:flex-start}.skill-slots-active{display:flex;flex-direction:column;align-items:center}.skill-slots-passive{display:flex;gap:4px;align-items:flex-start}.skill-slot{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.skill-slot.locked{opacity:.4;cursor:default}.skill-slot-hex{width:44px;height:38px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:none}.skill-slot-hex.passive{background:linear-gradient(135deg,#1a4a6e,#2a6a8e)}.skill-slot-hex.active{background:linear-gradient(135deg,#6e4a1a,#8e6a2a)}.skill-slot-hex.empty{background:var(--bg-input)}.skill-slot-name{font-size:8px;color:var(--text-primary);text-align:center;line-height:1.2}.skill-slot-lock{font-size:8px;color:var(--text-dim)}.skill-slot-type{font-size:8px;color:var(--text-dim);text-transform:uppercase}.skill-tree-split{display:flex;justify-content:center;gap:16px;padding:4px 0;max-height:400px;overflow-y:auto;align-items:flex-start}.skill-tree-column{display:flex;flex-direction:column;align-items:center;gap:0}.skill-tree-nodes{display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 0;max-height:400px;overflow-y:auto}.skill-tree-connector{width:2px;height:6px;background:var(--border-pixel)}.skill-tree-node{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.skill-tree-node.locked{opacity:.35}.skill-tree-node.unlockable{opacity:.85}.skill-hex{width:50px;height:44px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;transition:transform .15s}.skill-hex.passive{background:linear-gradient(135deg,#1a4a6e,#2a6a8e)}.skill-hex.active{background:linear-gradient(135deg,#6e4a1a,#8e6a2a)}.skill-hex.passive.locked,.skill-hex.active.locked{background:var(--bg-input)}.skill-hex.unlockable{animation:skill-glow 1.5s ease-in-out infinite}.skill-hex.equipped{box-shadow:0 0 8px var(--accent-gold)}@keyframes skill-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.skill-hex-name{font-size:10px;color:var(--text-primary);text-align:center;line-height:1.2;padding:0 4px}.skill-node-label{font-size:8px;color:var(--text-dim);text-transform:uppercase}.skill-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg-panel);border:2px solid var(--border-pixel);padding:14px;z-index:200;min-width:200px;max-width:280px;box-shadow:0 4px 24px #000000b3}.skill-popup.passive{border-color:#2a6a8e}.skill-popup.active{border-color:#8e6a2a}.skill-popup-name{font-size:12px;color:var(--text-primary);margin-bottom:4px}.skill-popup-name.passive{color:#5bb8e0}.skill-popup-name.active{color:var(--accent-orange)}.skill-popup-type{font-size:10px;color:var(--text-dim);text-transform:uppercase;margin-bottom:6px}.skill-popup-desc{font-size:10px;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.skill-popup-actions{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.skill-popup-btn{font-family:var(--pixel-font);font-size:10px;padding:4px 8px;border:1px solid var(--border-pixel);background:var(--bg-panel-light);color:var(--text-primary);cursor:pointer;text-align:center}.skill-popup-btn:hover{background:var(--accent-blue);color:#fff}.skill-popup-btn.unlock-btn{border-color:var(--accent-gold);color:var(--accent-gold)}.skill-popup-btn.unlock-btn:hover{background:var(--accent-gold);color:var(--bg-dark)}.skill-popup-dismiss{font-size:8px;color:var(--text-dim);text-align:center}.combat-member.stunned{position:relative}.combat-member.stunned:after{content:"uD83DuDCAB";position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:13px;animation:stun-spin .8s linear infinite}@keyframes stun-spin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.character-priority-section{display:flex;flex-direction:column;gap:4px}.character-priority-label{font-size:10px;color:var(--text-secondary)}.character-priority-select{padding:6px 8px;font-family:var(--pixel-font);font-size:11px;color:var(--text-primary);background:var(--bg-input);border:2px solid var(--border-pixel);outline:none;cursor:pointer}.character-priority-select:focus{border-color:var(--accent-gold)}.items-content{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px;overflow-y:auto}.items-section-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.items-material-label{margin-top:8px}.items-equip-panel{display:grid;grid-template-columns:auto auto auto;gap:4px 8px;align-items:center;justify-content:center;margin:0 auto}.items-equip-col{display:flex;flex-direction:column;gap:4px}.items-equip-left{align-items:flex-end}.items-equip-left .items-slot-main{text-align:right;align-items:flex-end}.items-equip-right{align-items:flex-start}.items-equip-bottom-left{justify-self:end}.items-equip-bottom-left .items-slot-main{text-align:right;align-items:flex-end}.items-equip-bottom-right{justify-self:start}.items-equip-slot{display:flex;flex-direction:row;align-items:center;gap:4px;padding:6px 8px;background:var(--bg-panel);border:2px solid var(--border-pixel);cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0;width:225px;box-sizing:border-box}.items-equip-slot:active{border-color:var(--accent-gold)}.items-equip-slot.empty{cursor:default}.items-equip-slot.empty:active{border-color:var(--border-pixel)}.items-slot-label{font-size:8px;color:var(--text-dim);text-transform:uppercase}.items-slot-item{font-size:10px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-equip-slot.empty .items-slot-item{color:var(--text-dim)}.items-slot-effect{font-size:8px;color:var(--accent-green)}.items-equip-figure{display:flex;align-items:center;justify-content:center;padding:8px 16px}.items-figure-body{display:flex;flex-direction:column;align-items:center;opacity:.35;transform:scale(1.5);transform-origin:center center}.fig-head{width:20px;height:20px;background:var(--text-secondary);border-radius:2px}.fig-neck{width:8px;height:4px;background:var(--text-secondary)}.fig-shoulders{display:flex;align-items:flex-start}.fig-shoulder-l,.fig-shoulder-r{width:10px;height:8px;background:var(--text-secondary);border-radius:1px}.fig-torso{width:24px;height:8px;background:var(--text-secondary)}.fig-arms{display:flex;align-items:flex-start}.fig-arm-l,.fig-arm-r{width:8px;height:28px;background:var(--text-secondary);border-radius:0 0 2px 2px}.fig-waist{width:24px;height:28px;background:var(--text-secondary);display:flex;align-items:center;justify-content:center}.fig-class-icon{font-size:19px;opacity:2.86;filter:drop-shadow(0 0 3px rgba(0,0,0,.8));line-height:1}.fig-legs{display:flex}.fig-leg-l,.fig-leg-r{width:10px;height:28px;background:var(--text-secondary)}.fig-leg-gap{width:4px}.fig-feet{display:flex}.fig-foot-l,.fig-foot-r{width:12px;height:6px;background:var(--text-secondary);border-radius:0 0 2px 2px}.fig-foot-gap{width:0px}@media (min-width: 768px){.items-figure-body{transform:scale(1.8)}.items-equip-figure{padding:12px 24px}}.items-inventory{display:flex;flex-direction:column;gap:2px}.items-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--bg-panel);border:1px solid var(--border-pixel);font-size:11px}.items-row.equippable{cursor:pointer;-webkit-tap-highlight-color:transparent}.items-row.equippable:active{border-color:var(--accent-gold)}.items-row-info{display:flex;flex-direction:column;gap:1px;flex:1}.items-row-effect{font-size:10px;color:var(--text-dim)}.items-row-count{margin-left:8px}.items-slot-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.items-row-actions{display:flex;align-items:center;gap:6px}.items-destroy-btn{background:transparent;border:1px solid var(--text-dim);color:var(--text-dim);font-family:"Press Start 2P",monospace;font-size:8px;padding:3px 5px;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1}.items-destroy-btn:hover,.items-destroy-btn:active{border-color:#e74c3c;color:#e74c3c}.items-empty{font-size:11px;color:var(--text-dim);padding:12px;text-align:center}.items-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.items-modal{background:var(--bg-panel);border:2px solid var(--border-pixel);padding:16px;min-width:200px;max-width:280px;display:flex;flex-direction:column;gap:10px}.items-modal-title{font-size:13px;color:var(--accent-gold)}.items-modal-text{font-size:11px;color:var(--text-secondary)}.items-modal-actions{display:flex;gap:8px}.items-modal-btn{font-family:"Press Start 2P",monospace;font-size:11px;padding:6px 10px;border:2px solid var(--border-pixel);background:var(--bg-darker);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent}.items-modal-btn:active{border-color:var(--accent-gold)}.items-modal-confirm{color:#e74c3c;border-color:#e74c3c}.items-modal-cancel{color:var(--text-dim)}.items-modal-count-row{display:flex;align-items:center;gap:8px}.items-modal-count-value{font-size:13px;color:var(--text-primary);min-width:30px;text-align:center}.items-modal-minus,.items-modal-plus,.items-modal-max{font-size:11px;padding:4px 8px}#screen-map{display:none}#screen-map.active{display:block}#game-container{width:100%;height:100%;position:relative;overflow:hidden}#game-container canvas{display:block}.canvas-world-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none;background:#3a2a1a;image-rendering:pixelated;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.canvas-world-map:active{cursor:grabbing}.canvas-map-tooltip{position:absolute;pointer-events:none;background:#000000c7;color:#fff;font-family:var(--pixel-font);font-size:11px;padding:6px 8px;white-space:pre-line;border:1px solid rgba(255,200,69,.4);z-index:150;max-width:220px;line-height:1.4}@media (min-width: 768px){.canvas-map-tooltip{font-size:13px;padding:8px 10px}}.map-toast{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:8px 16px;background:var(--bg-panel-light);border:2px solid var(--accent-gold);color:var(--accent-gold);font-family:var(--pixel-font);font-size:13px;white-space:nowrap;z-index:200;pointer-events:none;animation:toast-fade 2s ease-out forwards}@keyframes toast-fade{0%,70%{opacity:1}to{opacity:0}}.map-zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;gap:4px;z-index:100}.map-zoom-btn{width:40px;height:40px;font-family:var(--pixel-font);font-size:24px;background:var(--bg-panel);border:2px solid var(--border-pixel);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;opacity:.85}.map-zoom-btn:active{background:var(--bg-panel-light);border-color:var(--accent-gold);opacity:1}.tile-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.tile-modal{background:var(--bg-panel);border:2px solid var(--border-pixel);padding:16px;min-width:200px;max-width:280px;display:flex;flex-direction:column;gap:8px}.tile-modal-header{display:flex;justify-content:space-between;align-items:center}.tile-modal-title{font-size:13px;color:var(--accent-gold)}.tile-modal-coords{font-size:11px;color:var(--text-dim)}.tile-modal-room-name{font-size:12px;color:#fff}.tile-modal-room-unexplored{color:var(--text-dim);font-style:italic}.tile-modal-players{display:flex;flex-direction:column;gap:2px}.tile-modal-players-label{font-size:10px;color:var(--text-dim);text-transform:uppercase}.tile-modal-player-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-left:8px}.tile-modal-player{font-size:11px;color:var(--accent-blue)}.tile-modal-player-clickable{cursor:pointer}.tile-modal-player-clickable:hover{color:var(--accent-gold)}.tile-modal-divider{border:none;border-top:1px solid var(--border-color);margin:6px 0}.tile-modal-invite{font-size:11px;padding:2px 6px}.tile-modal-actions{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.tile-modal-btn{flex:1 1 80px;min-width:80px;padding:8px;font-family:var(--pixel-font);font-size:11px;border:2px solid var(--border-pixel);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}.tile-modal-move{background:var(--bg-panel-light);color:var(--accent-green)}.tile-modal-move:active{border-color:var(--accent-green)}.tile-modal-close,.tile-modal-dungeon{background:var(--bg-panel);color:var(--text-secondary)}.tile-modal-btn:disabled{cursor:not-allowed;opacity:.55}.tile-modal-close:active{border-color:var(--text-secondary)}.tile-modal-npc{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-panel-light);border:1px solid var(--border-color);margin-top:4px}.tile-modal-npc-emoji{font-size:16px}.tile-modal-npc-name{font-size:8px;color:var(--accent-blue)}.npc-talk-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000;align-items:center;justify-content:center}.npc-talk-modal{background:var(--bg-panel);border:2px solid var(--border-pixel);padding:16px;display:flex;flex-direction:column;gap:12px;max-width:360px;width:90%}.npc-talk-header{display:flex;align-items:center;gap:12px}.npc-talk-portrait-emoji{font-size:40px;line-height:1}.npc-talk-portrait-img{width:56px;height:56px;image-rendering:pixelated}.npc-talk-name{font-family:var(--pixel-font);font-size:12px;color:var(--accent-gold)}.npc-talk-greeting{font-family:var(--pixel-font);font-size:9px;line-height:1.6;color:var(--text-primary);font-style:italic}.npc-talk-actions{display:flex;justify-content:flex-end}.npc-talk-btn{font-family:var(--pixel-font);font-size:9px;padding:8px 16px;background:var(--bg-panel-light);color:var(--text-primary);border:2px solid var(--border-pixel);cursor:pointer}.npc-talk-btn:active{border-color:var(--accent-gold)}.npc-talk-btn-primary{background:var(--accent-gold);color:#000}.npc-quest-section{display:flex;flex-direction:column;gap:6px}.npc-quest-section-title{font-family:var(--pixel-font);font-size:8px;color:var(--accent-blue);text-transform:uppercase}.npc-quest-section-empty{font-family:var(--pixel-font);font-size:8px;color:var(--text-dim);font-style:italic}.npc-quest-card{background:var(--bg-panel-light);border:2px solid var(--border-pixel);padding:8px;display:flex;flex-direction:column;gap:4px}.npc-quest-card-ready{border-color:var(--accent-gold)}.npc-quest-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.npc-quest-card-name{font-family:var(--pixel-font);font-size:9px;color:var(--text-primary)}.npc-quest-card-desc{font-family:var(--pixel-font);font-size:8px;color:var(--text-secondary);line-height:1.5}.npc-quest-card-objectives{display:flex;flex-direction:column;gap:2px}.npc-quest-objective{font-family:var(--pixel-font);font-size:8px;color:var(--text-secondary)}.npc-quest-card-rewards{font-family:var(--pixel-font);font-size:8px;color:var(--accent-gold)}.npc-quest-card-actions{display:flex;justify-content:flex-end;gap:6px}.npc-quest-status-pill{font-family:var(--pixel-font);font-size:7px;padding:2px 6px;border:1px solid var(--border-color);text-transform:uppercase}.npc-quest-status-accepted{color:var(--text-secondary)}.npc-quest-status-in_progress{color:var(--accent-blue)}.npc-quest-status-ready{color:var(--accent-gold);border-color:var(--accent-gold)}.npc-quest-scope-pill{font-family:var(--pixel-font);font-size:7px;padding:2px 6px;border:1px solid var(--border-color);text-transform:uppercase}.npc-quest-scope-solo{color:var(--text-secondary)}.npc-quest-scope-party{color:var(--accent-green)}.npc-talk-completion{background:var(--bg-panel);border:2px solid var(--accent-gold);padding:8px;display:flex;flex-direction:column;gap:6px}.npc-talk-completion-label{font-family:var(--pixel-font);font-size:8px;color:var(--accent-gold);text-transform:uppercase}.npc-talk-completion-text{font-family:var(--pixel-font);font-size:9px;line-height:1.6;color:var(--text-primary);font-style:italic}.npc-talk-completion-dismiss{align-self:flex-end;font-family:var(--pixel-font);font-size:8px;padding:4px 12px;background:var(--accent-gold);color:#000;border:2px solid var(--border-pixel);cursor:pointer}.quest-log-card{background:var(--bg-panel-light);border:2px solid var(--border-pixel);padding:8px;display:flex;flex-direction:column;gap:6px;margin-top:8px}.quest-log-header{font-family:var(--pixel-font);font-size:9px;color:var(--accent-blue);text-transform:uppercase}.quest-log-empty{font-family:var(--pixel-font);font-size:8px;color:var(--text-dim);font-style:italic}.quest-log-entry{background:var(--bg-panel);padding:6px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.quest-log-entry-header{display:flex;justify-content:space-between;align-items:center;gap:6px}.quest-log-entry-name{font-family:var(--pixel-font);font-size:8px;color:var(--text-primary)}.quest-log-status{font-family:var(--pixel-font);font-size:7px;padding:2px 6px;border:1px solid var(--border-color);text-transform:uppercase}.quest-log-status-accepted{color:var(--text-secondary)}.quest-log-status-in_progress{color:var(--accent-blue)}.quest-log-status-ready{color:var(--accent-gold);border-color:var(--accent-gold)}.quest-log-objective{font-family:var(--pixel-font);font-size:7px;color:var(--text-secondary)}.quest-log-completed{font-family:var(--pixel-font);font-size:7px;color:var(--text-dim);text-align:right}.quest-log-count{font-family:var(--pixel-font);font-size:8px;color:var(--text-dim);margin-left:6px}.completed-quests-toggle{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;padding:0;width:100%;text-align:left;font-family:var(--pixel-font)}.completed-quests-toggle:hover .quest-log-header{color:var(--accent-gold)}.completed-quests-chevron{font-family:var(--pixel-font);font-size:8px;color:var(--text-secondary);width:10px;display:inline-block}.completed-quests-toolbar{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.completed-quests-search,.completed-quests-filter,.completed-quests-sort{font-family:var(--pixel-font);font-size:8px;background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-color);padding:4px 6px;flex:1 1 auto;min-width:80px}.completed-quests-search{flex:2 1 100px}.completed-quests-pager{display:flex;justify-content:space-between;align-items:center;font-family:var(--pixel-font);font-size:8px;color:var(--text-secondary);margin-top:4px}.login-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px}.login-title{font-family:var(--pixel-font);font-size:19px;color:var(--accent-gold);text-shadow:2px 2px 0 rgba(0,0,0,.5);text-align:center}.login-subtitle{font-family:var(--pixel-font);font-size:11px;color:var(--text-secondary);text-align:center;line-height:1.6}.login-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px}.login-input{width:100%;padding:10px 12px;font-family:var(--pixel-font);font-size:13px;color:var(--text-primary);background:var(--bg-input);border:2px solid var(--border-pixel);outline:none}.login-input:focus{border-color:var(--accent-gold)}.login-input::placeholder{color:var(--text-dim)}.login-button{width:100%;padding:10px 12px;font-family:var(--pixel-font);font-size:13px;color:var(--bg-dark);background:var(--accent-gold);border:2px solid var(--accent-gold);cursor:pointer;text-transform:uppercase;letter-spacing:1px}.login-button:hover:not(:disabled){background:#ffd866;border-color:#ffd866}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-error{font-family:var(--pixel-font);font-size:11px;color:var(--accent-red);text-align:center;display:none}.verify-message{font-family:var(--pixel-font);font-size:13px;color:var(--text-primary);text-align:center}.verify-back-link{font-family:var(--pixel-font);font-size:11px;color:var(--accent-gold);text-decoration:none}.verify-back-link:hover{text-decoration:underline}.approve-close-hint{font-family:var(--pixel-font);font-size:11px;color:var(--text-secondary);text-align:center;margin-top:8px}.login-cancel-link{font-family:var(--pixel-font);font-size:11px;color:var(--accent-gold);text-decoration:none;display:block;text-align:center;margin-top:12px}.login-cancel-link:hover{text-decoration:underline}.verify-details{width:100%;max-width:360px;margin-top:8px}.verify-details summary{font-family:var(--pixel-font);font-size:11px;color:var(--text-secondary);cursor:pointer;text-align:center}.verify-debug-pre{margin-top:8px;padding:10px;background:#0006;border:1px solid var(--border-pixel);font-family:monospace;font-size:13px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;text-align:left;max-height:200px;overflow-y:auto}.class-select-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;overflow-y:auto}.class-card-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:360px}.class-card{padding:10px 12px;background:var(--bg-panel);border:2px solid var(--border-pixel);cursor:pointer;display:flex;flex-direction:column;gap:4px;-webkit-tap-highlight-color:transparent}.class-card:active,.class-card.selected{border-color:var(--accent-gold)}.class-card.selected{background:var(--bg-panel-light)}.class-card-header{display:flex;align-items:center;gap:8px}.class-card-icon{font-size:19px}.class-card-title{font-size:13px;color:var(--accent-gold)}.class-card-desc{font-size:10px;color:var(--text-secondary);line-height:1.6}.class-card-stats{display:flex;gap:12px;font-size:10px;color:var(--text-dim)}.class-card-passive{font-size:10px;color:var(--accent-purple)}.class-confirm-btn{max-width:360px}.offline-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;text-align:center}.offline-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--pixel-font);font-size:32px;color:var(--accent-red);border:3px solid var(--accent-red)}.offline-title{font-family:var(--pixel-font);font-size:17px;color:var(--accent-red)}.offline-status{font-family:var(--pixel-font);font-size:11px;color:var(--text-secondary);line-height:1.8;max-width:320px}.offline-retry{padding:10px 24px;font-family:var(--pixel-font);font-size:13px;color:var(--text-primary);background:var(--bg-panel-light);border:2px solid var(--border-pixel);cursor:pointer;text-transform:uppercase;letter-spacing:1px}.offline-retry:hover:not(:disabled){border-color:var(--accent-gold);color:var(--accent-gold)}.offline-retry:disabled{opacity:.5;cursor:not-allowed}@keyframes icon-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes icon-flash-green{0%{color:var(--accent-green);transform:scale(1.4)}to{transform:scale(1)}}@keyframes icon-flash-red{0%{color:var(--accent-red);transform:scale(1.4)}to{transform:scale(1)}}@keyframes attack-lunge-right{0%{transform:translate(0)}30%{transform:translate(10px)}to{transform:translate(0)}}@keyframes attack-lunge-left{0%{transform:translate(0)}30%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes hit-flash{0%{transform:translate(0);filter:brightness(1)}15%{transform:translate(-3px);filter:brightness(2)}30%{transform:translate(3px);filter:brightness(1)}45%{transform:translate(-2px)}60%{transform:translate(2px)}to{transform:translate(0)}}@keyframes dodge-sidestep{0%{transform:translateY(0);opacity:1}30%{transform:translateY(-8px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes member-bounce{0%{transform:translateY(0)}40%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes timer-fill{0%{width:0%}to{width:100%}}.social-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.social-tab-bar{display:flex;gap:4px;padding:8px 8px 4px;flex-shrink:0;overflow-x:auto}.social-tab-btn{font-family:var(--pixel-font);font-size:10px;padding:5px 8px;border:1px solid var(--border-pixel);border-radius:12px;background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;position:relative}.social-tab-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.social-tab-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--accent-red)}.social-panel{flex:1;overflow-y:auto;padding:4px 8px 8px;min-height:0;display:flex;flex-direction:column}.social-placeholder{text-align:center;padding:32px 16px;font-family:var(--pixel-font);font-size:11px;color:var(--text-dim)}.social-users-toolbar{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.social-search{font-family:var(--pixel-font);font-size:11px;padding:6px 8px;border:1px solid var(--border-pixel);border-radius:4px;background:var(--bg-input);color:var(--text-primary);outline:none;width:100%;box-sizing:border-box}.social-search::placeholder{color:var(--text-dim)}.social-toolbar-btns{display:flex;gap:4px}.social-filter-btn,.social-sort-btn{font-family:var(--pixel-font);font-size:10px;padding:4px 8px;border:1px solid var(--border-pixel);border-radius:4px;background:var(--bg-panel);color:var(--text-secondary);cursor:pointer}.social-filter-btn.active{background:var(--bg-panel-light);color:var(--text-primary);border-color:var(--border-light)}.social-user-count{font-family:var(--pixel-font);font-size:10px;color:var(--text-dim);margin-bottom:4px}.social-user-list,.social-friends-list{display:flex;flex-direction:column;gap:2px}.social-user-row{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-panel);border:1px solid var(--border-pixel);border-radius:4px}.social-user-name{font-family:var(--pixel-font);font-size:11px;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-user-badges{display:flex;gap:4px;flex-shrink:0}.social-badge{font-family:var(--pixel-font);font-size:11px;padding:2px 4px;border-radius:3px}.social-badge.friend{background:var(--accent-green);color:#000}.social-badge.blocked{background:var(--accent-red);color:#000}.social-badge.owner{background:var(--accent-gold);color:#000}.social-user-actions{display:flex;gap:4px;flex-shrink:0}.social-action-btn{font-family:var(--pixel-font);font-size:11px;padding:3px 6px;border:1px solid var(--border-pixel);border-radius:3px;cursor:pointer;background:var(--bg-panel-light);color:var(--text-secondary)}.social-action-btn.add-friend{border-color:var(--accent-green);color:var(--accent-green)}.social-action-btn.remove-friend{border-color:var(--accent-orange);color:var(--accent-orange)}.social-action-btn.block{border-color:var(--accent-red);color:var(--accent-red)}.social-action-btn.unblock{border-color:var(--text-dim);color:var(--text-dim)}.social-group-header{font-family:var(--pixel-font);font-size:10px;color:var(--text-dim);padding:6px 0 2px}.social-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.social-status-dot.online{background:var(--accent-green)}.social-status-dot.offline{background:var(--text-dim)}.social-empty{text-align:center;padding:24px 16px;font-family:var(--pixel-font);font-size:10px;color:var(--text-dim)}.social-guild-create{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0}.social-guild-form,.social-guild-invite-form{display:flex;gap:6px;width:100%}.social-guild-form .social-search,.social-guild-invite-form .social-search{flex:1}.social-guild-note{font-family:var(--pixel-font);font-size:11px;color:var(--text-dim)}.social-guild-info{padding:8px;background:var(--bg-panel);border:1px solid var(--border-pixel);border-radius:4px;margin-bottom:6px}.social-guild-header{display:flex;justify-content:space-between;align-items:center}.social-guild-name{font-family:var(--pixel-font);font-size:13px;color:var(--accent-gold)}.social-guild-leader{font-family:var(--pixel-font);font-size:10px;color:var(--text-secondary);margin-top:4px}.social-guild-invite-form{margin-top:8px}.social-party-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:8px}.social-party-cell{display:flex;align-items:center;gap:4px;padding:6px;background:var(--bg-panel);border:1px solid var(--border-pixel);border-radius:4px;min-height:32px;min-width:0;overflow:hidden;cursor:pointer}.social-party-cell.occupied{border-color:var(--border-light);cursor:grab}@keyframes party-grid-move{0%{transform:translate(0) rotate(0)}30%{transform:translate(0) rotate(var(--tilt))}80%{transform:translate(var(--move-x),var(--move-y)) rotate(var(--tilt))}to{transform:translate(var(--move-x),var(--move-y)) rotate(0);opacity:0}}.social-party-cell.grid-move-anim{animation:party-grid-move .42s ease-in-out forwards;pointer-events:none}@keyframes party-grid-flash-red{0%{border-color:var(--border-light)}25%{border-color:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}50%{border-color:var(--border-light)}75%{border-color:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}to{border-color:var(--border-light);box-shadow:none}}.social-party-cell.grid-flash-red{animation:party-grid-flash-red .4s ease-out}@keyframes party-grid-throb-green{0%,to{border-color:var(--border-pixel);box-shadow:none}50%{border-color:#4caf50;box-shadow:0 0 8px #4caf50}}.social-party-cell.drag-hover-green{animation:party-grid-throb-green .6s ease-in-out infinite}@keyframes party-grid-throb-red{0%,to{border-color:var(--border-light);box-shadow:none}50%{border-color:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}}.social-party-cell.drag-hover-red{animation:party-grid-throb-red .6s ease-in-out infinite}.party-drag-ghost{position:fixed;z-index:9999;pointer-events:none;opacity:.8;display:flex;align-items:center;gap:4px;padding:6px;background:var(--bg-panel);border:1px solid var(--gold);border-radius:4px;box-shadow:0 0 12px #ffd70099;font-family:var(--pixel-font);font-size:11px;color:var(--text-primary)}.social-party-cell-name{font-family:var(--pixel-font);font-size:11px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0}.social-party-cell-empty{font-family:var(--pixel-font);font-size:11px;color:var(--text-dim)}.social-party-actions{margin-bottom:8px}.social-panel.chat-active{overflow:hidden}.social-chat-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.social-chat-filters{display:flex;gap:3px;margin-bottom:6px;flex-shrink:0;flex-wrap:wrap}.chat-filter-btn{font-family:var(--pixel-font);font-size:11px;padding:2px 6px;border:1px solid var(--border-pixel);border-radius:3px;background:var(--bg-panel);color:var(--text-dim);cursor:pointer;opacity:.5}.chat-filter-btn.active{opacity:1;color:var(--text-primary);border-color:var(--border-light)}.chat-color-tile{color:var(--accent-orange)}.chat-color-zone{color:var(--accent-blue)}.chat-color-party{color:var(--accent-green)}.chat-color-guild{color:var(--accent-purple)}.chat-color-global{color:var(--accent-gold)}.chat-color-dm{color:var(--accent-red)}.chat-color-server{color:var(--text-dim)}.chat-filter-btn.active.chat-color-tile{border-color:var(--accent-orange)}.chat-filter-btn.active.chat-color-zone{border-color:var(--accent-blue)}.chat-filter-btn.active.chat-color-party{border-color:var(--accent-green)}.chat-filter-btn.active.chat-color-guild{border-color:var(--accent-purple)}.chat-filter-btn.active.chat-color-global{border-color:var(--accent-gold)}.chat-filter-btn.active.chat-color-dm{border-color:var(--accent-red)}.chat-filter-btn.active.chat-color-server{border-color:var(--text-dim)}.social-chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:4px 0;min-height:0}.social-chat-msg{font-family:var(--pixel-font);font-size:10px;padding:3px 6px;line-height:1.6}.chat-tag{font-size:10px;margin-right:4px}.social-chat-sender{margin-right:6px}.chat-clickable{cursor:pointer}.chat-clickable:hover{text-decoration:underline}.chat-dm-to{opacity:.7;font-size:10px}.social-chat-text{color:var(--text-primary)}.social-chat-input-bar{display:flex;gap:4px;flex-shrink:0;margin-top:4px;align-items:center}.chat-send-select{font-family:var(--pixel-font);font-size:11px;padding:4px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-pixel);border-radius:3px;flex-shrink:0}.chat-dm-wrapper{position:relative;flex-shrink:0}.chat-dm-wrapper.hidden{display:none}.chat-dm-input{width:80px}.chat-dm-input.dm-valid{border-color:var(--accent-green)}.chat-dm-input.dm-invalid{border-color:var(--accent-red)}.chat-dm-suggestions{position:absolute;bottom:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:3px;max-height:120px;overflow-y:auto;z-index:10}.chat-dm-suggestions:empty{display:none}.chat-dm-suggestion{padding:4px 6px;cursor:pointer;font-size:.7rem}.chat-dm-suggestion:hover{background:var(--surface-hover);color:var(--accent-gold)}.social-chat-input-bar .social-search{flex:1;min-width:0}.social-chat-dm-target{flex:0 0 auto!important;width:80px}.social-chat-input:disabled,.social-chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.admin-shell{display:flex;height:100vh;width:100%;font-family:var(--pixel-font);color:var(--text-primary);background:var(--bg-dark)}.admin-sidebar{width:180px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-panel);border-right:2px solid var(--border-pixel);padding:12px 0;overflow-y:auto}.admin-sidebar-title{font-size:13px;color:var(--accent-gold);padding:8px 14px 16px;text-transform:uppercase;letter-spacing:1px}.admin-sidebar-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;font-family:var(--pixel-font);font-size:12px;color:var(--text-secondary);background:none;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;text-decoration:none;width:100%;box-sizing:border-box}.admin-sidebar-btn:hover{color:var(--text-primary);background:#0f34604d}.admin-sidebar-btn.active{color:var(--accent-gold);border-left-color:var(--accent-gold);background:#0f346080}.admin-sidebar-icon{font-size:15px;width:16px;text-align:center;flex-shrink:0}.admin-sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar-spacer{flex:1}.admin-content{flex:1;min-width:0;overflow-y:auto;padding:0}.admin-page{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.admin-page-map{padding:0;height:100%;overflow:hidden}.admin-page-map .admin-page-header{padding:16px 24px 0}.admin-page-header h2{font-size:15px;color:var(--accent-blue);margin:0}.admin-page-empty{padding:40px;text-align:center;font-size:13px;color:var(--text-dim)}.admin-center-message{margin:auto;padding:40px;text-align:center;font-size:13px;line-height:2.2;max-width:400px}.admin-center-message h1{font-size:17px;color:var(--accent-gold);margin:0 0 16px}.admin-center-message a{color:var(--accent-gold);text-decoration:none}.admin-center-message a:hover{text-decoration:underline}.admin-btn{font-family:var(--pixel-font);font-size:12px;padding:8px 16px;background:var(--bg-panel-light);color:var(--text-primary);border:2px solid var(--border-pixel);cursor:pointer}.admin-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.admin-btn-sm{padding:4px 10px;font-size:15px}.admin-stats{display:flex;flex-wrap:wrap;gap:16px;padding:16px}.admin-stat{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:90px}.admin-stat-value{font-size:19px;color:var(--accent-gold)}.admin-stat-label{font-size:10px;color:var(--text-dim);text-transform:uppercase}.admin-table-wrap{overflow-x:auto;padding:12px}.admin-table{width:100%;border-collapse:collapse;font-size:11px}.admin-table th{text-align:left;padding:6px 10px;color:var(--text-dim);border-bottom:1px solid var(--border-pixel);font-weight:400;text-transform:uppercase;font-size:10px;white-space:nowrap}.admin-table-sortable th[data-sort]{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table-sortable th[data-sort]:hover{color:var(--accent-gold)}.admin-table td{padding:6px 10px;color:var(--text-secondary);border-bottom:1px solid rgba(83,52,131,.2);white-space:nowrap}.admin-table tr:hover td{background:#0f34604d}.status-online{color:var(--accent-green)}.status-offline{color:var(--text-dim)}.rarity-janky{color:#aaa}.rarity-common{color:var(--accent-green)}.rarity-uncommon{color:#66bb6a}.rarity-rare{color:#4fc3f7}.rarity-epic{color:#ba68c8}.rarity-legendary{color:#ffd54f}.admin-map-layout{display:flex;flex:1;min-height:0;height:100%}.admin-map-canvas-area{flex:1;display:flex;flex-direction:column;min-width:0;padding:0 12px 12px 24px}.admin-map-controls{display:flex;gap:6px;align-items:center;padding:12px 0;flex-shrink:0}.admin-map-tile-count{font-size:12px;color:var(--text-primary);margin-right:8px}.admin-map-info{font-size:11px;color:var(--text-secondary);margin-left:12px}#admin-map-canvas{width:100%;flex:1;border:1px solid var(--border-pixel);cursor:grab;display:block}#admin-map-canvas:active{cursor:grabbing}.admin-map-sidebar{width:260px;flex-shrink:0;background:var(--bg-panel);border-left:2px solid var(--border-pixel);display:flex;flex-direction:column;overflow-y:auto}.admin-map-sidebar-header{font-size:13px;color:var(--accent-gold);padding:14px 14px 10px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-pixel)}.admin-map-sidebar-placeholder{font-size:11px;color:var(--text-dim);padding:24px 14px;line-height:2;text-align:center}.admin-map-sidebar-fields{display:flex;flex-direction:column;gap:12px;padding:14px;flex:1}.admin-map-sidebar-field{display:flex;flex-direction:column;gap:4px}.admin-map-sidebar-field label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.admin-map-sidebar-field input,.admin-map-sidebar-field select{font-family:var(--pixel-font);font-size:12px;padding:6px 8px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-pixel);outline:none}.admin-map-sidebar-field input:focus,.admin-map-sidebar-field select:focus{border-color:var(--accent-gold)}.admin-map-sidebar-coords{font-size:12px;color:var(--text-secondary);padding:4px 0}.admin-map-sidebar-spacer{flex:1;min-height:16px}.admin-map-start-btn{font-size:11px;padding:6px 10px;color:var(--accent-gold);border-color:var(--accent-gold)}.admin-map-start-btn:hover{background:#ffc8451a}.admin-map-sidebar-start-badge{font-size:12px;color:var(--accent-gold);padding:6px 0}.admin-map-delete-btn{font-size:11px;padding:6px 10px;color:var(--accent-red);border-color:var(--accent-red)}.admin-map-delete-btn:hover:not(:disabled){background:#ff52521a}.admin-map-delete-btn:disabled{opacity:.4;cursor:not-allowed}.admin-map-sidebar-hint{font-size:10px;color:var(--text-dim);line-height:1.6}.admin-map-sidebar-error{font-size:11px;color:var(--accent-red);min-height:16px}@media (min-width: 768px){.nav-label{font-size:12px}.combat-header{font-size:13px}.combat-hp-label{font-size:12px}.log-entry,.combat-log,.log-resume-btn{font-size:13px}.character-class-name{font-size:15px}.character-level{font-size:14px}.character-xp-label{font-size:12px}.character-hp-display,.character-gold-display{font-size:13px}.character-bonus-row{font-size:12px}.class-card-title{font-size:15px}.class-card-desc,.class-card-stats,.class-card-passive{font-size:12px}.items-section-label{font-size:13px}.items-slot-label{font-size:10px}.items-slot-item{font-size:11px}.items-equip-slot{padding:8px 10px}.items-row,.placeholder-text{font-size:13px}.social-tab-btn{font-size:12px}.social-search,.social-user-name,.social-user-name-clickable{font-size:13px}.social-action-btn{font-size:11px}}.version-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:13px;text-transform:uppercase}.version-badge-draft{background:#1e3a5f;color:#6db3f2}.version-badge-published{background:#1e4d2b;color:#6fdc8c}.version-badge-active{background:#4d3600;color:#ffc845}.version-actions-cell{display:flex;gap:4px;flex-wrap:wrap}.admin-btn-danger{background:#3d1111;color:#f87171;border-color:#5a1e1e}.admin-btn-danger:hover{background:#5a1e1e}.version-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:8px;border-radius:4px;font-size:14px}.version-bar-draft{background:#1e3a5f;border:1px solid #2a5a8f;color:#6db3f2}.version-bar-readonly{background:#1e4d2b;border:1px solid #2a6f3f;color:#6fdc8c}.version-readonly-label{padding:2px 8px;background:#ffffff1a;border-radius:3px;font-size:13px;text-transform:uppercase}.version-status{font-size:14px;padding:0 4px;min-height:20px}.version-status-error{color:#f87171}.version-status-success{color:#6fdc8c}.admin-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-page-subtitle{font-size:14px;color:var(--text-dim);margin:2px 0 0}.xp-table td{text-align:right}.xp-table td:first-child{text-align:center}.xp-table-milestone td{border-bottom:2px solid rgba(83,52,131,.5);color:var(--text-primary)}.monster-form{margin-bottom:12px;padding:12px}.monster-form h3{margin:0 0 10px;font-size:16px}.monster-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:10px}.monster-form-grid label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:#aaa}.monster-form-grid input,.monster-form-grid select{background:#1a1a2e;border:1px solid #333;color:#eee;padding:4px 6px;font-size:15px;font-family:inherit;border-radius:3px}.monster-form-grid input:disabled{opacity:.5}.monster-form-drops h4{margin:0 0 6px;font-size:14px;display:flex;align-items:center;gap:8px}.monster-drop-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:14px}.monster-drop-row select,.monster-drop-row input{background:#1a1a2e;border:1px solid #333;color:#eee;padding:3px 5px;font-size:14px;font-family:inherit;border-radius:3px}.monster-drop-row select{flex:1}.monster-drop-row input{width:50px}.zf-enc-inline{display:flex;align-items:center;gap:3px;font-size:13px;color:#aaa}.zf-enc-inline input{width:42px}.monster-form-actions{display:flex;gap:8px;margin-top:10px}.admin-btn-secondary{background:#333;color:#ccc;border-color:#555}.admin-btn-secondary:hover{background:#444}.monster-actions-cell{display:flex;gap:4px}.user-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0}.user-popup-menu{position:fixed;background:var(--bg-input);border:2px solid var(--border-pixel);box-shadow:0 4px 12px #000c;min-width:160px;max-width:min(95vw,360px);width:max-content;display:flex;flex-direction:column}.user-popup-header{font-family:var(--pixel-font);font-size:11px;color:var(--accent-gold);padding:6px 10px;border-bottom:1px solid var(--border-pixel);display:flex;align-items:baseline;gap:4px}.user-popup-name{white-space:nowrap}.user-popup-level{font-size:10px;color:var(--text-secondary);flex-shrink:0;white-space:nowrap}.user-popup-labels{font-size:8px;color:var(--text-secondary);margin-left:4px}.user-popup-item{font-family:var(--pixel-font);font-size:10px;padding:6px 10px;background:none;border:none;border-bottom:1px solid var(--border-pixel);color:var(--text-primary);cursor:pointer;text-align:left;white-space:nowrap}.user-popup-item:last-child{border-bottom:none}.user-popup-item:hover:not(:disabled){background:var(--bg-input);color:var(--accent-gold)}.user-popup-item.disabled,.user-popup-item:disabled{color:var(--text-dim);cursor:default}.social-user-name-clickable{font-family:var(--pixel-font);font-size:11px;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.social-user-name-clickable:hover{color:var(--accent-gold)}.chat-timestamp{font-family:var(--pixel-font);font-size:8px;color:var(--text-dim);margin-right:2px;flex-shrink:0}.trade-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center}.trade-modal{background:var(--bg-panel);border:2px solid var(--border-pixel);padding:16px;width:min(340px,92vw);display:flex;flex-direction:column;gap:12px}.trade-modal-header{font-size:12px;color:var(--accent-gold);text-align:center}.trade-offers{display:flex;align-items:stretch;gap:8px}.trade-item-card{flex:1;display:flex;flex-direction:column;gap:4px;background:var(--bg-darker);border:1px solid var(--border-pixel);padding:8px;min-height:70px}.trade-item-empty{opacity:.5}.trade-item-label{font-size:10px;color:var(--text-secondary)}.trade-item-name{font-size:11px}.trade-item-rarity{font-size:8px;text-transform:capitalize}.trade-item-effect{font-size:8px;color:var(--text-secondary)}.trade-item-none{font-size:10px;color:var(--text-dim);margin-top:4px}.trade-vs{display:flex;align-items:center;font-size:17px;color:var(--text-secondary);flex-shrink:0}.trade-status{font-size:10px;color:var(--accent-gold);text-align:center}.trade-actions{display:flex;gap:8px;flex-wrap:wrap}.trade-actions .social-action-btn{flex:1}.trade-picker{display:flex;flex-direction:column;gap:8px}.trade-picker-label{font-size:10px;color:var(--text-secondary)}.trade-picker-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.trade-item-option{display:flex;align-items:center;gap:8px;background:var(--bg-darker);border:1px solid var(--border-pixel);color:var(--text-primary);font-family:var(--pixel-font);font-size:11px;padding:6px 8px;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.trade-item-option:hover,.trade-item-option:active{border-color:var(--accent-gold)}.trade-item-count{font-size:10px;color:var(--text-dim);flex-shrink:0}.trade-item-effect-small{font-size:8px;color:var(--text-secondary);flex:1;text-align:right}.trade-empty{font-size:10px;color:var(--text-dim);text-align:center;padding:12px 0}.trade-picker-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--bg-darker);border:1px solid var(--border-pixel)}.trade-picker-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.trade-picker-qty{display:flex;align-items:center;gap:4px;flex-shrink:0}.trade-qty-dec,.trade-qty-inc{background:var(--bg-input);border:1px solid var(--border-pixel);color:var(--text-primary);font-family:var(--pixel-font);font-size:13px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1;-webkit-tap-highlight-color:transparent}.trade-qty-dec:disabled,.trade-qty-inc:disabled{opacity:.3;cursor:default}.trade-qty-dec:not(:disabled):hover,.trade-qty-inc:not(:disabled):hover{border-color:var(--accent-gold)}.trade-qty-val{font-family:var(--pixel-font);font-size:11px;color:var(--accent-gold);min-width:14px;text-align:center}.trade-offer-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.trade-offer-name{font-family:var(--pixel-font);font-size:11px}.trade-offer-qty{font-family:var(--pixel-font);font-size:10px;color:var(--text-secondary);flex-shrink:0}.trade-offer-effect{font-size:8px;color:var(--text-secondary);width:100%}.player-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center}.player-profile-modal{background:var(--bg-panel);border:2px solid var(--border-pixel);padding:16px;width:min(340px,92vw);max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.profile-header{display:flex;align-items:center;gap:6px;font-family:var(--pixel-font)}.profile-class-icon{font-size:19px}.profile-name{font-size:13px;color:var(--accent-gold);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-level{font-size:11px;color:var(--text-secondary)}.profile-class{font-family:var(--pixel-font);font-size:10px;color:var(--text-primary)}.profile-guild{font-family:var(--pixel-font);font-size:10px;color:var(--text-secondary)}.profile-section-label{font-family:var(--pixel-font);font-size:10px;color:var(--accent-gold);border-bottom:1px solid var(--border-pixel);padding-bottom:2px;margin-top:4px}.profile-equipment{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.profile-equip-square{display:flex;flex-direction:column;align-items:center;cursor:pointer}.profile-equip-icon{width:36px;height:36px;border-radius:4px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-equip-icon-img{width:100%;height:100%;object-fit:cover}.profile-equip-icon-initials{font-family:var(--pixel-font);font-size:12px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.profile-equip-label{font-family:var(--pixel-font);font-size:7px;color:var(--text-secondary);margin-top:2px;text-align:center}.profile-item-popup{background:var(--bg-surface, #1a1a2e);border:1px solid var(--border-color, #444);border-radius:6px;padding:8px 12px;font-family:var(--pixel-font);min-width:120px;max-width:200px;box-shadow:0 4px 12px #00000080}.profile-item-name{font-size:11px;margin-bottom:2px}.profile-item-rarity{font-size:8px;text-transform:capitalize;margin-bottom:4px}.profile-item-effect{font-size:8px;color:var(--text-dim, #aaa);margin-bottom:4px}.profile-item-set{border-top:1px solid rgba(255,255,255,.1);padding-top:4px;margin-top:2px}.profile-item-set-name{font-size:8px;color:#66bb6a}.profile-item-set-bonus{font-size:8px;color:var(--text-dim, #aaa)}.profile-skills{display:flex;flex-direction:column;gap:4px}.profile-skill-slot{display:flex;align-items:baseline;gap:6px;font-family:var(--pixel-font);font-size:10px}.profile-skill-slot.locked{opacity:.4}.profile-skill-slot.empty{opacity:.5}.profile-skill-type{color:var(--text-secondary);min-width:60px;text-transform:capitalize}.profile-skill-slot.active .profile-skill-type{color:#4fc3f7}.profile-skill-slot.passive .profile-skill-type{color:#66bb6a}.profile-skill-name{color:var(--text-primary)}.profile-party{display:flex;flex-direction:column;gap:2px}.profile-party-member{font-family:var(--pixel-font);font-size:10px;color:var(--text-primary)}.profile-empty{font-family:var(--pixel-font);font-size:10px;color:var(--text-dim)}.profile-close-btn{font-family:var(--pixel-font);font-size:10px;padding:6px 12px;background:var(--bg-darker);border:1px solid var(--border-pixel);color:var(--text-primary);cursor:pointer;align-self:center;margin-top:4px}.profile-close-btn:hover{background:var(--bg-panel)}.admin-encounter-modal-overlay,.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center}.admin-modal{background:var(--bg-darker, #1a1a2e);border:2px solid var(--border-pixel, #555);width:90vw;max-height:85vh;overflow-y:auto;font-family:var(--pixel-font, "Press Start 2P", monospace);font-size:11px;color:var(--text-primary, #eee);padding:16px}.admin-modal h3{margin:0 0 12px;font-size:13px;color:var(--accent-gold, #f5c842)}.admin-modal .admin-form{display:flex;flex-direction:column;gap:8px}.admin-modal .admin-form label{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary, #aaa)}.admin-modal .admin-form input,.admin-modal .admin-form select{font-family:var(--pixel-font, "Press Start 2P", monospace);font-size:11px;background:var(--bg-input, #0d1b2a);color:var(--text-primary, #eee);border:1px solid var(--border-pixel, #555);padding:6px 8px}.admin-modal .admin-modal-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.admin-encounter-modal{background:var(--bg-darker, #1a1a2e);border:2px solid var(--border-pixel, #555);max-width:600px;width:90vw;max-height:85vh;display:flex;flex-direction:column;font-family:var(--pixel-font, "Press Start 2P", monospace);font-size:11px;color:var(--text-primary, #eee)}.admin-encounter-modal-header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--border-pixel, #555);flex-wrap:wrap}.admin-encounter-modal-header input[type=text]{flex:1;min-width:120px;font-family:var(--pixel-font, "Press Start 2P", monospace);font-size:11px;padding:4px 6px;background:var(--bg-panel, #222);border:1px solid var(--border-pixel, #555);color:var(--text-primary, #eee)}.admin-encounter-modal-header select{font-family:var(--pixel-font, "Press Start 2P", monospace);font-size:11px;padding:4px 6px;background:var(--bg-panel, #222);border:1px solid var(--border-pixel, #555);color:var(--text-primary, #eee)}.admin-encounter-modal-actions{display:flex;gap:6px;margin-left:auto}.admin-encounter-modal-body{padding:12px;overflow-y:auto;flex:1}.enc-random-body h4,.enc-explicit-body h4{margin:0 0 8px}.enc-pool-section{margin-bottom:12px}.enc-pool-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.enc-pool-row select,.enc-pool-row input{font-family:var(--pixel-font, "Press Start 2P", monospace);font-size:10px;padding:3px 4px;background:var(--bg-panel, #222);border:1px solid var(--border-pixel, #555);color:var(--text-primary, #eee)}.enc-pool-row select{min-width:100px}.enc-pool-row input[type=number]{width:48px}.enc-pool-row label{display:flex;align-items:center;gap:3px}.enc-room-max{margin-top:8px}.enc-room-max input{font-family:var(--pixel-font, "Press Start 2P", monospace);font-size:10px;padding:3px 4px;background:var(--bg-panel, #222);border:1px solid var(--border-pixel, #555);color:var(--text-primary, #eee);width:48px}.enc-room-max label{display:flex;align-items:center;gap:6px}.enc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:400px}.enc-grid-cell{padding:8px;border:1px solid var(--border-pixel, #555);background:var(--bg-panel, #222);text-align:center}.enc-grid-pos{font-size:10px;color:var(--text-secondary, #999);margin-bottom:4px}.enc-grid-cell select{font-family:var(--pixel-font, "Press Start 2P", monospace);font-size:10px;padding:3px 4px;background:var(--bg-darker, #1a1a2e);border:1px solid var(--border-pixel, #555);color:var(--text-primary, #eee);width:100%}.item-square{position:relative;aspect-ratio:1;border-radius:4px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.15);transition:transform .1s,border-color .2s}.item-square:hover{transform:scale(1.08);border-color:#fff6}@media (min-width: 768px) and (hover: hover){.item-square[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:#0a0a14f2;color:#fff;font-family:var(--pixel-font);font-size:10px;padding:3px 6px;border-radius:3px;border:1px solid var(--border-pixel);white-space:nowrap;z-index:100;pointer-events:none}}.item-square-img{width:80%;height:80%;object-fit:contain;image-rendering:pixelated}.item-square-img,.item-popup-artwork img,.item-dogear-img,.nav-icon-img{transition:opacity .12s linear}.item-square-initials{font-size:17px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);text-transform:uppercase;-webkit-user-select:none;user-select:none}.item-square-slot-icon{position:absolute;bottom:1px;right:2px;font-size:11px;color:#fff9;text-shadow:1px 1px 1px rgba(0,0,0,.8);pointer-events:none}.item-square-qty{position:absolute;top:1px;right:2px;font-size:12px;color:#fff;background:#000000b3;padding:0 3px;border-radius:3px;pointer-events:none}.item-square-set{position:absolute;top:1px;left:2px;font-size:12px;color:gold;text-shadow:1px 1px 1px rgba(0,0,0,.8);pointer-events:none}.item-square.empty{background:#333!important;border-color:#ffffff14;cursor:default}.item-square.empty:hover{transform:none;border-color:#ffffff14}@keyframes item-border-epic{0%,to{border-color:#ee66e3}50%{border-color:#ff99f0}}@keyframes item-border-legendary{0%{border-color:#9233df}25%{border-color:#c77dff}50%{border-color:#e0aaff}75%{border-color:#c77dff}to{border-color:#9233df}}@keyframes item-border-heirloom{0%,to{border-color:#e9bc18}50%{border-color:#fff176}}.item-rarity-epic{animation:item-border-epic 2s ease-in-out infinite}.item-rarity-legendary{animation:item-border-legendary 3s ease-in-out infinite}.item-rarity-heirloom{animation:item-border-heirloom 2.5s ease-in-out infinite}.item-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.item-popup{background:var(--bg-secondary, #1a1a2e);border:2px solid var(--border-primary, #444);border-radius:8px;padding:16px;max-width:320px;width:90%;max-height:80vh;overflow-y:auto;text-align:center}.item-popup-artwork{width:96px;height:96px;margin:0 auto 12px;border-radius:6px;display:flex;align-items:center;justify-content:center}.item-popup-artwork img{width:80%;height:80%;object-fit:contain;image-rendering:pixelated}.item-popup-artwork .item-square-initials{font-size:32px}.item-popup-emoji{font-size:56px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.5)}.item-popup-name{font-size:19px;margin-bottom:8px}.item-popup-stats{font-size:14px;color:#ccc;margin-bottom:8px;line-height:1.6}.item-popup-stats div{margin-bottom:2px}.item-popup-set{border-top:1px solid rgba(255,255,255,.1);padding-top:8px;margin-top:8px;font-size:14px}.item-popup-set-name{color:gold;margin-bottom:4px}.item-popup-set-pieces{color:#aaa;text-align:left;padding-left:8px}.item-popup-set-pieces .owned{color:#66bb6a}.item-popup-set-pieces .equipped{color:gold}.item-popup-set-pieces .missing{color:#666}.item-popup-set-bonus{color:#4fc3f7;margin-top:4px;font-style:italic}.item-popup-actions{margin-top:12px;display:flex;gap:8px;justify-content:center}.item-popup-btn{padding:6px 16px;border:1px solid var(--border-primary, #444);border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px}.item-popup-btn-primary{background:var(--accent, #4a7c59);color:#fff}.item-popup-btn-danger{background:#8b0000;color:#fff}.item-popup-btn-secondary{background:transparent;color:#ccc}.items-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px;padding:4px}@media (min-width: 768px){.items-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}}.items-controls{display:flex;gap:8px;padding:4px 8px;align-items:center;flex-wrap:wrap}.items-search-input{flex:1;min-width:100px;padding:4px 8px;border:1px solid var(--border-primary, #444);border-radius:4px;background:var(--bg-primary, #0d0d1a);color:#e8e8e8;font-family:inherit;font-size:14px}.items-sort-select{padding:4px 8px;border:1px solid var(--border-primary, #444);border-radius:4px;background:var(--bg-primary, #0d0d1a);color:#e8e8e8;font-family:inherit;font-size:14px}.profile-equip-panel{display:grid;grid-template-columns:auto auto auto;gap:4px 6px;align-items:center;justify-content:center;margin:0 auto}.profile-equip-col{display:flex;flex-direction:column;gap:4px}.profile-equip-left{align-items:flex-end}.profile-equip-right{align-items:flex-start}.profile-equip-figure{display:flex;align-items:center;justify-content:center;padding:4px 8px}.profile-equip-figure .items-figure-body{transform:scale(1.3)}.profile-equip-bottom-left{justify-self:end}.profile-equip-bottom-right{justify-self:start}.profile-slot-square{width:36px;height:36px;box-shadow:inset 0 0 0 1px #0000004d}.shop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center}.shop-popup{background:var(--bg-secondary, #1a1a2e);border:2px solid #e9bc18;border-radius:8px;padding:16px;max-width:400px;width:95%;max-height:85vh;overflow-y:auto}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.shop-title{font-size:19px;color:#e9bc18}.shop-gold{color:gold;font-size:15px}.shop-notice{background:#e9bc182e;border:1px solid #e9bc18;border-radius:4px;padding:6px 10px;margin-bottom:10px;color:gold;font-size:14px;text-align:center}.shop-toggle{display:flex;gap:4px;margin-bottom:12px}.shop-toggle-btn{flex:1;padding:6px;border:1px solid var(--border-primary, #444);border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px;background:transparent;color:#ccc;text-align:center}.shop-toggle-btn.active{background:var(--accent, #4a7c59);color:#fff;border-color:var(--accent, #4a7c59)}.shop-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px;max-height:45vh;overflow-y:auto}.shop-item-price{position:absolute;bottom:1px;left:0;right:0;font-size:11px;color:gold;text-align:center;background:#000000b3;pointer-events:none}.shop-detail-view{text-align:center}.shop-detail-content{margin-bottom:12px}.shop-detail-content .item-popup-artwork{width:80px;height:80px;margin:0 auto 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-detail-content .item-popup-artwork img{width:100%;height:100%;object-fit:contain}.shop-detail-content .item-popup-artwork .item-popup-initials{font-size:32px;color:#ffffffd9;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.shop-detail-content .item-popup-name{font-size:17px;margin-bottom:6px}.shop-detail-content .item-popup-stats{font-size:14px;color:#ccc;margin-bottom:6px;line-height:1.5}.shop-detail-content .item-popup-stats div{display:flex;justify-content:space-between}.shop-detail-content .item-popup-stats .stat-label{color:#999}.shop-detail-controls{border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.shop-qty-row{display:flex;align-items:center;gap:8px;justify-content:center}.shop-qty-btn{padding:4px 10px;border:1px solid var(--border-primary, #444);border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px;background:transparent;color:#ccc}.shop-qty-value{min-width:30px;text-align:center;font-size:17px}.shop-detail-total{color:gold;margin-top:6px;font-size:15px}.shop-detail-actions{display:flex;gap:8px;justify-content:center;margin-top:10px}#splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a5568;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out}#splash.hidden{opacity:0;pointer-events:none}.splash-logo-img{max-width:min(520px,80vw);max-height:60vh;width:auto;height:auto;display:block;image-rendering:pixelated;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}#persistent-xp-bar{height:var(--xpbar-height);display:flex;align-items:stretch;background:var(--bg-panel);border-top:1px solid var(--border-pixel);border-bottom:1px solid #000;flex-shrink:0;z-index:999}.xpbar-level{font-family:var(--pixel-font);font-size:12px;color:var(--accent-gold);background:var(--bg-panel-light);border-right:2px solid var(--border-pixel);padding:0 8px;display:flex;align-items:center;white-space:nowrap;text-shadow:1px 1px 0 #000}.xpbar-track{flex:1;background:#0a0a18;position:relative;overflow:hidden}.xpbar-fill{background:linear-gradient(180deg,#f5c842,#c89614);height:100%;width:0%;transition:width .4s ease-out;box-shadow:inset 0 1px #ffffff80,0 0 6px #f5c84266}#bottom-nav{background:linear-gradient(180deg,#1f2848,#11192e);border-top:2px solid var(--border-pixel);box-shadow:inset 0 2px #ffffff0d,0 -2px 6px #00000080;height:var(--nav-height)}.nav-tab{position:relative;flex-direction:column;gap:3px;padding:6px 0 4px;isolation:isolate}.nav-tab-bg{position:absolute;top:4px;right:2px;bottom:4px;left:2px;border-radius:6px;background:linear-gradient(180deg,#ffffff0f,#fff0 60%);border:1px solid transparent;z-index:-1;transition:all .15s ease-out}.nav-tab:hover .nav-tab-bg{background:linear-gradient(180deg,#f5c8421a,#f5c84205 60%);border-color:#f5c84233}.nav-tab.active .nav-tab-bg,.nav-tab.overlay-active .nav-tab-bg{background:linear-gradient(180deg,#f5c84233,#f5c8420d 70%);border-color:#f5c84280;box-shadow:inset 0 1px #ffffff26,0 0 8px #f5c84240}.nav-active-bar{position:absolute;bottom:1px;left:18%;right:18%;height:2px;background:var(--accent-gold);border-radius:2px;transform:scaleX(0);transition:transform .2s ease-out;box-shadow:0 0 6px #f5c842b3}.nav-tab.active .nav-active-bar,.nav-tab.overlay-active .nav-active-bar{transform:scaleX(1)}.nav-icon{font-size:26px;text-shadow:0 1px 0 rgba(0,0,0,.4)}.nav-label{font-family:var(--pixel-font);font-size:11px;letter-spacing:.4px}#chat-popout-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.chat-popout{position:absolute;pointer-events:auto;background:var(--bg-panel);border:2px solid var(--border-pixel);border-radius:6px;box-shadow:0 8px 24px #0009,inset 0 1px #ffffff0f;display:flex;flex-direction:column;overflow:hidden;font-family:var(--pixel-font)}.chat-popout-header{background:var(--bg-panel-light);color:var(--accent-gold);padding:6px 8px;display:flex;align-items:center;justify-content:space-between;cursor:grab;border-bottom:1px solid var(--border-pixel);font-size:13px;letter-spacing:1px;-webkit-user-select:none;user-select:none}.chat-popout-header:active{cursor:grabbing}.chat-popout-header-actions button{background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:17px;padding:2px 6px;margin-left:4px;border-radius:3px;font-family:var(--pixel-font)}.chat-popout-header-actions button:hover{background:#f5c84226;color:var(--accent-gold)}.chat-popout-filters{display:flex;flex-wrap:wrap;gap:3px;padding:4px 6px;background:var(--bg-input);border-bottom:1px solid var(--border-pixel)}.chat-filter{background:transparent;border:1px solid #333;color:var(--text-dim);padding:3px 8px;font-size:11px;font-family:var(--pixel-font);cursor:pointer;border-radius:2px;letter-spacing:.5px}.chat-filter.active{border-color:var(--ch-color, var(--accent-gold));color:var(--ch-color, var(--accent-gold));background:#0000004d}.chat-popout-body{flex:1;overflow:hidden;background:#0a0d18;position:relative}.chat-popout-timeline{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:3px}.chat-msg{font-family:var(--pixel-font);font-size:12px;line-height:1.4;color:var(--text-primary);word-break:break-word}.chat-msg-time{color:var(--text-dim);margin-right:4px;font-size:11px}.chat-msg-tag{color:var(--ch-color, var(--text-secondary));margin-right:4px}.chat-msg-sender{color:var(--accent-blue);margin-right:4px}.chat-msg-tag-btn,.chat-msg-sender-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer;text-decoration:none}.chat-msg-tag-btn:hover,.chat-msg-sender-btn:hover{text-decoration:underline}.chat-popout-composer{display:flex;gap:4px;padding:6px;background:var(--bg-panel);border-top:1px solid var(--border-pixel)}.chat-popout-channel,.chat-popout-dm-target,.chat-popout-input{background:var(--bg-input);border:1px solid #333;color:var(--text-primary);font-family:var(--pixel-font);font-size:12px;padding:4px 6px;border-radius:3px}.chat-popout-channel{width:80px}.chat-popout-dm-target{width:90px}.chat-popout-input{flex:1;min-width:0}.chat-popout-send{background:var(--accent-gold);color:#000;border:none;padding:4px 10px;font-family:var(--pixel-font);font-size:12px;cursor:pointer;border-radius:3px;letter-spacing:.5px}.chat-popout-send:hover{background:#ffd864}.chat-popout-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--border-pixel) 50%,var(--border-pixel) 65%,transparent 65%,transparent 75%,var(--border-pixel) 75%,var(--border-pixel) 90%,transparent 90%)}@media (max-width: 767px){.chat-popout{border-radius:0;box-shadow:none}.chat-popout-mobile-full{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important}.chat-popout-mobile-sheet{left:0!important;right:0!important;bottom:calc(var(--nav-height) + var(--xpbar-height))!important;top:auto!important;width:100vw!important;height:var(--chat-sheet-height, 50vh)!important;max-width:none!important;border-bottom:none!important;box-shadow:none}.chat-popout-resize{display:none}.chat-popout-header{cursor:default}body[data-chat-open="1"][data-chat-layout=sheet] #screen-container{flex:0 1 calc(100% - var(--chat-sheet-height, 50vh) - var(--nav-height) - var(--xpbar-height));min-height:0}body[data-chat-open="1"][data-chat-layout=sheet] #persistent-xp-bar{margin-top:auto}}.combat-stage{position:relative;flex:1 1 0;min-height:0;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;isolation:isolate}.combat-stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0a0d1a;background-size:cover;background-position:center;z-index:0;filter:saturate(.85) brightness(.55);transition:background-image .4s ease-in-out}.combat-stage-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0d1a66,#0a0d1a0d,#0a0d1a8c);z-index:1}.combat-stage-grid{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:48px;padding:4px;container-type:size}.combat-tray{position:relative;display:flex;flex:0 0 auto;width:auto;height:auto;align-items:center;justify-content:center;background:#080c1873;border:1px solid rgba(255,255,255,.04);border-radius:8px;box-shadow:inset 0 6px 12px #00000073,inset 0 -2px 6px #00000059,0 1px #ffffff0a;padding:4px 14px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);overflow:hidden;min-height:0;min-width:0}@media (max-width: 1023px){.combat-stage-grid{justify-content:space-between;gap:0;padding:0}.combat-tray{background:none;border:none;box-shadow:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}.combat-side{--combat-tray-pad-x: 0px;--combat-tray-pad-y: 0px;--combat-tray-gap: 32px;--combat-card-extras: 28px;--combat-card-gap: 2px}.combat-card{padding:2px 2px 3px}.combat-card-portrait{margin-bottom:1px}.combat-card-hp{height:6px}}.combat-tray-player,.combat-tray-enemy{margin:0}.combat-stage-divider{display:none}.combat-side{--combat-card-gap: 4px;--combat-card-extras: 40px;--combat-tray-gap: 48px;--combat-tray-pad-x: 28px;--combat-tray-pad-y: 8px;--combat-w-bound: calc( ((100cqw - var(--combat-tray-gap)) / 2 - var(--combat-tray-pad-x) - var(--combat-card-gap) * 2) / 3 );--combat-h-bound: calc( ((100cqh - var(--combat-tray-pad-y) - var(--combat-card-gap) * 2) / 3 - var(--combat-card-extras)) * 2 / 3 );--combat-col-w: min(var(--combat-w-bound), var(--combat-h-bound));display:grid;grid-template-columns:repeat(3,var(--combat-col-w));grid-template-rows:repeat(3,calc(var(--combat-col-w) * 3 / 2 + var(--combat-card-extras)));gap:var(--combat-card-gap);width:calc(var(--combat-col-w) * 3 + var(--combat-card-gap) * 2);height:calc((var(--combat-col-w) * 3 / 2 + var(--combat-card-extras)) * 3 + var(--combat-card-gap) * 2);min-height:0;min-width:0}.combat-grid-empty{display:block;visibility:hidden}.combat-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(180deg,#23233cd9,#0f0f1ed9);border:1px solid #2a2a44;border-radius:6px;padding:4px 4px 6px;box-shadow:inset 0 1px #ffffff0f,0 2px 4px #00000080;overflow:hidden;isolation:isolate;min-width:0;min-height:0;width:100%;height:auto;max-height:100%;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:border-color .15s,box-shadow .15s,transform .1s}.combat-card.self{border-color:var(--accent-gold);box-shadow:inset 0 1px #ffffff1a,0 0 8px #f5c84266}.combat-card.enemy{background:linear-gradient(180deg,#521a1ad9,#260c0cd9);border-color:#5a2a2a}.combat-card.enemy .combat-card-portrait{background:#00000073}.combat-card.enemy .combat-card-name{color:#ffc4a8}.combat-card.dead{filter:grayscale(.7) brightness(.5);opacity:.6}.combat-card.stunned:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,230,100,.15) 0%,transparent 70%);pointer-events:none;z-index:1;animation:stun-pulse 1s ease-in-out infinite}@keyframes stun-pulse{0%,to{opacity:.4}50%{opacity:1}}.combat-card.attacking{transform:translate(2px);border-color:#ff8c44;box-shadow:0 0 10px #ff8c4480}.combat-card.hit{animation:card-hit .3s ease-out}@keyframes card-hit{0%{transform:translate(0)}25%{transform:translate(-2px);border-color:var(--accent-red)}50%{transform:translate(2px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.combat-card.dodged{animation:card-dodge .3s ease-out}@keyframes card-dodge{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-4px);opacity:.6}}.combat-card-portrait{position:relative;width:100%;aspect-ratio:2 / 3;height:auto;flex:0 0 auto;min-height:0;background:#0006;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.combat-card-img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated}.combat-card-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:28px;z-index:0;text-shadow:0 1px 2px rgba(0,0,0,.7)}.combat-card-img{z-index:1}.combat-card-stun{position:absolute;top:2px;right:2px;font-size:14px;z-index:3;display:none;filter:drop-shadow(0 0 3px rgba(255,230,100,.8))}.combat-card.stunned .combat-card-stun{display:block}.combat-card-name{font-family:var(--pixel-font);font-size:11px;color:var(--text-primary);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;padding:0 2px}.combat-card.self .combat-card-name{color:var(--accent-gold)}.combat-card-name-multiline{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px}.combat-card-hp{position:relative;width:100%;height:8px;background:#0a0a18;border:1px solid #000;border-radius:2px;margin-top:2px;overflow:hidden}.combat-card-hp-fill{height:100%;width:100%;background:linear-gradient(180deg,#4f8,#2bb866);transition:width .3s ease-out}.combat-card-hp-fill.low{background:linear-gradient(180deg,#fa4,#c72)}.combat-card-hp-fill.critical{background:linear-gradient(180deg,#ff6b6b,#c33);animation:hp-critical-pulse 1s ease-in-out infinite}@keyframes hp-critical-pulse{0%,to{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 6px #ff6b6bcc}}@media (min-width: 768px){.combat-card-name{font-size:13px}.combat-card-hp{height:10px}}.monster-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;font-family:var(--pixel-font)}.monster-popup{background:var(--bg-panel);border:2px solid var(--border-pixel);border-radius:6px;padding:16px;max-width:320px;width:90%;text-align:center;position:relative;box-shadow:0 8px 24px #000000b3}.monster-popup-close{position:absolute;top:6px;right:8px;background:transparent;border:none;color:var(--text-secondary);font-size:22px;cursor:pointer;padding:0 4px;font-family:var(--pixel-font)}.monster-popup-close:hover{color:var(--accent-gold)}.monster-popup-art{width:140px;height:140px;margin:0 auto 12px;border:1px solid var(--border-pixel);background:#0006;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.monster-popup-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.monster-popup-name{font-family:var(--display-font);font-size:19px;color:var(--accent-red);margin-bottom:8px;letter-spacing:1px;text-shadow:1px 1px 0 #000}.monster-popup-description{font-family:var(--pixel-font);font-size:12px;color:var(--text-secondary);line-height:1.5;font-style:italic;white-space:pre-wrap}.room-view-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;font-family:var(--pixel-font)}.room-view-overlay-current{background:#000000d9}.room-view{position:relative;background:var(--bg-panel);border:2px solid var(--border-pixel);border-radius:6px;box-shadow:0 12px 32px #000000b3;overflow:hidden;color:var(--text-primary)}.room-view-remote{width:min(360px,90vw);padding:16px;text-align:center}.room-view-current{width:min(680px,95vw);height:min(640px,85vh);display:flex;flex-direction:column}.room-view-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0a0d1a;background-size:cover;background-position:center;z-index:0}.room-view-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0d1a4d,#0a0d1ad9 80%);z-index:1}.room-view-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;padding:16px;overflow-y:auto;gap:12px}.room-view-close{position:absolute;top:6px;right:8px;background:#00000080;border:1px solid var(--border-pixel);color:#fff;font-size:22px;cursor:pointer;padding:2px 8px;border-radius:3px;z-index:3}.room-view-close:hover{background:#f5c8424d}.room-view-zone{font-size:12px;color:var(--accent-blue);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;text-shadow:1px 1px 0 #000}.room-view-name{font-family:var(--display-font);font-size:26px;color:var(--accent-gold);letter-spacing:1px;margin-bottom:4px;text-shadow:2px 2px 0 #000}.room-view-current .room-view-name{font-size:32px}.room-view-type{font-size:12px;color:var(--text-secondary);margin-bottom:8px;text-transform:capitalize}.room-view-meta{font-size:13px;color:var(--text-secondary);margin:6px 0}.room-view-meta-dim{color:var(--text-dim);font-style:italic}.room-view-here-label{font-family:var(--display-font);color:var(--accent-green);font-size:17px;text-transform:uppercase;letter-spacing:2px;text-align:center;margin:4px 0;text-shadow:1px 1px 0 #000}.room-view-parties{display:flex;flex-direction:column;gap:12px;margin:8px 0}.room-party-other-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:8px;text-align:center}.room-party-group{background:#00000073;border:1px solid var(--border-pixel);border-radius:4px;padding:8px;text-align:left}.room-party-self{border-color:var(--accent-gold);box-shadow:0 0 10px #f5c84233}.room-party-group-label{font-size:12px;color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.room-party-other .room-party-group-label{color:var(--text-secondary)}.room-party-group-tiles{display:flex;flex-wrap:wrap;gap:6px}.room-party-member{display:flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid #2a2a44;border-radius:3px;padding:4px 8px;font-size:13px;cursor:pointer;transition:background .1s,border-color .1s}.room-party-member:hover{background:#f5c84226;border-color:var(--accent-gold)}.room-view-actions{display:flex;gap:8px;margin-top:12px;justify-content:center}.room-view-action{background:var(--bg-panel-light);color:var(--accent-gold);border:2px solid var(--border-pixel);padding:8px 16px;font-family:var(--pixel-font);font-size:13px;cursor:pointer;border-radius:3px;letter-spacing:1px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.room-view-action:hover{background:var(--accent-gold);color:#000;box-shadow:0 0 10px #f5c84280}.room-view-action-cancel{color:var(--text-secondary);background:transparent}.room-view-action-cancel:hover{background:#ffffff14;color:var(--text-primary)}.room-view-action-icon{width:18px;height:18px;object-fit:contain;image-rendering:pixelated}.room-view-arrival{transform:scale(.6);opacity:.5;transition:transform .45s cubic-bezier(.18,.89,.32,1.28),opacity .3s ease-out}.room-view-arrival-active{transform:scale(1);opacity:1}.items-group-header{grid-column:1 / -1;font-family:var(--pixel-font);font-size:12px;color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;margin:8px 0 4px;padding:2px 4px;border-bottom:1px solid var(--border-pixel);text-shadow:1px 1px 0 #000}.social-user-level{color:var(--accent-gold);font-family:var(--pixel-font);font-size:var(--fs-xs);margin-left:4px}.social-user-sep{color:var(--text-dim);margin:0 6px}.cw-map-canvas{display:block;width:100%;height:100%;cursor:grab;background:#2a1f12}.cw-map-canvas:active{cursor:grabbing}.cw-map-tooltip{position:absolute;background:#000000d9;color:#fff;padding:4px 8px;font-family:var(--pixel-font);font-size:12px;border-radius:3px;pointer-events:none;z-index:10;white-space:pre-line;border:1px solid var(--border-pixel)}body,button,input,select,textarea{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}.icon-inline{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.25em;object-fit:contain;image-rendering:pixelated}.icon-inline.icon-class{width:1.4em;height:1.4em}.icon-inline.icon-server{filter:hue-rotate(20deg) saturate(.5)}.class-card-icon .icon-inline{width:32px;height:32px;vertical-align:middle}.item-dogear-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;display:block}.nav-icon-img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.4))}.nav-tab.active .nav-icon-img,.nav-tab.overlay-active .nav-icon-img{filter:drop-shadow(0 0 4px rgba(245,200,66,.6)) drop-shadow(0 1px 0 rgba(0,0,0,.4))}.combat-tray .combat-card{box-shadow:inset 0 1px #ffffff14,0 2px 4px #0000008c,0 1px #0009}.combat-card-stun{background:#ffe664d9;border-radius:50%;width:8px;height:8px}.nav-tab[data-mode=overlay][data-screen=chat]{flex:0 0 var(--nav-height);width:var(--nav-height);aspect-ratio:1;border-left:1px solid rgba(255,255,255,.06)}.social-user-row.self{background:#f5c84214;border-left:2px solid var(--accent-gold);padding-left:6px}.log-name-self{color:var(--accent-gold)}.log-name-party{color:var(--accent-green)}.log-name-enemy{color:var(--accent-red)}.user-popup-self{padding:8px 0}.user-popup-self-flavor{padding:8px 12px;font-size:12px;color:var(--text-secondary);font-style:italic;line-height:1.5;border-top:1px solid var(--border-pixel)}@media (max-width: 767px){body[data-active-screen=combat][data-chat-open="1"] #screen-combat .combat-log-wrapper{visibility:hidden}body[data-active-screen=combat][data-chat-open="1"][data-chat-layout=sheet]{--chat-sheet-height: 260px}body[data-active-screen=combat][data-chat-open="1"][data-chat-layout=sheet] #screen-container{flex:1}}.class-restrict-flash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#0000008c;animation:class-restrict-fade-in .18s ease-out}.class-restrict-flash.class-restrict-flash-fade{animation:class-restrict-fade-out .4s ease-out forwards}@keyframes class-restrict-fade-in{0%{opacity:0}to{opacity:1}}@keyframes class-restrict-fade-out{0%{opacity:1}to{opacity:0}}.class-restrict-flash-inner{background:var(--bg-panel);border:2px solid var(--accent-gold);box-shadow:0 0 24px #f5c84280;padding:18px 24px;border-radius:8px;max-width:90vw;text-align:center}.class-restrict-flash-text{font-family:var(--pixel-font);font-size:13px;color:var(--text-primary);margin-bottom:14px;letter-spacing:.5px}.class-restrict-flash-row{display:flex;gap:16px;justify-content:center}.class-restrict-flash-card{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--pixel-font);font-size:12px;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.5px;animation:class-restrict-pulse .8s ease-in-out infinite}.class-restrict-flash-card .icon-inline{width:48px;height:48px;filter:drop-shadow(0 0 8px rgba(245,200,66,.8))}@keyframes class-restrict-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.nav-submenu{position:fixed;background:linear-gradient(180deg,#1f2848,#11192e);border:2px solid var(--border-pixel);border-radius:6px;box-shadow:0 6px 20px #000000b3,inset 0 1px #ffffff0f;padding:4px;display:flex;flex-direction:column;min-width:160px;z-index:1200;opacity:0;transform:translateY(4px);transition:opacity .12s ease-out,transform .12s ease-out}.nav-submenu.nav-submenu-shown{opacity:1;transform:translateY(0)}.nav-submenu-item{position:relative;background:transparent;border:1px solid transparent;color:var(--text-primary);font-family:var(--pixel-font);font-size:13px;text-align:left;padding:8px 12px;cursor:pointer;border-radius:4px;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;gap:8px}.nav-submenu-item:hover{background:#f5c84226;border-color:#f5c8424d;color:var(--accent-gold)}.nav-submenu-badge{width:8px;height:8px;border-radius:50%;background:var(--accent-red);flex-shrink:0}.nav-tab.submenu-open .nav-tab-bg{background:linear-gradient(180deg,#f5c84233,#f5c8420d 70%);border-color:#f5c84280}.compare-popup{min-width:320px;padding:14px 16px 12px}.compare-header{display:grid;grid-template-columns:1fr 32px 1fr;gap:8px;align-items:end;margin-bottom:10px}.compare-col-head{text-align:center;display:flex;flex-direction:column;gap:4px}.compare-side-label{font-family:var(--pixel-font);font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.compare-item-name{font-family:var(--display-font);font-size:16px;line-height:1.2}.compare-grid{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--border-pixel);padding-top:8px;margin-bottom:12px}.compare-row{display:grid;grid-template-columns:36px 1fr 28px 1fr;align-items:center;font-family:var(--pixel-font);font-size:13px;padding:3px 0}.compare-cell-label{color:var(--text-dim);font-size:12px;text-align:left}.compare-cell-new,.compare-cell-old{text-align:center;color:var(--text-primary)}.compare-cell-arrow{text-align:center;font-size:15px}.compare-up{color:var(--accent-green)}.compare-down{color:var(--accent-red)}.compare-eq,.compare-dash{color:var(--text-dim)}.compare-confirm,.compare-cancel{padding:6px 14px;font-family:var(--pixel-font);font-size:13px;border-radius:4px;cursor:pointer;border:1px solid var(--border-pixel)}.compare-confirm{background:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.compare-confirm:hover{background:#ffd864}.compare-cancel{background:transparent;color:var(--text-secondary)}.compare-cancel:hover{background:#ffffff0f;color:var(--text-primary)}.nav-tab[data-screen=chat]{background:linear-gradient(180deg,#2c1f3e,#1a1228)}.nav-tab[data-screen=chat] .nav-tab-bg,.nav-tab[data-screen=chat] .nav-active-bar{display:none}.nav-tab[data-screen=chat] .nav-icon{display:flex;align-items:center;justify-content:center;font-size:19px}.nav-tab[data-screen=chat] .nav-icon-img{display:none}.nav-tab[data-screen=chat] .nav-label{font-size:10px;color:var(--text-secondary)}.nav-chat-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-gold);text-shadow:0 1px 0 #000;line-height:1}.nav-chat-chevron-up,.nav-chat-chevron-down{display:none}.nav-tab[data-screen=chat]:not(.overlay-active) .nav-chat-chevron-up{display:inline}.nav-tab[data-screen=chat].overlay-active .nav-chat-chevron-down{display:inline}.nav-tab[data-screen=chat].overlay-active{background:linear-gradient(180deg,#4c2a6a,#2a1840)}.nav-tab[data-screen=chat].overlay-active .nav-label{color:var(--accent-gold)}@keyframes class-restriction-pulse-kf{0%{background:#ff6b6b00;box-shadow:0 0 #ff6b6b00}20%{background:#ff6b6b59;box-shadow:0 0 12px 2px #ff6b6b8c}to{background:#ff6b6b00;box-shadow:0 0 #ff6b6b00}}[data-class-restriction].class-restriction-pulse{animation:class-restriction-pulse-kf .6s ease-out;border-radius:3px}.item-popup-compare{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-pixel)}.compare-block-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.compare-block-label{font-family:var(--pixel-font);font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.compare-block-old-name{font-family:var(--display-font);font-size:15px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.compare-block-subhead{display:grid;grid-template-columns:36px 1fr 28px 1fr;align-items:center;font-family:var(--pixel-font);font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;padding:0 0 2px;text-align:center}.compare-block-subhead .compare-cell-label{text-align:left}.chat-popout-desktop-max{left:0!important;top:0!important;right:0!important;bottom:calc(var(--nav-height) + var(--xpbar-height))!important;width:100vw!important;height:auto!important;max-width:none!important;max-height:none!important;border-radius:0!important}.chat-popout-desktop-max .chat-popout-header{cursor:default}.chat-popout-desktop-max .chat-popout-resize{display:none}.profile-portrait{display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-portrait-img{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;image-rendering:pixelated}.items-equip-col>.items-equip-slot-square:nth-child(6),.profile-equip-col>.items-equip-slot-square:nth-child(6){margin-top:8px}