:root{--font-pixel: Press Start 2P, monospace;--font-condensed: Silkscreen, monospace;--font-retro: Cinzel, serif;--font-readable: Outfit, -apple-system, BlinkMacSystemFont, sans-serif;--font-code: JetBrains Mono, monospace}body{font-family:var(--font-readable);font-size:15px;line-height:1.45;color:#f8f9fc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.heading-jrpg{font-family:var(--font-retro);font-weight:700;letter-spacing:1px;text-transform:uppercase}.text-pixel-sm{font-family:var(--font-pixel);font-size:11px;line-height:1.3}.text-pixel-md{font-family:var(--font-pixel);font-size:13px;line-height:1.4}.text-readable-lg{font-family:var(--font-readable);font-size:16px;font-weight:600}.text-readable-md{font-family:var(--font-readable);font-size:14px}.text-readable-sm{font-family:var(--font-readable);font-size:12px;color:#8b93b5}.text-gold{color:#ffd05b}.text-cyan{color:#00f5d4}.text-crimson{color:#ff758f}.text-muted{color:#8b93b5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#07080d}img,canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}button{border:none;background:none;font:inherit;cursor:pointer}.crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:5;opacity:.6}.arcade-panel{background-color:#1e150d;background-image:linear-gradient(135deg,#140e08e0,#1e150deb),url(/assets/parchment_texture.jpg);background-size:cover,320px 320px;background-repeat:no-repeat,repeat;border:2px solid #7c5828;box-shadow:0 4px 12px #0009,inset 0 0 20px #0a0602cc,inset -2px -2px #422a14,inset 2px 2px #ffd05b;border-radius:4px;position:relative}.arcade-panel::-webkit-scrollbar{width:6px;height:6px}.arcade-panel::-webkit-scrollbar-track{background:#0e0a0699;border-radius:2px}.arcade-panel::-webkit-scrollbar-thumb{background:#7c5828;border-radius:2px;border:1px solid rgba(255,208,91,.2)}.arcade-panel::-webkit-scrollbar-thumb:hover{background:#e5a93b}.arcade-panel-gold{background-color:#16100af2;background-image:linear-gradient(180deg,#1a120bd9,#100b07f0),url(/assets/parchment_texture.jpg);background-size:cover,300px 300px;background-repeat:no-repeat,repeat;border:2px solid #e5a93b;box-shadow:0 0 16px #e5a93b40,inset 0 0 24px #000000bf,inset -2px -2px #7a5c10,inset 2px 2px #ffd05b}.arcade-panel-elevated{background-color:#1c140cf2;border-color:#e5a93b}.pixel-btn{background:#2a1d12;border:2px solid #5a4025;color:#f8f9fc;font-family:var(--font-pixel);font-size:11px;cursor:pointer;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none;box-shadow:0 4px #000,inset -2px -2px #000,inset 2px 2px #604229;transition:transform .05s ease,box-shadow .05s ease}.pixel-btn:hover{background:#3f2c1b;filter:brightness(1.1)}.pixel-btn:active{transform:translateY(3px);box-shadow:0 1px #000,inset -1px -1px #000,inset 1px 1px #604229}.pixel-btn.primary{background:#0e4744;border:2px solid #00f5d4;color:#fff;font-family:var(--font-pixel);font-size:11px;cursor:pointer;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none;box-shadow:0 4px #007566,inset -2px -2px #010707,inset 2px 2px #1b8781;transition:transform .05s ease,box-shadow .05s ease}.pixel-btn.primary:hover{background:#13615c;filter:brightness(1.1)}.pixel-btn.primary:active{transform:translateY(3px);box-shadow:0 1px #007566,inset -1px -1px #010707,inset 1px 1px #1b8781}.pixel-btn.gold{background:#5e3f10;border:2px solid #e5a93b;color:#ffd05b;font-family:var(--font-pixel);font-size:11px;cursor:pointer;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none;box-shadow:0 4px #8e6213,inset -2px -2px #1d1305,inset 2px 2px #9f6b1b;transition:transform .05s ease,box-shadow .05s ease}.pixel-btn.gold:hover{background:#785114;filter:brightness(1.1)}.pixel-btn.gold:active{transform:translateY(3px);box-shadow:0 1px #8e6213,inset -1px -1px #1d1305,inset 1px 1px #9f6b1b}.pixel-btn.danger{background:#54161f;border:2px solid #e63946;color:#fff;font-family:var(--font-pixel);font-size:11px;cursor:pointer;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none;box-shadow:0 4px #8e121b,inset -2px -2px #170609,inset 2px 2px #912635;transition:transform .05s ease,box-shadow .05s ease}.pixel-btn.danger:hover{background:#6c1c28;filter:brightness(1.1)}.pixel-btn.danger:active{transform:translateY(3px);box-shadow:0 1px #8e121b,inset -1px -1px #170609,inset 1px 1px #912635}.pixel-btn.normal{background:#261c14;border:2px solid #5c4228;color:#e0d5c1;font-family:var(--font-pixel);font-size:11px;cursor:pointer;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none;box-shadow:0 4px #030201,inset -2px -2px #000,inset 2px 2px #58412e;transition:transform .05s ease,box-shadow .05s ease}.pixel-btn.normal:hover{background:#3a2b1f;filter:brightness(1.1)}.pixel-btn.normal:active{transform:translateY(3px);box-shadow:0 1px #030201,inset -1px -1px #000,inset 1px 1px #58412e}.pixel-btn.sm{padding:4px 10px;font-size:10px}.pixel-btn.lg{padding:12px 24px;font-size:13px;letter-spacing:1px}.pixel-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:3px;font-family:var(--font-pixel);font-size:10px;border:1px solid currentColor;text-transform:uppercase}.pixel-badge.common{color:#b5b5c3}.pixel-badge.uncommon{color:#00f5d4;background:#00f5d41f}.pixel-badge.rare{color:#ffd05b;background:#ffd05b26}.pixel-badge.legendary{color:#ff007f;background:#ff007f33}.striped-bar-hp{background:repeating-linear-gradient(45deg,#00f5d4,#00f5d4 6px,#00b4a0 6px,#00b4a0 12px)}.striped-bar-mp{background:repeating-linear-gradient(45deg,#48cae4,#48cae4 6px,#0077b6 6px,#0077b6 12px)}.player-hud-card{background-color:#16100af2;background-image:linear-gradient(180deg,#1a120bd9,#100b07f0),url(/assets/parchment_texture.jpg);background-size:cover,300px 300px;background-repeat:no-repeat,repeat;border:2px solid #e5a93b;box-shadow:0 0 16px #e5a93b40,inset 0 0 24px #000000bf,inset -2px -2px #7a5c10,inset 2px 2px #ffd05b;padding:10px 14px;display:flex;flex-direction:column;gap:6px;min-width:320px;background:#140e09f5}.player-hud-card .hud-identity-row{display:flex;justify-content:space-between;align-items:center}.player-hud-card .hud-identity-row .hero-meta{display:flex;align-items:baseline;gap:8px}.player-hud-card .hud-identity-row .hero-meta .hero-name{color:#fff;font-family:var(--font-retro);font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8)}.player-hud-card .hud-identity-row .hero-meta .hero-class{color:#ffd05b;font-size:11px;font-family:var(--font-pixel)}.player-hud-card .hud-identity-row .hero-stats-compact{display:flex;gap:6px;font-size:11px;color:#c4ab7e;font-family:var(--font-readable)}.player-hud-card .hud-identity-row .hero-stats-compact span{color:#fff;font-weight:600}.player-hud-card .hud-gauges-container{display:flex;flex-direction:column;gap:5px}.player-hud-card .hud-gauges-container .gauge-wrapper .gauge-label-row{display:flex;justify-content:space-between;font-size:11px;font-family:var(--font-readable);font-weight:700;margin-bottom:2px}.player-hud-card .hud-gauges-container .gauge-wrapper .gauge-track{width:100%;height:12px;background:#0a0805e6;border:1px solid #7c5828;border-radius:2px;padding:1px;box-shadow:inset 0 1px 3px #000c;overflow:hidden}.player-hud-card .hud-gauges-container .gauge-wrapper .gauge-track .gauge-fill{height:100%;border-radius:1px;transition:width .35s cubic-bezier(.4,0,.2,1)}.player-hud-card .hud-gauges-container .gauge-wrapper .gauge-track .gauge-fill.hp{background:linear-gradient(90deg,#00b4a0,#00f5d4);box-shadow:0 0 8px #00f5d466;background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(0,0,0,.25) 5px,rgba(0,0,0,.25) 10px)}.player-hud-card .hud-gauges-container .gauge-wrapper .gauge-track .gauge-fill.mp{background:linear-gradient(90deg,#0077b6,#48cae4);box-shadow:0 0 8px #48cae466;background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(0,0,0,.25) 5px,rgba(0,0,0,.25) 10px)}.player-hud-card .hud-gear-footnote{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(124,88,40,.5);padding-top:4px;font-size:11px;color:#c4ab7e}.player-hud-card .hud-gear-footnote .gear-item{display:flex;align-items:center;gap:4px;font-weight:500}.stage-modal-overlay{position:absolute;top:48px;bottom:115px;left:20px;right:20px;z-index:100;display:flex;animation:modal-fade-in .15s ease-out}@media(min-width:1024px){.stage-modal-overlay{left:32px;right:32px}}.stage-modal-container{background-color:#16100af2;background-image:linear-gradient(180deg,#1a120bd9,#100b07f0),url(/assets/parchment_texture.jpg);background-size:cover,300px 300px;background-repeat:no-repeat,repeat;border:2px solid #e5a93b;box-shadow:0 0 16px #e5a93b40,inset 0 0 24px #000000bf,inset -2px -2px #7a5c10,inset 2px 2px #ffd05b;width:100%;height:100%;display:flex;flex-direction:column;gap:12px;padding:16px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 35px #000000e6,inset 0 0 30px #000000b3,inset 0 0 15px #e5a93b40;overflow:hidden}.stage-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(124,88,40,.7);padding-bottom:8px}.stage-modal-header .title-group{display:flex;align-items:center;gap:10px}.stage-modal-header .title-group .modal-title{font-family:var(--font-retro);font-size:15px;color:#ffd05b;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.stage-modal-header .title-group .modal-subtitle{color:#c4ab7e;font-size:11px;font-family:var(--font-pixel)}.stage-modal-body{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;flex:1;min-height:0;overflow:hidden}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.equipment-catalog{background-color:#080a10e0;border:2px solid #2f354f;box-shadow:inset -2px -2px #12151f,inset 2px 2px #464f75;padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-height:0}.equipment-catalog .catalog-header{font-family:var(--font-pixel);font-size:11px;color:#ffd05b;border-bottom:1px solid #2f354f;padding-bottom:4px}.equipment-catalog .catalog-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;padding-right:4px}.equipment-catalog .catalog-list::-webkit-scrollbar{width:6px;height:6px}.equipment-catalog .catalog-list::-webkit-scrollbar-track{background:#0e0a0699;border-radius:2px}.equipment-catalog .catalog-list::-webkit-scrollbar-thumb{background:#7c5828;border-radius:2px;border:1px solid rgba(255,208,91,.2)}.equipment-catalog .catalog-list::-webkit-scrollbar-thumb:hover{background:#e5a93b}.equipment-catalog .catalog-item-card{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:4px;border:1px solid #2f354f;background:#0006;cursor:pointer;transition:all .15s ease}.equipment-catalog .catalog-item-card:hover{border-color:#e5a93b;background:#e5a93b1f}.equipment-catalog .catalog-item-card.selected{border-color:#ffd05b;background:#e5a93b38;box-shadow:inset 0 0 10px #e5a93b33}.equipment-inspect-panel{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.equipment-inspect-panel::-webkit-scrollbar{width:6px;height:6px}.equipment-inspect-panel::-webkit-scrollbar-track{background:#0e0a0699;border-radius:2px}.equipment-inspect-panel::-webkit-scrollbar-thumb{background:#7c5828;border-radius:2px;border:1px solid rgba(255,208,91,.2)}.equipment-inspect-panel::-webkit-scrollbar-thumb:hover{background:#e5a93b}.equipment-inspect-panel .slot-card{background-color:#0e111ce6;border:2px solid #2f354f;box-shadow:inset -2px -2px #12151f,inset 2px 2px #464f75;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.equipment-inspect-panel .slot-card .slot-label{font-family:var(--font-pixel);font-size:10px;color:#ffd05b}.equipment-inspect-panel .stat-diff-box{background-color:#16100af2;background-image:linear-gradient(180deg,#1a120bd9,#100b07f0),url(/assets/parchment_texture.jpg);background-size:cover,300px 300px;background-repeat:no-repeat,repeat;border:2px solid #e5a93b;box-shadow:0 0 16px #e5a93b40,inset 0 0 24px #000000bf,inset -2px -2px #7a5c10,inset 2px 2px #ffd05b;flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:#00000073}.equipment-inspect-panel .stat-diff-box .diff-title{font-family:var(--font-pixel);font-size:10px;color:#ffd05b;margin-bottom:4px}.equipment-inspect-panel .stat-diff-box .diff-row{display:flex;justify-content:space-between;font-size:13px;font-family:var(--font-readable)}.equipment-inspect-panel .stat-diff-box .diff-row.positive{color:#00f5d4}.equipment-inspect-panel .stat-diff-box .diff-row.negative{color:#ff758f}.shop-grid-container{background-color:#080a10e0;border:2px solid #2f354f;box-shadow:inset -2px -2px #12151f,inset 2px 2px #464f75;padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-height:0}.shop-grid-container .shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto;flex:1;padding-right:4px}.shop-grid-container .shop-grid::-webkit-scrollbar{width:6px;height:6px}.shop-grid-container .shop-grid::-webkit-scrollbar-track{background:#0e0a0699;border-radius:2px}.shop-grid-container .shop-grid::-webkit-scrollbar-thumb{background:#7c5828;border-radius:2px;border:1px solid rgba(255,208,91,.2)}.shop-grid-container .shop-grid::-webkit-scrollbar-thumb:hover{background:#e5a93b}.shop-grid-container .shop-item-card{display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:8px 10px;border-radius:4px;border:1px solid #2f354f;background:#0006;transition:all .15s ease}.shop-grid-container .shop-item-card:hover{border-color:#e5a93b;background:#e5a93b14}.shop-side-panel{display:flex;flex-direction:column;gap:10px;min-height:0}.shop-side-panel .rest-inn-card{background-color:#16100af2;background-image:linear-gradient(180deg,#1a120bd9,#100b07f0),url(/assets/parchment_texture.jpg);background-size:cover,300px 300px;background-repeat:no-repeat,repeat;border:2px solid #e5a93b;box-shadow:0 0 16px #e5a93b40,inset 0 0 24px #000000bf,inset -2px -2px #7a5c10,inset 2px 2px #ffd05b;padding:12px;display:flex;flex-direction:column;gap:8px;background:#0006}.shop-side-panel .campfire-meal-card{background-color:#0006;border:2px solid #00b4d8;box-shadow:inset -2px -2px #00748b,inset 2px 2px #16d8ff;padding:12px;display:flex;flex-direction:column;gap:8px}.shop-side-panel .transaction-log{background-color:#00000080;border:2px solid #2f354f;box-shadow:inset -2px -2px #12151f,inset 2px 2px #464f75;flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:4px;min-height:70px;overflow-y:auto}.shop-side-panel .transaction-log::-webkit-scrollbar{width:6px;height:6px}.shop-side-panel .transaction-log::-webkit-scrollbar-track{background:#0e0a0699;border-radius:2px}.shop-side-panel .transaction-log::-webkit-scrollbar-thumb{background:#7c5828;border-radius:2px;border:1px solid rgba(255,208,91,.2)}.shop-side-panel .transaction-log::-webkit-scrollbar-thumb:hover{background:#e5a93b}.workbench-container{background-color:#080a10e0;border:2px solid #2f354f;box-shadow:inset -2px -2px #12151f,inset 2px 2px #464f75;flex:1;padding:14px 16px;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:12px}.workbench-container::-webkit-scrollbar{width:6px;height:6px}.workbench-container::-webkit-scrollbar-track{background:#0e0a0699;border-radius:2px}.workbench-container::-webkit-scrollbar-thumb{background:#7c5828;border-radius:2px;border:1px solid rgba(255,208,91,.2)}.workbench-container::-webkit-scrollbar-thumb:hover{background:#e5a93b}.workbench-container .workbench-header-bar{display:flex;justify-content:space-between;align-items:center}.workbench-container .workbench-header-bar .active-socket-badge{background:#e5a93b26;border:1px solid #e5a93b;padding:8px 14px;border-radius:4px;text-align:right}.workbench-container .harvested-parts-list{display:flex;flex-direction:column;gap:6px}.workbench-container .part-row-card{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:4px;border:1px solid #2f354f;background:#0006;transition:all .15s ease}.workbench-container .part-row-card.socketed{border-color:#00f5d4;background:#00f5d41f}.inn-screen-viewport{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;background:#07080d;overflow:hidden}.inn-screen-viewport .inn-bg-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/inn_bg.jpg);background-size:cover;background-position:center;filter:brightness(.85) contrast(1.05);z-index:1}.inn-header-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#0e0a06eb;border-bottom:1px solid #7c5828;z-index:10}.inn-header-bar .brand-group{display:flex;align-items:center;gap:12px}.inn-header-bar .brand-group .brand-title{font-family:var(--font-retro);font-size:14px;color:#ffd05b;letter-spacing:1px}.inn-header-bar .brand-group .brand-subtitle{font-family:var(--font-pixel);font-size:11px;color:#c4ab7e}.inn-header-bar .nav-actions{display:flex;gap:8px}.inn-bottom-console{display:grid;grid-template-columns:320px 1fr 220px;gap:16px;padding:16px 20px;z-index:60;background:linear-gradient(180deg,transparent 0%,rgba(10,7,4,.96) 25%)}@media(min-width:1024px){.inn-bottom-console{padding:16px 32px}}.inn-bottom-console .player-card{background-color:#16100af2;background-image:linear-gradient(180deg,#1a120bd9,#100b07f0),url(/assets/parchment_texture.jpg);background-size:cover,300px 300px;background-repeat:no-repeat,repeat;border:2px solid #e5a93b;box-shadow:0 0 16px #e5a93b40,inset 0 0 24px #000000bf,inset -2px -2px #7a5c10,inset 2px 2px #ffd05b;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.inn-bottom-console .player-card .player-header{display:flex;justify-content:space-between;align-items:center}.inn-bottom-console .player-card .player-header .hero-name{color:#fff;font-family:var(--font-retro);font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.inn-bottom-console .player-card .player-header .hero-class{color:#ffd05b;font-size:11px;font-family:var(--font-pixel)}.inn-bottom-console .player-card .player-header .hero-gold{color:#ffd05b;font-family:var(--font-pixel);font-size:12px}.inn-bottom-console .player-card .stat-row .stat-meta{display:flex;justify-content:space-between;font-size:11px;margin-bottom:2px;font-family:var(--font-readable);font-weight:600}.inn-bottom-console .player-card .stat-row .stat-track{width:100%;height:10px;background:#111;border:1px solid #7c5828;border-radius:2px;overflow:hidden}.inn-bottom-console .action-buttons-group{background-color:#1e150d;background-image:linear-gradient(135deg,#140e08e0,#1e150deb),url(/assets/parchment_texture.jpg);background-size:cover,320px 320px;background-repeat:no-repeat,repeat;border:2px solid #7c5828;box-shadow:0 4px 12px #0009,inset 0 0 20px #0a0602cc,inset -2px -2px #422a14,inset 2px 2px #ffd05b;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:14px}.inn-bottom-console .ready-container{background-color:#16100af2;background-image:linear-gradient(180deg,#1a120bd9,#100b07f0),url(/assets/parchment_texture.jpg);background-size:cover,300px 300px;background-repeat:no-repeat,repeat;border:2px solid #e5a93b;box-shadow:0 0 16px #e5a93b40,inset 0 0 24px #000000bf,inset -2px -2px #7a5c10,inset 2px 2px #ffd05b;padding:10px;display:flex;align-items:center;justify-content:center}.inn-bottom-console .ready-container .ready-button{width:100%;height:100%;font-size:14px;letter-spacing:1px;box-shadow:0 0 15px #e5a93b66}.combat-screen-viewport{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:#07080d;overflow:hidden;box-sizing:border-box}.combat-top-overlay{position:absolute;top:0;left:0;right:0;height:48px;display:flex;justify-content:space-between;align-items:center;padding:6px 16px;z-index:50;pointer-events:none}.combat-top-overlay .overlay-left{pointer-events:auto}.combat-top-overlay .overlay-left .encounter-title{font-family:var(--font-retro);font-size:15px;color:#ffd05b;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(229,169,59,.4)}.combat-top-overlay .boss-banner-conditional{pointer-events:auto;display:flex;align-items:center;gap:12px;background:#1e080ceb;border:1px solid #ff4d6d;box-shadow:0 0 14px #ff4d6d59,inset 0 0 8px #ff4d6d33;border-radius:4px;padding:4px 14px;animation:boss-banner-glow 2s infinite alternate}.combat-top-overlay .boss-banner-conditional .boss-name-tag{font-family:var(--font-retro);font-size:12px;font-weight:700;color:#ff758f;text-shadow:0 1px 3px #000;white-space:nowrap}.combat-top-overlay .boss-banner-conditional .boss-gauges-cluster{display:flex;flex-direction:column;gap:2px;width:220px}.combat-top-overlay .boss-banner-conditional .boss-gauges-cluster .gauge-row{display:flex;align-items:center;gap:6px;font-size:8px;font-family:var(--font-pixel)}.combat-top-overlay .boss-banner-conditional .boss-gauges-cluster .gauge-row.hp{color:#ff758f}.combat-top-overlay .boss-banner-conditional .boss-gauges-cluster .gauge-row.mp{color:#48cae4}.combat-top-overlay .boss-banner-conditional .boss-gauges-cluster .gauge-row .boss-fill-bar{flex:1;height:6px;background:#0a0505d9;border:1px solid rgba(255,77,109,.6);border-radius:2px;overflow:hidden}.combat-top-overlay .boss-banner-conditional .boss-gauges-cluster .gauge-row .boss-fill-bar .fill{height:100%}.combat-top-overlay .boss-banner-conditional .boss-gauges-cluster .gauge-row .boss-fill-bar .fill.hp-fill{background:linear-gradient(90deg,#c9184a,#ff758f);box-shadow:0 0 6px #ff758f99}.combat-top-overlay .boss-banner-conditional .boss-gauges-cluster .gauge-row .boss-fill-bar .fill.mp-fill{background:linear-gradient(90deg,#0077b6,#48cae4)}.combat-top-overlay .boss-banner-conditional .boss-status-icons{display:flex;gap:4px}.combat-top-overlay .boss-banner-conditional .boss-status-icons .boss-status-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#1a080c;border:1px solid #ff4d6d;border-radius:3px;font-size:11px}.combat-top-overlay .overlay-right-controls{pointer-events:auto;display:flex;align-items:center;gap:8px;position:relative}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;background:#081c18eb;border:1px solid #2ec4b6;color:#2ec4b6;font-family:var(--font-pixel);font-size:10px;padding:4px 10px;border-radius:3px;cursor:pointer;box-shadow:0 2px 6px #000000b3;transition:all .15s ease}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-trigger:hover{background:#102c26f2;box-shadow:0 0 10px #2ec4b666}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel{position:absolute;top:36px;right:48px;width:320px;max-height:200px;background:#0a1210f7;border:1px solid #2ec4b6;box-shadow:0 6px 18px #000000e6,0 0 10px #2ec4b64d;border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:100}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-header{font-family:var(--font-pixel);font-size:9px;color:#2ec4b6;border-bottom:1px solid rgba(46,196,182,.4);padding-bottom:3px}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-log-stream{display:flex;flex-direction:column;gap:3px;overflow-y:auto;max-height:160px}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-log-stream::-webkit-scrollbar{width:6px;height:6px}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-log-stream::-webkit-scrollbar-track{background:#0e0a0699;border-radius:2px}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-log-stream::-webkit-scrollbar-thumb{background:#7c5828;border-radius:2px;border:1px solid rgba(255,208,91,.2)}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-log-stream::-webkit-scrollbar-thumb:hover{background:#e5a93b}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-log-stream .log-entry{font-size:11px;font-family:var(--font-readable);line-height:1.3;padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-log-stream .log-entry.damage{color:#ff758f}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-log-stream .log-entry.heal{color:#00f5d4}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-log-stream .log-entry.buff{color:#ffd05b}.combat-top-overlay .overlay-right-controls .combat-log-dropdown-panel .dropdown-log-stream .log-entry.info{color:#c5cae0}.combat-top-overlay .overlay-right-controls .yellow-menu-btn{display:inline-flex;align-items:center;gap:4px;background:#2d220ceb;border:1px solid #ffd05b;color:#ffd05b;font-family:var(--font-pixel);font-size:10px;padding:4px 10px;border-radius:3px;cursor:pointer;box-shadow:0 2px 6px #000000b3;transition:all .15s ease}.combat-top-overlay .overlay-right-controls .yellow-menu-btn:hover{background:#413010f2;box-shadow:0 0 10px #ffd05b66}.combat-stage{flex:1;min-height:0;position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding:60px 48px 24px;z-index:10;box-sizing:border-box;overflow:hidden}.combat-stage .stage-background-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.combat-stage .arena-floating-confirm-anchor{position:absolute;bottom:12px;right:10px;z-index:35}.combat-stage .arena-floating-confirm-anchor .big-confirm-btn{font-family:var(--font-retro);font-size:13px;font-weight:700;letter-spacing:1px;padding:9px 24px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#443212,#201507);border:2px solid #ffd05b;color:#ffd05b;box-shadow:0 4px 14px #000000e6,0 0 16px #e5a93b66,inset 0 0 10px #ffd05b40;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.combat-stage .arena-floating-confirm-anchor .big-confirm-btn:hover{transform:translateY(-2px) scale(1.04);background:linear-gradient(180deg,#5a4218,#2c1d0a);box-shadow:0 6px 18px #000000f2,0 0 22px #ffd05b99,inset 0 0 12px #ffd05b66}.combat-stage .arena-floating-confirm-anchor .big-confirm-btn:active{transform:translateY(1px) scale(.98)}.combat-stage .player-party-formation-grid{display:grid;grid-template-columns:102px 102px 102px;grid-template-rows:repeat(3,106px);column-gap:18px;row-gap:8px;align-items:center;justify-items:center;z-index:10;margin-left:10px;margin-bottom:6px}.combat-stage .player-party-formation-grid .slot-healer{grid-column:1;grid-row:2}.combat-stage .player-party-formation-grid .slot-dps-1{grid-column:2;grid-row:1}.combat-stage .player-party-formation-grid .slot-summon-3{grid-column:2;grid-row:2}.combat-stage .player-party-formation-grid .slot-dps-2{grid-column:2;grid-row:3}.combat-stage .player-party-formation-grid .slot-summon-1{grid-column:3;grid-row:1}.combat-stage .player-party-formation-grid .slot-tank{grid-column:3;grid-row:2}.combat-stage .player-party-formation-grid .slot-summon-2{grid-column:3;grid-row:3}.combat-stage .enemy-party-formation-grid{display:grid;grid-template-columns:102px 102px 180px;grid-template-rows:repeat(4,76px);column-gap:18px;row-gap:6px;align-items:center;justify-items:center;z-index:10;margin-right:15px;margin-bottom:6px}.combat-stage .enemy-party-formation-grid .slot-mob-1{grid-column:1;grid-row:2}.combat-stage .enemy-party-formation-grid .slot-mob-2{grid-column:1;grid-row:3}.combat-stage .enemy-party-formation-grid .slot-mob-3{grid-column:2;grid-row:1}.combat-stage .enemy-party-formation-grid .slot-mob-4{grid-column:2;grid-row:4}.combat-stage .enemy-party-formation-grid .slot-boss{grid-column:3;grid-row:1/span 4;display:flex;flex-direction:column;align-items:center;justify-content:center}.combat-stage .combatant-unit{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.combat-stage .combatant-unit:hover{transform:scale(1.06)}.combat-stage .combatant-unit.selected-target{transform:scale(1.08)}.combat-stage .combatant-unit.selected-target .sprite-wrapper{filter:drop-shadow(0 0 16px #ff758f) drop-shadow(0 0 8px #ffd05b)!important;animation:target-pulse 1.2s infinite alternate}.combat-stage .combatant-unit .default-target-indicator{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;color:#ffd05b;animation:target-bounce .8s infinite alternate;z-index:25;text-shadow:0 0 6px #000;white-space:nowrap}.combat-stage .combatant-unit .sprite-wrapper{position:relative;display:flex;align-items:center;justify-content:center;transition:filter .2s ease}.combat-stage .combatant-unit .sprite-wrapper:after{content:"";position:absolute;bottom:0;left:15%;width:70%;height:8px;background:radial-gradient(ellipse at center,#000000e6,#0000 70%);border-radius:50%;z-index:-1;pointer-events:none}.combat-stage .combatant-unit.shape-circle .sprite-wrapper{border-radius:50%}.combat-stage .combatant-unit.shape-summon-rect .sprite-wrapper{border:none;background:transparent;padding:0}.combat-stage .combatant-unit.shape-boss-diamond .sprite-wrapper{filter:drop-shadow(0 0 20px rgba(255,77,109,.45))}.combat-stage .combatant-unit.shape-boss-diamond .boss-label-diamond{font-family:var(--font-retro);font-size:14px;font-weight:900;color:#ff4d6d;letter-spacing:2px;text-shadow:0 0 10px rgba(255,77,109,.8);margin-top:2px}.combat-stage .combatant-unit .combatant-vitals-below{display:flex;flex-direction:column;align-items:center;gap:2px;width:84px}.combat-stage .combatant-unit .combatant-vitals-below.summon-vitals{width:72px}.combat-stage .combatant-unit .combatant-vitals-below.boss-vitals{width:110px}.combat-stage .combatant-unit .combatant-vitals-below .unit-name{color:#fff;font-family:var(--font-retro);font-size:10px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.95);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.combat-stage .combatant-unit .combatant-vitals-below .mini-gauges-stack{display:flex;flex-direction:column;gap:1px;width:100%}.combat-stage .combatant-unit .combatant-vitals-below .mini-gauges-stack .mini-gauge{width:100%;height:5px;background:#0a0806f2;border:1px solid rgba(124,88,40,.8);border-radius:1px;overflow:hidden}.combat-stage .combatant-unit .combatant-vitals-below .mini-gauges-stack .mini-gauge .mini-fill{height:100%}.combat-stage .combatant-unit .combatant-vitals-below .mini-gauges-stack .mini-gauge .mini-fill.hp{background:linear-gradient(90deg,#00b4a0,#00f5d4)}.combat-stage .combatant-unit .combatant-vitals-below .mini-gauges-stack .mini-gauge .mini-fill.mp{background:linear-gradient(90deg,#0077b6,#48cae4)}.combat-bottom-console-3col{flex-shrink:0;display:grid;grid-template-columns:140px 1.25fr 1.35fr;z-index:60;background:#0a0704fa;border-top:2px solid #7c5828;box-shadow:0 -4px 16px #000c;box-sizing:border-box}.combat-bottom-console-3col .action-menu-box{background-color:#1e150d;background-image:linear-gradient(135deg,#140e08e0,#1e150deb),url(/assets/parchment_texture.jpg);background-size:cover,320px 320px;background-repeat:no-repeat,repeat;border:2px solid #7c5828;box-shadow:0 4px 12px #0009,inset 0 0 20px #0a0602cc,inset -2px -2px #422a14,inset 2px 2px #ffd05b;padding:3px 6px;display:flex;flex-direction:column;justify-content:center;gap:2px}.combat-bottom-console-3col .action-menu-box .command-row-btn{width:100%;text-align:left;font-size:11px;padding:3px 8px;border-radius:3px;font-family:var(--font-readable);font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:5px;cursor:pointer}.combat-bottom-console-3col .action-menu-box .command-row-btn.active{background:#e5a93b40;border-color:#ffd05b;color:#ffd05b;box-shadow:inset 0 0 6px #e5a93b4d}.combat-bottom-console-3col .action-column-box{background-color:#16100af2;background-image:linear-gradient(180deg,#1a120bd9,#100b07f0),url(/assets/parchment_texture.jpg);background-size:cover,300px 300px;background-repeat:no-repeat,repeat;border:2px solid #e5a93b;box-shadow:0 0 16px #e5a93b40,inset 0 0 24px #000000bf,inset -2px -2px #7a5c10,inset 2px 2px #ffd05b;padding:4px 8px;display:flex;flex-direction:column;gap:3px;min-height:0;overflow:hidden}.combat-bottom-console-3col .action-column-box .column-header{font-family:var(--font-pixel);font-size:9px;color:#ffd05b;border-bottom:1px solid #7c5828;padding-bottom:2px}.combat-bottom-console-3col .action-column-box .column-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex:1;padding-right:3px}.combat-bottom-console-3col .action-column-box .column-list::-webkit-scrollbar{width:6px;height:6px}.combat-bottom-console-3col .action-column-box .column-list::-webkit-scrollbar-track{background:#0e0a0699;border-radius:2px}.combat-bottom-console-3col .action-column-box .column-list::-webkit-scrollbar-thumb{background:#7c5828;border-radius:2px;border:1px solid rgba(255,208,91,.2)}.combat-bottom-console-3col .action-column-box .column-list::-webkit-scrollbar-thumb:hover{background:#e5a93b}.combat-bottom-console-3col .action-column-box .column-card{padding:4px 6px;border-radius:3px;border:1px solid #7c5828;background:#00000073;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .15s ease}.combat-bottom-console-3col .action-column-box .column-card:hover{border-color:#ffd05b;background:#e5a93b26}.combat-bottom-console-3col .action-column-box .column-card.selected{border-color:#00f5d4;background:#00f5d426}.combat-bottom-console-3col .action-column-box .column-card .card-name{color:#fff;font-weight:700;font-size:11px;font-family:var(--font-readable)}.combat-bottom-console-3col .action-column-box .column-card .card-desc{color:#c4ab7e;font-size:10px}.combat-bottom-console-3col .action-column-box .column-card .card-cost{color:#00f5d4;font-family:var(--font-pixel);font-size:9px}.combat-bottom-console-3col .action-column-box .prompt-banner{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:#ffd05b;font-family:var(--font-retro);font-size:11px;letter-spacing:.5px}.combat-bottom-console-3col .unit-details-box{background-color:#1e150d;background-image:linear-gradient(135deg,#140e08e0,#1e150deb),url(/assets/parchment_texture.jpg);background-size:cover,320px 320px;background-repeat:no-repeat,repeat;border:2px solid #7c5828;box-shadow:0 4px 12px #0009,inset 0 0 20px #0a0602cc,inset -2px -2px #422a14,inset 2px 2px #ffd05b;padding:6px 10px;display:flex;flex-direction:column;gap:3px;min-height:0;overflow:hidden}.combat-bottom-console-3col .unit-details-box .details-header{font-family:var(--font-pixel);font-size:9px;color:#ffd05b;border-bottom:1px solid #7c5828;padding-bottom:2px;display:flex;justify-content:space-between}.combat-bottom-console-3col .unit-details-box .details-body{display:flex;align-items:center;gap:12px;flex:1}.combat-bottom-console-3col .unit-details-box .details-body .details-portrait{width:54px;height:54px;border:1px solid #e5a93b;border-radius:3px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.combat-bottom-console-3col .unit-details-box .details-body .details-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.combat-bottom-console-3col .unit-details-box .details-body .details-info .unit-title-line{display:flex;justify-content:space-between;align-items:baseline}.combat-bottom-console-3col .unit-details-box .details-body .details-info .unit-title-line .target-name{font-family:var(--font-retro);font-size:12px;font-weight:700;color:#ffd05b}.combat-bottom-console-3col .unit-details-box .details-body .details-info .unit-title-line .target-role{font-family:var(--font-pixel);font-size:9px;color:#c4ab7e}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-bars-cluster{display:flex;gap:10px;margin:1px 0}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-bars-cluster .detail-bar-item{flex:1;display:flex;align-items:center;gap:4px;font-size:8px;font-family:var(--font-pixel)}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-bars-cluster .detail-bar-item.hp{color:#00f5d4}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-bars-cluster .detail-bar-item.mp{color:#48cae4}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-bars-cluster .detail-bar-item .bar-track{flex:1;height:5px;background:#000000b3;border:1px solid #7c5828;border-radius:1px;overflow:hidden}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-bars-cluster .detail-bar-item .bar-track .bar-fill{height:100%}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-bars-cluster .detail-bar-item .bar-track .bar-fill.hp-fill{background:linear-gradient(90deg,#00b4a0,#00f5d4);box-shadow:0 0 4px #00f5d480}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-bars-cluster .detail-bar-item .bar-track .bar-fill.mp-fill{background:linear-gradient(90deg,#0077b6,#48cae4);box-shadow:0 0 4px #48cae480}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-debuffs-row{display:flex;align-items:center;gap:6px}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-debuffs-row .debuff-label{font-family:var(--font-pixel);font-size:8px;color:#c4ab7e}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-debuffs-row .debuff-badges{display:flex;gap:4px}.combat-bottom-console-3col .unit-details-box .details-body .details-info .details-debuffs-row .debuff-badges .status-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:2px;background:#1c140c;border:1px solid #e5a93b;box-shadow:0 1px 3px #000c;font-size:10px;line-height:1}.combat-bottom-console-3col .unit-details-box .details-body .details-info .stats-summary-row{display:flex;gap:10px;font-size:8px;font-family:var(--font-pixel);color:#c5cae0}.combat-bottom-console-3col .unit-details-box .details-body .details-info .stats-summary-row span b{color:#ffd05b}.combat-menu-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200}.combat-menu-modal-backdrop .combat-menu-modal{background-color:#16100af2;background-image:linear-gradient(180deg,#1a120bd9,#100b07f0),url(/assets/parchment_texture.jpg);background-size:cover,300px 300px;background-repeat:no-repeat,repeat;border:2px solid #e5a93b;box-shadow:0 0 16px #e5a93b40,inset 0 0 24px #000000bf,inset -2px -2px #7a5c10,inset 2px 2px #ffd05b;width:280px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 30px #000000f2}.combat-menu-modal-backdrop .combat-menu-modal .modal-title{font-family:var(--font-retro);font-size:13px;color:#ffd05b;text-align:center;border-bottom:1px solid #7c5828;padding-bottom:6px}.combat-menu-modal-backdrop .combat-menu-modal .modal-actions{display:flex;flex-direction:column;gap:8px}.combat-menu-modal-backdrop .combat-menu-modal .condition-section{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(124,88,40,.5);display:flex;flex-direction:column;gap:4px}.combat-menu-modal-backdrop .combat-menu-modal .condition-section label{font-family:var(--font-pixel);font-size:9px;color:#c4ab7e}.combat-menu-modal-backdrop .combat-menu-modal .condition-section select{background:#1c140c;color:#ffd05b;border:1px solid #e5a93b;font-family:var(--font-pixel);font-size:10px;padding:4px;border-radius:3px}@keyframes boss-banner-glow{0%{border-color:#ff4d6d;box-shadow:0 0 8px #ff4d6d4d}to{border-color:#ff758f;box-shadow:0 0 16px #ff758f99}}@keyframes target-bounce{0%{transform:translate(-50%)}to{transform:translate(-50%,-4px)}}@keyframes target-pulse{0%{filter:drop-shadow(0 0 6px #ff758f)}to{filter:drop-shadow(0 0 20px #ff758f) drop-shadow(0 0 10px #ffd05b)}}