:root{--bg-primary: #0d0d1a;--bg-secondary: #1a1a2e;--bg-glass: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .1);--accent-gold: #f0c040;--accent-blue: #4a9eff;--accent-red: #ff4a4a;--accent-green: #4aff8a;--text-primary: #e8e8f0;--text-secondary: #8888aa;--square-light: #2a2a4a;--square-dark: #1a1a2e;--square-selected: rgba(74, 158, 255, .4);--square-legal-move: rgba(74, 255, 138, .3);--square-last-move: rgba(240, 192, 64, .2);--square-dead: #0a0a0f;--font-main: "Segoe UI", system-ui, -apple-system, sans-serif;--transition-fast: .15s ease;--transition-medium: .3s ease;--shadow-glow-blue: 0 0 20px rgba(74, 158, 255, .3);--shadow-glow-gold: 0 0 20px rgba(240, 192, 64, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}@media(max-width:767px){html,body{overflow:auto;height:auto}}body{background:radial-gradient(ellipse at top left,#1a1a3e,#0d0d1a,#0a0a15);min-height:100vh}#app{display:flex;flex-direction:column;height:100vh;padding:16px;gap:16px}#game-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:12px;flex-shrink:0}#game-header h1{font-size:1.5rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,var(--accent-gold),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#board-container{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}#chess-board{display:grid;gap:0;border:2px solid var(--border-glass);border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000080,var(--shadow-glow-blue)}.square{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast);min-width:60px;min-height:60px;width:80px;height:80px}.square.light{background-color:var(--square-light)}.square.dark{background-color:var(--square-dark)}.square.dead{background-color:var(--square-dead);cursor:default;pointer-events:none}.square.dead:after{display:none}.square.selected{background-color:var(--square-selected)!important;box-shadow:inset 0 0 0 2px var(--accent-blue)}.square.last-move{background-color:var(--square-last-move)!important}.square.legal-move:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background-color:var(--accent-green);opacity:.7;pointer-events:none;z-index:1}.square.legal-capture:after{content:"";position:absolute;inset:4px;border-radius:4px;border:3px solid var(--accent-green);background:transparent;opacity:.7;pointer-events:none;z-index:1}.square:not(.dead):hover{filter:brightness(1.2)}.square.selected:hover{filter:brightness(1.1)}.piece{position:relative;z-index:2;font-size:2.8rem;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast),filter var(--transition-fast);text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.piece.white{filter:drop-shadow(0 2px 4px rgba(0,0,0,.9)) brightness(1.1);color:#f0f0f8}.piece.black{filter:drop-shadow(0 2px 4px rgba(0,0,0,.9));color:#1a1a2e;-webkit-text-stroke:1px rgba(255,255,255,.3)}.piece:hover{transform:scale(1.1)}.square.selected .piece{transform:scale(1.05);filter:drop-shadow(0 0 8px var(--accent-blue)) brightness(1.2)}#sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:12px;padding:16px}.panel h2{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px}#status-panel{border-top:2px solid var(--accent-blue)}#current-player{display:flex;align-items:center;gap:10px;margin-bottom:8px}#player-indicator{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-glass);transition:background-color var(--transition-medium)}#player-indicator.white{background:#f0f0f8;box-shadow:0 0 8px #f0f0f880}#player-indicator.black{background:#1a1a2e;border-color:#ffffff4d;box-shadow:0 0 8px #64649680}#player-name{font-size:1rem;font-weight:600;color:var(--text-primary)}#turn-number{font-size:.8rem;color:var(--text-secondary)}#game-status-text{font-size:.85rem;color:var(--text-secondary);font-style:italic}#game-over-overlay{display:none;position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;align-items:center;justify-content:center}#game-over-overlay.visible{display:flex}#game-over-panel{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:40px 60px;text-align:center;box-shadow:0 20px 60px #000c,var(--shadow-glow-gold);animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#game-over-title{font-size:2.5rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#game-over-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:32px}#restart-btn{background:linear-gradient(135deg,var(--accent-blue),#2a6eff);color:#fff;border:none;border-radius:10px;padding:12px 32px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);letter-spacing:.05em}#restart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4a9eff66}#restart-btn:active{transform:translateY(0)}#captured-panel{flex:1;overflow-y:auto}.captured-section{margin-bottom:12px}.captured-section-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.captured-pieces-list{display:flex;flex-wrap:wrap;gap:2px;min-height:28px}.captured-piece{font-size:1.2rem;opacity:.7}#history-panel{max-height:200px;overflow-y:auto}#move-history-list{list-style:none;font-size:.8rem;color:var(--text-secondary)}#move-history-list li{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}#move-history-list li:last-child{color:var(--text-primary)}#ai-thinking{display:none;align-items:center;gap:8px;font-size:.8rem;color:var(--accent-blue)}#ai-thinking.visible{display:flex}.thinking-dots{display:flex;gap:3px}.thinking-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-blue);animation:pulse 1.2s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:2px}@media(min-width:768px)and (max-width:1024px){#app{padding:10px;gap:10px}#sidebar{width:200px}.square{min-width:48px;min-height:48px;width:60px;height:60px}.piece{font-size:2.2rem}.dep-square{width:52px;height:52px}.dep-piece{font-size:1.8rem}.hand-card{width:110px}.deployment-army-panel{width:160px}.reward-card{min-width:160px}}@media(max-width:767px){#app{padding:8px;gap:8px;height:auto;min-height:100vh}#game-header{padding:8px 12px;flex-wrap:wrap;gap:8px}#game-header h1{font-size:1.1rem}#header-controls{gap:8px}.header-btn{padding:10px 14px;font-size:.8rem;min-height:44px}#game-container{flex-direction:column;gap:8px;min-height:0;flex:none}#board-area{gap:8px}#board-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}#chess-board{max-width:100%;margin:0 auto;grid-auto-rows:1fr}.square{min-width:0;min-height:0;width:auto;height:auto;aspect-ratio:1}.piece{font-size:clamp(1.2rem,6vw,2rem)}#sidebar{width:100%;flex-direction:row;flex-wrap:wrap;gap:8px;flex-shrink:0}.panel{flex:1 1 calc(50% - 4px);min-width:140px;padding:10px 12px}.panel h2{font-size:.65rem;margin-bottom:8px}#history-panel{display:none}#player-name{font-size:.9rem}#turn-number,#game-status-text{font-size:.75rem}.phase-steps{gap:2px;margin-bottom:8px}.phase-step{font-size:.6rem;padding:3px 6px}.phase-btn{padding:10px 8px;font-size:.7rem;min-height:44px}.phase-mana{margin-bottom:8px}.hand-view{padding:8px 10px}.hand-cards{gap:8px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:6px}.hand-card{width:100px;min-width:100px;flex-shrink:0}.hand-card-name{font-size:.72rem}.hand-card-desc{font-size:.62rem;-webkit-line-clamp:3}#game-over-panel{padding:28px 24px;width:90%;max-width:360px}#game-over-title{font-size:1.8rem}#game-over-subtitle{font-size:.9rem;margin-bottom:20px}#restart-btn{padding:12px 24px;min-height:44px;width:100%}.run-end-panel{padding:28px 20px;width:92%}.run-end-icon{font-size:2.5rem}.run-end-title{font-size:1.6rem}.run-end-subtitle{font-size:.9rem}.run-end-detail{font-size:.8rem;margin-bottom:20px}.run-end-btn{padding:12px 24px;min-height:44px;width:100%}.deployment-overlay{padding:0;align-items:flex-start}.deployment-panel{border-radius:0;max-height:100vh;height:100vh;max-width:100%;overflow-y:auto}.deployment-header{padding:12px 14px 10px}.deployment-stage-name{font-size:1rem}.deployment-instructions{font-size:.72rem}.deployment-body{flex-direction:column;overflow:visible}.deployment-army-panel{width:100%;border-right:none;border-bottom:1px solid var(--border-glass);padding:10px 14px;flex-direction:row;flex-wrap:wrap;gap:6px;overflow-y:visible}.deployment-army-title{width:100%;margin-bottom:2px}.deployment-army-list{flex-direction:row;flex-wrap:wrap;gap:6px;flex:none}.deployment-piece{padding:6px 10px;min-height:44px}.deployment-army-hint{width:100%;border-top:none;padding-top:0;min-height:auto}.deployment-board-wrap{padding:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.dep-square{width:44px;height:44px}.dep-piece{font-size:1.6rem}.deployment-footer{padding:10px 14px;flex-wrap:wrap;gap:8px}.deployment-confirm-btn{padding:12px 20px;min-height:44px;width:100%}.deployment-king-warning{width:100%;font-size:.75rem}.reward-overlay{padding:0;align-items:flex-start}.reward-panel{border-radius:0;max-height:100vh;height:100vh;max-width:100%;overflow-y:auto}.reward-header{padding:14px 16px 10px}.reward-title{font-size:1.2rem}.reward-icon{font-size:1.4rem}.reward-subtitle{font-size:.8rem}.reward-section{padding:14px 16px}.reward-cards-grid{gap:10px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.reward-card{min-width:160px;max-width:200px;flex-shrink:0}.reward-card-name{font-size:.85rem}.reward-card-desc{font-size:.68rem}.reward-pieces-grid{gap:10px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.reward-piece{min-width:120px;max-width:160px;flex-shrink:0;padding:12px}.reward-piece-symbol{font-size:2rem}.reward-footer{padding:10px 16px;flex-wrap:wrap;gap:8px}.reward-confirm-btn{padding:12px 20px;min-height:44px;width:100%}.reward-selection-summary{width:100%;font-size:.8rem}.foresight-panel{padding:20px 16px;width:98%;border-radius:14px}.foresight-title{font-size:1.1rem}.foresight-cards{gap:10px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;justify-content:flex-start}.foresight-card{width:130px;flex-shrink:0}.stage-info-label,.stage-info-value{font-size:.72rem}.error-banner{font-size:.8rem;padding:8px 12px}}#game-container{display:flex;flex:1;gap:16px;min-height:0}#board-area{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}#error-container{position:relative;z-index:50;flex-shrink:0}.error-banner{display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-radius:10px;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid transparent;animation:bannerSlideIn .2s ease}.error-banner--visible{display:flex}.error-banner--error{background:#ff4a4a26;border-color:#ff4a4a66;color:#ff8080}.error-banner--warning{background:#f0c04026;border-color:#f0c04066;color:var(--accent-gold)}.error-banner--info{background:#4a9eff26;border-color:#4a9eff66;color:var(--accent-blue)}.error-banner-message{flex:1}.error-banner-close{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem;opacity:.7;padding:2px 6px;border-radius:4px;transition:opacity var(--transition-fast)}.error-banner-close:hover{opacity:1}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#phase-container{flex-shrink:0}.phase-view{border-top:2px solid var(--accent-gold)}.phase-steps{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:12px}.phase-step{font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:4px 8px;border-radius:6px;border:1px solid transparent;transition:all var(--transition-fast)}.phase-step--active{background:#f0c04033;border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:0 0 8px #f0c0404d}.phase-step--done{color:var(--text-secondary);opacity:.5}.phase-step--pending{color:var(--text-secondary);opacity:.4}.phase-arrow{color:var(--text-secondary);font-size:.8rem;opacity:.4}.phase-mana{display:flex;align-items:center;gap:8px;margin-bottom:12px}.phase-mana-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.phase-mana-crystals{display:flex;gap:3px}.crystal{font-size:1rem;transition:color var(--transition-fast)}.crystal--filled{color:var(--accent-gold);text-shadow:0 0 6px rgba(240,192,64,.6)}.crystal--empty{color:var(--text-secondary);opacity:.4}.phase-mana-text{font-size:.75rem;color:var(--text-secondary);margin-left:4px}.phase-actions{display:flex;gap:8px;flex-wrap:wrap}.phase-btn{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:.75rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.phase-btn--advance{background:linear-gradient(135deg,var(--accent-blue),#2a6eff);color:#fff}.phase-btn--advance:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a9eff66}.phase-btn--end-spell{background:linear-gradient(135deg,var(--accent-gold),#d4a017);color:#0d0d1a}.phase-btn--end-spell:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f0c04066}.phase-move-hint{font-size:.72rem;color:var(--text-muted, #8888aa);text-align:center;padding:6px 8px;border:1px dashed rgba(255,255,255,.15);border-radius:6px;letter-spacing:.03em}#hand-container{flex-shrink:0}.hand-view{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:12px;padding:12px 16px}.hand-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px}.hand-cards{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.hand-cards::-webkit-scrollbar{height:4px}.hand-empty{font-size:.8rem;color:var(--text-secondary);font-style:italic;padding:8px 0}.hand-card{position:relative;flex-shrink:0;width:130px;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:10px;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);-webkit-user-select:none;user-select:none}.hand-card-bar{height:3px;width:100%}.hand-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 4px}.hand-card-name{font-size:.8rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hand-card-cost{display:flex;align-items:center;gap:2px;font-size:.85rem;font-weight:700;flex-shrink:0}.mana-crystal{font-size:.7rem}.hand-card-category{font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:0 10px 4px;text-transform:uppercase}.hand-card-desc{font-size:.68rem;color:var(--text-secondary);padding:0 10px 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hand-card--playable{border-color:var(--card-glow, var(--accent-blue));box-shadow:0 0 10px color-mix(in srgb,var(--card-glow, var(--accent-blue)) 40%,transparent)}.hand-card--playable:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px color-mix(in srgb,var(--card-glow, var(--accent-blue)) 50%,transparent)}.hand-card--grayed{opacity:.45;filter:grayscale(.5)}.hand-card--no-mana{opacity:.5;filter:grayscale(.3)}.hand-card--targeting{border-color:#9b59b6;box-shadow:0 0 14px #9b59b699;animation:targetingPulse 1.2s ease-in-out infinite}@keyframes targetingPulse{0%,to{box-shadow:0 0 10px #9b59b666}50%{box-shadow:0 0 20px #9b59b6cc}}.square.targeting{background-color:#9b59b659!important;box-shadow:inset 0 0 0 2px #9b59b6;cursor:crosshair}.square.targeting:hover{background-color:#9b59b68c!important;filter:brightness(1.2)}.effect-badge{position:absolute;top:2px;right:2px;font-size:.75rem;line-height:1;z-index:5;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.effect-overlay{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:2px}.effect-overlay--portal{background:#9b59b640;border:2px solid rgba(155,89,182,.6);animation:portalPulse 2s ease-in-out infinite}@keyframes portalPulse{0%,to{opacity:.6}50%{opacity:1}}.effect-overlay--sanctuary{background:#4aff8a1a;border:1px solid rgba(74,255,138,.3)}.effect-overlay--shield-wall{background:#3498db26;border:1px solid rgba(52,152,219,.4)}#header-controls{display:flex;align-items:center;gap:12px}.header-btn{padding:8px 18px;border:none;border-radius:8px;font-size:.85rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.header-btn--primary{background:linear-gradient(135deg,var(--accent-gold),#d4a017);color:#0d0d1a}.header-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f0c04066}.header-btn--primary:active{transform:translateY(0)}.stage-info{border-top:2px solid var(--accent-gold)}.stage-info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.stage-info-row:last-child{border-bottom:none}.stage-info-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.stage-info-value{font-size:.85rem;font-weight:600;color:var(--text-primary)}.deployment-overlay{display:none;position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;align-items:center;justify-content:center;padding:16px}.deployment-overlay.visible{display:flex}.deployment-panel{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #000c,0 0 40px #4a9eff26;animation:slideIn .35s ease;overflow:hidden}.deployment-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-glass);background:#ffffff08}.deployment-stage-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.deployment-stage-label{font-size:.65rem;font-weight:700;letter-spacing:.15em;color:var(--accent-blue);text-transform:uppercase;background:#4a9eff26;border:1px solid rgba(74,158,255,.3);padding:3px 8px;border-radius:4px}.deployment-stage-name{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.deployment-instructions{font-size:.8rem;color:var(--text-secondary);font-style:italic}.deployment-body{display:flex;flex:1;gap:0;min-height:0;overflow:hidden}.deployment-army-panel{width:200px;flex-shrink:0;padding:16px;border-right:1px solid var(--border-glass);display:flex;flex-direction:column;gap:8px;overflow-y:auto}.deployment-army-title{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.deployment-army-list{display:flex;flex-direction:column;gap:6px;flex:1}.deployment-army-empty{font-size:.8rem;color:var(--accent-green);font-style:italic;padding:8px 0}.deployment-piece{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:8px;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.deployment-piece:hover{background:#4a9eff1a;border-color:#4a9eff4d;transform:translate(2px)}.deployment-piece--selected{background:#4a9eff33!important;border-color:var(--accent-blue)!important;box-shadow:0 0 10px #4a9eff4d}.deployment-piece-symbol{font-size:1.4rem;line-height:1;color:#f0f0f8;text-shadow:0 2px 4px rgba(0,0,0,.8)}.deployment-piece-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.deployment-army-hint{font-size:.7rem;color:var(--text-secondary);font-style:italic;padding-top:4px;border-top:1px solid var(--border-glass);min-height:32px}.deployment-board-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.deployment-board{display:grid;gap:0;border:2px solid var(--border-glass);border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000080}.dep-square{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;transition:background-color var(--transition-fast)}.dep-square--light{background-color:var(--square-light)}.dep-square--dark{background-color:var(--square-dark)}.dep-square--dead{background-color:var(--square-dead);pointer-events:none}.dep-square--zone{background-color:#4aff8a1f!important;box-shadow:inset 0 0 0 1px #4aff8a40}.dep-square--zone-active{background-color:#4aff8a40!important;box-shadow:inset 0 0 0 2px #4aff8a99;cursor:pointer}.dep-square--zone-active:hover{background-color:#4aff8a66!important}.dep-square--placed{cursor:pointer}.dep-square--placed:hover{filter:brightness(1.2)}.dep-piece{font-size:2.2rem;line-height:1;-webkit-user-select:none;user-select:none;text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform var(--transition-fast)}.dep-piece--white{color:#f0f0f8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9)) brightness(1.1)}.dep-piece--black{color:#1a1a2e;-webkit-text-stroke:1px rgba(255,255,255,.3);filter:drop-shadow(0 2px 4px rgba(0,0,0,.9));opacity:.75}.dep-square--placed .dep-piece--white:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,74,74,.6)) brightness(1.2)}.deployment-footer{padding:16px 24px;border-top:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff05}.deployment-king-warning{font-size:.8rem;color:var(--accent-gold);font-weight:600}.deployment-confirm-btn{padding:12px 28px;background:linear-gradient(135deg,var(--accent-green),#2aaa5a);color:#0d0d1a;border:none;border-radius:10px;font-size:.95rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.deployment-confirm-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.deployment-confirm-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #4aff8a66}.deployment-confirm-btn:not(:disabled):active{transform:translateY(0)}.reward-overlay{display:none;position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;align-items:center;justify-content:center;padding:16px}.reward-overlay.visible{display:flex}.reward-panel{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #000c,0 0 40px #f0c04026;animation:slideIn .35s ease;overflow:hidden}.reward-header{padding:24px 28px 16px;border-bottom:1px solid var(--border-glass);background:#ffffff08}.reward-title-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.reward-icon{font-size:1.8rem}.reward-title{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--accent-gold),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reward-subtitle{font-size:.9rem;color:var(--text-secondary)}.reward-section{padding:20px 28px;overflow-y:auto}.reward-section+.reward-section{border-top:1px solid var(--border-glass)}.reward-section-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:14px}.reward-cards-grid{display:flex;gap:14px;flex-wrap:wrap}.reward-card{position:relative;flex:1;min-width:200px;max-width:260px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);-webkit-user-select:none;user-select:none}.reward-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0006;border-color:var(--card-accent, var(--accent-blue))}.reward-card--selected{border-color:var(--card-accent, var(--accent-blue))!important;box-shadow:0 0 20px color-mix(in srgb,var(--card-accent, var(--accent-blue)) 40%,transparent)!important;transform:translateY(-4px) scale(1.02)!important}.reward-card-bar{height:4px;width:100%}.reward-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px}.reward-card-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.reward-card-cost{display:flex;align-items:center;gap:3px;font-size:1rem;font-weight:700;flex-shrink:0}.reward-mana-crystal{font-size:.75rem}.reward-card-category{font-size:.6rem;font-weight:700;letter-spacing:.12em;padding:0 14px 6px;text-transform:uppercase}.reward-card-desc{font-size:.75rem;color:var(--text-secondary);padding:0 14px 14px;line-height:1.5}.reward-card-select-indicator{display:none;position:absolute;top:8px;right:8px;background:var(--card-accent, var(--accent-blue));color:#0d0d1a;font-size:.65rem;font-weight:700;padding:3px 7px;border-radius:4px}.reward-card--selected .reward-card-select-indicator{display:block}.reward-pieces-grid{display:flex;gap:14px;flex-wrap:wrap}.reward-piece{position:relative;flex:1;min-width:140px;max-width:200px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);-webkit-user-select:none;user-select:none}.reward-piece:hover{transform:translateY(-4px);border-color:var(--accent-gold);box-shadow:0 8px 20px #f0c04033}.reward-piece--selected{border-color:var(--accent-gold)!important;box-shadow:0 0 20px #f0c04059!important;transform:translateY(-4px) scale(1.02)!important}.reward-piece-symbol{font-size:2.8rem;line-height:1;color:#f0f0f8;text-shadow:0 2px 6px rgba(0,0,0,.8);margin-bottom:8px}.reward-piece-name{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.reward-piece-desc{font-size:.7rem;color:var(--text-secondary);line-height:1.4}.reward-piece-select-indicator{display:none;position:absolute;top:8px;right:8px;background:var(--accent-gold);color:#0d0d1a;font-size:.65rem;font-weight:700;padding:3px 7px;border-radius:4px}.reward-piece--selected .reward-piece-select-indicator{display:block}.reward-footer{padding:16px 28px;border-top:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff05}.reward-selection-summary{font-size:.85rem;color:var(--accent-gold);font-weight:600;font-style:italic;flex:1}.reward-confirm-btn{padding:12px 28px;background:linear-gradient(135deg,var(--accent-gold),#d4a017);color:#0d0d1a;border:none;border-radius:10px;font-size:.95rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.reward-confirm-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.reward-confirm-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #f0c04066}.reward-confirm-btn:not(:disabled):active{transform:translateY(0)}.run-end-overlay{display:none;position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:300;align-items:center;justify-content:center}.run-end-overlay.visible{display:flex}.run-end-panel{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:24px;padding:48px 64px;text-align:center;max-width:480px;width:90%;box-shadow:0 24px 64px #000c;animation:slideIn .4s ease}.run-end-panel--defeat{border-top:3px solid var(--accent-red);box-shadow:0 24px 64px #000c,0 0 40px #ff4a4a26}.run-end-panel--victory{border-top:3px solid var(--accent-gold);box-shadow:0 24px 64px #000c,0 0 40px #f0c04033}.run-end-icon{font-size:3.5rem;margin-bottom:16px;line-height:1}.run-end-title{font-size:2.2rem;font-weight:800;margin-bottom:10px;color:var(--accent-red)}.run-end-title--victory{background:linear-gradient(135deg,var(--accent-gold),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.run-end-subtitle{font-size:1rem;color:var(--text-primary);margin-bottom:8px;font-weight:600}.run-end-detail{font-size:.85rem;color:var(--text-secondary);margin-bottom:32px;font-style:italic}.run-end-btn{padding:13px 36px;border:none;border-radius:12px;font-size:1rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.run-end-btn--restart{background:linear-gradient(135deg,var(--accent-blue),#2a6eff);color:#fff}.run-end-btn--restart:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4a9eff66}.run-end-btn--restart:active{transform:translateY(0)}.foresight-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center}.foresight-backdrop{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.foresight-panel{position:relative;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;padding:32px 36px;max-width:680px;width:95%;box-shadow:0 24px 64px #000c,0 0 40px #f39c1226;animation:slideIn .3s ease}.foresight-title{font-size:1.4rem;font-weight:800;color:#f39c12;margin-bottom:6px;text-align:center;letter-spacing:.04em}.foresight-subtitle{font-size:.85rem;color:var(--text-secondary);text-align:center;margin-bottom:24px}.foresight-cards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.foresight-card{position:relative;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:12px;padding:0;width:160px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 4px 16px #0006}.foresight-card:hover{transform:translateY(-4px) scale(1.03);border-color:var(--card-glow, #f39c12);box-shadow:0 8px 24px #00000080,0 0 16px var(--card-glow, rgba(243, 156, 18, .4))}.foresight-keep-label{text-align:center;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--text-secondary);padding:6px 0 8px;opacity:0;transition:opacity .15s ease}.foresight-card:hover .foresight-keep-label{opacity:1;color:var(--card-glow, #f39c12)}