@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--pixel-font: "Press Start 2P", monospace;--nav-height: 56px;--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}*{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:20px;line-height:1}.nav-label{font-family:var(--pixel-font);font-size:7px;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:8px;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:20px;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:16px;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{animation:attack-lunge-right .4s ease-out}.combat-member.enemy.attacking{animation:attack-lunge-left .4s ease-out}.combat-member.hit{animation:hit-flash .4s ease-out}.combat-member.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:8px;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:5px;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:8px;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);font-weight:700}.dmg-physical{color:var(--accent-orange);font-weight:700}.dmg-magical{color:#b388ff;font-weight:700}.dmg-holy{color:var(--accent-gold);font-weight:700}.combat-run-bar{display:flex;align-items:center;padding:4px 12px;gap:8px;flex-shrink:0}.combat-log-wrapper{position:relative;display:flex;flex-direction:column;flex:1;min-height:80px;max-height:200px}.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:8px;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:7px;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:12px;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:8px;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:48px}.settings-title{font-family:var(--pixel-font);font-size:14px;color:var(--accent-gold)}.settings-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:16px}.settings-btn{width:100%;padding:12px 16px;font-size:10px}.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:8px}.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:10px;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:8px;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:48px}.placeholder-title{font-family:var(--pixel-font);font-size:14px;color:var(--accent-gold)}.placeholder-text{font-family:var(--pixel-font);font-size:8px;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:10px;color:var(--accent-gold)}.character-level{font-size:9px;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:7px;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:7px;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:12px;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:6px}.character-hp-display{font-size:8px;color:var(--text-secondary)}.character-hp-value{color:var(--accent-green)}.character-gold-display{font-size:8px;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:7px}.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:8px;color:var(--text-secondary);margin-bottom:4px}.character-damage-value{color:var(--accent-orange);font-weight:700}.character-damage-type{color:var(--text-dim);font-size:7px}.character-skill-points{font-size:8px;color:var(--accent-gold);font-weight:700;margin:8px 0 4px}.skill-slots-header,.skill-tree-header{font-size:8px;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:6px;color:var(--text-primary);text-align:center;line-height:1.2}.skill-slot-lock{font-size:6px;color:var(--text-dim)}.skill-slot-type{font-size:6px;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:7px;color:var(--text-primary);text-align:center;line-height:1.2;padding:0 4px}.skill-node-label{font-size:6px;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:9px;font-weight:700;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:7px;color:var(--text-dim);text-transform:uppercase;margin-bottom:6px}.skill-popup-desc{font-size:7px;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:7px;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:6px;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:10px;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:7px;color:var(--text-secondary)}.character-priority-select{padding:6px 8px;font-family:var(--pixel-font);font-size:8px;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:8px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.items-material-label{margin-top:8px}.items-equip-panel{display:grid;grid-template-columns:1fr auto 1fr;gap:4px;align-items:center}.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:6px;color:var(--text-dim);text-transform:uppercase}.items-slot-item{font-size:7px;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:6px;color:var(--accent-green)}.items-equip-figure{display:flex;align-items:center;justify-content:center;padding:4px 8px}.items-figure-body{display:flex;flex-direction:column;align-items:center;opacity:.35}.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:16px;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}.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:8px}.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:7px;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:6px;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:8px;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:10px;color:var(--accent-gold)}.items-modal-text{font-size:8px;color:var(--text-secondary)}.items-modal-actions{display:flex;gap:8px}.items-modal-btn{font-family:"Press Start 2P",monospace;font-size:8px;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:10px;color:var(--text-primary);min-width:30px;text-align:center}.items-modal-minus,.items-modal-plus,.items-modal-max{font-size:8px;padding:4px 8px}#screen-map{display:none}#screen-map.active{display:block}#game-container{width:100%;height:100%}#game-container canvas{display:block}.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:10px;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:20px;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:10px;color:var(--accent-gold)}.tile-modal-coords{font-size:8px;color:var(--text-dim)}.tile-modal-room-name{font-size:9px;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:7px;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:8px;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:8px;padding:2px 6px}.tile-modal-actions{display:flex;gap:8px;margin-top:4px}.tile-modal-btn{flex:1;padding:8px;font-family:var(--pixel-font);font-size:8px;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{background:var(--bg-panel);color:var(--text-secondary)}.tile-modal-close:active{border-color:var(--text-secondary)}.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:16px;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:8px;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:10px;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:10px;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:8px;color:var(--accent-red);text-align:center;display:none}.verify-message{font-family:var(--pixel-font);font-size:10px;color:var(--text-primary);text-align:center}.verify-back-link{font-family:var(--pixel-font);font-size:8px;color:var(--accent-gold);text-decoration:none}.verify-back-link:hover{text-decoration:underline}.approve-close-hint{font-family:var(--pixel-font);font-size:8px;color:var(--text-secondary);text-align:center;margin-top:8px}.login-cancel-link{font-family:var(--pixel-font);font-size:8px;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:8px;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:10px;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:16px}.class-card-title{font-size:10px;color:var(--accent-gold)}.class-card-desc{font-size:7px;color:var(--text-secondary);line-height:1.6}.class-card-stats{display:flex;gap:12px;font-size:7px;color:var(--text-dim)}.class-card-passive{font-size:7px;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:28px;color:var(--accent-red);border:3px solid var(--accent-red)}.offline-title{font-family:var(--pixel-font);font-size:14px;color:var(--accent-red)}.offline-status{font-family:var(--pixel-font);font-size:8px;color:var(--text-secondary);line-height:1.8;max-width:320px}.offline-retry{padding:10px 24px;font-family:var(--pixel-font);font-size:10px;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:7px;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:8px;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:8px;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:7px;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:7px;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:8px;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:8px;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:8px;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:7px;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:7px;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:8px;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:10px;color:var(--accent-gold)}.social-guild-leader{font-family:var(--pixel-font);font-size:7px;color:var(--text-secondary);margin-top:4px}.social-guild-invite-form{margin-top:8px}.social-party-grid{display:grid;grid-template-columns:repeat(3,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;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:8px;color:var(--text-primary)}.social-party-cell-name{font-family:var(--pixel-font);font-size:8px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-party-cell-empty{font-family:var(--pixel-font);font-size:8px;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:8px;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:7px;padding:3px 6px;line-height:1.6}.chat-tag{font-size:7px;margin-right:4px;font-weight:700}.social-chat-sender{margin-right:6px}.chat-clickable{cursor:pointer}.chat-clickable:hover{text-decoration:underline}.chat-dm-to{opacity:.7;font-size:7px}.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:8px;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:10px;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:9px;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:12px;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:12px;color:var(--accent-blue);margin:0}.admin-page-empty{padding:40px;text-align:center;font-size:10px;color:var(--text-dim)}.admin-center-message{margin:auto;padding:40px;text-align:center;font-size:10px;line-height:2.2;max-width:400px}.admin-center-message h1{font-size:14px;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:9px;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:12px}.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:16px;color:var(--accent-gold)}.admin-stat-label{font-size:7px;color:var(--text-dim);text-transform:uppercase}.admin-table-wrap{overflow-x:auto;padding:12px}.admin-table{width:100%;border-collapse:collapse;font-size:8px}.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:7px;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:9px;color:var(--text-primary);margin-right:8px}.admin-map-info{font-size:8px;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:10px;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:8px;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:7px;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:9px;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:9px;color:var(--text-secondary);padding:4px 0}.admin-map-sidebar-spacer{flex:1;min-height:16px}.admin-map-start-btn{font-size:8px;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:9px;color:var(--accent-gold);padding:6px 0}.admin-map-delete-btn{font-size:8px;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:7px;color:var(--text-dim);line-height:1.6}.admin-map-sidebar-error{font-size:8px;color:var(--accent-red);min-height:16px}@media (min-width: 768px){.nav-label{font-size:9px}.combat-header{font-size:10px}.combat-hp-label{font-size:9px}.log-entry,.combat-log,.log-resume-btn{font-size:10px}.character-class-name{font-size:12px}.character-level{font-size:11px}.character-xp-label{font-size:9px}.character-hp-display,.character-gold-display{font-size:10px}.character-bonus-row{font-size:9px}.class-card-title{font-size:12px}.class-card-desc,.class-card-stats,.class-card-passive{font-size:9px}.items-section-label{font-size:10px}.items-slot-label{font-size:7px}.items-slot-item{font-size:8px}.items-equip-slot{padding:8px 10px}.items-row,.placeholder-text{font-size:10px}.social-tab-btn{font-size:9px}.social-search,.social-user-name,.social-user-name-clickable{font-size:10px}.social-action-btn{font-size:8px}}.version-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700;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:11px}.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:10px;text-transform:uppercase}.version-status{font-size:11px;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:11px;color:var(--text-dim);margin:2px 0 0}.xp-table td{text-align:right}.xp-table td:first-child{text-align:center;font-weight:700}.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:13px}.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:10px;color:#aaa}.monster-form-grid input,.monster-form-grid select{background:#1a1a2e;border:1px solid #333;color:#eee;padding:4px 6px;font-size:12px;font-family:inherit;border-radius:3px}.monster-form-grid input:disabled{opacity:.5}.monster-form-drops h4{margin:0 0 6px;font-size:11px;display:flex;align-items:center;gap:8px}.monster-drop-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11px}.monster-drop-row select,.monster-drop-row input{background:#1a1a2e;border:1px solid #333;color:#eee;padding:3px 5px;font-size:11px;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:10px;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;z-index:999}.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:220px;display:flex;flex-direction:column;z-index:1000}.user-popup-header{font-family:var(--pixel-font);font-size:8px;color:var(--accent-gold);padding:6px 10px;border-bottom:1px solid var(--border-pixel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-popup-labels{font-size:6px;color:var(--text-secondary);margin-left:4px}.user-popup-item{font-family:var(--pixel-font);font-size:7px;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:8px;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:6px;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;z-index:500}.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:9px;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:7px;color:var(--text-secondary)}.trade-item-name{font-size:8px}.trade-item-rarity{font-size:6px;text-transform:capitalize}.trade-item-effect{font-size:6px;color:var(--text-secondary)}.trade-item-none{font-size:7px;color:var(--text-dim);margin-top:4px}.trade-vs{display:flex;align-items:center;font-size:14px;color:var(--text-secondary);flex-shrink:0}.trade-status{font-size:7px;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:7px;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:8px;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:7px;color:var(--text-dim);flex-shrink:0}.trade-item-effect-small{font-size:6px;color:var(--text-secondary);flex:1;text-align:right}.trade-empty{font-size:7px;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:10px;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:8px;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:8px}.trade-offer-qty{font-family:var(--pixel-font);font-size:7px;color:var(--text-secondary);flex-shrink:0}.trade-offer-effect{font-size:6px;color:var(--text-secondary);width:100%}.user-popup-level{font-size:7px;color:var(--text-secondary);margin-left:4px}.player-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:500}.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:16px}.profile-name{font-size:10px;color:var(--accent-gold);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-level{font-size:8px;color:var(--text-secondary)}.profile-class{font-family:var(--pixel-font);font-size:7px;color:var(--text-primary)}.profile-guild{font-family:var(--pixel-font);font-size:7px;color:var(--text-secondary)}.profile-section-label{font-family:var(--pixel-font);font-size:7px;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:9px;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:5px;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:8px;margin-bottom:2px}.profile-item-rarity{font-size:6px;text-transform:capitalize;margin-bottom:4px}.profile-item-effect{font-size:6px;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:6px;color:#66bb6a}.profile-item-set-bonus{font-size:6px;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:7px}.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:7px;color:var(--text-primary)}.profile-empty{font-family:var(--pixel-font);font-size:7px;color:var(--text-dim)}.profile-close-btn{font-family:var(--pixel-font);font-size:7px;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{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center}.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:8px;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:8px;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:8px;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:7px;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:7px;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:7px;color:var(--text-secondary, #999);margin-bottom:4px}.enc-grid-cell select{font-family:var(--pixel-font, "Press Start 2P", monospace);font-size:7px;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}.item-square-img{width:80%;height:80%;object-fit:contain;image-rendering:pixelated}.item-square-initials{font-size:14px;font-weight:700;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:8px;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:9px;color:#fff;background:#000000b3;padding:0 3px;border-radius:3px;pointer-events:none}.item-square-set{position:absolute;top:1px;left:2px;font-size:9px;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;z-index:1000}.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:28px}.item-popup-name{font-size:16px;font-weight:700;margin-bottom:8px}.item-popup-stats{font-size:11px;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:11px}.item-popup-set-name{color:gold;font-weight:700;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;font-weight:700}.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:11px}.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:11px}.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:11px}.profile-equip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:8px 0}.profile-equip-slot{text-align:center}.profile-equip-slot .item-square{width:100%;margin-bottom:2px}.profile-equip-slot-label{font-size:8px;color:#888}.shop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001}.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:16px;color:#e9bc18;font-weight:700}.shop-gold{color:gold;font-size:12px}.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:11px;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}.shop-item-price{position:absolute;bottom:1px;left:0;right:0;font-size:8px;color:gold;text-align:center;background:#000000b3;pointer-events:none}.shop-sell-controls{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:8px}.shop-qty-btn{padding:4px 10px;border:1px solid var(--border-primary, #444);border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;background:transparent;color:#ccc}.shop-qty-value{min-width:30px;text-align:center;font-size:14px}