:root{--bg-deep: #08090d;--bg-panel: rgba(16, 20, 29, .92);--bg-panel-solid: #11141e;--gold: #ffd166;--gold-glow: rgba(255, 209, 102, .35);--crimson: #d90429;--cyan: #4cc9f0;--emerald: #06d6a0;--purple: #7209b7;--text-light: #f8f9fa;--text-muted: #8d99ae;--border-gold: rgba(255, 209, 102, .3);--font-title: "Cinzel", serif;--font-body: "Rajdhani", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-deep);color:var(--text-light);font-family:var(--font-body)}#game-container{position:relative;width:100vw;height:100vh}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#realm-bar{position:absolute;top:0;left:0;right:0;height:68px;background:linear-gradient(180deg,#080a0ff5,#080a0fbf);border-bottom:2px solid var(--border-gold);display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:10;backdrop-filter:blur(8px)}.header-left{display:flex;flex-direction:column}.game-badge{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:2px}.game-title{font-family:var(--font-title);font-size:22px;font-weight:900;letter-spacing:3px;color:#fff;text-shadow:0 0 12px var(--gold-glow)}.header-center{display:flex;gap:12px}.stage-pill{background:#1e2430;border:1px solid #3d405b;color:var(--gold);padding:6px 14px;border-radius:4px;font-size:13px;font-weight:800;letter-spacing:1.5px}.encounter-pill{background:#2b1a1d;border:1px solid #6b2d35;color:#ff758f;padding:6px 14px;border-radius:4px;font-size:13px;font-weight:800;letter-spacing:1px}.header-right{display:flex;align-items:center;gap:10px}.psx-toggle-btn{background:#1e2430;border:1px solid #475569;color:#94a3b8;font-family:var(--font-body);font-size:12px;font-weight:800;letter-spacing:1px;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .15s ease}.psx-toggle-btn.active{background:#ffd16626;border-color:var(--gold);color:var(--gold);box-shadow:0 4px 12px #00000080}.res-tag{font-size:10px;font-weight:800;letter-spacing:1px;color:#94a3b8;margin-right:4px}.resource-pill{background:#141824;border:1px solid #2d3748;padding:6px 12px;border-radius:4px;font-size:14px;display:flex;align-items:center;gap:6px}.resource-pill.gold{border-color:#ffd16666;color:#ffd166}.resource-pill.food{border-color:#06d6a066;color:#06d6a0}.resource-pill.mana{border-color:#7209b766;color:#c77dff}.resource-pill.iron{border-color:#4cc9f066;color:#4cc9f0}.crown-banner{position:absolute;top:76px;left:24px;background:#0f121ad9;border:1px solid #333d4e;border-radius:6px;padding:8px 16px;display:flex;align-items:center;gap:16px;z-index:9;backdrop-filter:blur(4px)}.crown-info{display:flex;align-items:center;gap:8px;font-size:13px}.king-avatar{font-size:18px}.king-name{font-weight:900;color:#fff;letter-spacing:1px}.crown-perk{color:var(--gold);font-size:12px}.camera-hint{position:absolute;bottom:16px;left:24px;background:#0a0c12cc;border:1px solid #283040;border-radius:4px;padding:6px 14px;font-size:11px;color:var(--text-muted);letter-spacing:.5px;z-index:5}.build-instruction-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#121826f2;border:2px solid var(--gold);box-shadow:0 12px 32px #000000b3;padding:12px 28px;border-radius:8px;display:flex;align-items:center;gap:20px;font-size:16px;z-index:15}.build-instruction-bar strong{color:var(--gold)}.prep-deck{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:960px;display:flex;gap:16px;z-index:10}.enemy-preview-card{flex:1;background:#121826eb;border:1px solid #374151;border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 32px #000000b3}.enemy-header{display:flex;justify-content:space-between;align-items:center}.enemy-label{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#ef4444}.enemy-title{font-family:var(--font-title);font-size:16px;color:#fff}.enemy-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.enemy-squads-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.enemy-squad-chip{background:#202738;border:1px solid #3b465c;padding:4px 8px;border-radius:4px;font-size:11px;color:#f1f5f9}.prep-action-box{width:320px;background:#121826eb;border:1px solid #374151;border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 32px #000000b3}.reposition-hint{font-size:12px;color:#cbd5e1;line-height:1.4}.start-battle-btn{background:linear-gradient(135deg,#ffd166,#d4a373);color:#0b0e14;font-family:var(--font-title);font-size:16px;font-weight:900;letter-spacing:2px;border:none;border-radius:6px;padding:14px 28px;cursor:pointer;box-shadow:0 4px 12px #00000080;transition:all .2s ease}.start-battle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #000000b3}.combat-hud{position:absolute;top:80px;left:50%;transform:translate(-50%);width:90%;max-width:760px;display:flex;justify-content:space-between;align-items:center;background:#0e121ad9;border:1px solid #333d4e;border-radius:8px;padding:10px 20px;z-index:10;backdrop-filter:blur(6px)}.combat-meter{display:flex;flex-direction:column;width:220px;gap:4px}.meter-label{font-size:11px;font-weight:800;letter-spacing:1px;color:#adb5bd}.meter-bar{width:100%;height:10px;background:#1b202c;border-radius:4px;overflow:hidden;border:1px solid #374151}.meter-fill{height:100%;background:#06d6a0}.meter-fill.enemy-fill{background:#e63946}.meter-count{font-size:11px;color:#94a3b8}.combat-center-panel{display:flex;flex-direction:column;align-items:center;gap:8px}.king-spells-bar{display:flex;gap:8px}.spell-btn{position:relative;display:flex;align-items:center;gap:6px;background:#161c28f2;border:1.5px solid #475569;border-radius:6px;padding:6px 12px;color:#f8fafc;font-family:var(--font-title);font-size:12px;font-weight:800;cursor:pointer;transition:all .15s ease;user-select:none;overflow:hidden}.spell-btn:hover:not(.disabled){border-color:#ffd166;transform:translateY(-2px);box-shadow:0 4px 12px #ffd16640}.spell-btn.armed{border-color:#06d6a0;background:#06d6a033;box-shadow:0 0 12px #06d6a080}.spell-btn.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.spell-hotkey{display:inline-block;background:#334155;color:#cbd5e1;font-size:9px;padding:1px 4px;border-radius:3px;border:1px solid #64748b}.spell-cooldown-overlay{position:absolute;top:0;left:0;height:100%;background:#000000a6;transition:width .1s linear;pointer-events:none}.spell-cost-badge{font-size:10px;color:#fbbf24;margin-left:2px}.speed-controls{display:flex;gap:6px}.speed-btn{background:#1e2430;border:1px solid #475569;color:#cbd5e1;padding:6px 12px;font-weight:800;border-radius:4px;cursor:pointer;transition:all .15s ease}.speed-btn:hover{border-color:#94a3b8}.speed-btn.active{background:var(--gold);color:#0b0e14;border-color:var(--gold)}.pause-btn.paused{background:#e63946;border-color:#e63946;color:#fff;animation:pulse-pause 1s infinite alternate}@keyframes pulse-pause{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#04060ae0;display:flex;justify-content:center;align-items:center;z-index:50;backdrop-filter:blur(8px)}.modal.hidden,.hidden{display:none!important}.modal-box{background:var(--bg-panel-solid);border:2px solid var(--border-gold);border-radius:12px;padding:32px;box-shadow:0 20px 60px #000000e6;max-height:90vh;overflow-y:auto}.modal-title{font-family:var(--font-title);font-size:26px;letter-spacing:2px;color:var(--gold);margin-bottom:6px}.modal-title.victory-text{color:#06d6a0}.modal-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:24px}.king-modal-box{max-width:860px;width:90%}.kings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.king-card{background:#161b26;border:1px solid #333d4e;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.king-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 8px 24px var(--gold-glow)}.king-card-badge{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--gold)}.king-card-title{font-family:var(--font-title);font-size:20px;color:#fff}.king-card-flavor{font-style:italic;font-size:12px;color:#94a3b8;line-height:1.4}.perk-box{background:#11141e;padding:10px;border-radius:4px;font-size:12px;display:flex;flex-direction:column;gap:4px}.perk-box.highlight{border:1px solid rgba(255,209,102,.4);background:#ffd1660f}.signature-box{font-size:11px;color:#64748b;margin-top:auto}.choose-king-btn{background:#252e3d;color:var(--gold);border:1px solid var(--gold);font-family:var(--font-title);font-size:13px;font-weight:800;letter-spacing:1.5px;padding:10px 16px;border-radius:4px;cursor:pointer;margin-top:8px;transition:all .15s ease}.choose-king-btn:hover{background:var(--gold);color:#0b0e14}.draft-modal-box{max-width:980px;width:92%}.draft-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.reroll-btn{background:#1e2533;color:var(--gold);border:1px solid #3d4960;padding:8px 16px;font-family:var(--font-body);font-size:13px;font-weight:700;border-radius:4px;cursor:pointer}.reroll-btn:hover{background:#283245}.draft-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.draft-card{position:relative;background:linear-gradient(135deg,#161c2af0,#0f131cf5);border:1.5px solid rgba(255,209,102,.25);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);box-shadow:0 10px 30px #0009,inset 0 1px #ffffff14;overflow:hidden}.draft-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,209,102,.8),transparent);opacity:.6}.draft-card:hover{border-color:var(--gold);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 48px #000000d9,0 0 24px var(--gold-glow)}.draft-card.common{border-color:#94a3b859}.draft-card.uncommon{border-color:#06d6a080;box-shadow:0 10px 30px #0009,0 0 16px #06d6a026}.draft-card.rare{border-color:#7209b799;box-shadow:0 10px 30px #0009,0 0 18px #7209b733}.draft-card.legendary{border-color:var(--gold);box-shadow:0 12px 36px #000000b3,0 0 28px #ffd16659}.card-header-row{display:flex;justify-content:space-between;align-items:center}.card-category-badge{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.card-cost{font-size:12px;font-weight:800;color:var(--gold)}.card-title{font-family:var(--font-title);font-size:18px;color:#fff}.card-body-text{font-size:13px;color:#cbd5e1;line-height:1.4}.card-adjacency-box{background:#0f131a;border:1px solid rgba(255,209,102,.25);border-radius:4px;padding:8px 10px;font-size:12px;color:#ffd166;line-height:1.3}.card-district-badge{font-size:10px;color:#94a3b8;margin-top:auto}.select-card-btn{background:#1f2737;color:#fff;border:1px solid #3b4860;padding:8px 12px;border-radius:4px;font-weight:800;cursor:pointer;margin-top:6px}.draft-card:hover .select-card-btn{background:var(--gold);color:#0b0e14;border-color:var(--gold)}.spoils-modal-box{max-width:680px;width:90%}.spoils-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-pill{background:#151a24;border:1px solid #283344;padding:12px;border-radius:6px;display:flex;flex-direction:column;align-items:center}.stat-val{font-size:20px;font-weight:900;color:#fff}.stat-lbl{font-size:11px;color:var(--text-muted)}.decree-picker-section{margin-bottom:24px}.decree-section-title{font-size:12px;letter-spacing:1px;color:var(--gold);margin-bottom:12px}.decrees-choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.decree-card{background:#151a24;border:1px solid #333d4e;border-radius:6px;padding:12px;cursor:pointer;transition:all .15s ease}.decree-card:hover{border-color:var(--gold);background:#1c2331}.decree-title{font-size:14px;font-weight:800;color:var(--gold);margin-bottom:4px}.decree-desc{font-size:12px;color:#cbd5e1;line-height:1.3}.result-modal-box{max-width:520px;width:90%}.result-recap-box{background:#141822;border:1px solid #2c3545;border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.recap-row{display:flex;justify-content:space-between;font-size:14px;color:#cbd5e1}.recap-row strong{color:var(--gold)}.secondary-btn{background:#2b1a1d;color:#ff758f;border:1px solid #6b2d35;padding:6px 14px;border-radius:4px;font-weight:800;cursor:pointer}