@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-tertiary:#1a2233;--bg-card:#111827d9;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--border-glass:#ffffff14;--border-accent:#d4af374d;--text-primary:#e8e6e3;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-accent:#d4af37;--text-gold:#fbbf24;--color-warrior:#ef4444;--color-rogue:#a855f7;--color-mage:#3b82f6;--color-bard:#f59e0b;--color-hp:#22c55e;--color-hp-low:#ef4444;--color-mana:#6366f1;--color-xp:#fbbf24;--color-armor:#94a3b8;--color-damage:#f87171;--color-heal:#4ade80;--color-fire:#f97316;--color-ice:#06b6d4;--color-lightning:#eab308;--color-poison:#84cc16;--color-death:#991b1b;--color-success:#22c55e;--color-error:#ef4444;--tier-1:#9ca3af;--tier-2:#3b82f6;--tier-3:#f59e0b;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-glow-gold:0 0 20px #d4af374d;--shadow-glow-blue:0 0 20px #3b82f64d;--shadow-glow-red:0 0 20px #ef44444d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-display:"Cinzel", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,.btn,.player-card,.race-option,.class-option,.skill-option,.passage-card,.match-item,.stat-btn{-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#3b82f60f 0%,#0000 50%),radial-gradient(at 80% 20%,#d4af370d 0%,#0000 50%),radial-gradient(at 50% 80%,#8b5cf60a 0%,#0000 50%);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-accent);letter-spacing:.02em}h1{font-size:2.5rem;font-weight:900}h2{font-size:1.75rem;font-weight:700}h3{font-size:1.25rem;font-weight:600}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);transform:translateZ(0)}.glass-card:hover{background:var(--bg-glass-hover);border-color:var(--border-accent);box-shadow:var(--shadow-lg), var(--shadow-glow-gold)}.glass-card--no-hover:hover{background:var(--bg-glass);border-color:var(--border-glass);box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-glass);color:var(--text-primary);font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;min-height:42px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--text-accent);color:var(--text-accent);box-shadow:var(--shadow-glow-gold);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{border-color:var(--text-accent);color:var(--text-gold);background:linear-gradient(135deg,#d4af3733,#d4af371a)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#d4af3759,#d4af3733);box-shadow:0 0 30px #d4af3766}.btn--gold{color:#fbbf24;text-shadow:0 1px 4px #000c;background:linear-gradient(135deg,#f59e0b38,#b4530952);border:1px solid #fbbf2480;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #f59e0b33,inset 0 1px #ffffff1a}.btn--gold:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#f59e0b61,#d977067a);border-color:#fde047cc;transform:translateY(-1px);box-shadow:0 0 20px #fbbf2466}.btn--gold:disabled{color:var(--text-muted);text-shadow:none;box-shadow:none;opacity:.5;background:#ffffff0a;border-color:#ffffff1a}.btn--danger{border-color:var(--color-error);color:var(--color-error);background:linear-gradient(135deg,#ef444433,#ef44441a)}.btn--danger:hover:not(:disabled){box-shadow:var(--shadow-glow-red);background:linear-gradient(135deg,#ef444459,#ef444433)}.btn--success{border-color:var(--color-success);color:var(--color-success);background:linear-gradient(135deg,#22c55e33,#22c55e1a)}.btn--small{padding:var(--space-xs) var(--space-md);min-height:32px;font-size:.8rem}.btn--large{padding:var(--space-md) var(--space-xl);min-height:52px;font-size:1.1rem}.input,.select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast);background:#0000004d;outline:none;font-size:.95rem}.input:focus,.select:focus{border-color:var(--text-accent);box-shadow:0 0 0 2px #d4af3726}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239ca3af' viewBox='0 0 20 20'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;padding-right:32px}.select option{background:var(--bg-secondary);color:var(--text-primary)}label{color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:500;display:block}.bar-container{background:#0006;border:1px solid #ffffff0f;border-radius:7px;width:100%;height:14px;position:relative;overflow:hidden}.bar-fill{height:100%;transition:width var(--transition-slow);border-radius:7px;position:relative}.bar-fill--hp{background:linear-gradient(90deg,#16a34a,#22c55e,#4ade80);box-shadow:inset 0 1px 2px #fff3}.bar-fill--hp-low{background:linear-gradient(90deg,#b91c1c,#ef4444,#f87171);animation:1.5s ease-in-out infinite pulse-red;box-shadow:inset 0 1px 2px #fff3}.bar-fill--mana{background:linear-gradient(90deg,#4338ca,#6366f1,#818cf8);box-shadow:inset 0 1px 2px #fff3}.bar-fill--xp{background:linear-gradient(90deg,#d97706,#fbbf24,#fcd34d);box-shadow:inset 0 1px 2px #fff3}.bar-label{color:#fff;text-shadow:0 1px 2px #000000f2,0 0 3px #000000e6,-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;letter-spacing:.02em;pointer-events:none;z-index:1;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;position:absolute;inset:0}.mana-shield-marker{pointer-events:auto;cursor:help;z-index:2;width:2px;transition:all var(--transition-normal);position:absolute;top:0;bottom:0;transform:translate(-50%)}.mana-shield-marker--active{background:#38bdf8;animation:2s ease-in-out infinite mana-shield-pulse;box-shadow:0 0 6px #38bdf8,0 0 10px #38bdf899}.mana-shield-marker--inactive{box-shadow:none;background:#ffffff59}.mana-shield-marker-line{width:100%;position:absolute;top:0;bottom:0}.mana-shield-marker-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #38bdf8}.mana-shield-marker--inactive .mana-shield-marker-dot{box-shadow:none;background:#fff6}@keyframes mana-shield-pulse{0%,to{opacity:.85;box-shadow:0 0 4px #38bdf8,0 0 8px #38bdf880}50%{opacity:1;box-shadow:0 0 8px #38bdf8,0 0 14px #38bdf8e6}}.mana-shield-toggle-row{justify-content:center;margin-top:4px;display:flex}.mana-shield-toggle-btn{cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);background:#0f172abf;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:6px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.mana-shield-toggle-btn.active{color:#e0f2fe;background:#0e749059;border-color:#38bdf8cc;box-shadow:0 0 8px #38bdf840}.mana-shield-toggle-btn.inactive{color:var(--text-muted);background:#0f172a80;border-color:#94a3b840}.mana-shield-toggle-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.mana-shield-toggle-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.mana-shield-switch{letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:.62rem;font-weight:700}.mana-shield-switch.on{color:#fff;background:#0284c7;box-shadow:0 0 6px #38bdf899}.mana-shield-switch.off{color:#94a3b8;background:#47556999}.mana-shield-combat-toggle{border-radius:var(--radius-sm);color:#bae6fd;cursor:pointer;transition:all var(--transition-fast);background:#0f172ad9;border:1px solid #38bdf866;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.mana-shield-combat-toggle.active{background:#0e749066;border-color:#38bdf8;box-shadow:0 0 10px #38bdf84d}.mana-shield-combat-toggle.inactive{color:var(--text-muted);background:#1e293b99;border-color:#64748b66}.mana-shield-combat-toggle:hover:not(:disabled){background:#0e749080;border-color:#38bdf8;transform:translateY(-1px)}.mana-shield-combat-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.app-container{max-width:1400px;padding:var(--space-lg);min-height:100vh;margin:0 auto}.page-header{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.page-header h1{background:linear-gradient(135deg, var(--text-gold), #f97316, var(--text-gold));-webkit-text-fill-color:transparent;text-shadow:none;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:3rem;animation:3s ease-in-out infinite shimmer}.page-header .subtitle{color:var(--text-secondary);margin-top:var(--space-sm);font-size:1.1rem;font-style:italic}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.flex-row{align-items:center;gap:var(--space-md);display:flex}.flex-col{gap:var(--space-md);flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--space-sm)}.gap-xs{gap:var(--space-xs)}.text-center{text-align:center}.text-right{text-align:right}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.lobby-container{justify-content:center;align-items:center;gap:var(--space-xl);flex-direction:column;min-height:80vh;display:flex}.lobby-card{width:100%;max-width:520px}.lobby-title{text-align:center;margin-bottom:var(--space-md);font-size:3.5rem}.lobby-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:1.1rem}.lobby-form{gap:var(--space-lg);flex-direction:column;display:flex}.match-list{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.match-item{padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.match-item:hover{border-color:var(--border-accent);background:var(--bg-glass-hover)}.char-creation{gap:var(--space-xl);grid-template-columns:1fr 1fr;max-width:1000px;margin:0 auto;display:grid}.stat-allocator{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;display:flex}.stat-allocator .stat-name{min-width:100px;color:var(--text-secondary);font-weight:500}.stat-allocator .stat-value{font-family:var(--font-display);text-align:center;min-width:40px;color:var(--text-gold);font-size:1.2rem;font-weight:700}.stat-btn{width:30px;height:30px;min-height:unset;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;font-weight:700;display:flex}.race-select,.class-select{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.race-option,.class-option{padding:var(--space-sm) var(--space-md);border:2px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-glass);cursor:pointer;text-align:center;transition:all var(--transition-fast);font-family:var(--font-display);font-size:.85rem}.race-option:hover,.class-option:hover{border-color:var(--text-accent);background:var(--bg-glass-hover)}.race-option.selected,.class-option.selected{border-color:var(--text-gold);color:var(--text-gold);box-shadow:var(--shadow-glow-gold);background:#d4af3726}.race-stats{color:var(--text-muted);margin-top:var(--space-xs);font-size:.75rem}.skill-list{gap:var(--space-sm);flex-direction:column;display:flex}.skill-option{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-glass);cursor:pointer;transition:all var(--transition-fast)}.skill-option:hover{border-color:var(--text-accent)}.skill-option.selected{border-color:var(--text-gold);background:#d4af371a}.skill-option .skill-name{color:var(--text-primary);font-weight:600}.skill-option .skill-desc{color:var(--text-muted);margin-top:2px;font-size:.8rem}.game-app-wrapper{width:100%;max-width:1680px;padding:var(--space-sm) var(--space-md);gap:var(--space-md);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative}.game-app-wrapper:before{content:"";pointer-events:none;z-index:0;transition:background .8s,opacity .8s;position:fixed;inset:0}.ambient-room-default:before{background:radial-gradient(at 50% 15%,#3b82f60a 0%,#0000 65%)}.ambient-room-enemy:before{background:radial-gradient(at 50% 15%,#ef444414 0%,#0000 70%)}.ambient-room-miniboss:before{background:radial-gradient(at 50% 15%,#ef444424 0%,#88133714 45%,#0000 75%)}.ambient-room-finalboss:before{background:radial-gradient(at 50% 15%,#88133740 0%,#581c871f 50%,#0000 80%)}.ambient-room-chest:before,.ambient-room-shop:before{background:radial-gradient(at 50% 15%,#f59e0b17 0%,#0000 70%)}.ambient-room-safe:before{background:radial-gradient(at 50% 15%,#22c55e0f 0%,#0000 70%)}.ambient-room-puzzle:before{background:radial-gradient(at 50% 15%,#a855f714 0%,#0000 70%)}.ambient-room-trap:before{background:radial-gradient(at 50% 15%,#eab30812 0%,#0000 70%)}.game-mobile-tab-bar{border-radius:var(--radius-md);background:#111827d9;border:1px solid #ffffff1a;gap:6px;width:100%;padding:4px;display:none}.game-mobile-tab-btn{font-family:var(--font-display);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .15s}.game-mobile-tab-btn.active{border-color:var(--text-accent);color:var(--text-gold);background:#d4af3733}.game-layout{gap:var(--space-md);z-index:1;grid-template-columns:290px minmax(0,1fr) 310px;align-items:start;min-height:calc(100vh - 40px);display:grid;position:relative}.game-sidebar-panel{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#111827d9 0%,#0a0e17eb 100%);border:1px solid #ffffff14;flex-direction:column;max-height:calc(100vh - 32px);display:flex;position:sticky;top:16px;overflow:hidden;box-shadow:0 8px 24px #00000080}.game-sidebar-header{background:#00000040;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.game-sidebar-title{font-family:var(--font-display);color:var(--text-accent);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.game-sidebar-badge{color:var(--text-secondary);background:#ffffff1a;border-radius:10px;padding:1px 7px;font-size:.72rem;font-weight:700}.game-sidebar-actor-indicator{color:var(--text-gold);font-size:.75rem;animation:2s ease-in-out infinite pulse-gold}.game-sidebar-content{gap:var(--space-sm);padding:var(--space-sm);scrollbar-width:thin;flex-direction:column;display:flex;overflow-y:auto}.party-cards-stack,.log-and-dice-stack{max-height:calc(100vh - 160px)}.party-card-wrapper{border-radius:var(--radius-md);transition:transform .15s}.party-card-wrapper.target-selectable:hover{transform:scale(1.02)}.main-area{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.player-card{padding:var(--space-md);position:relative;overflow:hidden}.player-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.player-card--warrior:before{background:var(--color-warrior)}.player-card--rogue:before{background:var(--color-rogue)}.player-card--mage:before{background:var(--color-mage)}.player-card--bard:before{background:var(--color-bard)}.player-card.active-turn{border-color:var(--text-gold);box-shadow:var(--shadow-glow-gold);animation:2s ease-in-out infinite pulse-gold}.player-card.dead{opacity:.4;filter:grayscale(.6)}.player-card .player-name{font-family:var(--font-display);margin-bottom:var(--space-xs);font-size:1rem;font-weight:700}.player-card .player-info{color:var(--text-muted);margin-bottom:var(--space-sm);font-size:.75rem}.equipped-runes-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;width:100%;margin:4px 0 3px;display:grid}.equipped-rune-badge{cursor:help;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#0f172ad9;border-radius:6px;justify-content:center;align-items:center;min-width:0;padding:1px;font-size:.65rem;display:inline-flex;overflow:hidden;box-shadow:0 0 5px #0006}.rune-mini-icon{flex-shrink:0;font-size:.62rem;line-height:1}.rune-mini-val{font-size:.6rem;font-weight:700;line-height:1;overflow:visible}.player-card .player-stats{grid-template-columns:repeat(4,1fr);gap:3px;width:100%;margin-top:6px;font-size:.72rem;display:grid}.player-card .player-stats .stat-item{cursor:help;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;justify-content:center;align-items:center;gap:3px;padding:3px 2px;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.player-card .player-stats .stat-item:hover{background:#ffffff14;border-color:#ffffff2e}.player-card .player-stats .stat-item .stat-label{flex-shrink:0;font-size:.68rem;line-height:1}.player-card .player-stats .stat-item .stat-val{color:var(--text-primary);font-size:.7rem;font-weight:700;line-height:1}.player-card .player-stats .stat-item--gold{background:#eab30814;border-color:#eab30840}.status-effects{margin-top:var(--space-xs);flex-wrap:wrap;gap:4px;display:flex}.status-badge{background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:1px 6px;font-size:.65rem}.player-drawer-section{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;margin-top:8px;padding-top:6px;display:flex}.player-drawer-quick-bar{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;display:grid}.player-drawer-quick-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:.78rem;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.player-drawer-quick-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.player-drawer-quick-btn.active{color:var(--text-gold);background:#d4af372e;border-color:#d4af3780;box-shadow:0 0 8px #d4af3733}.quick-badge{color:var(--text-gold);background:#0006;border-radius:8px;padding:1px 5px;font-size:.65rem;font-weight:700}.quick-alert-dot,.tab-alert-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-gold;position:absolute;top:3px;right:3px;box-shadow:0 0 6px #f59e0b}.player-drawer-wrapper{width:100%;animation:.25s fadeSlideIn}.player-drawer-container{border-radius:var(--radius-sm);background:#0a0e17d9;border:1px solid #ffffff14;flex-direction:column;gap:8px;padding:8px;display:flex;box-shadow:inset 0 2px 8px #00000080}.player-drawer-content{max-height:280px;padding-right:2px;overflow-y:auto}.player-drawer-content::-webkit-scrollbar{width:3px}.player-drawer-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.drawer-sub-section{flex-direction:column;gap:4px;display:flex}.drawer-sub-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:2px;font-size:.72rem;font-weight:700;display:flex}.game-item-card{background:#ffffff0a;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.game-item-card:hover{background:#ffffff0f;transform:translateY(-2px);box-shadow:0 4px 16px #00000059}.drawer-item-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:4px;flex-direction:column;gap:2px;padding:6px 8px;transition:all .15s;display:flex}.drawer-item-card:hover{background:#ffffff0d;border-color:#ffffff1f}.drawer-item-card--cursed{background:#ef444414;border-color:#ef444466}.drawer-item-card--song{border-left:2px solid var(--color-bard)}.drawer-spell-card--fire{border-left:2px solid #ef4444}.drawer-spell-card--water{border-left:2px solid #38bdf8}.drawer-spell-card--lightning{border-left:2px solid #eab308}.drawer-spell-card--healing{border-left:2px solid #22c55e}.drawer-item-top{justify-content:space-between;align-items:center;width:100%;display:flex}.drawer-item-desc{color:var(--text-muted);font-size:.72rem;line-height:1.3}.drawer-scaling-tag{color:var(--text-muted);font-size:.65rem}.drawer-badge-mini{background:#0006;border:1px solid #ffffff1a;border-radius:4px;padding:1px 4px;font-size:.65rem;font-weight:700}.drawer-mana-tag{color:var(--color-mana);font-size:.68rem;font-weight:700}.drawer-formula-row{gap:8px;margin-top:2px;font-size:.7rem;font-weight:600;display:flex}.drawer-xp-container{background:#0000004d;border-radius:4px;flex-direction:column;gap:3px;padding:4px 6px;display:flex}.drawer-xp-label{color:var(--text-secondary);justify-content:space-between;font-size:.7rem;display:flex}.drawer-levelup-alert{color:var(--text-gold);text-align:center;background:#f59e0b1f;border:1px solid #f59e0b66;border-radius:4px;padding:6px 8px;font-size:.78rem;font-weight:700;animation:2s infinite pulse-gold}.drawer-qty-badge{color:var(--text-gold);background:#0006;border:1px solid #ffffff1a;border-radius:8px;padding:1px 5px;font-size:.68rem;font-weight:700}.drawer-targeting-box{background:#00000080;border:1px solid #ffffff14;border-radius:4px;margin-top:4px;padding:6px}.drawer-empty-text{color:var(--text-muted);text-align:center;padding:4px 0;font-size:.72rem;font-style:italic}.room-view{text-align:center}.room-header{margin-bottom:var(--space-lg)}.room-number{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.room-name{margin:var(--space-xs) 0;font-size:1.8rem}.room-type-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:20px;padding:2px 12px;font-size:.75rem;font-weight:600;display:inline-block}.room-type-badge.rest{color:var(--color-success);background:#22c55e26;border:1px solid #22c55e4d}.room-type-badge.chest{color:var(--text-gold);background:#eab30826;border:1px solid #eab3084d}.room-type-badge.safe{color:var(--color-success);background:#22c55e26;border:1px solid #22c55e4d}.room-type-badge.puzzle{color:var(--color-mana);background:#3b82f626;border:1px solid #3b82f64d}.room-type-badge.trap{color:var(--color-error);background:#ef444426;border:1px solid #ef44444d}.room-type-badge.rubble{color:var(--color-armor);background:#94a3b826;border:1px solid #94a3b84d}.room-type-badge.traveler{color:var(--color-bard);background:#f59e0b26;border:1px solid #f59e0b4d}.room-type-badge.shop{color:var(--text-gold);background:#eab30833;border:1px solid #eab30880;font-weight:700}.room-type-badge.enemy{color:var(--color-error);background:#ef444426;border:1px solid #ef44444d}.room-type-badge.miniboss{color:#f87171;background:#ef444440;border:1px solid #ef4444;font-weight:700}.room-description{color:var(--text-secondary);max-width:600px;margin:var(--space-lg) auto;font-size:1rem;font-style:italic;line-height:1.7}.room-actions{gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.passages-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.passage-card{cursor:pointer;text-align:center;padding:var(--space-lg);transition:all var(--transition-base)}.passage-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-gold);transform:translateY(-4px)}.passage-icon{margin-bottom:var(--space-sm);font-size:2rem}.passage-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.combat-layout{gap:var(--space-lg);flex-direction:column;display:flex}.enemies-row{justify-content:center;gap:var(--space-md);flex-wrap:wrap;align-items:stretch;display:flex}.enemies-row .player-card{min-width:185px;max-width:245px;padding:var(--space-sm) var(--space-md);flex:200px}.character-portrait-frame,.enemy-portrait-frame,.player-portrait-frame{aspect-ratio:672/392;border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0f172a;border:1px solid #ffffff26;margin:6px 0 8px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #0009,0 2px 8px #0000004d}.player-portrait-frame--warrior{border-color:#ef444466;box-shadow:inset 0 0 12px #0009,0 0 8px #ef444433}.player-portrait-frame--rogue{border-color:#22c55e66;box-shadow:inset 0 0 12px #0009,0 0 8px #22c55e33}.player-portrait-frame--mage{border-color:#3b82f666;box-shadow:inset 0 0 12px #0009,0 0 8px #3b82f633}.player-portrait-frame--bard{border-color:#f59e0b66;box-shadow:inset 0 0 12px #0009,0 0 8px #f59e0b33}.character-portrait-img,.enemy-portrait-img,.player-portrait-img{width:100%;height:100%;transition:transform var(--transition-base)}.enemy-card:hover .character-portrait-img,.player-card:hover .character-portrait-img,.enemy-card:hover .enemy-portrait-img,.player-card:hover .enemy-portrait-img,.player-card:hover .player-portrait-img{transform:scale(1.06)}.character-portrait-overlay,.enemy-portrait-overlay,.player-portrait-overlay{pointer-events:none;border-radius:var(--radius-md);background:linear-gradient(#0f172a0d 0%,#0f172a73 100%);position:absolute;inset:0}.active-turn .character-portrait-frame,.active-turn .enemy-portrait-frame,.active-turn .player-portrait-frame,.target-highlight .character-portrait-frame,.target-highlight .enemy-portrait-frame,.target-highlight .player-portrait-frame{border-color:var(--text-gold);box-shadow:0 0 14px #d4af378c,inset 0 0 12px #0009}.dead .character-portrait-frame,.dead .enemy-portrait-frame,.dead .player-portrait-frame{filter:grayscale(.85)opacity(.4)}.hero-portrait-picker-card{background:radial-gradient(circle at top, #d4af370f, transparent 70%), var(--bg-card);border:1px solid #d4af3740}.portrait-picker-container{justify-content:center;align-items:center;gap:var(--space-md);margin:var(--space-xs) 0;display:flex}.portrait-nav-btn{padding:var(--space-sm) var(--space-md);border-radius:50%;justify-content:center;align-items:center;min-width:44px;height:44px;font-size:1.1rem;display:flex}.hero-portrait-preview-box{aspect-ratio:672/392;border-radius:var(--radius-lg);border:2px solid var(--text-gold);width:220px;max-width:100%;transition:transform var(--transition-fast), border-color var(--transition-fast);background:#0f172a;position:relative;overflow:hidden;box-shadow:0 0 16px #d4af374d,inset 0 0 16px #000000b3}.hero-portrait-frame--warrior{border-color:var(--color-warrior);box-shadow:0 0 16px #ef444459,inset 0 0 16px #000000b3}.hero-portrait-frame--rogue{border-color:var(--color-rogue);box-shadow:0 0 16px #22c55e59,inset 0 0 16px #000000b3}.hero-portrait-frame--mage{border-color:var(--color-mage);box-shadow:0 0 16px #3b82f659,inset 0 0 16px #000000b3}.hero-portrait-frame--bard{border-color:var(--color-bard);box-shadow:0 0 16px #f59e0b59,inset 0 0 16px #000000b3}.hero-portrait-preview-img{width:100%;height:100%;transition:transform var(--transition-base)}.hero-portrait-preview-box:hover .hero-portrait-preview-img{transform:scale(1.08)}.hero-portrait-preview-overlay{pointer-events:none;border-radius:var(--radius-lg);background:linear-gradient(#0f172a0d 0%,#0f172a66 100%);position:absolute;inset:0}.portrait-mini-grid{margin-top:var(--space-sm);border-radius:var(--radius-md);background:#0006;border:1px solid #ffffff1a;grid-template-columns:repeat(4,1fr);gap:6px;max-height:240px;padding:8px;display:grid;overflow-y:auto}.portrait-mini-grid-cell{aspect-ratio:672/392;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast);background:#0f172a;border:2px solid #0000;overflow:hidden}.portrait-mini-grid-cell:hover{border-color:var(--text-gold);transform:scale(1.05);box-shadow:0 0 8px #d4af3766}.portrait-mini-grid-cell.selected{border-color:var(--text-gold);box-shadow:0 0 12px #d4af37b3}.enemy-card{padding:var(--space-md) var(--space-lg);text-align:center;border-color:#ef44444d;min-width:185px;position:relative}.enemy-card.boss{box-shadow:var(--shadow-glow-gold);border-color:#d4af3780;animation:2s ease-in-out infinite pulse-gold}.enemy-card.dead{opacity:.3;filter:grayscale()}.enemy-card.target-highlight{border-color:var(--text-gold);cursor:pointer}.enemy-card.target-highlight:hover{box-shadow:var(--shadow-glow-red);transform:scale(1.03)}.enemy-name{font-family:var(--font-display);color:var(--color-error);margin-bottom:var(--space-sm);font-size:1rem;font-weight:700}.enemy-card.boss .enemy-name{color:var(--text-gold);font-size:1.2rem}.combat-actions{gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-base);background:linear-gradient(165deg,#111827f2 0%,#0a0e17fa 100%);border:1px solid #d4af3740;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009,inset 0 1px #ffffff14}.combat-actions:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#d4af3799 30%,#f59e0bcc 50%,#d4af3799 70%,#0000 100%);height:2px;position:absolute;top:0;left:0;right:0}.combat-deck-header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff14;flex-wrap:wrap;display:flex}.combat-deck-status-left{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.combat-deck-title{font-family:var(--font-display);color:var(--text-accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.combat-deck-status-right{align-items:center;gap:var(--space-md);display:flex}.combat-deck-resource-pill{border-radius:var(--radius-sm);color:var(--text-secondary);background:#00000059;border:1px solid #ffffff1a;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;display:inline-flex}.action-hotkey-badge{min-width:18px;height:18px;font-family:var(--font-body);color:var(--text-secondary);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#0000008c;border:1px solid #ffffff2e;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000080,inset 0 1px #ffffff1a}.combat-action-card:hover .action-hotkey-badge,.btn:hover .action-hotkey-badge,.combat-target-btn:hover .action-hotkey-badge{color:var(--text-gold);border-color:#d4af3773}.combat-action-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;width:100%;display:grid}.combat-action-card{border-radius:var(--radius-md);min-height:82px;color:var(--text-primary);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.combat-action-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);transition:opacity .2s;position:absolute;inset:0}.combat-action-card:hover:not(:disabled){background:#ffffff0f;transform:translateY(-2px)}.combat-action-card:hover:not(:disabled):before{opacity:1}.combat-action-card:active:not(:disabled){transform:translateY(0)}.combat-action-card:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.combat-action-card-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;display:flex}.combat-action-card-title{font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.combat-action-card-body{color:var(--text-secondary);width:100%;font-size:.78rem;line-height:1.35}.combat-action-card-footer{width:100%;color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:.72rem;display:flex}.combat-action-card--attack{background:linear-gradient(145deg,#ef444414 0%,#0f172a99 100%);border-color:#ef444459}.combat-action-card--attack:hover:not(:disabled){color:#fca5a5;border-color:#ef4444bf;box-shadow:0 4px 18px #ef444459}.combat-action-card--attack .combat-action-card-title{color:#fca5a5}.combat-action-card--spell{background:linear-gradient(145deg,#6366f114 0%,#0f172a99 100%);border-color:#6366f159}.combat-action-card--spell:hover:not(:disabled){color:#c7d2fe;border-color:#818cf8bf;box-shadow:0 4px 18px #6366f159}.combat-action-card--spell .combat-action-card-title{color:#a5b4fc}.combat-action-card--song{background:linear-gradient(145deg,#f59e0b14 0%,#0f172a99 100%);border-color:#f59e0b59}.combat-action-card--song:hover:not(:disabled){color:#fde68a;border-color:#fbbf24bf;box-shadow:0 4px 18px #f59e0b59}.combat-action-card--song .combat-action-card-title{color:#fbbf24}.combat-action-card--potion{background:linear-gradient(145deg,#22c55e14 0%,#0f172a99 100%);border-color:#22c55e59}.combat-action-card--potion:hover:not(:disabled){color:#86efac;border-color:#4ade80bf;box-shadow:0 4px 18px #22c55e59}.combat-action-card--potion .combat-action-card-title{color:#86efac}.combat-deck-footer{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid #ffffff14;flex-wrap:wrap;width:100%;display:flex}.combat-deck-aux-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.combat-aux-btn{font-size:.82rem;font-family:var(--font-display);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:6px 14px;font-weight:600;transition:all .2s;display:inline-flex}.combat-aux-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14;border-color:#ffffff40}.combat-aux-btn:disabled{opacity:.4;cursor:not-allowed}.combat-drawer{gap:var(--space-md);flex-direction:column;width:100%;animation:.22s ease-out combatDrawerFadeIn;display:flex}@keyframes combatDrawerFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.combat-drawer-header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff14;flex-wrap:wrap;display:flex}.combat-drawer-title{font-family:var(--font-display);color:var(--text-accent);align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.combat-drawer-filters{flex-wrap:wrap;gap:6px;display:flex}.combat-drawer-filter-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;padding:3px 10px;font-size:.75rem;transition:all .15s}.combat-drawer-filter-btn:hover,.combat-drawer-filter-btn.active{border-color:var(--text-accent);color:var(--text-gold);background:#d4af3733}.combat-drawer-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;width:100%;display:grid}.spell-card-tactical{border-radius:var(--radius-md);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;text-align:left;background:#ffffff08;flex-direction:column;justify-content:space-between;min-height:95px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.spell-card-tactical:hover:not(:disabled){background:#ffffff12;transform:translateY(-2px);box-shadow:0 6px 18px #0006}.spell-card-tactical:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.spell-card-tactical--fire{border-color:#f9731666}.spell-card-tactical--fire:hover:not(:disabled){border-color:#f97316d9;box-shadow:0 0 16px #f9731659}.spell-card-tactical--water{border-color:#06b6d466}.spell-card-tactical--water:hover:not(:disabled){border-color:#06b6d4d9;box-shadow:0 0 16px #06b6d459}.spell-card-tactical--lightning{border-color:#eab30866}.spell-card-tactical--lightning:hover:not(:disabled){border-color:#eab308d9;box-shadow:0 0 16px #eab30859}.spell-card-tactical--healing{border-color:#22c55e66}.spell-card-tactical--healing:hover:not(:disabled){border-color:#22c55ed9;box-shadow:0 0 16px #22c55e59}.spell-card-tactical-header{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;margin-bottom:6px;display:flex}.spell-card-tactical-name{font-family:var(--font-display);align-items:center;gap:6px;font-size:.92rem;font-weight:700;display:flex}.spell-card-tactical-cost{color:#c7d2fe;white-space:nowrap;background:#6366f133;border:1px solid #6366f166;border-radius:8px;padding:2px 7px;font-size:.75rem;font-weight:700}.spell-card-tactical-cost--insufficient{color:#fca5a5;background:#ef444440;border-color:#ef444480}.spell-card-tactical-desc{color:var(--text-secondary);margin-bottom:8px;font-size:.78rem;line-height:1.35}.spell-card-tactical-footer{color:var(--text-muted);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;padding-top:6px;font-size:.72rem;display:flex}.spell-card-tactical-effect{color:var(--text-gold);font-weight:600}.alchemy-card-tactical{border-radius:var(--radius-md);color:var(--text-primary);text-align:left;background:linear-gradient(145deg,#22c55e14 0%,#0f172ad9 100%);border:1px solid #22c55e59;flex-direction:column;justify-content:space-between;gap:6px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0006}.alchemy-card-tactical:hover:not(:disabled){border-color:#4ade80d9;box-shadow:0 0 14px #22c55e59}.alchemy-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.alchemy-card-title{color:var(--text-primary);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.alchemy-card-icon{font-size:1rem}.alchemy-card-tactical-qty{color:var(--text-gold);background:#fbbf2426;border:1px solid #fbbf2466;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:700}.alchemy-card-desc{color:var(--text-muted);font-size:.72rem;line-height:1.35}.alchemy-card-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding-top:4px;display:flex}.alchemy-card-effect{color:var(--color-heal);font-size:.75rem;font-weight:700}.alchemy-use-btn{padding:3px 10px;font-size:.72rem}.alchemy-target-hint{color:var(--text-muted);font-size:.7rem}.alchemy-target-selector{border-radius:var(--radius-sm);background:#000000b3;border:1px solid #ffffff1f;flex-direction:column;gap:6px;margin-top:6px;padding:8px;animation:.2s fadeSlideIn;display:flex}.alchemy-target-selector-title{color:var(--text-gold);font-size:.72rem;font-weight:700}.alchemy-target-buttons{flex-wrap:wrap;gap:4px;display:flex}.alchemy-target-btn{align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;display:inline-flex}.alchemy-target-hp{color:#86efac;font-size:.65rem}.inventory-alchemy-grid{flex-direction:column;gap:6px;display:flex}.song-card-tactical{border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;text-align:left;background:linear-gradient(145deg,#f59e0b0f 0%,#0f172a99 100%);border:1px solid #f59e0b59;flex-direction:column;justify-content:space-between;min-height:85px;padding:12px 14px;transition:all .2s;display:flex}.song-card-tactical:hover:not(:disabled){border-color:#fbbf24d9;transform:translateY(-2px);box-shadow:0 0 16px #f59e0b59}.combat-targeting-hud{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:linear-gradient(135deg,#d4af3714 0%,#0f172ad9 100%);border:1.5px solid #d4af378c;flex-direction:column;animation:2.4s ease-in-out infinite combatTargetingPulse;display:flex;box-shadow:0 0 20px #d4af3733,inset 0 0 15px #d4af3714}@keyframes combatTargetingPulse{0%,to{border-color:#d4af3780;box-shadow:0 0 16px #d4af3733}50%{border-color:#fbbf24d9;box-shadow:0 0 26px #fbbf2459}}.combat-targeting-hud-header{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.combat-targeting-prompt{font-family:var(--font-display);color:var(--text-gold);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.combat-targeting-targets-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;width:100%;display:grid}.combat-target-btn{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-align:left;background:#00000073;border:1.5px solid #d4af3766;flex-direction:column;padding:10px 12px;transition:all .18s;display:flex}.combat-target-btn:hover{border-color:var(--text-gold);background:#d4af3740;transform:translateY(-2px);box-shadow:0 0 14px #d4af3766}.combat-target-btn-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.combat-target-btn-name{font-family:var(--font-display);font-size:.85rem;font-weight:700}.combat-target-btn-hp{color:var(--color-hp);font-size:.75rem;font-weight:600}.combat-log-wrapper{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.combat-log-filters{flex-wrap:wrap;gap:4px;padding:2px;display:flex}.combat-log-filter-btn{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .15s}.combat-log-filter-btn:hover,.combat-log-filter-btn.active{color:var(--text-gold);background:#d4af3733;border-color:#d4af3780}.combat-log{border-radius:var(--radius-sm);scroll-behavior:smooth;background:#0006;border:1px solid #ffffff0f;flex-direction:column;gap:4px;height:250px;max-height:250px;padding:8px 10px;display:flex;overflow-y:auto}.combat-log::-webkit-scrollbar{width:4px}.combat-log::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.log-entry{color:var(--text-secondary);background:#ffffff05;border-radius:4px;align-items:flex-start;gap:6px;padding:4px 6px;font-size:.78rem;line-height:1.35;animation:.25s fadeSlideIn;display:flex}.log-entry-icon{flex-shrink:0;font-size:.85rem}.log-entry-text{word-break:break-word}.log-entry.damage{color:#fca5a5;background:#ef444414}.log-entry.heal{color:#86efac;background:#22c55e14}.log-entry.death{color:#f87171;background:#991b1b33;font-weight:700}.log-entry.loot,.log-entry.gold{color:#fde68a;background:#f59e0b14}.log-entry.levelup{color:#fcd34d;background:#fbbf241f;font-weight:700}.log-entry.spell{color:#c7d2fe;background:#6366f114}.log-entry.skill{color:#d8b4fe;background:#a855f714}.log-entry.system,.log-entry.info{color:var(--text-accent);background:#d4af370f}.combat-log-scroll-bottom-btn{border:1px solid var(--text-gold);color:var(--text-gold);cursor:pointer;z-index:5;background:#0f172af2;border-radius:12px;padding:4px 10px;font-size:.72rem;font-weight:600;animation:.2s fadeSlideIn;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0009}.game-dice-roller-container{border-radius:var(--radius-sm);background:#0000004d;border:1px solid #ffffff0d;margin-top:6px;padding:4px}.loot-panel{padding:var(--space-md)}.loot-item{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.loot-item:hover{border-color:var(--text-accent)}.loot-item.tier-1{border-color:#9ca3af66}.loot-item.tier-2{border-color:#3b82f680;box-shadow:0 0 8px #3b82f626}.loot-item.tier-3{border-color:#f59e0b80;box-shadow:0 0 10px #f59e0b33}.loot-name{font-size:.9rem;font-weight:600}.loot-detail{color:var(--text-muted);font-size:.75rem}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:100;isolation:isolate;contain:layout paint;will-change:opacity;background:#05080fd1;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.modal-content{width:95%;max-width:600px;max-height:90vh;padding:var(--space-xl);isolation:isolate;contain:layout paint style;will-change:transform, opacity;animation:.25s scaleIn;overflow-y:auto}.modal-overlay .modal-content,.modal-overlay .glass-card{border:1px solid var(--border-accent);background:#0f172af5;box-shadow:0 20px 50px #000c,0 0 25px #d4af3733;-webkit-backdrop-filter:none!important}body.modal-open{overflow:hidden}body.modal-open .active-turn,body.modal-open .enemy-card.boss,body.modal-open .page-header h1,body.modal-open .bar-fill--hp-low,body.modal-open .dice-roller-canvas.dice-rolling{animation-play-state:paused!important}.victory-screen,.defeat-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.victory-screen h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fbbf24,#f97316,#fbbf24) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;font-size:4rem;animation:2s ease-in-out infinite shimmer}.defeat-screen h1{color:var(--color-error);font-size:3.5rem}.victory-emoji,.defeat-emoji{margin-bottom:var(--space-lg);font-size:6rem;animation:2s ease-in-out infinite bounce}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 10px #d4af3733}50%{box-shadow:0 0 25px #d4af3780}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:.3s shake}.fade-in{animation:.5s fadeIn}@media (width<=1100px){.game-layout{gap:var(--space-sm);grid-template-columns:260px minmax(0,1fr) 280px}}@media (width<=960px){.game-mobile-tab-bar{display:flex}.game-layout{grid-template-columns:1fr}.game-sidebar-panel{max-height:none;position:static}.game-layout--tab-main .sidebar-left,.game-layout--tab-main .sidebar-right{display:none}.game-layout--tab-main .main-area{display:flex}.game-layout--tab-party .main-area,.game-layout--tab-party .sidebar-right{display:none}.game-layout--tab-party .sidebar-left{width:100%;display:flex}.game-layout--tab-log .main-area,.game-layout--tab-log .sidebar-left{display:none}.game-layout--tab-log .sidebar-right{width:100%;display:flex}.player-card{min-width:100%}.char-creation{grid-template-columns:1fr}}@media (width<=640px){.page-header h1,.lobby-title{font-size:1.8rem}.grid-2,.grid-3{grid-template-columns:1fr}.combat-actions{flex-direction:column}}.waiting-dots:after{content:"";animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.dice-roller-container{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.dice-roller-container:has(.dice-rolling){border-color:#d4af3766;box-shadow:0 0 20px #d4af3726,inset 0 0 30px #d4af370d}.dice-roller-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs);align-items:center;gap:var(--space-xs);font-size:.75rem;font-family:var(--font-body);font-weight:500;display:flex}.dice-roller-icon{font-size:.9rem}.dice-roller-canvas{border-radius:var(--radius-md);width:100%;height:auto;transition:filter var(--transition-base);display:block}.dice-roller-canvas.dice-rolling{animation:.5s ease-in-out infinite alternate dice-canvas-glow}@keyframes dice-canvas-glow{0%{filter:brightness()drop-shadow(0 0 4px #d4af3733)}to{filter:brightness(1.05)drop-shadow(0 0 8px #d4af3759)}}.rune-card{isolation:isolate;position:relative}.rune-card:before{content:"";background:var(--rune-color,#fbbf24);z-index:1;opacity:0;pointer-events:none;will-change:opacity, transform;border-radius:12px;transition:opacity .3s,filter .3s,transform .3s;position:absolute;inset:0}.rune-card--size-small:before{display:none!important}.rune-card--size-medium:before{filter:blur(8px);opacity:.45;inset:-3px}.rune-card--size-large:before{filter:blur(14px);opacity:.55;animation:3s ease-in-out infinite alternate runeGlowPulse;inset:-6px}.rune-card--size-huge:before{filter:blur(20px);opacity:.68;animation:2.4s ease-in-out infinite alternate runeGlowPulse;inset:-9px}.rune-card--size-gigantic:before{filter:blur(26px);opacity:.8;animation:1.8s ease-in-out infinite alternate runeGlowPulse;inset:-12px}.rune-card--size-divine:before{filter:blur(32px);opacity:.9;background:radial-gradient(circle, var(--rune-color,#fbbf24) 30%, #fbbf24d9 75%, #fff 100%);animation:1.5s ease-in-out infinite alternate divineGlowPulse;inset:-15px}.rune-card--size-divine:after{content:"";background:linear-gradient(45deg, var(--rune-color,#fbbf24), #fbbf24, #fff, var(--rune-color,#fbbf24));z-index:1;opacity:.55;filter:blur(6px);pointer-events:none;background-size:250% 250%;border-radius:12px;animation:3s linear infinite divineShimmer;position:absolute;inset:-4px}.rune-card--compact.rune-card--size-medium:before{filter:blur(5px);inset:-2px}.rune-card--compact.rune-card--size-large:before{filter:blur(9px);inset:-4px}.rune-card--compact.rune-card--size-huge:before{filter:blur(13px);inset:-6px}.rune-card--compact.rune-card--size-gigantic:before{filter:blur(17px);inset:-8px}.rune-card--compact.rune-card--size-divine:before{filter:blur(22px);inset:-10px}.rune-card--compact.rune-card--size-divine:after{filter:blur(4px);inset:-2px}@keyframes runeGlowPulse{0%{opacity:.45;transform:scale(.98)}to{opacity:.85;transform:scale(1.03)}}@keyframes divineGlowPulse{0%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1.05)}}@keyframes divineShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.action-indicators-container{align-items:center;gap:6px;display:inline-flex}.action-indicators--sm{gap:4px}.action-indicators--lg{gap:10px}.action-indicator{letter-spacing:.03em;cursor:help;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.action-indicators--sm .action-indicator{border-radius:10px;gap:4px;padding:2px 6px;font-size:.7rem}.action-indicators--lg .action-indicator{border-radius:14px;gap:6px;padding:5px 12px;font-size:.85rem}.action-indicator--main-active{color:#86efac;background:#22c55e26;border-color:#22c55e73;box-shadow:0 0 10px #22c55e33}.action-indicator--main-active:hover{background:#22c55e40;border-color:#22c55eb3;box-shadow:0 0 14px #22c55e66}.action-indicator--main-active .circle-icon{filter:drop-shadow(0 0 4px #22c55ecc);animation:2s ease-in-out infinite mainActionPulse}.action-indicator--bonus-active{color:#fdba74;background:#f9731626;border-color:#f9731673;box-shadow:0 0 10px #f9731633}.action-indicator--bonus-active:hover{background:#f9731640;border-color:#f97316b3;box-shadow:0 0 14px #f9731666}.action-indicator--bonus-active .triangle-icon{filter:drop-shadow(0 0 4px #f97316cc);animation:2s ease-in-out infinite bonusActionPulse}.action-indicator--spent{color:var(--text-muted);opacity:.55;background:#6b72801a;border-color:#6b728040}.action-indicator--spent:hover{opacity:.8;border-color:#6b728066}.action-indicator--spent .action-indicator-icon{opacity:.6}.action-indicator-label{line-height:1}.action-mini-badge{justify-content:center;align-items:center;margin-right:4px;display:inline-flex}.action-mini-badge--main svg{filter:drop-shadow(0 0 3px #22c55eb3)}.action-mini-badge--bonus svg{filter:drop-shadow(0 0 3px #f97316b3)}.action-mini-badge--spent svg{opacity:.45}@keyframes mainActionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes bonusActionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.btn--end-turn{color:#fef08a;letter-spacing:.05em;border-radius:var(--radius-md);text-shadow:0 1px 3px #000000b3;cursor:pointer;background:linear-gradient(135deg,#eab30840,#ca8a0473);border:1.5px solid #facc15bf;align-items:center;gap:8px;min-height:42px;padding:8px 18px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 0 14px #eab3084d,inset 0 1px #fff3}.btn--end-turn:before{content:"";border-radius:inherit;filter:blur(6px);opacity:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,#facc158c 0%,#eab3084d 60%,#0000 100%);transition:opacity .3s;position:absolute;inset:-3px}.btn--end-turn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#facc1573,#eab308a6);border-color:#fde047;transform:translateY(-2px)scale(1.03);box-shadow:0 0 25px #facc15a6,inset 0 1px #ffffff59}.btn--end-turn:hover:not(:disabled):before{opacity:.7}.btn--end-turn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn--end-turn.btn--end-turn-prompted{animation:2.6s ease-in-out infinite pulse-button-shadow}.btn--end-turn.btn--end-turn-prompted:before{animation:2.6s ease-in-out infinite pulse-ambient-glow}@keyframes pulse-ambient-glow{0%,to{opacity:.25;transform:scale(.96)}50%{opacity:.85;transform:scale(1.06)}}@keyframes pulse-button-shadow{0%,to{border-color:#facc15b3;box-shadow:0 0 10px #eab3084d,inset 0 1px #fff3}50%{border-color:#fde047f2;box-shadow:0 0 22px #facc1599,inset 0 1px #ffffff59}}.btn-swap-weapons{color:#93c5fd;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#3b82f626;border:1px solid #3b82f659;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-swap-weapons:hover{color:#fff;background:#3b82f64d;border-color:#60a5fa99;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb40}.btn-swap-weapons:active{transform:translateY(0)}.weapon-slot-badge{letter-spacing:.02em;border-radius:3px;margin-right:4px;padding:1px 4px;font-size:.65rem;font-weight:700;display:inline-block}.weapon-slot-badge--main{color:#fde047;background:#eab30826;border:1px solid #eab3084d}.weapon-slot-badge--offhand{color:#d8b4fe;background:#a855f726;border:1px solid #a855f74d}.scaling-grade-s{color:#fbbf24;text-shadow:0 0 8px #fbbf2480;font-weight:800}.weapon-swap-choice-card{cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative}.weapon-swap-choice-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #eab30840,0 0 12px #eab30833;border-color:var(--text-gold)!important;background-color:#ffffff14!important}.weapon-swap-choice-card:active{transform:translateY(0)}