*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;font-family:"Press Start 2P",monospace;color:#e0d8c0;user-select:none;-webkit-user-select:none;touch-action:none}canvas#gameCanvas{display:block;width:100vw;height:100vh;image-rendering:pixelated;image-rendering:crisp-edges}#floor-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0f;display:flex;align-items:center;justify-content:center;z-index:300;animation:floorFade 1.5s ease-in-out forwards;pointer-events:none}#floor-transition-text{font-size:clamp(16px,4vw,32px);color:#f1c40f;text-shadow:0 0 20px rgba(241,196,15,.5);animation:floorTextPop 1.5s ease-in-out}@keyframes floorFade{0%{opacity:1}30%{opacity:1}to{opacity:0}}@keyframes floorTextPop{0%,to{transform:scale(.8);opacity:0}30%,70%{transform:scale(1);opacity:1}}#damage-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse,#e74c3c66,#e74c3c00 70%);z-index:15;pointer-events:none;animation:damageFlash .3s ease-out forwards}@keyframes damageFlash{0%{opacity:1}to{opacity:0}}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#hud>*{pointer-events:auto}#hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:12px}#hud-stats{display:flex;flex-direction:column;gap:5px;background:linear-gradient(135deg,#0a0a14bf,#0f0c19a6);border:1px solid rgba(255,200,100,.12);border-radius:10px;padding:10px 14px 8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0a}#health-bar-container,#xp-bar-container{width:210px;height:20px;background:#0009;border:2px solid rgba(255,255,255,.1);border-radius:6px;position:relative;image-rendering:pixelated;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}#health-bar-container{border-color:#e74c3c59}#xp-bar-container{border-color:#9b59b659}#health-bar{height:100%;background:linear-gradient(180deg,#ff6b6b,#e74c3c 40%,#c0392b);width:100%;transition:width .3s ease;border-radius:4px;box-shadow:0 0 10px #e74c3c66,inset 0 1px #fff3}#xp-bar{height:100%;background:linear-gradient(180deg,#c084fc,#9b59b6 40%,#7d3c98);width:0%;transition:width .3s ease;border-radius:4px;box-shadow:0 0 10px #9b59b666,inset 0 1px #fff3}#health-text,#xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:7px;text-shadow:1px 1px 2px #000,0 0 4px rgba(0,0,0,.8);white-space:nowrap;letter-spacing:.5px}#hud-info-row{display:flex;gap:10px;align-items:center;margin-top:3px;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}#level-text,#floor-text,#gold-text{font-size:9px;text-shadow:1px 1px 2px #000;letter-spacing:.5px}#level-text{color:#a0d8ef}#floor-text{color:#c8c0a8}#gold-text{color:#f1c40f}#minimap-container{background:#000000a6;border:2px solid rgba(255,200,100,.15);border-radius:10px;padding:4px;box-shadow:0 4px 16px #00000080,inset 0 0 20px #0000004d}#minimapCanvas{display:block;image-rendering:pixelated;border-radius:6px}#hotbar{position:fixed;bottom:60px;left:50%;transform:translate(-50%);display:flex;gap:5px;background:linear-gradient(180deg,#0a0a14b3,#0f0c1999);border:1px solid rgba(255,200,100,.1);border-radius:12px;padding:6px 8px;box-shadow:0 4px 16px #0006}.hotbar-slot{width:48px;height:48px;background:#0006;border:2px solid rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;image-rendering:pixelated;transition:all .15s ease;box-shadow:inset 0 2px 4px #0000004d}.hotbar-slot:hover{border-color:#fff3;background:#ffffff0d}.hotbar-slot.active{border-color:#f1c40f99;box-shadow:0 0 12px #f1c40f4d,inset 0 0 8px #f1c40f14;background:#f1c40f0f}.hotbar-slot canvas{image-rendering:pixelated}.hotbar-key{position:absolute;top:3px;left:5px;font-size:7px;color:#ffffff4d}#message-log{position:fixed;bottom:10px;left:10px;max-width:400px;pointer-events:none}#message-log .msg{font-size:9px;padding:2px 6px;margin:2px 0;background:#0009;border-radius:3px;animation:msgFade 4s forwards;text-shadow:1px 1px 0 #000}.msg-common{color:#aaa}.msg-uncommon{color:#2ecc71}.msg-rare{color:#3498db}.msg-legendary{color:#e67e22}.msg-damage{color:#e74c3c}.msg-heal{color:#2ecc71}.msg-xp{color:#f1c40f}@keyframes msgFade{0%,70%{opacity:1}to{opacity:0}}#inventory-btn,#hamburger-btn,#leave-coop-btn{position:fixed;right:14px;width:52px;height:52px;background:linear-gradient(135deg,#121223d9,#19162dcc);border:2px solid rgba(255,255,255,.1);border-radius:16px;font-size:22px;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background .2s,border-color .2s;display:flex;align-items:center;justify-content:center;z-index:51;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;outline:none}#inventory-btn{bottom:80px}#hamburger-btn{bottom:142px;color:#f1c40f}#leave-coop-btn{bottom:204px}#inventory-btn:hover,#hamburger-btn:hover,#leave-coop-btn:hover{border-color:#f1c40f66;transform:scale(1.08);box-shadow:0 6px 24px #f1c40f26,inset 0 1px #ffffff14;background:linear-gradient(135deg,#f1c40f1f,#19162dd9)}#inventory-btn:active,#hamburger-btn:active,#leave-coop-btn:active{transform:scale(.94);box-shadow:0 2px 8px #00000080}#hamburger-overlay{position:fixed;inset:0;z-index:6000}#hamburger-overlay.hidden{display:none}#hamburger-backdrop{position:absolute;inset:0;background:#00000080;animation:fadeIn .2s ease}#hamburger-drawer{position:absolute;right:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,#0c0c19f7,#080812fc);border-left:1px solid rgba(255,200,100,.1);display:flex;flex-direction:column;animation:slideInRight .25s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 32px #00000080}.hamburger-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;color:#ffd54f;letter-spacing:1px}.hamburger-drawer-header button{background:none;border:none;color:#888;font-size:16px;cursor:pointer;padding:4px;transition:color .15s}.hamburger-drawer-header button:hover{color:#fff}.hamburger-drawer-items{display:flex;flex-direction:column;gap:2px;padding:12px 10px;flex:1;overflow-y:auto}.hamburger-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:transparent;border:none;border-radius:12px;color:#e0d8c0;font-family:inherit;font-size:11px;cursor:pointer;transition:all .15s ease;text-align:left}.hamburger-item:hover{background:#ffffff0f}.hamburger-item:active{background:#ffffff1a;transform:scale(.98)}.hamburger-icon{font-size:20px;width:32px;text-align:center}#inventory-tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.inv-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#777;font-family:inherit;font-size:10px;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.inv-tab:hover{color:#ccc;background:#ffffff08}.inv-tab.active{color:#ffd54f;border-bottom-color:#ffd54f}.inv-tab-content.hidden{display:none}#system-tab-content{padding:16px;max-height:calc(100vh - 100px);overflow-y:auto}.sys-tab-section{margin-bottom:20px}.sys-tab-section-title{font-size:10px;color:#ffd54f;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,213,79,.15);letter-spacing:1px}#save-slot-area{display:flex;flex-direction:column;gap:10px}#save-slot-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s}.save-slot-icon{font-size:28px}.save-slot-info{display:flex;flex-direction:column;gap:3px}.save-slot-name{font-size:10px;color:#e0d8c0}.save-slot-detail{font-size:8px;color:#666}.sys-tab-action-btn{width:100%;padding:12px;background:linear-gradient(135deg,#ffd54f26,#ff8f001a);border:1px solid rgba(255,213,79,.25);border-radius:10px;color:#ffd54f;font-family:inherit;font-size:10px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.sys-tab-action-btn:hover{background:linear-gradient(135deg,#ffd54f40,#ff8f002e);transform:scale(1.02);box-shadow:0 4px 16px #ffd54f26}.sys-tab-action-btn:active{transform:scale(.97)}.sys-tab-settings{display:flex;flex-direction:column;gap:12px}.sys-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.sys-setting-label{font-size:9px;color:#aaa;white-space:nowrap}.sys-setting-control{display:flex;align-items:center;gap:6px}.sys-setting-control input[type=range]{width:100px;accent-color:#ffd54f}.sys-setting-control span{font-size:8px;color:#888;min-width:28px;text-align:right}.lang-btn-tab,.ctrl-btn-tab{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#888;font-family:inherit;font-size:8px;cursor:pointer;transition:all .15s}.lang-btn-tab:hover,.ctrl-btn-tab:hover{background:#ffffff14;color:#ccc}.lang-btn-tab.active,.ctrl-btn-tab.active{background:#ffd54f26;border-color:#ffd54f;color:#ffd54f}.sys-tab-actions{display:flex;flex-direction:column;gap:8px}#inventory-panel{position:fixed;inset:0;background:#05050feb;z-index:100;display:flex;flex-direction:column;animation:invOpen .25s ease}@keyframes invOpen{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}#inventory-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(180deg,#1a1a2ef2,#16213ee6);border-bottom:2px solid rgba(241,196,15,.3);flex-shrink:0}#inventory-header h2{font-size:16px;color:#f1c40f;text-shadow:0 0 12px rgba(241,196,15,.4);letter-spacing:2px}#close-inventory{background:#e74c3c26;border:2px solid rgba(231,76,60,.5);color:#e74c3c;font-size:18px;width:44px;height:44px;border-radius:50%;cursor:pointer;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease;display:flex;align-items:center;justify-content:center}#close-inventory:hover,#close-inventory:active{background:#e74c3c66;border-color:#e74c3c;transform:rotate(90deg) scale(1.1)}#inventory-body{display:flex;flex:1;overflow:hidden;gap:0}#inventory-sidebar{width:240px;flex-shrink:0;padding:16px;overflow-y:auto;border-right:1px solid rgba(255,255,255,.08);background:#0003}#equipment-section h3,#player-stats-panel h3,#inventory-grid-section h3{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}#equipment-slots{display:flex;gap:8px;margin-bottom:16px;justify-content:center}.equip-slot{width:64px;height:64px;background:#00000080;border:2px dashed rgba(255,255,255,.15);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease}.equip-slot:hover{border-color:#f1c40f80;background:#f1c40f0d}.equip-slot canvas{image-rendering:pixelated}.equip-label{font-size:7px;color:#555;position:absolute;bottom:2px;text-transform:uppercase;letter-spacing:.5px}.equip-slot.filled{border-style:solid;background:#0009}#stats-display{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:9px;margin-bottom:16px}.stat-row{display:flex;justify-content:space-between;padding:4px 8px;background:#0000004d;border-radius:4px;border:1px solid rgba(255,255,255,.04)}.stat-label{color:#777}.stat-value{color:#e0d8c0;font-weight:700}#inventory-grid-section{flex:1;padding:16px;overflow-y:auto;min-width:0}#inventory-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.inv-slot{aspect-ratio:1;min-width:0;background:#00000080;border:2px solid rgba(255,255,255,.08);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;image-rendering:pixelated;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.inv-slot:hover{border-color:#ffffff40;background:#ffffff0a;transform:translateY(-1px)}.inv-slot canvas{image-rendering:pixelated;width:80%;height:80%}.inv-slot .item-count{position:absolute;bottom:1px;right:3px;font-size:7px;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.rarity-common{border-color:#8889!important}.rarity-uncommon{border-color:#2ecc7199!important}.rarity-rare{border-color:#3498db99!important}.rarity-legendary{border-color:#e67e2299!important;box-shadow:0 0 8px #e67e2226}#item-context-menu{position:fixed;z-index:300;background:linear-gradient(180deg,#1a1a2efa,#0f0f1efa);border:2px solid rgba(241,196,15,.4);border-radius:8px;padding:4px;min-width:140px;box-shadow:0 4px 20px #000c,0 0 12px #f1c40f1a;animation:ctxPop .15s ease}@keyframes ctxPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ctx-item{display:block;width:100%;padding:8px 12px;background:none;border:none;color:#e0d8c0;font-family:inherit;font-size:9px;text-align:left;cursor:pointer;border-radius:4px;transition:all .1s ease}.ctx-item:hover{background:#f1c40f26;color:#f1c40f}.ctx-item.ctx-drop{color:#e74c3c}.ctx-item.ctx-drop:hover{background:#e74c3c33;color:#ff6b6b}.ctx-divider{height:1px;background:#ffffff14;margin:4px 8px}#item-tooltip{position:fixed;z-index:250;background:linear-gradient(180deg,#0a0a19f7,#0f0a1ef7);border:2px solid #555;border-radius:8px;padding:12px;max-width:240px;font-size:9px;line-height:1.6;pointer-events:none;box-shadow:0 4px 20px #000000b3}#item-tooltip .tt-name{font-size:11px;margin-bottom:4px;font-weight:700}#item-tooltip .tt-rarity{font-size:7px;color:#888;text-transform:uppercase;letter-spacing:1px}#item-tooltip .tt-desc{color:#aaa;margin:6px 0}#item-tooltip .tt-stats{color:#2ecc71}#item-tooltip .tt-action{color:#f1c40f;margin-top:6px;font-size:8px;opacity:.8}#npc-dialog{position:fixed;bottom:0;left:0;width:100%;z-index:90;display:flex;justify-content:center;padding:10px;pointer-events:none}#npc-dialog-box{background:#5d4037;border:4px solid #8d6e63;border-radius:8px;padding:16px;max-width:600px;width:100%;box-shadow:0 -4px 20px #0009,inset 0 0 40px #0000004d;pointer-events:auto;position:relative;outline:2px solid #3e2723;outline-offset:-6px}#npc-name{font-size:14px;color:#f1c40f;margin-bottom:8px;text-shadow:1px 1px 0 #000;background:#0000004d;display:inline-block;padding:4px 8px;border-radius:4px;border:1px solid #8d6e63}#npc-text{font-size:10px;line-height:1.6;margin-bottom:16px;color:#efebe9;background:#0003;padding:10px;border-radius:4px;border:1px solid rgba(255,255,255,.1);min-height:48px}#npc-options{display:flex;gap:8px;flex-wrap:wrap}.npc-shop-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:240px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}.dialog-btn-std{font-family:inherit;font-size:10px;padding:8px 16px;background:#8d6e63;color:#fff;border:2px solid #3e2723;border-radius:4px;cursor:pointer;transition:all .1s;text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:0 4px #3e2723;margin-bottom:4px}.dialog-btn-std:active{transform:translateY(4px);box-shadow:0 0 #3e2723}.dialog-btn-std:hover{background:#a1887f}.dialog-btn-close{font-family:inherit;font-size:10px;padding:8px 16px;background:#c0392b;color:#fff;border:2px solid #922b21;border-radius:4px;cursor:pointer;box-shadow:0 4px #922b21;margin-bottom:4px}.dialog-btn-close:active{transform:translateY(4px);box-shadow:0 0 #922b21}.dialog-btn-special{font-family:inherit;font-size:10px;padding:8px 16px;background:#e67e22;color:#fff;border:2px solid #d35400;border-radius:4px;cursor:pointer;box-shadow:0 4px #d35400;margin-bottom:4px;width:100%;grid-column:1 / -1}.dialog-btn-special:active{transform:translateY(4px);box-shadow:0 0 #d35400}.shop-item-card{display:flex;align-items:center;background:#fff8e1;border:2px solid #8d6e63;border-radius:6px;padding:8px;gap:8px;position:relative;box-shadow:0 2px 5px #0003}.shop-item-card canvas{image-rendering:pixelated;background:#0000000d;border-radius:4px}.shop-item-info{flex:1;overflow:hidden}.shop-item-name{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;text-shadow:none}.shop-item-desc{font-size:8px;color:#5d4037;line-height:1.2}.shop-buy-btn{font-family:inherit;font-size:9px;padding:6px 8px;background:#27ae60;color:#fff;border:1px solid #1e8449;border-radius:4px;cursor:pointer;min-width:50px;flex-shrink:0}.shop-buy-btn:disabled{background:#95a5a6;border-color:#7f8c8d;cursor:not-allowed;opacity:.7}.shop-buy-btn:hover:not(:disabled){background:#2ecc71}.shop-item-card.rarity-common{border-color:#bdc3c7}.shop-item-card.rarity-uncommon{border-color:#2ecc71;background:#e8f8f5}.shop-item-card.rarity-rare{border-color:#3498db;background:#eaf2f8}.shop-item-card.rarity-legendary{border-color:#f1c40f;background:#fef9e7}#settings-panel{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:250}#settings-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #555;border-radius:12px;padding:24px;width:400px;max-width:90vw}#settings-title{font-size:16px;color:#f1c40f;margin-bottom:20px;text-align:center}.settings-group{margin-bottom:16px}.settings-label{display:block;font-size:9px;color:#aaa;margin-bottom:6px}.settings-row{display:flex;gap:8px;align-items:center}.settings-row input[type=range]{flex:1;accent-color:#f1c40f;height:6px}.settings-row span{font-size:9px;width:40px;text-align:right}.lang-btn,.ctrl-btn{font-family:inherit;font-size:9px;padding:6px 14px;background:#0006;color:#888;border:2px solid #444;border-radius:4px;cursor:pointer;transition:all .2s}.lang-btn.active,.ctrl-btn.active{color:#f1c40f;border-color:#f1c40f;background:#f1c40f1a}.lang-btn:hover,.ctrl-btn:hover{border-color:#888;color:#e0d8c0}.settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;justify-content:center}.settings-actions button{font-family:inherit;font-size:10px;padding:8px 18px;background:#0006;color:#e0d8c0;border:2px solid #555;border-radius:6px;cursor:pointer;transition:all .2s}.settings-actions button:hover{border-color:#f1c40f;color:#f1c40f}#close-settings{background:linear-gradient(135deg,#e67e22,#d35400)!important;color:#fff!important;border:none!important}#tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:260}#tutorial-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #f1c40f;border-radius:12px;padding:32px;width:500px;max-width:90vw;text-align:center}#tutorial-heading{font-size:14px;color:#f1c40f;margin-bottom:16px}#tutorial-text{font-size:9px;line-height:1.8;color:#ccc;min-height:60px}#tutorial-dots{display:flex;justify-content:center;gap:8px;margin:16px 0}.tutorial-dot{width:8px;height:8px;background:#444;border-radius:50%;transition:background .3s}.tutorial-dot.active{background:#f1c40f}#tutorial-actions{display:flex;justify-content:center;gap:12px}#tutorial-actions button{font-family:inherit;font-size:10px;padding:8px 20px;background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}#tutorial-actions button:hover{transform:scale(1.05)}#title-screen,#gameover-screen,#victory-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:200}#title-screen{background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f)}#gameover-screen{background:#0a0000e6}#victory-screen{background:#000a05e6}#title-content,#gameover-content,#victory-content{text-align:center;padding:20px}#game-title{font-size:clamp(20px,5vw,40px);color:#f1c40f;text-shadow:0 0 20px rgba(241,196,15,.3),2px 2px 0 #000;margin-bottom:8px;animation:titlePulse 3s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 20px rgba(241,196,15,.3),2px 2px 0 #000}50%{text-shadow:0 0 30px rgba(241,196,15,.6),2px 2px 0 #000}}#game-subtitle{font-size:10px;color:#888;margin-bottom:30px}#class-select h2{font-size:12px;margin-bottom:16px;color:#aaa}#class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:400px;margin:0 auto 16px}.class-card{padding:12px 8px;background:#0006;border:2px solid #444;border-radius:6px;cursor:pointer;transition:all .2s;text-align:center}.class-card:hover{border-color:#888;transform:translateY(-2px)}.class-card.selected{border-color:#f1c40f;box-shadow:0 0 12px #f1c40f4d}.class-icon{font-size:24px;display:block;margin-bottom:6px}.class-name{font-size:8px}#class-description{font-size:9px;color:#aaa;min-height:40px;margin-bottom:16px;line-height:1.5;max-width:400px;margin-left:auto;margin-right:auto}#start-btn,#start-run-btn,#new-game-btn,#back-to-menu-btn,#continue-btn,#retry-btn,#victory-retry-btn{font-family:inherit;font-size:12px;padding:12px 32px;background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;margin:4px;text-shadow:1px 1px 0 rgba(0,0,0,.3)}#main-menu{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}#class-actions{display:flex;justify-content:center;gap:16px;margin-top:20px}#back-to-menu-btn{background:#ffffff1a;border:2px solid #555}#back-to-menu-btn:hover{background:#fff3;border-color:#888}#start-btn:hover,#continue-btn:hover,#retry-btn:hover,#victory-retry-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #e67e2266}#continue-btn{background:linear-gradient(135deg,#2ecc71,#27ae60)}#title-settings-btn{font-family:inherit;font-size:12px;padding:10px 24px;background:#0006;color:#e0d8c0;border:2px solid #555;border-radius:6px;cursor:pointer;transition:all .2s;display:block;margin:16px auto 0}#title-settings-btn:hover{border-color:#f1c40f;color:#f1c40f}#coop-menu-btn{font-family:inherit;font-size:14px;padding:14px 36px;background:linear-gradient(135deg,#6c5ce7,#a29bfe,#fd79a8,#fdcb6e,#00cec9,#6c5ce7);background-size:300% 300%;animation:coopGradient 4s ease infinite,coopPulse 2s ease-in-out infinite;color:#fff;border:2px solid rgba(255,255,255,.25);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-shadow:0 1px 4px rgba(0,0,0,.4);box-shadow:0 4px 16px #6c5ce766,0 0 24px #fd79a833,inset 0 1px #fff3;position:relative;overflow:hidden;letter-spacing:1px}#coop-menu-btn:before{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-25deg);animation:coopShimmer 3s ease-in-out infinite}#coop-menu-btn:hover{transform:scale(1.08) translateY(-2px);border-color:#ffffff80;box-shadow:0 8px 32px #6c5ce780,0 0 40px #fd79a84d,0 0 60px #a29bfe26,inset 0 1px #ffffff4d;text-shadow:0 2px 8px rgba(0,0,0,.5)}#coop-menu-btn:active{transform:scale(.96) translateY(1px);box-shadow:0 2px 8px #6c5ce766,inset 0 2px 4px #0003;transition-duration:.05s}@keyframes coopGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes coopPulse{0%,to{box-shadow:0 4px 16px #6c5ce766,0 0 24px #fd79a833}50%{box-shadow:0 4px 24px #6c5ce799,0 0 36px #fd79a859}}@keyframes coopShimmer{0%{left:-60%}50%,to{left:120%}}#death-stats,#victory-stats{font-size:10px;margin:20px 0;line-height:2}#gameover-content h1{font-size:28px;color:#e74c3c;margin-bottom:10px}#victory-content h1{font-size:28px;color:#f1c40f;margin-bottom:10px}#mobile-controls{position:fixed;bottom:10px;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:0 20px;z-index:50;pointer-events:none}#mobile-controls>*{pointer-events:auto}#joystick-area{width:150px;height:150px;display:flex;align-items:center;justify-content:center;touch-action:none}#joystick-base{width:120px;height:120px;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px #0000004d,0 4px 16px #0000004d}#joystick-knob{width:50px;height:50px;background:radial-gradient(circle,#ffffff59,#ffffff1a);border:2px solid rgba(255,255,255,.2);border-radius:50%;position:absolute;transition:none;touch-action:none;box-shadow:0 2px 8px #0006}#dpad{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:50px 50px 50px;grid-template-rows:50px 50px 50px;gap:2px}.dpad-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:18px;color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .1s}.dpad-btn[data-dir=up]{grid-area:up}.dpad-btn[data-dir=left]{grid-area:left}.dpad-btn[data-dir=right]{grid-area:right}.dpad-btn[data-dir=down]{grid-area:down}.dpad-btn:active{background:#ffffff40;transform:scale(.95)}#action-buttons{display:flex;gap:10px}.action-btn{width:58px;height:58px;background:linear-gradient(135deg,#0f0f1ebf,#141223a6);border:2px solid rgba(255,255,255,.12);border-radius:50%;font-size:22px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;box-shadow:0 3px 12px #0006}#mobile-attack{border-color:#e74c3c4d;box-shadow:0 3px 12px #e74c3c26}#npc-popup-btn{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#3498dbe6,#2980b9cc);border:2px solid rgba(255,255,255,.4);border-radius:12px;color:#fff;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:14px;cursor:pointer;z-index:500;box-shadow:0 4px 16px #0009;transition:all .2s;pointer-events:auto}#npc-popup-btn.hidden{display:none}#npc-popup-btn:active{transform:translate(-50%,-50%) scale(.95);background:#2980b9e6}.action-btn:active{background:#ffffff26;transform:scale(.92);box-shadow:0 1px 4px #00000080}#fishing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:300}#fishing-box{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #2980b9;border-radius:12px;padding:24px;width:400px;max-width:90vw;text-align:center}#fishing-title{font-size:18px;color:#3498db;margin-bottom:12px;text-shadow:0 0 10px rgba(52,152,219,.5)}#fishing-instruction{font-size:9px;color:#aaa;margin-bottom:16px}#fishing-bar{position:relative;width:100%;height:24px;background:#1a1a2e;border:2px solid #444;border-radius:4px;margin-bottom:16px;overflow:hidden}#fishing-sweetspot{position:absolute;height:100%;background:#2ecc7166;border-left:2px solid #2ecc71;border-right:2px solid #2ecc71}#fishing-marker{position:absolute;top:2px;width:6px;height:18px;background:#e74c3c;border-radius:2px;box-shadow:0 0 6px #e74c3ccc}#fishing-result{font-size:11px;color:#f1c40f;min-height:20px}#fishing-catch-btn{display:block;width:100%;padding:14px;margin:8px 0;font-size:16px;font-weight:700;font-family:"Press Start 2P",monospace;color:#fff;background:linear-gradient(180deg,#2ecc71,#27ae60);border:3px solid #1abc9c;border-radius:8px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 12px #2ecc7166;animation:catchPulse 1s ease-in-out infinite;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#fishing-catch-btn:active{transform:scale(.95);background:linear-gradient(180deg,#27ae60,#1e8449)}@keyframes catchPulse{0%,to{box-shadow:0 4px 12px #2ecc7166}50%{box-shadow:0 4px 20px #2ecc71cc}}#forge-overlay{position:fixed;inset:0;background:#000000d9;z-index:200;display:flex;align-items:center;justify-content:center}#forge-box{background:#4e342e;border:4px solid #bf360c;border-radius:12px;padding:16px;max-width:480px;width:95vw;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 0 60px #e67e224d,inset 0 0 30px #00000080;outline:2px solid #3e2723;outline-offset:-6px}#forge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;background:#0000004d;padding:12px;border-radius:6px;border:1px solid #3e2723}#forge-header h2{font-size:14px;color:#ffcc80;margin:0;text-shadow:1px 1px 0 #000}#forge-close-btn{background:#c0392b;border:2px solid #922b21;color:#fff;font-size:16px;width:32px;height:32px;border-radius:4px;cursor:pointer;font-family:inherit;touch-action:manipulation;display:flex;align-items:center;justify-content:center}#forge-close-btn:active{transform:translateY(2px)}#forge-instruction{font-size:9px;color:#d7ccc8;margin-bottom:10px;text-align:center;font-style:italic}#forge-selection{display:flex;align-items:center;gap:6px;margin-bottom:12px;flex-wrap:wrap;justify-content:center;background:#0003;padding:8px;border-radius:6px}.forge-sel-label{font-size:9px;color:#5d4037;padding:6px 10px;background:#fff8e1;border:2px solid #8d6e63;border-radius:4px;min-width:80px;text-align:center;box-shadow:inset 0 0 5px #0000001a}.forge-plus,.forge-equals{font-size:16px;color:#ffcc80;font-weight:700;text-shadow:1px 1px 0 #000}.forge-result-label{font-size:20px;color:#f1c40f;text-shadow:0 0 5px rgba(241,196,15,.8)}#forge-weapon-grid{display:grid;grid-template-columns:1fr;gap:6px;max-height:180px;overflow-y:auto;margin-bottom:12px;padding:4px;background:#0003;border-radius:6px;border:1px solid #3e2723}.forge-weapon-slot{display:flex;align-items:center;gap:8px;padding:8px;background:#fff8e1;border:2px solid #8d6e63;border-radius:6px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s;box-shadow:0 2px #3e2723;margin-bottom:2px}.forge-weapon-slot:active{transform:translateY(2px);box-shadow:0 0 #3e2723}.forge-weapon-slot.selected-1{border-color:#3498db!important;background:#e3f2fd!important;box-shadow:0 0 8px #3498db99}.forge-weapon-slot.selected-2{border-color:#e74c3c!important;background:#fbe9e7!important;box-shadow:0 0 8px #e74c3c99}.forge-item-name{font-size:10px;flex:1;color:#3e2723;font-weight:700}.forge-item-stats{font-size:8px;color:#5d4037}.forge-boss-badge{font-size:7px;color:#e67e22;background:#e67e221a;padding:2px 4px;border-radius:3px;border:1px solid #e67e22}#forge-preview{text-align:center;padding:10px;margin-bottom:8px;background:#0003;border-radius:6px;border:1px solid #3e2723}.forge-result-name{font-size:14px;font-weight:700;margin-bottom:4px;text-shadow:1px 1px 0 #000}.forge-result-desc{font-size:9px;color:#bcaaa4}#forge-result-stats{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}#forge-result-stats span{font-size:9px;padding:4px 6px;border-radius:4px;background:#3e2723;color:#d7ccc8;border:1px solid #5d4037}.stat-forge-atk{color:#ffab91!important;border-color:#e64a19!important}.stat-forge-def{color:#90caf9!important;border-color:#1976d2!important}.stat-forge-spd{color:#a5d6a7!important;border-color:#388e3c!important}.stat-forge-crit{color:#ffe082!important;border-color:#ffa000!important}.stat-forge-hp{color:#f48fb1!important;border-color:#c2185b!important}#forge-confirm-btn{display:block;width:100%;padding:14px;font-size:14px;font-weight:700;font-family:"Press Start 2P",monospace;color:#fff;background:linear-gradient(180deg,#bf360c,#d84315);border:3px solid #ff7043;border-radius:8px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 4px #870000;animation:forgePulse 1.5s ease-in-out infinite;touch-action:manipulation}#forge-confirm-btn:disabled{opacity:.5;animation:none;background:#5d4037;border-color:#3e2723;box-shadow:none;cursor:not-allowed}#forge-confirm-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #870000}@keyframes forgePulse{0%,to{box-shadow:0 4px #870000}50%{box-shadow:0 4px 15px #ff572299}}#buff-bar{position:fixed;top:80px;left:10px;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none;z-index:11}.buff-icon{font-size:10px;padding:3px 6px;background:#000000b3;border:1px solid #f1c40f;border-radius:4px;color:#f1c40f}text-shadow: 0 0 4px rgba(241,196,15,.5); animation: buffPulse 2s ease-in-out infinite; white-space: nowrap; } @keyframes buffPulse{0%,100%{border-color:#f1c40f}50%{border-color:#e67e22;box-shadow:0 0 6px #e67e2266}}.hidden{display:none!important}@media(max-width:600px){#health-bar-container,#xp-bar-container{width:140px;height:14px}#health-text,#xp-text{font-size:6px}#level-text,#floor-text,#gold-text{font-size:8px}#minimapCanvas{width:100px;height:100px}#inventory-panel{padding:0}#inventory-body{flex-direction:column}#inventory-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:12px;max-height:180px}#inventory-grid{grid-template-columns:repeat(5,1fr);gap:6px}.equip-slot{width:56px;height:56px}.hotbar-slot{width:40px;height:40px}#hotbar{bottom:180px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#666}#systems-buttons,.sys-btn{display:none}#systems-overlay{position:fixed;inset:0;background:#000000d9;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}#systems-panel{background:linear-gradient(180deg,#1a1a2e,#16213e);border:2px solid #f1c40f;border-radius:12px;width:min(600px,90vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 30px #f1c40f33}#systems-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000004d}#systems-title{font-size:14px;color:#f1c40f;text-shadow:0 0 10px rgba(241,196,15,.5)}#systems-close{background:#e74c3c4d;border:1px solid #e74c3c;color:#fff;font-size:14px;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .15s}#systems-close:hover{background:#e74c3c}#systems-content{padding:12px;overflow-y:auto;max-height:calc(80vh - 60px)}.systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.sys-card{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;transition:all .2s}.sys-card.discovered,.sys-card.unlocked,.sys-card.donated{border-color:#2ecc7166;background:#2ecc7114}.sys-card.unknown,.sys-card.locked,.sys-card.empty{opacity:.5}.sys-card.learnable{border-color:#f1c40f99;cursor:pointer}.sys-card.learnable:hover{background:#f1c40f26;transform:translateY(-2px);box-shadow:0 4px 12px #f1c40f33}.sys-card-icon{font-size:20px;margin-bottom:4px}.sys-card-title{font-size:8px;color:#f1c40f;margin-bottom:4px}.sys-card-desc{font-size:7px;color:#aaa;line-height:1.4}.sys-card-stat{font-size:7px;color:#2ecc71;margin-top:4px}.sys-card-action{font-size:7px;color:#f1c40f;margin-top:6px;animation:pulse 1.5s infinite}.sys-summary{text-align:center;font-size:8px;color:#888;margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.systems-list{display:flex;flex-direction:column;gap:8px}.sys-quest{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px}.sys-quest.complete{border-color:#f1c40f80;background:#f1c40f14}.sys-quest.claimed{opacity:.5}.quest-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.quest-icon{font-size:16px}.quest-name{font-size:9px;color:#f1c40f}.quest-claim{font-size:8px;color:#2ecc71;background:#2ecc7133;border:1px solid #2ecc71;border-radius:4px;padding:2px 8px;cursor:pointer;margin-left:auto;animation:pulse 1.5s infinite}.quest-claim:hover{background:#2ecc7166}.quest-desc{font-size:7px;color:#aaa;margin-bottom:6px}.quest-progress-bar{position:relative;height:12px;background:#00000080;border-radius:6px;overflow:hidden;margin-bottom:4px}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:6px;transition:width .3s ease}.quest-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.quest-reward{font-size:7px;color:#f39c12}.sys-empty{text-align:center;color:#666;font-size:9px;padding:40px 20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#coop-overlay{position:fixed;inset:0;z-index:5000;background:#05050feb;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}#coop-overlay.hidden{display:none}.coop-panel{background:linear-gradient(145deg,#141428f2,#0a0a19fa);border:1px solid rgba(255,200,100,.15);border-radius:16px;padding:28px 32px;max-width:520px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px #0009,inset 0 1px #ffffff0d;position:relative}.coop-panel h2{text-align:center;color:#ffd54f;font-size:16px;margin:12px 0 8px;text-shadow:0 2px 8px rgba(255,213,79,.3)}.coop-panel h3{color:#e0d8c0;font-size:11px;margin:16px 0 8px}.coop-subtitle{text-align:center;color:#8a8a9a;font-size:9px;margin-bottom:16px}.coop-note{text-align:center;color:#5a5a6a;font-size:8px;margin-top:12px}.coop-back-btn{background:none;border:1px solid rgba(255,255,255,.1);color:#8a8a9a;font-size:9px;font-family:inherit;cursor:pointer;padding:6px 12px;border-radius:8px;position:absolute;top:12px;left:12px;transition:all .2s}.coop-back-btn:hover{color:#ffd54f;border-color:#ffd54f4d}.coop-btn{font-family:inherit;border:none;cursor:pointer;border-radius:10px;font-size:10px;padding:10px 18px;transition:all .2s;text-align:center}.coop-btn-primary{background:linear-gradient(135deg,#ffd54f,#ff8f00);color:#1a1a2e;font-weight:700;box-shadow:0 4px 16px #ff8f004d}.coop-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff8f0080}.coop-btn-secondary{background:#ffffff14;color:#e0d8c0;border:1px solid rgba(255,255,255,.12)}.coop-btn-secondary:hover{background:#ffffff26;border-color:#ffd54f4d}.coop-btn-ready{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.coop-btn-sm{font-size:8px;padding:6px 10px;border-radius:6px}.coop-btn-lg{width:100%;padding:14px;font-size:12px}.coop-form{display:flex;flex-direction:column;gap:10px}.coop-form label{color:#8a8a9a;font-size:9px}.coop-form input{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e0d8c0;font-family:inherit;font-size:11px;padding:10px 14px;outline:none;transition:border-color .2s}.coop-form input:focus{border-color:#ffd54f;box-shadow:0 0 12px #ffd54f26}.coop-error{color:#e74c3c;font-size:9px}.coop-toggle-group{display:flex;gap:6px}.coop-toggle{flex:1;font-family:inherit;font-size:9px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#8a8a9a;cursor:pointer;transition:all .2s}.coop-toggle.active{background:#ffd54f26;border-color:#ffd54f;color:#ffd54f}.coop-profile-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0a;border-radius:10px;margin-top:28px}.coop-profile-info{flex:1;display:flex;flex-direction:column;gap:2px}.coop-username{font-size:11px;font-weight:700}.coop-email{font-size:8px;color:#5a5a6a}.coop-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid rgba(255,255,255,.15);flex-shrink:0}.coop-avatar-sm{width:32px;height:32px;font-size:14px}.coop-menu-btns{display:flex;flex-direction:column;gap:10px;margin-top:8px}.coop-divider{text-align:center;color:#3a3a4a;font-size:9px;margin:16px 0;position:relative}.coop-divider:before,.coop-divider:after{content:"";position:absolute;top:50%;width:35%;height:1px;background:#ffffff14}.coop-divider:before{left:0}.coop-divider:after{right:0}.coop-divider span{padding:0 8px;background:#0a0a19fa}.coop-lobby-grid{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto}.coop-lobby-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.coop-lobby-name{font-size:10px;color:#ffd54f;flex:1;min-width:100px}.coop-lobby-meta{display:flex;gap:10px;font-size:8px;color:#8a8a9a}.coop-lobby-code{font-family:monospace;font-size:9px;color:#54a0ff;background:#54a0ff1a;padding:2px 6px;border-radius:4px}.coop-lobby-header{text-align:center;margin-top:20px}.coop-lobby-info-bar{display:flex;justify-content:center;gap:12px;font-size:8px;color:#8a8a9a;margin-top:6px}.coop-lobby-code-display strong{color:#54a0ff;font-family:monospace;letter-spacing:1px}.coop-lobby-players{display:flex;flex-direction:column;gap:6px;margin:12px 0}.coop-lobby-player{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:all .2s}.coop-lobby-player.ready{border-color:#2ecc714d;background:#2ecc710d}.coop-lobby-player.host{border-color:#ffd54f4d;background:#ffd54f0d}.coop-player-info{flex:1;display:flex;flex-direction:column;gap:2px}.coop-player-name{font-size:10px}.coop-player-class{font-size:8px;color:#8a8a9a;text-transform:capitalize}.coop-player-status{font-size:14px}.coop-class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.coop-class-btn{font-family:inherit;font-size:8px;padding:8px 4px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08;color:#8a8a9a;cursor:pointer;transition:all .2s}.coop-class-btn:hover{border-color:#ffd54f4d;color:#e0d8c0}.coop-class-btn.selected{border-color:#ffd54f;color:#ffd54f;background:#ffd54f1a}.coop-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.coop-avatar-pick{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.1);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin:0 auto}.coop-avatar-pick:hover{transform:scale(1.1);border-color:#ffd54f80}.coop-avatar-pick.selected{border-color:#ffd54f;box-shadow:0 0 16px #ffd54f66}.coop-lobby-actions{display:flex;gap:8px;margin-top:12px}.coop-empty{text-align:center;color:#5a5a6a;font-size:9px;padding:20px}#friends-sidebar{position:fixed;right:0;top:0;bottom:0;width:240px;background:linear-gradient(180deg,#0f0f1ef5,#080814fa);border-left:1px solid rgba(255,200,100,.1);z-index:5100;padding:16px 12px;overflow-y:auto;animation:slideInRight .3s ease}#friends-sidebar.hidden{display:none}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.friends-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.friends-header h3{font-size:11px;color:#ffd54f}.friends-add-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,213,79,.3);background:#ffd54f1a;color:#ffd54f;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit}.friends-add-btn:hover{background:#ffd54f40;transform:scale(1.1)}.friends-section{margin-bottom:12px}.friends-section h4{font-size:8px;color:#8a8a9a;margin-bottom:6px}.friends-empty{text-align:center;color:#4a4a5a;font-size:9px;padding:30px 10px;line-height:1.8}.friend-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;transition:background .2s}.friend-item:hover{background:#ffffff0a}.friend-avatar-wrap{position:relative;flex-shrink:0}.friend-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;border:1px solid rgba(255,255,255,.1)}.friend-online-dot{position:absolute;top:-1px;left:-1px;width:10px;height:10px;background:#2ecc71;border-radius:50%;border:2px solid rgba(15,15,30,.96)}.friend-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.friend-name{font-size:9px;color:#e0d8c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status{font-size:7px;color:#5a5a6a}.friend-lobby{font-size:7px;color:#54a0ff;font-family:monospace}.friend-join-btn{font-family:inherit;font-size:7px;padding:4px 8px;border:1px solid rgba(46,204,113,.3);border-radius:6px;background:#2ecc711a;color:#2ecc71;cursor:pointer;transition:all .2s;flex-shrink:0}.friend-join-btn:hover{background:#2ecc7140}.friend-full{font-size:7px;color:#e74c3c;flex-shrink:0}.friend-request-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:#ffd54f0a;border:1px solid rgba(255,213,79,.08);margin-bottom:4px}.friend-request-item .friend-name{flex:1;font-size:9px}.friend-accept-btn,.friend-decline-btn{width:24px;height:24px;border-radius:50%;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.friend-accept-btn{background:#2ecc7133;color:#2ecc71}.friend-accept-btn:hover{background:#2ecc7166}.friend-decline-btn{background:#e74c3c33;color:#e74c3c}.friend-decline-btn:hover{background:#e74c3c66}#add-friend-dialog{background:#141428f2;border:1px solid rgba(255,213,79,.2);border-radius:10px;padding:12px;margin-top:8px}#add-friend-dialog h4{font-size:9px;color:#ffd54f;margin-bottom:8px}#add-friend-dialog input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e0d8c0;font-family:inherit;font-size:10px;padding:8px 10px;margin-bottom:8px;outline:none}#add-friend-dialog input:focus{border-color:#ffd54f}.add-friend-btns{display:flex;gap:6px}.coop-notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-20px);background:linear-gradient(135deg,#1e1e32f2,#141428fa);border:1px solid rgba(255,213,79,.3);border-radius:10px;padding:10px 20px;font-family:inherit;font-size:10px;color:#e0d8c0;z-index:10000;opacity:0;transition:all .3s ease;pointer-events:none;box-shadow:0 4px 20px #00000080}.coop-notification.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:600px){.coop-panel{width:95%;padding:20px 16px;border-radius:12px;max-height:90vh}#friends-sidebar{width:200px;padding:12px 8px}.coop-class-grid{grid-template-columns:repeat(2,1fr)}.coop-avatar-grid{grid-template-columns:repeat(3,1fr)}}#emote-picker{position:fixed;bottom:270px;right:16px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#emote-toggle{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#000000b3;font-size:22px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000080}#emote-toggle:hover{background:#323250e6;transform:scale(1.1);border-color:#fff6}#emote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#000000d9;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px;box-shadow:0 4px 16px #0009;animation:emoteSlideUp .15s ease-out}@keyframes emoteSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.emote-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;font-size:20px;cursor:pointer;transition:all .15s}.emote-btn:hover{background:#ffffff26;transform:scale(1.15);border-color:#ffffff4d}@media(orientation:landscape)and (max-height:500px){#inventory-btn,#save-btn,#settings-ingame-btn,#leave-coop-btn{right:auto;left:170px;width:38px;height:38px;font-size:17px}#inventory-btn{bottom:130px}#save-btn{bottom:130px;left:214px}#settings-ingame-btn{bottom:130px;left:258px}#leave-coop-btn{bottom:130px;left:302px}#systems-buttons{inset:auto auto 175px 170px;flex-direction:row;flex-wrap:wrap;gap:3px;max-width:180px}.sys-btn{width:28px;height:28px;font-size:12px}}