:root{--retro-bg: #080808;--retro-panel: #0f0f0a;--retro-panel2: #141410;--retro-border: #3a3a1a;--retro-border2: #4a4a2a;--retro-green: #39c239;--retro-amber: #ffb000;--retro-cyan: #00e5cc;--retro-dim: #5a5a3a;--retro-white: #e8e8d0;--retro-purple: #aa77ff;--retro-gold: #ffd700;--retro-red: #ff4444;--font-pixel: "Press Start 2P", monospace;--font-vt: "VT323", monospace;--font-pretendard: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--pixel-border-width: 3px;--pixel-border-color: var(--retro-amber);--pixel-border-shadow: rgba(0, 0, 0, .4)}.retro-pixel-border{border:var(--pixel-border-width) solid var(--pixel-border-color);box-shadow:var(--pixel-border-width) var(--pixel-border-width) 0 var(--pixel-border-shadow),inset var(--pixel-border-width) var(--pixel-border-width) 0 #ffffff1a;position:relative}.retro-scanline-overlay{position:relative;overflow:hidden}.retro-scanline-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:5}.retro-dither-bg{background-image:radial-gradient(var(--retro-border) 1px,transparent 0);background-size:2px 2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--retro-bg);border-left:1px solid var(--retro-border)}::-webkit-scrollbar-thumb{background:var(--retro-border2);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--retro-amber)}body{margin:0;overflow:hidden;background-color:#050505;background-image:radial-gradient(circle at 50% 50%,#0a0a0a,#050505);font-family:var(--font-pretendard);font-size:16px;color:var(--retro-white);image-rendering:auto}#app-container{width:100vw;height:100vh;margin:0 auto;position:relative;background-color:#000;overflow:hidden;box-shadow:0 0 50px #000}#game-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1}.hd2d-film-grain-filter{position:absolute;width:0;height:0;overflow:hidden}.hd2d-fx-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.vignette{background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.25) 70%,rgba(0,0,0,.55) 100%)}.tilt-shift{display:flex;flex-direction:column;justify-content:space-between}.tilt-shift-top,.tilt-shift-bottom{height:15%;width:100%;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%)}.tilt-shift-bottom{mask-image:linear-gradient(to top,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 0%,transparent 100%)}.soft-bloom{backdrop-filter:blur(3px) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(3px) brightness(1.15) contrast(1.05);mix-blend-mode:screen;opacity:.2}.color-grading{background:radial-gradient(ellipse at 15% 15%,rgba(255,176,60,.13) 0%,transparent 55%),radial-gradient(ellipse at 85% 85%,rgba(70,30,110,.16) 0%,transparent 55%),linear-gradient(145deg,rgba(200,140,60,.06) 0%,transparent 35%,transparent 65%,rgba(50,20,90,.08) 100%);mix-blend-mode:soft-light}.scanlines{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 1px,rgba(0,0,0,.07) 1px,rgba(0,0,0,.07) 2px);background-size:100% 2px}.film-grain{opacity:.045;filter:url(#hd2d-noise);animation:grain-shift .12s steps(1) infinite;background:#fff;mix-blend-mode:overlay}@keyframes grain-shift{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-2%)}50%{transform:translate(-3%,2%)}60%{transform:translate(1%,-4%)}70%{transform:translate(-4%,3%)}80%{transform:translate(2%,-1%)}90%{transform:translate(-2%,4%)}to{transform:translate(0)}}.chromatic-r{background:#ff000005;transform:translate(-1px);mix-blend-mode:screen}.chromatic-b{background:#0032ff05;transform:translate(1px);mix-blend-mode:screen}.chromatic-aberration{overflow:hidden}#sidebar-right,#minimap-container,#chat-container{display:none!important;opacity:0;transition:opacity .3s ease-in-out}#sidebar-right.ready,#chat-container.ready{opacity:1}#chat-container{display:flex;gap:15px;padding:0;background-color:transparent;overflow-x:auto;width:100%;height:100%}#popup-inner #chat-container{padding:10px}.chat-channel{flex:1;min-width:200px;background:var(--retro-panel);border:2px solid var(--retro-border);border-radius:0;box-shadow:2px 2px 0 var(--retro-border),inset 0 0 20px #0009;display:flex;flex-direction:column;padding:10px;position:relative;transition:border-color .15s}.chat-channel.drag-over{border-color:var(--retro-cyan);background:#00e5cc0f;transform:none;outline:1px dashed var(--retro-cyan);outline-offset:2px}.chat-channel.has-unit{border-style:solid;border-color:var(--retro-border2)}.chat-bg-sprite{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);opacity:.1;pointer-events:none;z-index:0;width:80%;height:80%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(187,136,255,.2))}.chat-header{display:flex;align-items:center;font-family:var(--font-pixel);font-size:9px;color:var(--retro-amber);border-bottom:2px solid var(--retro-border2);margin-bottom:8px;padding:0 5px;position:relative;z-index:1000;height:40px;box-sizing:border-box;text-shadow:0 0 6px var(--retro-amber)}.header-toggles{display:flex;gap:6px;margin-left:auto;align-items:center}.chat-nameplate{color:var(--retro-amber);font-size:14px;letter-spacing:1px;text-shadow:0 0 8px rgba(255,176,0,.6);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-exp-line{border-bottom:1px solid var(--retro-border);padding-bottom:4px;margin-bottom:4px;color:var(--retro-amber);font-family:var(--font-pixel);font-size:8px;text-shadow:0 0 5px var(--retro-amber)}.narrative-container{display:flex;flex-direction:column;gap:12px}.narrative-block{background:#ffffff0d;border-radius:6px;padding:10px;border-left:3px solid #00ffcc;transition:all .3s ease}.narrative-block.is-locked{border-left-color:#555;background:#ffffff05;opacity:.6}.narrative-lv{font-size:10px;color:#0fc;text-transform:uppercase;font-weight:700;margin-bottom:4px}.is-locked .narrative-lv{color:#888}.narrative-text{font-size:13px;color:#eee;line-height:1.4}.is-locked .narrative-text{color:#666;font-style:italic;-webkit-user-select:none;user-select:none}.status-row-second{display:flex;align-items:center;background:#0003;border-radius:4px;margin-bottom:5px;padding:4px;min-height:24px;position:relative;z-index:50}.status-container{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.status-container.buffs{margin-right:10px}.status-container.status-effects{margin-left:0}.chat-dashboard-view,.chat-perk-view,.chat-skill-view,.chat-status-view,.chat-gear-view,.chat-narrative-view{position:absolute;top:90px;left:12px;right:12px;bottom:12px;background:#0f0f19b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;z-index:1400;display:none;flex-direction:column;padding:16px;overflow-y:auto;box-shadow:0 8px 32px #000c,inset 0 0 0 1px #ffffff0d;animation:premiumPopupScale .3s cubic-bezier(.16,1,.3,1)}@keyframes premiumPopupScale{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.chat-dashboard-view{justify-content:center}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.combat-stat-row{display:flex;align-items:center;gap:12px;background:#0006;padding:8px 12px;border:1px solid rgba(255,255,255,.05);margin-bottom:8px;position:relative;overflow:hidden}.combat-stat-row:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#12101000 50%,#00000026 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 2px,3px 100%;pointer-events:none}.dash-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dash-item:after{display:none}.dash-item:hover{background:#ffb00014;border-color:var(--retro-amber);transform:none;box-shadow:3px 3px 0 var(--retro-amber)}.dash-item:hover:after{transform:none;transition:none}.dash-item.highlight{background:#ffd7000d;border-color:var(--retro-gold)}.dash-item.highlight:hover{background:#ffd7001f;border-color:var(--retro-gold);box-shadow:3px 3px 0 var(--retro-gold)}.dash-icon{font-size:24px;image-rendering:pixelated}.dash-label{font-size:8px;font-family:var(--font-pixel);font-weight:400;color:var(--retro-white);text-transform:uppercase;text-align:center;line-height:1.6}.dash-back-btn{margin-top:20px;background:var(--retro-panel2);border:2px solid var(--retro-border2);color:var(--retro-dim);padding:10px;border-radius:0;cursor:pointer;font-size:10px;font-family:var(--font-pixel);text-transform:uppercase;transition:border-color .1s,color .1s;width:100%;box-shadow:2px 2px 0 var(--retro-border)}.dash-back-btn:hover{background:var(--retro-panel2);border-color:var(--retro-amber);color:var(--retro-amber);transform:none;box-shadow:3px 3px 0 var(--retro-amber)}.perk-container{display:flex;flex-direction:column;gap:15px}.perk-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--retro-border2);padding-bottom:10px}.perk-title{color:var(--retro-amber);font-family:var(--font-pixel);font-size:10px;text-shadow:0 0 6px var(--retro-amber)}.perk-points{font-size:14px;font-family:var(--font-vt);color:var(--retro-white);background:#ffb00026;border:1px solid var(--retro-border2);padding:2px 8px;border-radius:0}.perk-empty-msg{padding:30px 10px;text-align:center;color:#888;font-size:13px;line-height:1.6;border:1px dashed rgba(255,255,255,.1);border-radius:8px;margin-top:10px}.perk-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.perk-row{display:flex;justify-content:space-between;align-items:center;background:var(--retro-panel2);border:1px solid var(--retro-border);border-radius:0;padding:10px;box-shadow:1px 1px 0 var(--retro-border)}.perk-row.learned{border-color:var(--retro-amber);background:#ffb0000d;box-shadow:1px 1px 0 var(--retro-amber)}.perk-info{display:flex;align-items:center;gap:10px}.perk-icon{font-size:20px}.perk-details{display:flex;flex-direction:column}.perk-name{font-size:11px;font-family:var(--font-pixel);color:var(--retro-white);line-height:1.6}.perk-desc{font-size:14px;font-family:var(--font-vt);color:var(--retro-dim)}.perk-learn-btn{background:var(--retro-amber);color:#000;border:none;padding:5px 10px;border-radius:0;font-size:8px;font-family:var(--font-pixel);cursor:pointer;transition:filter .1s;box-shadow:2px 2px #00000080}.perk-learn-btn:hover{filter:brightness(1.2);transform:none}.perk-status{font-size:9px;font-family:var(--font-pixel);color:var(--retro-amber);text-shadow:0 0 5px var(--retro-amber)}.perk-status.locked{color:var(--retro-dim);text-shadow:none}.status-icon{font-size:14px;cursor:help;transition:transform .1s}.status-icon:hover{transform:scale(1.2)}.chat-log{flex:1;overflow-y:auto;font-size:18px;font-family:var(--font-vt);color:var(--retro-green);text-shadow:0 0 4px rgba(57,194,57,.5);display:flex;flex-direction:column;gap:1px;margin-bottom:5px;position:relative;z-index:1;line-height:1.3}.chat-log::-webkit-scrollbar{width:4px}.chat-log::-webkit-scrollbar-thumb{background:#ffffff1a}.chat-form{margin:0;position:relative;z-index:1}.chat-status-view{flex:1;display:none;flex-direction:column;padding:10px;overflow-y:auto;z-index:5;background:#0003;border-radius:6px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-item{display:flex;justify-content:space-between;align-items:center;background:var(--retro-panel2);border:1px solid var(--retro-border);padding:5px 8px;border-radius:0;font-size:17px;font-family:var(--font-vt)}.stat-label{color:var(--retro-cyan);font-family:var(--font-pixel);font-size:7px;text-shadow:0 0 4px var(--retro-cyan);line-height:2}.stat-value{color:var(--retro-white);font-family:var(--font-vt);font-size:18px}.chat-skill-view{flex:1;display:none;flex-direction:column;padding:15px 10px;background:#00000040;border-radius:6px;z-index:5;overflow-y:auto}.skill-info-container{display:flex;flex-direction:column;gap:12px}.skill-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(187,136,255,.3);padding-bottom:8px}.skill-emoji{font-size:24px}.skill-name{font-size:12px;font-family:var(--font-pixel);color:var(--retro-amber);text-shadow:0 0 8px var(--retro-amber);line-height:1.6}.skill-description{font-size:17px;line-height:1.4;color:var(--retro-white);font-family:var(--font-vt);word-break:keep-all;white-space:pre-wrap;margin-bottom:10px}.skill-section.ultimate{border-top:1px dashed rgba(255,204,0,.4);padding-top:12px;margin-top:4px}.skill-name-ult{font-size:11px;font-family:var(--font-pixel);color:var(--retro-gold);text-shadow:0 0 10px rgba(255,215,0,.5);line-height:1.6}.skill-description-ult{font-size:16px;line-height:1.4;color:var(--retro-gold);font-family:var(--font-vt);font-style:italic;white-space:pre-wrap}.gear-slot{display:flex;align-items:center;background:var(--retro-panel2);border:1px solid var(--retro-border);border-radius:0;padding:10px;font-size:17px;font-family:var(--font-vt);transition:border-color .1s;box-shadow:1px 1px 0 var(--retro-border)}.gear-slot:hover{border-color:var(--retro-amber)}.slot-value{color:#e0e0e0;font-family:Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-form input{width:100%;box-sizing:border-box;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px;border-radius:4px;font-size:12px}#sidebar-right{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 12px #00000080;padding:20px;display:flex;flex-direction:column;overflow-y:auto}#popup-inner #sidebar-right{width:100%;height:100%;background:transparent;border:none;box-shadow:none;padding:0}#minimap-container{grid-area:minimap;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 12px #00000080;padding:20px;display:flex;flex-direction:column}.minimap-content{flex:1;background-color:#111;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:20}.portrait-dead-label{font-size:14px;font-weight:700;color:#ef4444;text-shadow:0 0 5px #000,0 0 10px #ef4444;letter-spacing:2px;animation:pulse-dead 1.5s infinite ease-in-out}.portrait-resurrect-btn{background:#fbbf24;color:#111827;border:2px solid #000;padding:4px 8px;font-family:"Press Start 2P",cursive;font-size:8px;cursor:pointer;box-shadow:2px 2px #000;transition:all .1s;display:flex;flex-direction:column;align-items:center;gap:2px}.portrait-resurrect-btn:hover{background:#fcd34d;transform:translate(-1px,-1px);box-shadow:3px 3px #000}.portrait-resurrect-btn:active{transform:translate(1px,1px);box-shadow:0 0 #000}.portrait-resurrect-cost{color:#b45309;font-size:7px}@keyframes pulse-dead{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.minimap-content{flex:1;background-color:#111;border:1px solid #444;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;font-weight:700;text-transform:uppercase}.inventory-section{position:relative;max-height:200px;overflow-y:auto;overflow-x:hidden;margin-bottom:20px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:4px;box-sizing:border-box}.inventory-section::-webkit-scrollbar{width:6px}.inventory-section::-webkit-scrollbar-track{background:#ffffff05}.inventory-section::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.inventory-section::-webkit-scrollbar-thumb:hover{background:#fff3}.section-title{position:sticky;top:0;z-index:2;background:#1e1e1ef2;font-size:13px;color:#8cf;font-weight:700;padding:6px 8px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1)}.inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 4px;width:100%}.inv-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:4px;aspect-ratio:1 / 1;min-width:0;box-sizing:border-box;transition:background .2s,transform .1s;cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.inv-item.is-gear,.inv-item.is-charm{cursor:pointer}.inv-item:hover{background:#ffffff26;transform:translateY(-2px)}.inv-icon{width:22px;height:22px;margin-bottom:2px;pointer-events:none}.inv-amount{font-size:10px;font-weight:700;color:#e0e0e0;pointer-events:none}#item-detail-panel{position:relative;background:#1e1e1e99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-top:10px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 25px #00000080;animation:slideUp .3s ease-out;border-bottom:4px solid var(--retro-amber)}.detail-close-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--retro-dim);font-family:var(--font-pixel);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .2s;z-index:10}.detail-close-btn:hover{background:#ff323233;color:#f55;border-color:#ff323266}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-header{display:flex;flex-direction:column;gap:4px}#detail-name{margin:0;font-size:12px;font-family:var(--font-pixel);color:var(--retro-amber);text-shadow:0 0 8px var(--retro-amber);line-height:1.8}#detail-type{font-size:14px;font-family:var(--font-vt);color:var(--retro-dim);text-transform:uppercase;letter-spacing:1px}.detail-divider{height:2px;background:var(--retro-border2);width:100%;margin:4px 0}#detail-description{font-size:18px;font-family:var(--font-vt);line-height:1.4;color:var(--retro-white);min-height:40px}.equip-btn{margin-top:8px;background:var(--retro-amber);color:#000;border:none;padding:12px 20px;border-radius:0;font-family:var(--font-pixel);font-size:10px;cursor:pointer;transition:filter .1s;box-shadow:3px 3px #0009;text-transform:uppercase}.equip-btn:hover{filter:brightness(1.15);transform:none;box-shadow:4px 4px #0009}.equip-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0009}.detail-btns{display:flex;gap:8px;margin-top:12px}.detail-btns button{flex:1}.discard-btn{background:#ff323233;color:#f55;border:1px solid rgba(255,50,50,.4);padding:10px;font-family:var(--font-pixel);font-size:10px;cursor:pointer;text-transform:uppercase;transition:all .2s;box-shadow:2px 2px #0009}.discard-btn:hover{background:#ff323266;border-color:#f55;box-shadow:3px 3px #0009}.discard-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #0009}.exp-section{margin-top:10px}.exp-bar-container{width:100%;height:12px;background:#1a1a1a;border:1px solid var(--retro-border2);position:relative;overflow:hidden;margin-top:4px}.exp-bar-fill{height:100%;background:linear-gradient(90deg,#c026d3,#7c3aed);width:0%;transition:width .3s ease-out;box-shadow:0 0 8px #7c3aed99}.exp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-pixel);font-size:8px;color:#fff;text-shadow:1px 1px 2px #000;pointer-events:none;white-space:nowrap}.tooltip .tooltiptext:after{content:"";position:absolute;bottom:100%;left:20px;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #555 transparent;line-height:1.6;color:#e0e0e0;font-family:Segoe UI,sans-serif;word-break:keep-all;white-space:pre-wrap}.chat-gear-view{flex:1;display:none;flex-direction:column;gap:12px;padding:10px 5px;overflow-y:auto;z-index:5}.gear-slot{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:10px;font-size:14px;transition:border-color .2s,background .2s}.gear-slot:hover{border-color:#b8f6}.gear-slot.drag-over{background:#b8f3;border-color:#b8f;box-shadow:0 0 10px #bb88ff4d}.slot-label{color:#b8f;font-weight:700;width:80px;flex-shrink:0}.slot-value{color:var(--retro-white);font-family:var(--font-vt);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-form input{width:100%;box-sizing:border-box;background:var(--retro-panel2);border:1px solid var(--retro-border2);color:var(--retro-white);padding:6px;border-radius:0;font-size:17px;font-family:var(--font-vt)}#popup-inner #sidebar-right{display:flex!important;flex-direction:column;gap:12px;padding:12px;background:transparent;overflow:hidden;height:100%;width:100%;box-sizing:border-box}.inventory-tabs{display:flex;gap:8px;margin-bottom:4px}.tab-btn{flex:1;padding:8px 10px;background:var(--retro-panel2);border:2px solid var(--retro-border);color:var(--retro-dim);border-radius:0;font-size:9px;font-family:var(--font-pixel);cursor:pointer;transition:border-color .1s,color .1s;text-transform:uppercase;box-shadow:2px 2px 0 var(--retro-border)}.tab-btn:hover{border-color:var(--retro-border2);color:var(--retro-white)}.tab-btn.active{background:#ffb0001a;border-color:var(--retro-amber);color:var(--retro-amber);box-shadow:2px 2px 0 var(--retro-amber);text-shadow:0 0 5px var(--retro-amber)}.inventory-section{flex:1;display:flex;flex-direction:column;background:var(--retro-panel);border:2px solid var(--retro-border);border-radius:0;overflow:hidden;min-width:0;max-height:100%;box-shadow:2px 2px 0 var(--retro-border)}.section-title{background:var(--retro-panel2);font-size:8px;font-family:var(--font-pixel);color:var(--retro-amber);padding:8px 10px;text-transform:uppercase;border-bottom:2px solid var(--retro-border);letter-spacing:.5px;white-space:nowrap;text-shadow:0 0 5px var(--retro-amber)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));grid-auto-rows:44px;gap:8px;padding:10px;overflow-y:auto;flex:1}.inventory-grid::-webkit-scrollbar{width:4px}.inventory-grid::-webkit-scrollbar-thumb{background:var(--retro-border2);border-radius:0}.inv-item{background:var(--retro-panel2);border:1px solid var(--retro-border);border-radius:0;position:relative;cursor:pointer;transition:border-color .1s,box-shadow .1s;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--retro-bg)}.inv-item:hover{border-color:var(--retro-amber);box-shadow:2px 2px 0 var(--retro-amber);transform:none}.inv-icon{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));image-rendering:auto}.inv-amount{position:absolute;bottom:-2px;right:-1px;font-size:9px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,1);background:#14141ed9;padding:1px 4px;border-radius:4px;pointer-events:none;line-height:1;border:1px solid rgba(255,255,255,.1)}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#2a2a2a;color:#e0e0e0;text-align:left;padding:8px;border-radius:6px;border:1px solid #555;box-shadow:0 4px 8px #00000080;position:absolute;z-index:1000;top:150%;left:0%;transform:translate(-15px);opacity:0;transition:opacity .2s ease-in-out;font-size:12px;font-weight:400;pointer-events:none;line-height:1.5}.tooltip .tooltiptext:after{content:"";position:absolute;bottom:100%;left:20px;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #555 transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.territory-nav-container{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;display:flex;flex-direction:column;gap:20px;width:80%;max-width:400px}.territory-btn{width:100%;padding:20px!important;font-size:20px!important;font-family:var(--font-pixel)!important;border-radius:0!important;box-shadow:3px 3px #0009!important;border:2px solid var(--retro-border2)!important;color:var(--retro-white);cursor:pointer;transition:border-color .1s}.party-selection-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050505f5;z-index:1400;display:flex;flex-direction:column;align-items:center;padding:100px 30px 30px;box-sizing:border-box;color:var(--retro-white)}.party-selection-title{font-size:14px;font-family:var(--font-pixel);color:var(--retro-amber);margin-bottom:25px;text-shadow:0 0 10px var(--retro-amber);letter-spacing:2px;text-align:center;line-height:1.5;word-break:keep-all}.mercenary-candidates{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;width:95%;max-width:900px;max-height:45vh;overflow-y:auto;background:var(--retro-panel);padding:16px;border-radius:0;border:2px solid var(--retro-border2);margin-bottom:40px;box-shadow:4px 4px 0 var(--retro-border)}.mercenary-card{display:flex;flex-direction:column;align-items:center;background:var(--retro-panel2);border-radius:0;padding:12px;cursor:pointer;transition:border-color .1s;border:2px solid var(--retro-border);box-shadow:2px 2px 0 var(--retro-bg)}.mercenary-card:hover{background:#ffb0000f;border-color:var(--retro-border2);transform:none}.mercenary-card.selected{border-color:var(--retro-amber);background:#ffb0001f;box-shadow:2px 2px 0 var(--retro-amber)}.mercenary-card img{width:64px;height:64px;image-rendering:pixelated}.merc-name{font-size:14px;font-family:var(--font-vt);margin-top:8px;text-align:center;color:var(--retro-white)}.merc-class-badge{position:absolute;bottom:24px;right:4px;width:22px;height:22px;background:#000000bf;border-radius:4px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.3);box-shadow:0 1px 3px #00000080;z-index:10}.merc-class-badge img{width:16px!important;height:16px!important;image-rendering:auto}.party-slots{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:30px;width:100%}.party-slot{width:60px;height:60px;border-radius:0;border:2px dashed var(--retro-border2);display:flex;align-items:center;justify-content:center;position:relative;background:var(--retro-panel2);font-size:16px;color:var(--retro-dim)}.party-slot.filled{border-style:solid;border-color:var(--retro-amber);background:#ffb00014;box-shadow:2px 2px 0 var(--retro-amber)}.party-slot img{width:70%;height:70%;image-rendering:pixelated}.party-confirm-btn{background:var(--retro-amber);color:#000;border:none;padding:16px 60px;font-size:14px;font-family:var(--font-pixel);border-radius:0;cursor:pointer;transition:filter .1s;box-shadow:4px 4px #00000080;text-transform:uppercase;letter-spacing:2px}.party-confirm-btn:hover{filter:brightness(1.15);transform:none;box-shadow:5px 5px #00000080}.party-confirm-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #00000080}.ult-gauge-overlay{position:absolute;bottom:0;left:0;width:100%;height:0%;background:linear-gradient(to top,#ffb00066,#ff64001a);pointer-events:none;z-index:1;transition:height .3s ease-out;border-radius:0}.ult-ready-glow{animation:ult-glow 1.5s infinite alternate}@keyframes ult-glow{0%{box-shadow:inset 0 0 10px #ffcc004d,0 0 10px #fc03}to{box-shadow:inset 0 0 30px #fc09,0 0 20px #fc06}}.ult-toggle-btn{background:#ffcc0014;border:1px solid rgba(255,204,0,.2);color:#fc0;font-size:10px;padding:3px 8px;border-radius:6px;cursor:pointer;margin-right:8px;font-weight:700;text-transform:uppercase;transition:all .2s ease}.ult-toggle-btn:hover{background:#fc03;border-color:#ffcc0080;box-shadow:0 0 10px #fc03}.grim-slot.drag-over{border-color:#0fc;background:#0fc3;box-shadow:0 0 15px #0fc6}.grim-slot.grim-slot-pending{border-color:#ff9d00;box-shadow:0 0 15px #ff9d0099;background:#ff9d0026;animation:grim-slot-pulse 1.5s infinite}@keyframes grim-slot-pulse{0%{border-color:#ff9d00;box-shadow:0 0 5px #ff9d0066}50%{border-color:#fc0;box-shadow:0 0 20px #fc0c}to{border-color:#ff9d00;box-shadow:0 0 5px #ff9d0066}}.ult-toggle-btn.manual{color:#fff;border-color:#666;background:#ffffff0d}.chat-channel.has-unit{border-style:solid;border-color:var(--retro-border2);box-shadow:2px 2px 0 var(--retro-border)}#mobile-hud{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:20001;display:flex;flex-direction:column;box-sizing:border-box}#hud-bottom{position:absolute;bottom:0;left:0;width:100%;pointer-events:none;z-index:20002;display:flex;flex-direction:column;box-sizing:border-box}#portrait-bar{position:fixed;left:0;top:50%;transform:translateY(-50%);width:110px;height:auto;max-height:80vh;pointer-events:auto;z-index:500}#building-grid{position:fixed;bottom:0;left:0;width:100%;height:32px;display:none;flex-wrap:nowrap;align-items:center;justify-content:center;gap:2px;padding:0 4px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:2px solid var(--retro-amber);z-index:20001;pointer-events:auto;overflow-x:hidden;box-shadow:0 -4px 15px #00000080}#building-grid::-webkit-scrollbar{display:none}.building-slot{width:21px;height:21px;min-width:21px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px;position:relative;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.building-slot img{width:14px;height:14px;image-rendering:pixelated;opacity:.9;position:relative;z-index:6}.building-slot:hover{background:#ffffff26;border-color:var(--retro-amber);box-shadow:0 0 10px #ffb0004d;z-index:10}.building-cooldown-overlay{position:absolute;bottom:0;left:0;width:100%;height:0%;background:#000000a6;pointer-events:none;z-index:5;transition:height .1s linear}.building-slot.ready{border-color:#4ade80;background:#4ade8026}.building-slot.activated{animation:slotActivateFlash .6s ease-out}@keyframes slotActivateFlash{0%{background:#4ade80cc;box-shadow:inset 0 0 15px #4ade80e6;transform:scale(1.1);z-index:100}to{background:transparent;box-shadow:none;transform:scale(1);z-index:1}}.building-slot.empty{border:1px solid rgba(255,255,255,.03);background:#0003;opacity:.4;color:var(--retro-dim);font-size:14px}.building-info-card{padding:15px;text-align:center;font-family:var(--font-vt)}.info-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;border-bottom:2px solid var(--retro-border);padding-bottom:15px}.info-emoji-box{font-size:40px;background:var(--retro-panel2);padding:10px;border:1px solid var(--retro-border);border-radius:8px;box-shadow:0 0 15px #00000080}.info-title-box{text-align:left}.info-name{font-family:var(--font-pixel);font-size:16px;color:var(--retro-amber);margin-bottom:5px}.info-level{font-size:18px;color:var(--retro-green)}.info-stats-container{background:#0000004d;padding:15px;border-radius:6px;margin-bottom:25px;border-left:3px solid var(--retro-amber)}.info-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:20px}.info-upgrade-section{margin-top:15px;font-size:16px;color:var(--retro-dim)}.info-actions{display:flex;gap:10px;justify-content:center}.retro-btn-premium{flex:1;padding:12px;font-family:var(--font-vt);font-size:18px;cursor:pointer;background:#1a1a1a;border:2px solid var(--retro-border);color:var(--retro-white);transition:all .2s;text-shadow:1px 1px 0 #000}.retro-btn-premium.upgrade{border-color:var(--retro-green);color:var(--retro-green)}.retro-btn-premium.upgrade:hover{background:var(--retro-green);color:#000;box-shadow:0 0 15px #39c23966}.retro-btn-premium.demolish{border-color:var(--retro-red);color:var(--retro-red);flex:.5}.retro-btn-premium.demolish:hover{background:var(--retro-red);color:#000}.build-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:10px}.build-premium-card{background:var(--retro-panel2);border:1px solid var(--retro-border);padding:15px;cursor:pointer;transition:all .2s;text-align:left;position:relative;overflow:hidden}.build-premium-card:hover{border-color:var(--retro-amber);background:#1e1e1a;transform:scale(1.02)}.build-card-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.build-card-emoji{font-size:24px}.build-card-name{font-family:var(--font-pixel);font-size:11px;color:var(--retro-amber)}.build-card-desc{font-family:var(--font-vt);font-size:14px;color:var(--retro-dim);line-height:1.2}.resource-pop-anim{position:absolute;transform:translate(-50%);pointer-events:none;z-index:100000;filter:drop-shadow(0 0 5px rgba(255,255,255,.4));animation:resourceGrainPop 1.5s cubic-bezier(.17,.67,.83,.67) forwards}@keyframes resourceGrainPop{0%{transform:translate(-50%,5px) scale(0) rotate(0);opacity:0}15%{transform:translate(-50%,-15px) scale(1.3) rotate(15deg);opacity:1}30%{transform:translate(-50%,-12px) scale(1) rotate(-10deg)}to{transform:translate(-50%,-45px) scale(.6) rotate(20deg);opacity:0}}.building-selection-menu{padding:20px;text-align:center}.build-options-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.build-option-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px 5px;font-size:24px;color:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:5px}.build-option-btn:after{content:attr(data-type);font-size:10px;text-transform:uppercase;color:var(--retro-amber);opacity:.7}.build-option-btn:hover{background:#ffb00033;border-color:var(--retro-amber);transform:scale(1.05)}@keyframes resourceFloatUp{0%{transform:translate(-50%,5px) scale(.5);opacity:0}20%{transform:translate(-50%,-10px) scale(1.4);opacity:1}to{transform:translate(-50%,-50px) scale(1);opacity:0}}#hud-top{padding:8px 12px;display:flex;gap:15px;align-items:center;pointer-events:auto;flex:0 0 auto;background:transparent;border-bottom:none;box-shadow:none;position:relative;z-index:10}#hud-top:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06) 1px,transparent 1px,transparent 2px),radial-gradient(rgba(255,176,0,.03) 1px,transparent 0);background-size:100% 2px,3px 3px;pointer-events:none;opacity:.7}.hud-stat{display:flex;align-items:center;gap:6px;font-size:16px;font-family:var(--font-vt);color:var(--retro-gold);text-shadow:0 0 6px rgba(255,215,0,.8),0 0 14px rgba(255,215,0,.3),1px 1px 0 rgba(0,0,0,.9);letter-spacing:.5px}.hud-stat img{width:16px;height:16px;image-rendering:pixelated;filter:drop-shadow(0 0 3px rgba(255,215,0,.4))}#hud-menu-btns{display:flex;gap:5px;padding:8px 12px;flex:0 0 auto}#hud-menu-btns button{background:linear-gradient(to bottom,#410f14bf,#23080cd9);border:2px solid rgba(200,130,40,.45);border-radius:0;width:32px;height:32px;font-size:15px;cursor:pointer;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;color:var(--retro-amber);box-shadow:2px 2px #000000b3,inset 0 1px #ffb4641f,inset 0 -1px #0006}#hud-menu-btns button:hover{background:linear-gradient(to bottom,#5a1419d9,#320c10eb);border-color:var(--retro-amber);color:#fff;box-shadow:0 0 10px #ffb00066,2px 2px #000000b3,inset 0 2px 4px #ffdc9633;transform:translateY(-1px)}#hud-menu-btns button:active{transform:translate(1px,1px);box-shadow:1px 1px #00000080}#hud-bottom{padding:4px 2px!important;pointer-events:auto!important;display:flex!important;justify-content:center!important;align-items:flex-end!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}#portrait-bar{display:none!important;grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:8px!important;background:linear-gradient(to right,#050508fa,#0c0c12f0);padding:12px 6px!important;border:2px solid var(--retro-border2);border-left:none;width:110px!important;box-sizing:border-box;box-shadow:4px 0 15px #000c;margin:0;border-radius:0 8px 8px 0}#portrait-bar.active{display:grid!important}#portrait-bar.hidden{display:none!important}.unit-portrait{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:3px;width:90px;height:100px;border-radius:0;background:#0a0a0fe6;position:relative;cursor:pointer;overflow:hidden;padding:3px 2px;box-sizing:border-box;border:1px solid var(--retro-border2);box-shadow:1px 1px 0 var(--retro-border);transition:transform .1s}.unit-portrait:hover{border-color:var(--retro-amber);box-shadow:3px 3px 0 var(--retro-amber),0 0 12px #ffb00033,inset 1px 1px #ffffff0f;transform:translateY(-3px)}.unit-portrait.behemoth-portrait{border:1px solid var(--retro-purple);box-shadow:0 0 10px #a7f6,inset 0 0 15px #a7f3;background:linear-gradient(135deg,#190f2df2,#0a0519fa)}.unit-portrait.behemoth-portrait:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--retro-purple);opacity:.5;animation:behemoth-glow 2s infinite alternate;pointer-events:none;z-index:10}@keyframes behemoth-glow{0%{opacity:.3;box-shadow:0 0 5px #aa77ff4d}to{opacity:.8;box-shadow:0 0 15px #a7f9,inset 0 0 10px #a7f3}}.portrait-img-box{width:36px;height:36px;flex-shrink:0;position:relative;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:2px;overflow:hidden;image-rendering:pixelated}.unit-portrait img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.portrait-info{display:flex;flex-direction:column;gap:2px;width:100%;min-width:0;overflow:hidden;align-items:center}.portrait-name-chip{font-family:var(--font-pixel);font-size:7px;color:var(--retro-amber);text-shadow:1px 1px 0px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px;line-height:1.2;text-transform:uppercase;width:100%;text-align:center}.portrait-hp-label{font-family:var(--font-vt);font-size:clamp(11px,2.5vw,14px);line-height:1;font-weight:700}.portrait-hp-bar{display:flex;gap:1px;align-items:center;height:6px}.portrait-hp-segment{flex:1;height:100%;background:#ffffff0f;border:1px solid rgba(0,0,0,.5);transition:background .15s,box-shadow .15s;image-rendering:pixelated}.portrait-hp-segment.active-hp{background:var(--retro-cyan);box-shadow:0 0 3px #00e5cc80;border-color:#00e5cc4d}.portrait-hp-segment.active-hp-warn{background:var(--retro-amber);box-shadow:0 0 3px #ffb00080;border-color:#ffb0004d}.portrait-hp-segment.active-hp-danger{background:var(--retro-red);box-shadow:0 0 4px #ff4444b3;border-color:#f446;animation:hp-danger-pulse .8s ease-in-out infinite alternate}@keyframes hp-danger-pulse{0%{box-shadow:0 0 3px #ff444480}to{box-shadow:0 0 8px #f44,0 0 12px #f446}}.portrait-ult-bar{width:100%;height:4px;background:#ffffff0d;border:1px solid rgba(100,60,160,.3);position:relative;overflow:hidden}.portrait-ult-fill{height:100%;width:0%;background:linear-gradient(to right,#7832dce6,#c864ff);box-shadow:0 0 6px #b450ff99;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.portrait-ult-fill.ult-ready{background:linear-gradient(to right,#ffb000e6,#ffdc50);box-shadow:0 0 8px #ffc800cc;animation:ult-ready-shine 1.2s ease-in-out infinite alternate}@keyframes ult-ready-shine{0%{box-shadow:0 0 4px #ffc80080;opacity:.85}to{box-shadow:0 0 10px #ffdc32,0 0 20px #ffb4004d;opacity:1}}.portrait-ult-label{font-family:var(--font-pixel);font-size:5px;letter-spacing:.2px;color:var(--retro-purple);line-height:1;text-shadow:0 0 4px rgba(170,119,255,.5);white-space:nowrap;width:100%;text-align:center}.portrait-ult-label.ult-ready-label{color:var(--retro-gold);text-shadow:0 0 6px rgba(255,215,0,.8);animation:crt-blink .6s steps(1) infinite}@keyframes crt-blink{0%,49%{opacity:1}50%,to{opacity:0}}.portrait-status-row{display:flex;gap:2px;flex-wrap:wrap;min-height:10px;width:100%;justify-content:center;align-items:center}.portrait-status-mini{font-size:clamp(9px,2vw,11px);line-height:1;cursor:help;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));transition:transform .1s;position:relative;margin-left:-4px}.portrait-status-mini:first-child{margin-left:0}.portrait-status-mini:hover{transform:scale(1.3);z-index:10}.portrait-dead-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.portrait-dead-label{font-family:var(--font-pixel);font-size:clamp(5px,1.1vw,7px);color:var(--retro-red);letter-spacing:1px;text-shadow:0 0 6px rgba(255,68,68,.8);animation:crt-blink 1s steps(1) infinite}#popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:none;z-index:15000;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}#popup-overlay.sidebar-attached{justify-content:flex-start;padding-left:20px}#popup-content{background:var(--retro-panel);border:2px solid var(--retro-border2);border-radius:0;width:100%;max-width:450px;height:77vh;position:relative;box-shadow:4px 4px 0 var(--retro-border),inset 0 0 40px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:popupIn .15s ease-out;transition:max-width .3s cubic-bezier(.4,0,.2,1)}#popup-content.sidebar-attached{margin-left:120px;max-width:400px;height:85vh;animation:popupSlideInLeft .2s ease-out}@keyframes popupSlideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}#popup-content.wide{max-width:1000px;width:90vw}@keyframes popupIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#popup-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:0;background:var(--retro-panel2);border:2px solid var(--retro-border2);color:var(--retro-white);font-size:14px;font-family:var(--font-pixel);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:border-color .1s,color .1s;outline:none;box-shadow:2px 2px 0 var(--retro-border)}#popup-close:hover{background:#ff444426;border-color:var(--retro-red);color:var(--retro-red);transform:none}#popup-inner{width:100%;height:100%;overflow-y:auto;padding-top:55px;box-sizing:border-box}.inv-tooltip{position:fixed;z-index:11000;pointer-events:none;background:var(--retro-panel);border:2px solid var(--retro-border2);border-radius:0;padding:12px;width:220px;box-shadow:4px 4px 0 var(--retro-border);display:none;flex-direction:column;gap:6px;color:var(--retro-white);font-family:var(--font-vt);font-size:16px;transform:translate(15px,15px);transition:opacity .1s ease}.inv-tooltip .item-name{font-size:11px;font-family:var(--font-pixel);color:var(--retro-amber);text-shadow:0 0 8px var(--retro-amber);margin-bottom:2px;line-height:1.8}.inv-tooltip .item-type{font-size:14px;font-family:var(--font-vt);text-transform:uppercase;letter-spacing:1px;color:var(--retro-dim);border-bottom:1px solid var(--retro-border);padding-bottom:6px}.inv-tooltip .item-stats{display:flex;flex-direction:column;gap:3px}.inv-tooltip .stat-line{font-size:16px;font-family:var(--font-vt);display:flex;justify-content:space-between}.inv-tooltip .stat-label{color:var(--retro-dim)}.inv-tooltip .stat-value{color:var(--retro-green);text-shadow:0 0 4px var(--retro-green)}.inv-tooltip .item-description{font-size:15px;font-family:var(--font-vt);line-height:1.4;color:var(--retro-white);font-style:italic;background:#39c2390a;padding:6px;border-left:2px solid var(--retro-green);margin-top:2px}.item-element-badge{position:absolute;bottom:2px;right:2px;font-size:10px;background:#000000b3;border-radius:4px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 0 4px #000c;border:1px solid rgba(255,255,255,.1);z-index:10;line-height:1}.emoji-filter-bar{display:flex;gap:4px;padding:8px 12px;background:#0006;border-bottom:2px solid var(--retro-border);margin-bottom:8px;overflow-x:auto;flex-wrap:wrap;justify-content:center}.emoji-filter-bar .filter-btn{min-width:45px;padding:5px 8px;background:var(--retro-panel2);border:1px solid var(--retro-border2);color:var(--retro-dim);font-family:var(--font-pixel);font-size:8px;cursor:pointer;transition:all .15s;box-shadow:2px 2px #00000080}.emoji-filter-bar .filter-btn:hover{border-color:var(--retro-amber);color:var(--retro-amber);transform:translateY(-1px)}.emoji-filter-bar .filter-btn.active{background:var(--retro-amber);color:#000;border-color:var(--retro-gold);box-shadow:0 0 10px #ffb00066;text-shadow:none}.status-popup-tab{position:absolute;z-index:18000;background:#0f0f14d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px;width:220px;box-shadow:0 10px 30px #00000080,inset 0 0 10px #ffffff0d;pointer-events:auto;display:none;animation:popup-slide-up .3s cubic-bezier(.175,.885,.32,1.275)}.status-popup-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}.status-popup-emoji{font-size:18px}.status-popup-title{font-size:14px;font-weight:700;color:#0fc}.status-popup-desc{font-size:12px;color:#e0e0e0;line-height:1.4}@keyframes popup-slide-up{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.charm-inventory-label{font-size:13px;font-weight:700;color:#b8f;margin-top:20px;margin-bottom:10px;text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:15px;letter-spacing:1px;text-transform:uppercase}.charm-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12px;width:180px;margin:0 auto 20px;padding:15px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.charm-slot{width:44px;height:44px;background:#0000004d;border:1.5px dashed rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.charm-slot:hover{background:#ffffff14;border-color:#00ffcc80;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.charm-slot.drag-over{background:#00ffcc26;border-color:#0fc;border-style:solid;transform:scale(1.05)}.charm-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:charm-appear .3s ease-out}@keyframes charm-appear{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.combat-graph-window{position:relative;z-index:20;margin:5px 15px 10px;background:#0f0f0acc;border:1px solid var(--retro-border2);border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 0 10px #00000080}.combat-stat-row{display:flex;align-items:center;gap:10px;height:18px}.combat-icon{font-size:12px;width:16px;text-align:center}.combat-bar-container{flex:1;height:14px;background:#ffffff0d;border-radius:4px;position:relative;overflow:hidden}.combat-bar{height:100%;transition:width .3s ease;border-radius:4px}.combat-bar.damage{background:linear-gradient(90deg,#ff4d4d,#ffb000);box-shadow:0 0 10px #ff4d4d66}.combat-bar.received{background:linear-gradient(90deg,#4da6ff,#0ff);box-shadow:0 0 10px #4da6ff66}.combat-bar.heal{background:linear-gradient(90deg,#4dff88,#0fc);box-shadow:0 0 10px #4dff8866}.combat-label{position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);pointer-events:none;white-space:nowrap}.combat-rank{font-size:10px;font-weight:700;width:25px;text-align:right;color:#aaa}.combat-rank.rank-dmg{color:#fa6}.fake-filter-system{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;overflow:hidden;transform:translateZ(0)}.cinematic-layer{position:absolute;top:0;left:0;width:120%;height:120%;margin:-10%;pointer-events:none;-webkit-mask-image:radial-gradient(circle,transparent 50%,black 95%);mask-image:radial-gradient(circle,transparent 50%,black 95%)}.rgb-red-shift{backdrop-filter:blur(15px) brightness(1.05) saturate(1.2);-webkit-backdrop-filter:blur(15px) brightness(1.05) saturate(1.2);mix-blend-mode:screen;background-color:#ff1e1e05;transform:translate(8px,4px) translateZ(0)}.rgb-blue-shift{backdrop-filter:blur(15px) contrast(1.05) saturate(1.2);-webkit-backdrop-filter:blur(15px) contrast(1.05) saturate(1.2);mix-blend-mode:screen;background-color:#1e1eff05;transform:translate(-8px,-4px) translateZ(0)}.fake-vignette-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10003;pointer-events:none;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.65) 140%)}.fake-bloom-tint{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;background:linear-gradient(135deg,rgba(255,230,180,.08) 0%,transparent 50%,rgba(255,210,100,.05) 100%);backdrop-filter:brightness(1.02) saturate(1.03);-webkit-backdrop-filter:brightness(1.02) saturate(1.03)}.filter-debug-active{outline:5px solid cyan!important}.chat-grimoire-view{display:none;flex-direction:column;padding:0!important;background:#1a0f05!important;border-radius:4px;overflow:hidden;position:absolute!important;top:90px!important;left:12px!important;right:12px!important;bottom:12px!important;box-shadow:inset 0 0 60px #000000e6,5px 5px 15px #00000080;z-index:3000!important;border:3px solid #3d2b1f!important;animation:popupScale .15s ease-out}.grimoire-book-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.1) 0%,transparent 70%),url(https://www.transparenttextures.com/patterns/dark-leather.png)!important;opacity:.8!important;pointer-events:none;z-index:-1}.grim-container{height:100%;display:flex;flex-direction:column;padding:12px;box-sizing:border-box;overflow-y:auto;z-index:1}.grim-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--retro-gold)}.grim-page-header{font-family:var(--font-pixel);font-size:11px;color:var(--retro-gold);text-shadow:0 0 10px rgba(255,215,0,.6);margin:0}.grim-close-btn{background:transparent!important;border:2px solid var(--retro-gold)!important;color:var(--retro-gold)!important;width:20px!important;height:20px!important;min-height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-size:16px!important;cursor:pointer}.grim-page{display:flex;flex-direction:column;gap:12px}.grim-chapter{display:flex;flex-direction:column;gap:6px;padding:10px;background:#140a05b3;border:1px solid rgba(255,215,0,.2);border-radius:4px}.grim-chapter-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grim-chapter-label{font-family:var(--font-pixel);font-size:6px;color:gold;opacity:.9;text-transform:uppercase}.grim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;justify-items:center}.grim-slot{width:36px;height:36px;background:#000000b3!important;border:1px solid #5c4033!important;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:inset 0 2px 4px #000c;position:relative}.grim-slot:hover{border-color:var(--retro-gold)!important;background:#2d1e0fe6!important;transform:translateY(-1px);box-shadow:0 4px 8px #0009}.grim-slot.drag-over{border-color:var(--retro-gold)!important;background:#d4af3733!important}.grim-remove-btn{position:absolute;top:-5px;right:-5px;width:14px;height:14px;background:#ef4444;color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.6);cursor:pointer;z-index:10;transition:all .2s;box-shadow:0 0 5px #000c;line-height:1}.grim-remove-btn:hover{background:red;transform:scale(1.2);box-shadow:0 0 10px #ef444499}.grim-icon{width:26px;height:26px;image-rendering:pixelated}.class-grid{grid-template-columns:repeat(2,1fr)}.right-npc-hud{position:absolute;right:20px;top:100px;display:flex;flex-direction:column;gap:15px;z-index:100}.npc-hud-item{background:#0f172ad9;border:2px solid #3b82f6;border-radius:12px;width:60px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;box-shadow:0 4px 15px #00000080;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.npc-hud-portrait{width:50px;height:50px;background:#0000004d;border-radius:8px;position:relative;overflow:hidden}.npc-hud-portrait img{width:100%;height:100%;object-fit:cover}.npc-hud-level{position:absolute;bottom:0;left:0;right:0;background:#3b82f6e6;color:#fff;font-family:var(--font-pixel);font-size:8px;text-align:center;padding:1px 0}.npc-hud-info{width:100%}.npc-hud-name{display:none}.npc-hud-bars{display:flex;flex-direction:column;gap:4px;width:100%}.npc-hud-bar-wrap{height:6px;background:#0006;border-radius:3px;overflow:hidden;width:100%}.npc-hud-bar-fill{height:100%;width:0%;transition:width .3s ease}.npc-hud-bar-fill.stamina{background:#10b981}.npc-hud-bar-fill.durability{background:#f59e0b}.npc-hud-toggle{background:#1e293b;border:1px solid #475569;border-radius:4px;color:#94a3b8;font-family:var(--font-pixel);font-size:8px;padding:3px;cursor:pointer;transition:all .2s;width:100%;text-align:center}.npc-hud-toggle.active{background:#3b82f6;color:#fff;border-color:#60a5fa}.fishing-bubble{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#0f172ae6;border:1px solid #3b82f6;padding:5px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;font-family:var(--font-pixel);font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .5s;z-index:10}.fish-hud{display:flex;gap:10px;align-items:center;margin-left:15px}.fish-icon{position:relative;width:32px;height:32px;background:#0f172a99;border:1px solid rgba(59,130,246,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s}.fish-icon.active{border-color:#60a5fa;box-shadow:0 0 10px #60a5fa80;background:#3b82f633}.fish-icon img{width:24px;height:24px;object-fit:contain}.fish-count{position:absolute;bottom:-4px;right:-4px;background:#3b82f6;color:#fff;font-family:var(--font-pixel);font-size:8px;padding:1px 3px;border-radius:4px;border:1px solid #1e293b;pointer-events:none}.fishing-bucket-container{padding:20px}.fishing-bucket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;max-height:400px;overflow-y:auto;padding:10px;background:#0000004d;border-radius:10px;border:1px solid rgba(59,130,246,.2)}.fishing-bucket-grid::-webkit-scrollbar{width:6px}.fishing-bucket-grid::-webkit-scrollbar-track{background:#0f172a99}.fishing-bucket-grid::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.fishing-bucket-item{background:#0f172a99;border:1px solid rgba(59,130,246,.3);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s;position:relative}.fishing-bucket-item:hover{border-color:#3b82f6;background:#3b82f61a;transform:translateY(-2px)}.fishing-bucket-item img{width:40px;height:40px;object-fit:contain}.fishing-bucket-item .name{font-family:var(--font-pixel);font-size:8px;color:#fff;text-align:center}.fishing-bucket-item .count{position:absolute;top:5px;right:5px;background:#3b82f6;color:#fff;font-family:var(--font-pixel);font-size:7px;padding:1px 3px;border-radius:4px}.fishing-bucket-item .buff{font-family:var(--font-vt);font-size:10px;color:#60a5fa;text-align:center}.fishing-bubble.active{animation:floatUpFade 2s forwards}@keyframes floatUpFade{0%{transform:translate(-50%);opacity:0}20%{transform:translate(-50%,-15px);opacity:1}80%{transform:translate(-50%,-15px);opacity:1}to{transform:translate(-50%,-30px);opacity:0}}.trans-charm-slot{width:50px;height:50px;border:2px solid var(--retro-gold)!important;background:radial-gradient(circle,#ffd7001a,#000c)!important}.settings-menu{display:flex;flex-direction:column;gap:20px;padding:10px;color:var(--retro-white);font-family:var(--font-vt)}.settings-header{display:flex;align-items:center;gap:10px;font-family:var(--font-pixel);font-size:.8rem;color:var(--retro-amber);margin-bottom:10px}.settings-row{display:flex;flex-direction:column;gap:8px}.settings-label-row{display:flex;justify-content:space-between;align-items:center}.settings-label{font-size:1.2rem;color:var(--retro-white)}.settings-controls{display:flex;align-items:center;gap:15px}.settings-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:var(--retro-panel2);border:1px solid var(--retro-border);outline:none;cursor:pointer}#sidebar-right:not(.ready) .item-lv-tag,#sidebar-right:not(.ready) .item-element-badge,.chat-grimoire-view[style*="display: none"] .item-lv-tag,#chat-container:not(.ready) .item-lv-tag{display:none!important;opacity:0!important}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--retro-amber);border:1px solid var(--retro-white);cursor:pointer}.switch{position:relative;display:inline-block;width:50px;height:24px}.slider-toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--retro-panel2);border:1px solid var(--retro-border);transition:.3s}.slider-toggle:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:var(--retro-dim);transition:.3s}input:checked+.slider-toggle{background-color:var(--retro-green);border-color:var(--retro-green)}input:checked+.slider-toggle:before{transform:translate(25px);background-color:#fff}.mute-btn{background:none;border:1px solid var(--retro-border);color:var(--retro-white);padding:5px 10px;cursor:pointer;font-family:var(--font-vt);font-size:1rem;min-width:40px}.mute-btn.active{background:var(--retro-red);border-color:var(--retro-red)}#hud-scene-nav{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:3px;padding:5px 6px 8px;pointer-events:auto;background:transparent;border-top:none;border-bottom:none;box-shadow:none;position:relative;flex:1;box-sizing:border-box}#hud-scene-nav:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,rgba(255,176,0,.02) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,176,0,.02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,176,0,.02) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,176,0,.02) 75%);background-size:4px 4px;background-position:0 0,0 2px,2px -2px,-2px 0;pointer-events:none}.nav-btn{flex:1;min-width:0;background:linear-gradient(to bottom,#370c10bf,#190608d9);border:2px solid rgba(120,25,30,.45);color:#ffd2a08c;font-family:var(--font-vt);font-size:13px;padding:6px 0;cursor:pointer;text-align:center;transition:all .12s steps(3);position:relative;overflow:hidden;border-radius:0;white-space:nowrap;text-shadow:1px 1px 0 rgba(0,0,0,.9);letter-spacing:.5px;box-shadow:2px 2px #00000080,inset 0 1px #ffffff0a}.nav-dropdown-wrapper{flex:1;position:relative;display:flex}.nav-dropdown{position:absolute;top:100%;left:auto;right:0;min-width:140px;max-width:92vw;width:max-content;background:#140505f2;border:2px solid rgba(255,176,0,.4);box-shadow:0 -4px 15px #000c,inset 0 0 10px #ff64001a;display:none;flex-direction:column;z-index:10001;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:5px;border-radius:4px;padding:4px}.nav-dropdown.show{display:flex;animation:slideUpFade .15s steps(4) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{background:transparent;border:none;color:#ffd2a0;font-family:var(--font-vt);font-size:14px;padding:10px 12px;text-align:left;cursor:pointer;transition:all .1s;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;width:100%;box-sizing:border-box;gap:10px}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{background:#ffb00026;color:#fff;padding-left:20px}.nav-dropdown-item:before{content:"▶";font-size:10px;margin-right:8px;opacity:0;transition:opacity .1s}.nav-dropdown-item:hover:before{opacity:1}.nav-btn:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:2px;background:var(--retro-amber);transform:scaleX(0);opacity:0;transition:transform .2s steps(4),opacity .2s steps(4)}.nav-btn:hover{background:linear-gradient(to bottom,#501016d9,#28080ceb);color:#ffe6b4f2;border-color:#c8822880;text-shadow:0 0 8px rgba(255,176,0,.5),1px 1px 0 rgba(0,0,0,1);box-shadow:0 0 8px #b428324d,2px 2px #000000b3,inset 0 2px 6px #ffdc9633;transform:translateY(-1px)}.nav-btn:hover:after{transform:scaleX(1);opacity:.6}.nav-btn.active{background:linear-gradient(to bottom,#6e141cf2,#3c0a10fa);color:var(--retro-amber);border-color:#c88228b3;box-shadow:0 0 14px #ffb00040,2px 2px #0009,inset 0 2px 8px #ffdcdc26;text-shadow:0 0 10px rgba(255,176,0,.7),1px 1px 0 rgba(0,0,0,1);font-weight:700}.nav-btn.active:after{transform:scaleX(1);opacity:1;height:3px;background:var(--retro-amber);box-shadow:0 0 6px var(--retro-amber),0 0 12px #ffb0004d}.nav-btn:active{transform:translate(2px,2px);background:#140508f2;box-shadow:inset 0 4px 8px #000000e6;border-color:#641419b3}#hud-header{pointer-events:auto;display:flex;flex-direction:row;align-items:center;width:100%;background:linear-gradient(135deg,#1e0a0a,#120606,#0a0505);border-bottom:3px solid var(--retro-amber);box-shadow:0 4px #000c,inset 0 0 20px #0009}#hud-scene-nav{border-top:none}#confirm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40000;display:flex;align-items:center;justify-content:center}#confirm-content{background:var(--retro-panel);border:3px solid var(--retro-border2);padding:24px;width:80%;max-width:400px;box-shadow:6px 6px #00000080;text-align:center}#confirm-message{font-family:var(--font-vt);font-size:20px;color:var(--retro-white);margin-bottom:24px;line-height:1.4;word-break:keep-all}.confirm-btns{display:flex;gap:15px;justify-content:center}.confirm-btn{flex:1;padding:12px 0;font-family:var(--font-pixel);font-size:10px;border:2px solid var(--retro-border);cursor:pointer;transition:all .1s;text-transform:uppercase;box-shadow:3px 3px #0006}.confirm-btn.yes{background:var(--retro-amber);color:#000;border-color:gold}.confirm-btn.no{background:var(--retro-panel2);color:var(--retro-dim)}.confirm-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #0006}.confirm-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0006}.portrait-dead-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:grayscale(1) blur(1px);backdrop-filter:grayscale(1) blur(1px);border-radius:4px;pointer-events:auto}.portrait-dead-label{font-family:var(--font-vt);font-size:14px;color:#f44;text-shadow:0 0 5px rgba(255,68,68,.5);margin-bottom:4px;pointer-events:none}.portrait-resurrect-btn{background:var(--retro-amber);border:1px solid #ffd700;color:#000;font-family:var(--font-pixel);font-size:8px;padding:2px 6px;cursor:pointer;box-shadow:0 2px #c8900a;pointer-events:auto}@keyframes crtFlicker{0%,to{opacity:.7}50%{opacity:1}}@keyframes pixelBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes bannerBorderGlow{0%,to{border-color:#c8b42833}50%{border-color:#c8b42880}}#territory-banner-wrap{position:absolute;top:100px;left:0;right:0;bottom:0;z-index:500;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at 50% 100%,#0c0815,#050203);scrollbar-width:thin;scrollbar-color:rgba(255,176,0,.3) rgba(0,0,0,.2);pointer-events:auto}#territory-banner-wrap::-webkit-scrollbar{width:4px}#territory-banner-wrap::-webkit-scrollbar-track{background:#0000001a}#territory-banner-wrap::-webkit-scrollbar-thumb{background:#b43c4680;border-radius:0}#territory-banner-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;padding:30px;max-width:1400px;margin:0 auto}.territory-banner{position:relative;width:100%;height:120px;overflow:hidden;cursor:pointer;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-bottom:2px solid rgba(200,180,40,.15);box-shadow:0 4px 15px #0006,inset 0 0 20px #0003;opacity:0;transform:translate(-30px);animation:bannerSlideIn .45s cubic-bezier(.22,1,.36,1) forwards;transition:all .3s cubic-bezier(.4,0,.2,1)}.territory-banner-nebula-static{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.territory-banner:hover{background:#1e293bcc;border-color:var(--accent, rgba(255, 176, 0, .4));transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #0009,0 0 20px var(--nebula-color-1),inset 0 0 30px #0000004d;z-index:10}@keyframes bannerSlideIn{to{opacity:1;transform:translate(0)}}.territory-banner-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 60%,transparent 70%);transform:translate(-120%);transition:transform .5s steps(8);pointer-events:none;z-index:3}.territory-banner:hover .territory-banner-shine{transform:translate(120%)}.territory-banner:hover .territory-banner-img{transform:scale(1.06) translate(-3px);filter:brightness(.9) saturate(1.1) contrast(1.15)}.territory-banner:hover .territory-banner-label{text-shadow:0 0 20px var(--accent, #fff),0 0 40px var(--accent, transparent),2px 2px 0px rgba(0,0,0,1)}.territory-banner:hover .territory-banner-sublabel{opacity:1;text-shadow:0 0 8px var(--accent, rgba(255, 200, 100, .5)),1px 1px 0 rgba(0,0,0,.9)}.territory-banner:hover .territory-banner-arrow{opacity:1;transform:translate(4px)}.territory-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(rgba(255,176,0,.015) 1px,transparent 0);background-size:3px 3px;pointer-events:none;z-index:2}.territory-banner-img-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0000,#0000 35%,#050203b3 65%,#050203f2)}.territory-banner-img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transform:scale(.7);transition:transform .5s steps(6),filter .3s steps(4);display:block;filter:brightness(.75) saturate(.85) contrast(1.15) sepia(.08);position:relative;z-index:5}.territory-banner-label-wrap{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:3px;pointer-events:none;z-index:20}.territory-banner-sublabel{font-family:var(--font-pixel);font-size:8px;font-weight:400;color:var(--accent, rgba(255, 200, 100, .7));letter-spacing:3px;text-transform:uppercase;opacity:.6;margin-bottom:0;text-shadow:1px 1px 0px rgba(0,0,0,.9);animation:crtFlicker 3s ease-in-out infinite;transition:all .2s steps(3)}.territory-banner-label{font-family:var(--font-vt);font-size:32px;font-weight:700;color:#fff;letter-spacing:2px;text-shadow:2px 2px 0px rgba(0,0,0,1),-1px -1px 0px rgba(0,0,0,.5),0 0 8px var(--accent, transparent);line-height:1;transition:all .2s steps(4);text-transform:uppercase}.territory-banner:hover .territory-banner-label{color:var(--accent, #fff);text-shadow:0 0 20px var(--accent, #fff),0 0 40px var(--accent, transparent),3px 3px 0px rgba(0,0,0,1);transform:skew(-3deg) scale(1.04)}.territory-banner-arrow{font-family:var(--font-pixel);font-size:10px;color:var(--accent, #ffd700);opacity:0;transform:translate(0);transition:opacity .15s steps(3),transform .2s steps(4);margin-top:4px;animation:pixelBlink 1.2s steps(2) infinite;text-shadow:0 0 6px var(--accent, rgba(255, 215, 0, .5))}#territory-patch-notes{position:absolute;top:100px;right:30px;bottom:40px;width:380px;z-index:1200;background:#0a0a0fb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--retro-amber);display:flex;flex-direction:column;box-shadow:-10px 0 30px #00000080,20px 0 50px #000c;pointer-events:auto;animation:terminalIn .6s cubic-bezier(.16,1,.3,1)}@keyframes terminalIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}#territory-patch-notes:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.04),rgba(0,0,0,.04) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10}#territory-patch-tab{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#280a0cfa,#160608fa);padding:7px 10px;font-family:var(--font-vt);font-size:15px;color:var(--retro-amber);border-bottom:2px solid rgba(200,130,40,.35);cursor:default;text-shadow:0 0 6px rgba(255,176,0,.3);position:relative}#territory-patch-tab:before{content:"■ ■";font-size:5px;color:var(--retro-amber);opacity:.4;margin-right:6px;letter-spacing:2px;line-height:1}#territory-patch-close{background:transparent;border:2px solid rgba(255,100,100,.3);border-radius:0;color:#ff8c8ccc;font-size:12px;width:22px;height:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s steps(3);line-height:1;box-shadow:1px 1px #00000080}#territory-patch-close:hover{background:#ff3c3c4d;border-color:#ff6464e6;color:#fff;box-shadow:0 0 6px #ff3c3c4d}#territory-patch-body{background:#0006;padding:15px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--retro-amber) transparent}#territory-patch-body::-webkit-scrollbar{width:8px}#territory-patch-body::-webkit-scrollbar-track{background:transparent}#territory-patch-body::-webkit-scrollbar-thumb{background:var(--retro-amber);border-radius:0}#territory-patch-body .patch-entry{display:flex;flex-direction:column;gap:5px}#territory-patch-body .patch-date{font-family:var(--font-vt);font-size:15px;color:var(--retro-amber);margin-bottom:3px;text-shadow:0 0 8px rgba(255,176,0,.3);letter-spacing:1px}#territory-patch-body .patch-item{font-family:var(--font-vt);font-size:13px;color:#e6d2bed9;display:flex;gap:6px;align-items:flex-start;line-height:1.45;padding-left:4px;border-left:2px solid transparent;transition:border-color .1s steps(2)}#territory-patch-body .patch-item:hover{border-left-color:var(--retro-amber);color:#f0e1c8f2}#territory-patch-body .patch-item-icon{flex-shrink:0}.shop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10000;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .3s ease}.shop-overlay.fade-out{opacity:0}.shop-container{width:95%;max-width:520px;height:80%;max-height:600px;background:linear-gradient(135deg,#4a0404,#2a0202);border:4px double #d4af37;box-shadow:0 0 40px #000000e6,inset 0 0 50px #00000080;display:flex;flex-direction:column;position:relative;animation:shopSlideIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes shopSlideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.shop-header{background:#5a0c0c;border-bottom:2px solid #d4af37;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.shop-title{font-family:var(--font-pixel);font-size:14px;color:gold;text-shadow:2px 2px 0px #000}.shop-close-btn{background:transparent;border:none;color:#d4af37;font-size:24px;cursor:pointer}.shop-body{flex:1;display:flex;overflow:hidden}.shop-sidebar{width:125px;background:#0000004d;border-right:1px solid rgba(212,175,55,.3);display:flex;flex-direction:column}.shop-tab{background:transparent;border:none;border-bottom:1px solid rgba(212,175,55,.2);color:#aaa;padding:12px 10px;font-family:var(--font-pixel);font-size:9px;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:8px;white-space:nowrap}.shop-tab.active{background:#d4af371a;color:#fff;border-left:3px solid #d4af37}.shop-tab.disabled{opacity:.3;cursor:default}.shop-content{flex:1;padding:16px;overflow-y:auto}.shop-item-grid{display:grid;grid-template-columns:1fr;gap:12px}.shop-item-card{background:#0006;border:1px solid #d4af37;padding:12px;display:flex;flex-direction:column;gap:10px;position:relative}.shop-item-top{display:flex;align-items:center;gap:12px;width:100%}.shop-item-icon{font-size:32px}.shop-item-label{flex:1;font-family:var(--font-vt);font-size:18px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-item-price{display:flex;align-items:center;gap:4px;font-family:var(--font-pixel);font-size:10px;color:gold;margin-right:8px}.shop-buy-btn{background:#d4af37;border:none;color:#3e0404;font-family:var(--font-pixel);font-size:9px;padding:8px 12px;cursor:pointer;box-shadow:2px 2px #000}.shop-buy-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.shop-footer{padding:12px 16px;background:#00000080;border-top:2px solid #d4af37;display:flex;justify-content:flex-end;gap:20px}.shop-currency{font-family:var(--font-pixel);font-size:10px}.dungeon-ticket-badge{position:static;margin-left:auto;background:#ffb00033;border:1px solid var(--retro-amber);padding:2px 4px;font-size:8px;color:var(--retro-amber);flex-shrink:0}.best-round-badge{background:#39c23933;border:1px solid var(--retro-green);color:var(--retro-green);padding:1px 4px;font-size:8px;font-family:var(--font-pixel);flex-shrink:0;text-shadow:0 0 5px var(--retro-green);box-shadow:0 0 8px #39c2394d;border-radius:2px}@media(max-width:480px){.nav-dropdown{min-width:130px;padding:2px}.nav-dropdown-item{padding:8px 10px;font-size:13px;gap:6px}.best-round-badge,.dungeon-ticket-badge{padding:1px 3px;font-size:7px}.nav-dropdown-item:before{margin-right:4px;font-size:8px}}.pet-card{transition:transform .1s ease,box-shadow .1s ease;border:2px solid var(--retro-border);box-shadow:2px 2px #00000080}.pet-card:hover{transform:translateY(-2px);border-color:#fbbf24;box-shadow:4px 4px 8px #0006;background:#ffffff1a!important}.pet-card:active{transform:translateY(0);box-shadow:1px 1px #00000080}.pet-storage-overlay .shop-container{border:3px solid #10b981;box-shadow:0 0 30px #10b98166}#btn-feed-pet{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-family:inherit;font-weight:700;border:2px solid #d1fae5;border-radius:8px;box-shadow:0 4px 6px #0000004d;transition:all .2s}#btn-feed-pet:hover{filter:brightness(1.1);transform:scale(1.02)}#btn-feed-pet:active{transform:scale(.98)}.pet-storage-body{height:500px;display:flex;flex-direction:row}.pet-list-area{flex:2;padding:20px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;background:#00000040;align-content:start}.pet-detail-area{flex:1;min-width:250px;border-left:2px solid var(--retro-border);padding:25px;background:#00000059;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.pet-empty-detail{text-align:center;color:var(--retro-amber);font-family:var(--font-pixel);font-size:10px;margin-top:150px;line-height:1.6}@media(max-width:600px){.pet-storage-body{flex-direction:column;height:70vh}.pet-list-area{flex:none;height:40%;min-height:160px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:12px;border-bottom:2px solid var(--retro-border)}.pet-detail-area{flex:1;min-width:0;border-left:none;padding:15px}.pet-empty-detail{margin-top:40px}.pet-card{padding:10px;min-height:80px}.pet-card img{width:44px!important;height:44px!important}}#combat-hud-container{position:absolute;top:48px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;z-index:500;pointer-events:none;width:auto;white-space:nowrap}@media(max-width:480px){#combat-hud-container{gap:3px;top:95px}#hud-round-display{min-width:70px!important;padding:0 6px!important;gap:4px!important}#npc-hud,#messiah-hud,#defense-hud{padding:2px 4px!important;min-width:42px!important;gap:3px!important}.npc-hud-card img,#npc-hud-icon{width:20px!important;height:20px!important}}#combat-hud-container>div{pointer-events:auto}#npc-hud{display:none;align-items:center;background:#0f0f0ae6;border:1px solid var(--retro-amber);padding:2px 8px;border-radius:2px;height:32px;min-width:48px;box-shadow:2px 2px 4px #00000080;box-sizing:border-box}#npc-hud.active{display:flex}.npc-hud-card{display:flex;align-items:center;gap:4px}#npc-hud-icon{width:16px;height:16px;object-fit:contain;image-rendering:pixelated}#npc-hud-stacks{font-family:var(--font-pixel);font-size:8px;color:var(--retro-amber)}.npc-hud-card img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 5px rgba(255,215,0,.3))}.npc-hud-stacks{font-family:var(--font-pixel);font-size:8px;color:var(--retro-white);text-shadow:0 0 5px var(--retro-amber)}.npc-hire-overlay .shop-container{background:linear-gradient(160deg,#1a1a2e,#16213e);border:3px solid #7c3aed;box-shadow:0 0 30px #7c3aed4d}.npc-hire-card:hover{background:#ffffff1a!important;border-color:#fbbf24!important;transform:translateY(-2px);transition:all .2s ease}.messiah-overlay .shop-container{background:linear-gradient(160deg,#1e293b,#0f172a);border:3px solid #ffffff;box-shadow:0 0 40px #ffffff26}.messiah-power-card{transition:all .2s cubic-bezier(.4,0,.2,1)}.messiah-power-card:hover{background:#ffffff14!important;transform:scale(1.02)}.messiah-power-card.active{border-color:#fbbf24!important;box-shadow:0 0 15px #fbbf244d}.messiah-select-btn,.messiah-upgrade-btn{font-family:var(--font-pixel);line-height:1;transition:all .1s ease}.messiah-select-btn:active,.messiah-upgrade-btn:active{transform:scale(.95);filter:brightness(1.2)}.messiah-stats-panel{box-shadow:inset 0 0 15px #00000080}.messiah-slot.filled{background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);border-color:#fff!important;box-shadow:0 0 15px #fff6}#messiah-hud{display:none;align-items:center;background:#0f0f0ae6;border:1px solid #fff;padding:2px 8px;border-radius:2px;height:32px;min-width:64px;box-shadow:2px 2px 4px #00000080;box-sizing:border-box}#messiah-hud.active{display:flex}.messiah-hud-card{display:flex;flex-direction:row;align-items:center;gap:4px;width:100%}#messiah-hud-icon{font-size:12px!important;line-height:1}#messiah-hud-stacks{font-family:var(--font-pixel);font-size:8px;color:#fbbf24}.messiah-cooldown-bar-bg{width:20px!important;height:4px!important;background:#00000080;border-radius:1px;margin-top:1px;overflow:hidden}.messiah-cooldown-bar-fill{width:0%;height:100%;background:#fbbf24;transition:width .1s linear}.messiah-auto-btn{width:auto!important;padding:1px 4px!important;font-size:6px!important;height:16px;background:linear-gradient(to bottom,#410f14bf,#23080cd9);border:1px solid rgba(200,130,40,.45);color:var(--retro-amber);font-family:var(--font-pixel);cursor:pointer;box-shadow:1px 1px #000000b3,inset 0 1px #ffb4641f;transition:all .1s}.messiah-auto-btn:active{transform:translate(1px,1px);box-shadow:inset 0 0 #000000b3,0 0 #ffb4641f}.messiah-auto-btn.active{background:linear-gradient(to bottom,#991b1b,#7f1d1d);border-color:#ef4444;color:#fff;box-shadow:0 0 10px #ef444480,1px 1px #000c,inset 0 1px 1px #ffffff4d;text-shadow:0 0 4px rgba(255,255,255,.8);transform:translateY(-1px)}.messiah-auto-btn.active:active{transform:translate(1px,1px);box-shadow:0 0 5px #ef44444d,inset 0 1px 2px #00000080}#hud-round-display{z-index:1000;display:none;align-items:center;justify-content:center;background:#0f0f0ae6;border:1px solid var(--retro-amber);border-radius:2px;height:32px;min-width:100px;padding:0 12px;box-shadow:2px 2px 4px #00000080;opacity:0;transition:opacity .3s;box-sizing:border-box;margin:0}#hud-round-display.active{display:flex;opacity:1}#hud-round-text{font-family:var(--font-pixel);font-size:8px;color:#fff;text-shadow:1px 1px 0px #000}.settings-menu{padding:10px 20px;color:var(--retro-white);font-family:var(--font-vt)}.settings-header{font-family:var(--font-pixel);font-size:14px;color:var(--retro-amber);margin-bottom:25px;display:flex;align-items:center;gap:10px}.settings-row{margin-bottom:20px;padding:10px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:4px}.settings-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.settings-label{font-size:18px}.settings-controls{display:flex;align-items:center;gap:12px}.settings-slider{width:100%;height:6px;background:#222;border:1px solid #444;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:18px;background:var(--retro-amber);cursor:pointer;border:1px solid #000}.mute-btn{background:#00000080;border:1px solid #444;color:#fff;padding:4px 8px;cursor:pointer;font-size:12px;transition:all .2s}.mute-btn.active{background:var(--retro-red);border-color:#f87171}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#1a1a1a;transition:.3s;border:1px solid #333}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#888;transition:.3s}input:checked+.slider{background-color:#fbbf2433;border-color:var(--retro-amber)}input:checked+.slider:before{transform:translate(22px);background-color:var(--retro-amber);box-shadow:0 0 8px var(--retro-amber)}.slider.round{border-radius:4px}.slider.round:before{border-radius:2px}#defense-hud{display:none;align-items:center;height:32px}.defense-hud-card{background:#0f0f0ae6;border:1px solid var(--retro-amber);padding:2px 8px;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px 4px #00000080;transition:all .1s;min-width:60px;height:32px;box-sizing:border-box;gap:6px}.defense-hud-card:hover{border-color:var(--retro-amber);transform:translateY(-2px)}.defense-hud-icon{font-size:14px;line-height:1}.defense-hud-label{font-family:var(--font-pixel);font-size:8px;color:var(--retro-amber)}.retro-panel-premium{background:linear-gradient(135deg,#0f172af2,#020617fa);border:2px solid #52525b;box-shadow:inset 0 0 20px #000c,0 0 0 2px #0f172a,0 0 0 4px var(--retro-amber),0 10px 30px #000c;position:relative;overflow:hidden}.retro-panel-premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;pointer-events:none;z-index:10}#defense-deployment-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;max-height:500px;z-index:15000;display:flex;flex-direction:column;padding:0}#defense-deployment-panel .panel-header{background:linear-gradient(to bottom,#d97706,#92400e);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--retro-amber)}#defense-deployment-panel .panel-header span{font-family:var(--font-pixel);font-size:12px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.5)}#defense-panel-close{background:#ef4444;border:2px solid #991b1b;color:#fff;font-family:var(--font-pixel);font-size:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px #0006}#defense-panel-close:hover{background:#f87171;transform:scale(1.1)}.deployment-grid{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:4px 8px 12px 4px;margin-top:10px;scrollbar-width:thin;scrollbar-color:var(--retro-amber) rgba(0,0,0,.2)}.deployment-grid::-webkit-scrollbar{width:4px}.deployment-grid::-webkit-scrollbar-thumb{background:var(--retro-amber);border-radius:2px}.deployment-card{background:#1e293b99;border:1px solid rgba(251,191,36,.2);border-left:4px solid var(--retro-amber);padding:12px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:4px 4px #0000004d}.deployment-card:hover{transform:translate(4px);border-color:var(--retro-amber);background:linear-gradient(135deg,#334155f2,#1e293b);box-shadow:0 6px 12px #0006,0 0 15px #fbbf241a}.deployment-card-image-wrap{width:44px;height:44px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.deployment-card-icon{width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}.deployment-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.deployment-card-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.deployment-card-name{font-family:var(--font-pixel);font-size:11px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.status-badge{font-family:var(--font-pixel);font-size:7px;padding:2px 5px;border-radius:2px;text-transform:uppercase}.status-badge.here{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.4)}.status-badge.placed{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.deployment-card-id{font-family:var(--font-vt);font-size:12px;color:var(--retro-dim)}.deployment-card-stats{font-family:var(--font-vt);font-size:11px;color:var(--retro-amber);opacity:.8}.deploy-prompt{font-family:var(--font-pixel);font-size:8px;color:var(--retro-amber);opacity:.6;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}#construction-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2000}.construction-header{position:absolute;top:80px;left:50%;transform:translate(-50%);text-align:center;background:#000000b3;padding:15px 30px;border:2px solid var(--retro-amber);box-shadow:0 0 20px #ffb0004d;pointer-events:auto}.construction-title{font-family:var(--font-pixel);font-size:18px;color:var(--retro-amber);margin-bottom:8px;text-shadow:0 0 10px var(--retro-amber)}.construction-hint{font-family:var(--font-vt);font-size:18px;color:var(--retro-white)}#btn-exit-construction{position:absolute;bottom:120px;left:50%;transform:translate(-50%);pointer-events:auto;padding:15px 30px;font-size:14px}#construction-overlay{background:#ffb0000d}#hud-round-display{cursor:pointer;position:relative;transition:transform .1s;-webkit-user-select:none;user-select:none}#hud-round-display:active{transform:scale(.95)}#difficulty-toggle-menu{position:absolute;top:110%;left:0;width:140px;background:#0f0f14d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:6px;z-index:10000;box-shadow:0 10px 25px #0009,inset 0 0 15px #ffffff0d;transform-origin:top left;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.difficulty-menu-hidden{opacity:0;visibility:hidden;transform:translateY(-10px) scale(.9);pointer-events:none}.difficulty-menu-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.diff-btn{width:100%;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:"Press Start 2P",cursive;font-size:8px;color:#fff;background:#ffffff0d;cursor:pointer;text-align:left;transition:all .2s;display:flex;align-items:center;gap:8px}.diff-btn:before{content:"○";font-size:10px;opacity:.5}.diff-btn.selected:before{content:"◈";color:var(--retro-amber);opacity:1}.diff-btn:hover{background:#ffffff26;border-color:#ffffff4d;padding-left:14px}.diff-btn.normal:hover{color:#4ade80;border-color:#4ade80}.diff-btn.nightmare:hover{color:#fb7185;border-color:#fb7185}.diff-btn.hell:hover{color:#a78bfa;border-color:#a78bfa}.diff-btn.selected.normal{border-color:#4ade80;background:#4ade801a;color:#4ade80}.diff-btn.selected.nightmare{border-color:#fb7185;background:#fb71851a;color:#fb7185}.diff-btn.selected.hell{border-color:#a78bfa;background:#a78bfa1a;color:#a78bfa}#hud-round-display.nightmare{border:1px solid #fb7185!important;box-shadow:0 0 10px #fb718566}#hud-round-display.hell{border:1px solid #a78bfa!important;box-shadow:0 0 15px #a78bfa80;animation:hell-glow 2s infinite alternate}@keyframes hell-glow{0%{box-shadow:0 0 5px #a78bfa4d}to{box-shadow:0 0 20px #a78bfab3}}.best-round-badge{font-family:"Press Start 2P",cursive;font-size:8px;padding:3px 6px;border-radius:4px;margin-right:8px;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4);text-shadow:0 0 5px rgba(16,185,129,.5);transition:all .3s ease;display:inline-block;vertical-align:middle}.best-round-badge.normal{background:#10b98133;color:#10b981;border-color:#10b98166;text-shadow:0 0 5px rgba(16,185,129,.5)}.best-round-badge.nightmare{background:#8b5cf633;color:#a78bfa;border-color:#8b5cf666;text-shadow:0 0 5px rgba(139,92,246,.5)}.best-round-badge.hell{background:#ef444433;color:#f87171;border-color:#ef444466;text-shadow:0 0 5px rgba(239,68,68,.5)}.formation-unit-ctx{position:fixed;z-index:99999;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:linear-gradient(160deg,#1a120a,#0d0904);border:2px solid var(--retro-amber, #d4af37);box-shadow:0 0 0 1px #000,0 0 20px #d4af3759,inset 0 0 12px #000000b3;min-width:170px;animation:fuc-appear .12s ease-out;transform-origin:top left}.formation-unit-ctx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:0}@keyframes fuc-appear{0%{opacity:0;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1)}}.fuc-title{font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:12px;color:var(--retro-amber, #d4af37);text-shadow:0 0 6px rgba(212,175,55,.6);letter-spacing:1px;padding-bottom:6px;border-bottom:1px solid rgba(212,175,55,.3);margin-bottom:2px;position:relative;z-index:1}.fuc-btn{position:relative;z-index:1;font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:11px;color:#e0d0a0;background:linear-gradient(to bottom,#ffc86414,#ffc86405);border:1px solid rgba(212,175,55,.35);padding:7px 10px;text-align:left;cursor:pointer;transition:background .1s,border-color .1s,color .1s,box-shadow .1s;letter-spacing:.5px;box-shadow:1px 1px #0009}.fuc-btn:hover{background:linear-gradient(to bottom,#d4af3740,#d4af371a);border-color:var(--retro-amber, #d4af37);color:#fff;box-shadow:0 0 8px #d4af3766,1px 1px #0009;text-shadow:0 0 5px rgba(255,220,100,.7)}.fuc-btn:active{transform:translate(1px,1px);box-shadow:none}.fuc-btn.fuc-detail:hover{border-color:var(--retro-cyan, #00ffcc);box-shadow:0 0 8px #00ffcc59,1px 1px #0009;text-shadow:0 0 5px rgba(0,255,204,.7);color:var(--retro-cyan, #00ffcc)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGold{0%{box-shadow:0 0 #fbbf24b3;background:#fbbf244d}70%{box-shadow:0 0 0 10px #fbbf2400;background:#0003}to{box-shadow:0 0 #fbbf2400;background:#0003}}.fuc-btn.fuc-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.cooking-overlay{z-index:1000}.food-recipe-card{transition:all .2s ease}.food-recipe-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fb71854d}.food-recipe-card.selected{border-color:#fb7185!important;background:#fb718533!important}.food-buff-icon{width:18px;height:18px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;padding:1px}.food-buff-icon img{width:100%;height:100%;object-fit:contain}.food-buff-count{position:absolute;bottom:-2px;right:-2px;background:#ef4444;color:#fff;font-size:8px;font-weight:700;padding:1px 3px;border-radius:3px;border:1px solid rgba(0,0,0,.5)}.fishing-overlay{z-index:1001}.fishing-container{border-color:#3b82f6!important}#fishing-stamina-bar{box-shadow:0 0 10px #3b82f680}.fishing-stat-row{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.fishing-stat-row:hover{background:#3b82f61a;border-color:#3b82f64d}.fishing-tab-btn.active{background:#3b82f633!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:0 0 15px #3b82f64d}.focus-playlist-btn{background:linear-gradient(135deg,#4c1d95,#1e1b4b)!important;border:2px solid #8b5cf6!important;color:#fff!important;font-family:var(--font-pixel, "Press Start 2P", monospace)!important;font-size:10px!important;padding:8px 12px!important;cursor:pointer!important;margin-bottom:20px!important;width:90%!important;margin-left:5%!important;text-align:center!important;box-shadow:0 4px #2e1065,0 0 10px #8b5cf64d!important;transition:all .1s steps(2)!important;position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:0!important;pointer-events:auto!important;z-index:1000!important}.focus-playlist-btn:hover{background:linear-gradient(135deg,#6d28d9,#312e81)!important;border-color:#a78bfa!important;box-shadow:0 4px #4c1d95,0 0 15px #8b5cf699!important;transform:translateY(-2px)!important}.focus-playlist-btn:active{transform:translateY(2px)!important;box-shadow:0 0 0 transparent!important}.focus-playlist-btn:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1),transparent)!important;transition:all .6s!important}.focus-playlist-btn:hover:before{left:100%!important}@keyframes pulse-purple{0%{box-shadow:0 0 #8b5cf6b3}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.focus-playlist-btn.pulse{animation:pulse-purple 2s infinite!important}.blur-active #game-container,.blur-active #portrait-bar,.blur-active #sidebar-right,.blur-active #combat-hud-container{filter:blur(8px);transition:filter .5s ease}.blur-active #popup-overlay,.blur-active #focus-timer{filter:none!important}#focus-timer{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#a78bfa;padding:10px 20px;border:2px solid #8b5cf6;font-family:"Press Start 2P",monospace;font-size:14px;z-index:9999;text-shadow:0 0 5px #8b5cf6;pointer-events:none;display:none}#app-container.blur-active #game-container,#app-container.blur-active #combat-hud-container,#app-container.blur-active #portrait-bar,#app-container.blur-active #sidebar-right,#app-container.blur-active #ultimate-cutscene-overlay{filter:blur(12px) grayscale(.3);transition:filter .5s ease}#mobile-hud{z-index:20001}#popup-overlay{z-index:15000}#hud-round-display{z-index:1000}#npc-hud,#messiah-hud{z-index:500}#focus-timer{position:fixed;top:85px;left:50%;transform:translate(-50%);z-index:20002;background:#0f0a14d9;color:gold;padding:12px 24px;border:2px solid #aa77ff;font-family:"Press Start 2P",monospace;font-size:16px;box-shadow:0 0 20px #a7f6;pointer-events:none;display:none;text-shadow:2px 2px 0px #000}body.blur-active #game-container,body.blur-active #combat-hud-container,body.blur-active #portrait-bar,body.blur-active #sidebar-right{filter:blur(15px) grayscale(.5);transition:filter .8s ease;outline:5px solid red;outline-offset:-5px}body.blur-active #focus-timer,body.blur-active #popup-overlay,body.blur-active #mobile-hud{filter:none}html.blur-active #game-container,html.blur-active #combat-hud-container,html.blur-active #portrait-bar,html.blur-active #sidebar-right,html.blur-active #ultimate-cutscene-overlay,body.blur-active #game-container,body.blur-active #combat-hud-container,body.blur-active #portrait-bar,body.blur-active #sidebar-right,body.blur-active #ultimate-cutscene-overlay{filter:blur(15px) grayscale(.5);transition:filter .8s ease;pointer-events:none}html.blur-active #focus-timer,html.blur-active #popup-overlay,html.blur-active #mobile-hud,body.blur-active #focus-timer,body.blur-active #popup-overlay,body.blur-active #mobile-hud{filter:none!important;outline:none!important;pointer-events:auto!important}.status-stack-count{position:absolute;bottom:-2px;right:-4px;background:#ef4444;color:#fff;font-size:8px;font-weight:700;padding:0 3px;border-radius:4px;border:1px solid #7f1d1d;line-height:normal;pointer-events:none;text-shadow:none;font-family:var(--font-pixel);z-index:15}#mobile-hud{z-index:20001!important}.status-popup-tab{z-index:18000!important}#popup-overlay{z-index:15000!important}#hud-round-display{z-index:1000!important}#npc-hud,#messiah-hud,#defense-hud,#portrait-bar,#hud-bottom,#combat-hud-container{z-index:500!important}