@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg: #1a1a2e;--bg-card: #16213e;--border: #0f3460;--accent: #e94560;--gold: #f5c518;--green: #00ff41;--blue: #00d4ff;--text: #eee;--text-dim: #888;--hp-bar: #e94560;--hp-bg: #333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",monospace;background:var(--bg);color:var(--text);font-size:10px;line-height:1.6;image-rendering:pixelated}.app{max-width:960px;margin:0 auto;padding:16px}.header{text-align:center;padding:24px 0;border-bottom:4px solid var(--border);margin-bottom:24px}.header h1{font-size:20px;color:var(--gold);text-shadow:3px 3px 0 #000;letter-spacing:2px}.header p{font-size:8px;color:var(--text-dim);margin-top:8px}.logo{max-width:300px;image-rendering:pixelated;margin-bottom:8px}.btn{font-family:"Press Start 2P",monospace;font-size:9px;padding:10px 16px;border:3px solid;cursor:pointer;text-transform:uppercase;transition:all .1s;image-rendering:pixelated}.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000}.btn:active{transform:translate(0);box-shadow:none}.btn-primary{background:var(--accent);color:#fff;border-color:#c0392b}.btn-gold{background:var(--gold);color:#000;border-color:#d4a017}.btn-blue{background:var(--blue);color:#000;border-color:#09c}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.card{background:var(--bg-card);border:3px solid var(--border);padding:16px;margin-bottom:12px}.dungeon-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.dungeon-tile{background:var(--bg-card);border:3px solid var(--border);padding:16px;cursor:pointer;transition:all .1s}.dungeon-tile:hover{border-color:var(--gold);transform:translate(-2px,-2px);box-shadow:4px 4px #000}.dungeon-tile h3{color:var(--gold);font-size:11px;margin-bottom:8px}.dungeon-tile .stats{font-size:8px;color:var(--text-dim)}.dungeon-tile .stats span{margin-right:12px}.dungeon-tile .victory{color:var(--green)}.dungeon-tile.deleting{opacity:.4;pointer-events:none}.dungeon-tile.last-played{border-color:#f5c518;box-shadow:0 0 8px #f5c51840}.last-played-badge{font-size:6px;color:#f5c518;background:#f5c5181f;border:1px solid #f5c518;border-radius:2px;padding:1px 5px;letter-spacing:.5px;white-space:nowrap}.tile-delete-btn{font-size:10px;background:none;border:none;cursor:pointer;opacity:.3;transition:opacity .15s;padding:4px}.tile-delete-btn:hover{opacity:1}.dungeon-tile .tag{display:inline-block;padding:2px 6px;font-size:7px;border:2px solid;margin-right:4px}.tag-easy{color:var(--green);border-color:var(--green)}.tag-normal{color:var(--gold);border-color:var(--gold)}.tag-hard{color:var(--accent);border-color:var(--accent)}.tag-modifier-curse{color:#e74c3c;border-color:#e74c3c}.tag-modifier-blessing{color:#2ecc71;border-color:#2ecc71}.ns-filter{display:flex;gap:6px;margin-bottom:12px}.create-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin-bottom:24px;padding:16px;background:var(--bg-card);border:3px solid var(--border)}.create-form label{font-size:8px;color:var(--text-dim);display:block;margin-bottom:4px}.create-form input,.create-form select{font-family:"Press Start 2P",monospace;font-size:9px;padding:8px;background:var(--bg);color:var(--text);border:2px solid var(--border);width:140px}.input-error{font-size:6px;color:var(--accent);margin-top:4px;max-width:200px;line-height:1.6}.dungeon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dungeon-header h2{font-size:14px;color:var(--gold)}.back-btn{font-size:8px;color:var(--text-dim);cursor:pointer;border:none;background:none;font-family:"Press Start 2P",monospace}.back-btn:hover{color:var(--text)}.status-bar{display:flex;gap:16px;font-size:8px;margin-bottom:16px;padding:12px;background:var(--bg-card);border:3px solid var(--border)}.status-bar .label{color:var(--text-dim)}.status-bar .value{color:var(--gold);margin-left:4px}.monster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}.entity-card{background:var(--bg-card);border:3px solid var(--border);padding:16px;text-align:center;position:relative;transition:border-color .2s}.entity-card.alive{border-color:var(--green)}.entity-card.dead{border-color:#555;opacity:.5}.entity-card.ready{border-color:var(--accent);animation:pulse 1s infinite}.entity-card.pending{border-color:var(--border)}.entity-card.defeated{border-color:var(--gold)}@keyframes pulse{0%,to{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 16px var(--accent)}}.entity-sprite{font-size:40px;margin-bottom:8px;display:flex;justify-content:center}.entity-name{font-size:9px;color:var(--text);margin-bottom:4px}.entity-state{font-size:7px;text-transform:uppercase;margin-bottom:8px}.entity-state.alive{color:var(--green)}.entity-state.dead{color:#666}.entity-state.ready{color:var(--accent)}.entity-state.pending{color:var(--text-dim)}.entity-state.defeated{color:var(--gold)}.hp-bar-container{margin:8px 0}.hp-bar-bg{background:var(--hp-bg);height:12px;border:2px solid #555;position:relative}.hp-bar-fill{height:100%;transition:width .5s ease-out;background:var(--hp-bar)}.hp-bar-fill.high{background:var(--green)}.hp-bar-fill.mid{background:var(--gold)}.hp-bar-fill.low{background:var(--accent)}.hp-text{font-size:7px;color:var(--text-dim);margin-top:2px}.attack-controls{margin-top:8px;display:flex;gap:4px;justify-content:center;align-items:center}.attack-controls input{font-family:"Press Start 2P",monospace;font-size:8px;width:50px;padding:4px;background:var(--bg);color:var(--text);border:2px solid var(--border);text-align:center}.event-log{background:var(--bg-card);border:3px solid var(--border);padding:12px;max-height:200px;overflow-y:auto;font-size:7px}.event-log h3{font-size:9px;color:var(--text-dim);margin-bottom:8px}.event-entry{padding:4px 0;border-bottom:1px solid #222;color:var(--text-dim);display:flex;gap:8px;align-items:center}.event-icon{font-size:12px;flex-shrink:0}.event-msg{color:var(--text);flex:1}.event-detail{color:#555;font-size:6px}.event-entry .event-type{color:var(--blue)}.event-entry .event-time{color:#555}.victory-banner{text-align:center;padding:24px;background:linear-gradient(135deg,#1a1a2e,#2d1b4e);border:4px solid var(--gold);margin-bottom:16px;animation:victoryGlow 2s infinite}@keyframes victoryGlow{0%,to{box-shadow:0 0 10px var(--gold)}50%{box-shadow:0 0 30px var(--gold)}}.victory-banner h2{font-size:16px;color:var(--gold);margin-bottom:8px}.victory-banner .loot{font-size:9px;color:var(--green)}.loading{text-align:center;padding:40px;font-size:10px;color:var(--text-dim);white-space:nowrap}.loading:after{content:"...";animation:dots 1.5s infinite}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:4px solid var(--gold);padding:32px;text-align:center;max-width:400px;animation:modalPop .3s ease-out;box-shadow:0 0 40px #f5c5184d}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.loot-content{font-size:10px;color:var(--green);padding:16px;background:var(--bg);border:2px solid var(--border);word-break:break-all}.tooltip-wrap{position:relative}.tooltip-box{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000;color:var(--text);border:2px solid var(--gold);padding:8px 10px;font-size:7px;line-height:1.6;white-space:pre-line;z-index:50;pointer-events:none;min-width:180px;max-width:260px;text-align:left;box-shadow:0 0 8px #f5c5184d;animation:fadeIn .15s}.help-btn{font-family:"Press Start 2P",monospace;font-size:10px;width:28px;height:28px;background:var(--bg-card);color:var(--gold);border:2px solid var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center}.help-btn:hover{background:var(--gold);color:#000}.help-modal{max-width:500px;text-align:left;max-height:80vh;overflow-y:auto}.help-section{margin-bottom:12px}.help-section h3{font-size:9px;color:var(--gold);margin-bottom:6px}.help-section p{font-size:7px;color:var(--text-dim);margin-bottom:4px;line-height:1.8}.help-table{width:100%;font-size:7px;border-collapse:collapse;margin-bottom:4px}.help-table th{color:var(--text-dim);text-align:left;padding:4px;border-bottom:1px solid var(--border)}.help-table td{padding:4px;color:var(--text);border-bottom:1px solid #222}.turn-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:12px;background:var(--bg-card);border:3px solid var(--border);font-size:8px}.turn-round{color:var(--text-dim);white-space:nowrap}.turn-order{display:flex;gap:4px;flex:1;flex-wrap:wrap}.turn-token{padding:3px 6px;border:2px solid var(--border);color:var(--text-dim);font-size:7px;white-space:nowrap}.turn-token.active{border-color:var(--gold);color:var(--gold);background:#f5c5181a;animation:turnPulse .8s infinite alternate}.turn-token.dead{opacity:.3;text-decoration:line-through}@keyframes turnPulse{0%{box-shadow:0 0 0 transparent}to{box-shadow:0 0 8px var(--gold)}}.turn-indicator{color:var(--green);white-space:nowrap;font-size:7px}.dice-roll-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;animation:fadeIn .15s}.dice-formula{font-size:7px;color:var(--text-dim);margin-bottom:8px}.dice-container{display:flex;gap:6px;margin-bottom:8px}.die{width:28px;height:28px;background:var(--bg);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gold)}.die.rolling{animation:dieRoll .15s ease-in-out infinite alternate;border-color:var(--accent);color:var(--text-dim)}.die.landed{animation:dieLand .2s ease-out;color:var(--gold);border-color:var(--gold)}@keyframes dieRoll{0%{transform:scale(.85) rotate(-12deg)}to{transform:scale(1.1) rotate(12deg)}}@keyframes dieLand{0%{transform:scale(1.3)}50%{transform:scale(.9)}to{transform:scale(1)}}.dice-result{font-size:14px;color:var(--accent);margin-top:4px;animation:dmgPop .3s ease-out}@keyframes dmgPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.4)}to{transform:scale(1);opacity:1}}.dice-modifier{font-size:8px;color:var(--text-dim)}.ws-reconnecting-banner{text-align:center;padding:6px 12px;margin-bottom:8px;background:#e945601f;border:2px solid var(--accent);color:var(--accent);font-size:8px;animation:reconnectPulse 1.2s ease-in-out infinite}@keyframes reconnectPulse{0%,to{opacity:1}50%{opacity:.5}}.engine-warning-banner{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;margin-bottom:8px;background:#3b82f61a;border:1px solid #2563eb;color:#60a5fa;font-size:7px;border-radius:2px}.defeat-banner{text-align:center;padding:24px;background:linear-gradient(135deg,#1a1a2e,#4e1b1b);border:4px solid var(--accent);margin-bottom:16px;animation:defeatGlow 2s infinite}@keyframes defeatGlow{0%,to{box-shadow:0 0 10px var(--accent)}50%{box-shadow:0 0 30px var(--accent)}}.defeat-banner h2{font-size:16px;color:var(--accent);margin-bottom:8px}.defeat-text{font-size:9px;color:var(--text-dim)}.hero-bar{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border:3px solid var(--blue);margin-bottom:16px}.hero-label{font-size:10px;color:var(--blue);white-space:nowrap}.hero-hp-text{font-size:8px;color:var(--text-dim);white-space:nowrap}.turn-bar.attacking{border-color:var(--accent);animation:attackPulse .5s infinite}@keyframes attackPulse{0%,to{background:var(--bg-card)}50%{background:#2a1a1a}}.mana-text{font-size:8px;color:#9b59b6;white-space:nowrap}.floating-dmg{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:16px;font-weight:700;text-shadow:2px 2px 0 #000;animation:floatUp 1s ease-out forwards;pointer-events:none;z-index:10}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-40px)}}.ability-bar{display:flex;gap:8px;align-items:center;margin:4px 0 8px}.btn-ability{font-size:7px!important;padding:4px 8px!important;background:#2a1a3e;border:1px solid #9b59b6;color:#d4a0ff}.btn-ability:hover:not(:disabled){background:#3a2a5e}.btn-ability:disabled{opacity:.4;cursor:not-allowed}.cooldown-text{font-size:7px;color:#888}.inventory-bar{display:flex;gap:4px;align-items:center;margin:4px 0 8px;flex-wrap:wrap}.equip-badge{font-size:7px;padding:2px 6px;background:#1a2a1a;border:1px solid #4a4;border-radius:4px;color:#8f8;display:flex;align-items:center;gap:4px}.equip-badge.equipped{border-color:var(--gold);color:var(--gold);background:#f5c5181a}.item-btn{font-size:14px;padding:4px 6px;background:#1a1a2a;border:2px solid;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.item-btn:hover:not(:disabled){background:#2a2a4a;transform:translateY(-1px)}.item-btn:disabled{opacity:.4;cursor:not-allowed}.item-label{font-size:6px;color:var(--text-dim);font-family:"Press Start 2P",monospace}.effect-badges{display:flex;gap:6px;margin:4px 0}.effect-badge{font-size:7px;padding:2px 6px;border-radius:4px;border:1px solid}.effect-badge.poison{border-color:#2ecc71;color:#2ecc71;background:#0a1a0a}.effect-badge.burn{border-color:#e74c3c;color:#e74c3c;background:#1a0a0a}.effect-badge.stun{border-color:#f1c40f;color:#f1c40f;background:#1a1a0a}.turn-indicator .dice-spin{display:inline-block;animation:diceSpin .3s infinite}@keyframes diceSpin{0%{content:"⚀"}16%{content:"⚁"}33%{content:"⚂"}50%{content:"⚃"}66%{content:"⚄"}83%{content:"⚅"}}.turn-bar.attacking{animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.damage-reveal{font-size:18px;color:#e94560;text-shadow:2px 2px 0 #000,0 0 10px #e94560;animation:damageReveal .3s ease-out}@keyframes damageReveal{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}.dice-roller{display:flex;align-items:center;gap:8px;justify-content:center}.dice-label{font-size:9px;color:var(--gold)}.dice-faces{display:flex;gap:4px}.dice-faces .die{font-size:14px;background:#1a1a2e;border:1px solid var(--gold);border-radius:3px;padding:2px 5px;min-width:20px;text-align:center}.dice-faces .die.rolling{animation:dieShake .1s infinite}@keyframes dieShake{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.combat-modal{max-width:620px;width:94%;position:relative}.combat-modal .modal-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#888;font-size:16px;cursor:pointer;font-family:inherit}.combat-modal .modal-close:hover{color:#fff}.combat-breakdown{display:flex;flex-direction:column;gap:6px;text-align:left}.combat-line{display:flex;align-items:center;gap:8px;font-size:9px;padding:4px 8px;background:#ffffff08;border-radius:4px}.combat-icon{font-size:14px;flex-shrink:0;width:20px;text-align:center}.equip-panel{display:flex;gap:12px;align-items:flex-start;margin:8px 0;flex-wrap:wrap}.equip-grid{display:flex;flex-direction:column;align-items:center;gap:2px}.equip-row{display:flex;gap:2px;justify-content:center}.equip-slot{width:36px;height:36px;border:1px solid #333;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0a0a1a;position:relative}.equip-slot.filled{border-color:var(--gold);background:#1a1a0a}.equip-slot.empty{opacity:.4}.slot-stat{font-size:6px;color:var(--gold);position:absolute;bottom:1px;right:2px}.status-row{display:flex;gap:4px;flex-wrap:wrap;align-items:center;align-self:center}.status-badge{width:28px;height:28px;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:2px;font-size:7px}.status-badge.curse{background:#1a0a0a;border:1px solid #8b0000}.status-badge.blessing{background:#0a1a0a;border:1px solid #ffd700}.status-badge.effect{background:#0a0a1a;border:1px solid #555;flex-direction:column}.status-badge.effect span{font-size:6px;color:#aaa}.status-badge.effect.taunt{border-color:#4a90d9;color:#4a90d9;background:#0a0f1a}.status-badge.effect.taunt span{color:#4a90d9}.backpack{align-self:center}.backpack-label{font-size:7px;color:#555;margin-bottom:2px;text-align:center}.backpack-grid{display:flex;gap:2px;flex-wrap:wrap}.backpack-slot{width:32px;height:32px;border:1px solid #333;border-radius:3px;background:#0a0a1a;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.backpack-slot:hover:not(:disabled){border-color:var(--gold);background:#1a1a2a}.backpack-slot:disabled{opacity:.4;cursor:not-allowed}.game-layout{display:flex;gap:12px;align-items:flex-start}.left-panel{flex:7;min-width:0}.right-panel{flex:3;min-width:180px;max-width:250px;background:#0d0d1a;border:1px solid #1a1a2e;border-radius:6px;padding:8px;position:sticky;top:8px}.hero-section{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;position:relative}.hero-section .hero-label{font-size:8px;color:var(--gold)}.hero-section .hp-bar-bg{width:100%}.hero-section .hero-hp-text{font-size:7px;color:#aaa}.hero-section .mana-text{font-size:7px;color:#9b59b6}.right-panel .ability-bar{justify-content:center;margin-bottom:8px}.right-panel .equip-panel{flex-direction:column;align-items:center;gap:8px}.help-page-indicator{font-size:7px;color:#555;margin-bottom:8px}.help-nav{display:flex;gap:8px;justify-content:center;margin-top:12px}.help-nav .btn{font-size:8px;padding:4px 12px}.help-nav .btn:disabled{opacity:.3}.log-tabs{display:flex;gap:0;margin-bottom:0}.log-tab{font-size:8px;padding:4px 12px;background:#0a0a1a;border:1px solid #1a1a2e;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;color:#555;font-family:inherit}.log-tab.active{background:#1a1a2e;color:var(--gold);border-color:#333}.k8s-log{font-family:Courier New,monospace}.k8s-entry{display:flex;flex-direction:column;gap:1px;padding:3px 6px;border-bottom:1px solid #111}.k8s-ts{font-size:6px;color:#444}.k8s-cmd{font-size:7px;color:#4ec9b0}.k8s-res{font-size:7px;color:#888}.k8s-entry.clickable{cursor:pointer}.k8s-entry.clickable:hover{background:#1a1a2e}.yaml-view{font-family:Courier New,monospace;font-size:8px;color:#4ec9b0;background:#0a0a15;padding:12px;border-radius:4px;white-space:pre-wrap;word-break:break-all;max-height:400px;overflow-y:auto}.dungeon-arena{position:relative;width:100%;aspect-ratio:4/3;border-radius:50%/45%;overflow:hidden;background:#0d0d15}.arena-floor{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:url(/sprites/dungeon/floor-1.png) repeat center/150px;image-rendering:pixelated}.arena-floor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,.8) 100%)}.arena-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 10% 30%,rgba(255,150,50,.06) 0%,transparent 30%),radial-gradient(circle at 90% 30%,rgba(255,150,50,.06) 0%,transparent 30%),radial-gradient(circle at 50% 5%,rgba(255,100,50,.04) 0%,transparent 25%);pointer-events:none}.dungeon-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:3px solid rgba(60,50,40,.6);box-shadow:inset 0 0 30px #000c,inset 0 0 60px #0006,0 0 20px #0009;pointer-events:none;z-index:5}.arena-entity{position:absolute;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center}.arena-shadow{width:50px;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 70%);margin-top:-6px}.arena-entity.dead{opacity:.55;filter:grayscale(.6)}.boss-entity{animation:bossEntrance .8s ease-out;z-index:3}@keyframes bossEntrance{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.boss-entity.boss-phase2{filter:drop-shadow(0 0 10px #ff8800) drop-shadow(0 0 20px #ff4400)}.boss-entity.boss-phase3{filter:drop-shadow(0 0 12px #ff0000) drop-shadow(0 0 24px #cc0000);animation:bossEntrance .8s ease-out,berserkPulse 1.2s ease-in-out infinite}@keyframes berserkPulse{0%,to{filter:drop-shadow(0 0 12px #ff0000) drop-shadow(0 0 24px #cc0000)}50%{filter:drop-shadow(0 0 20px #ff3333) drop-shadow(0 0 40px #ff0000)}}.boss-phase-badge{position:absolute;top:-48px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",monospace;font-size:7px;padding:3px 6px;border-radius:3px;white-space:nowrap;z-index:10;animation:phaseBadgePulse 1.5s ease-in-out infinite}.boss-phase-badge.phase2{background:#ff8800e6;color:#fff;border:1px solid #ff8800}.boss-phase-badge.phase3{background:#cc0000e6;color:#fff;border:1px solid #ff0000}@keyframes phaseBadgePulse{0%,to{opacity:1}50%{opacity:.7}}.boss-phase-flash-overlay{position:absolute;top:-60px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",monospace;font-size:9px;padding:4px 8px;border-radius:3px;white-space:nowrap;z-index:15;animation:phaseFlashIn 1.5s ease forwards;pointer-events:none}.boss-phase-flash-overlay.enraged{background:#ff6400f2;color:#fff;border:1px solid #ff8800;box-shadow:0 0 16px #f80,0 0 32px #f40}.boss-phase-flash-overlay.berserk{background:#b40000f2;color:#fff;border:1px solid #ff0000;box-shadow:0 0 16px red,0 0 32px #c00}@keyframes phaseFlashIn{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.2)}40%{transform:translate(-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1) translateY(-12px)}}.boss-phase-flash-enraged{animation:bossEntrance .8s ease-out,bossShake .4s ease .1s}.boss-phase-flash-berserk{animation:bossEntrance .8s ease-out,bossShake .4s ease .1s,bossShake .3s ease .6s}@keyframes bossShake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 8px))}40%{transform:translate(calc(-50% + 8px))}60%{transform:translate(calc(-50% - 5px))}80%{transform:translate(calc(-50% + 5px))}}.hero-entity{z-index:3}.arena-hover-ui{display:flex;flex-direction:column;align-items:center;gap:3px;position:absolute;top:-30px;left:50%;transform:translate(-50%);white-space:nowrap}.arena-actions{opacity:0;transition:opacity .2s;pointer-events:none}.arena-entity:hover .arena-actions{opacity:1;pointer-events:auto}.arena-hp-bar{width:60px;height:4px;background:#1a1a1a;border:1px solid #333;border-radius:2px;overflow:hidden}.arena-hp-fill{height:100%;transition:width .3s}.arena-hp-fill.high{background:#2ecc71}.arena-hp-fill.mid{background:#f39c12}.arena-hp-fill.low{background:#e74c3c}.arena-name{font-size:7px;color:#aaa;text-shadow:1px 1px 2px #000}.arena-actions{display:flex;gap:3px;margin-top:2px}.arena-atk-btn{font-size:7px!important;padding:2px 6px!important}.arena-atk-hint{font-family:"Press Start 2P",monospace;font-size:6px;color:var(--gold);text-align:center;margin-top:2px;opacity:.7;letter-spacing:.05em;pointer-events:none}.arena-room1-cleared{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#000000a6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:25;pointer-events:none;animation:room1ClearedIn .4s ease}.arena-room1-cleared-text{font-family:"Press Start 2P",monospace;font-size:13px;color:var(--gold);text-shadow:0 0 16px rgba(245,197,24,.8),0 0 32px rgba(245,197,24,.4);animation:room1ClearedPulse .6s ease-in-out 3}@keyframes room1ClearedIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes room1ClearedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.arena-victory-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 60%,rgba(245,197,24,.15) 0%,transparent 60%);animation:victoryPulse 2s ease-in-out infinite;pointer-events:none;z-index:4}@keyframes victoryPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes fortune-glow{0%,to{box-shadow:0 0 30px #5dade280 inset}33%{box-shadow:0 0 30px #f5c51880 inset}66%{box-shadow:0 0 30px #2ecc7180 inset}}.arena-blessing-fortune{animation:fortune-glow 3s ease-in-out infinite}.arena-entity .floating-dmg{position:absolute;top:-20px;z-index:10}.floating-xp{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;color:#f0e060;text-shadow:1px 1px 0 #000;animation:floatUp 1.2s ease-out forwards;pointer-events:none;z-index:11;white-space:nowrap}.dungeon-prop{position:absolute;z-index:1;opacity:.9;image-rendering:pixelated;pointer-events:none}.xp-summary{background:#ffd7000f;border:1px solid rgba(255,215,0,.25);border-radius:3px;padding:6px 10px;margin:8px auto;max-width:220px;font-size:7px}.xp-summary-title{color:var(--gold);font-size:7px;letter-spacing:.05em;margin-bottom:4px;text-align:center}.xp-summary-row{display:flex;justify-content:space-between;color:var(--text-dim);padding:1px 0}.xp-summary-total{border-top:1px solid rgba(255,215,0,.3);margin-top:4px;padding-top:4px;color:var(--gold);font-weight:700;text-align:right}.flying-bat{position:absolute;width:24px;height:24px;z-index:4;opacity:.85;image-rendering:pixelated;pointer-events:none}.combat-overlay{background:#0006!important}.equip-slot.filled{animation:equipGlow .5s ease-out}@keyframes equipGlow{0%{box-shadow:0 0 8px var(--gold)}to{box-shadow:none}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(max-width:768px){.app{padding:8px}.logo{max-width:180px}.header h1{font-size:14px}.header{padding:12px 0;margin-bottom:12px}.btn{min-height:44px;padding:10px 12px;font-size:8px}.arena-atk-btn,.btn-ability{min-height:36px!important}.log-tab{min-height:36px}.help-btn{width:36px;height:36px}.game-layout{flex-direction:column;gap:12px}.left-panel{flex:none;width:100%}.right-panel{flex:none;width:100%;max-width:none;min-width:0;position:static}.dungeon-arena{width:100%;max-width:min(100vw - 16px,600px);margin:0 auto}.status-bar{flex-wrap:wrap;gap:8px;font-size:7px;padding:8px}.dungeon-header{flex-wrap:wrap;gap:6px}.dungeon-header h2{font-size:11px}.event-log{max-height:140px;overflow-y:auto}.turn-bar{flex-wrap:wrap;gap:6px}.hero-bar{flex-wrap:wrap}.create-form{flex-direction:column;align-items:stretch}.create-form input,.create-form select{width:100%;min-height:40px}.right-panel .equip-panel{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}.modal{max-width:calc(100vw - 32px);padding:20px 16px}.help-modal{max-height:80vh}.dungeon-list{grid-template-columns:1fr}.backpack-slot{width:40px;height:40px}.k8s-cmd,.k8s-res{font-size:6px}}.kro-insight-badge{display:inline-block;background:#0f3460;color:#00d4ff;border:1px solid #00d4ff;border-radius:2px;font-size:7px;padding:1px 5px;letter-spacing:1px;text-transform:uppercase;flex-shrink:0}.kro-insight-card{position:fixed;bottom:24px;right:24px;width:280px;background:#0d1b2e;border:2px solid #00d4ff;border-radius:4px;padding:12px;z-index:500;box-shadow:0 4px 24px #00d4ff26;transform:translateY(120%);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s}.kro-insight-card.visible{transform:translateY(0);opacity:1}.kro-insight-header{display:flex;align-items:flex-start;gap:6px;margin-bottom:8px}.kro-insight-headline{font-size:7px;color:#ccc;flex:1;line-height:1.5}.kro-insight-dismiss{background:none;border:none;color:#555;cursor:pointer;font-family:inherit;font-size:9px;padding:0;flex-shrink:0;line-height:1}.kro-insight-dismiss:hover{color:#aaa}.kro-insight-title{font-size:8px;color:#00d4ff;margin-bottom:4px;line-height:1.4}.kro-insight-tagline{font-size:7px;color:#888;margin-bottom:10px;line-height:1.5;font-style:italic}.kro-insight-learn{background:none;border:1px solid #00d4ff;color:#00d4ff;font-family:inherit;font-size:7px;padding:4px 8px;cursor:pointer;border-radius:2px;transition:background .1s}.kro-insight-learn:hover{background:#00d4ff1a}.kro-concept-modal{max-height:90vh;overflow-y:auto}.kro-snippet-block{background:#0a0e1a;border:1px solid #1e3a5f;border-radius:3px;padding:10px;margin-top:8px}.kro-snippet-label{font-size:6px;color:#5dade2;letter-spacing:2px;margin-bottom:6px;text-transform:uppercase}.kro-snippet-pre{font-family:"Press Start 2P",monospace;font-size:6px;color:#9b59b6;white-space:pre-wrap;word-break:break-word;line-height:1.8;max-height:260px;overflow-y:auto}.k8s-annotation{margin-top:8px;padding:8px;background:#0a0e1a;border-left:2px solid #00d4ff;border-radius:0 3px 3px 0}.k8s-annotation-label{font-size:6px;color:#00d4ff;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.k8s-annotation-what{font-size:6px;color:#aaa;margin-bottom:6px;line-height:1.7}.k8s-annotation-rgd{font-size:6px;color:#5dade2;margin-bottom:6px}.k8s-annotation-cel{font-family:"Press Start 2P",monospace;font-size:6px;color:#9b59b6;white-space:pre-wrap;word-break:break-word;line-height:1.7;background:#060a12;padding:6px;border-radius:2px}.k8s-annotation-learn{background:none;border:none;color:#00d4ff;font-family:inherit;font-size:6px;padding:4px 0 0;cursor:pointer;text-decoration:underline;display:block;margin-top:4px}.k8s-annotation-learn:hover{color:#5dade2}.kro-glossary{padding:8px 0}.kro-glossary-header{display:flex;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #1e3a5f}.kro-glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kro-glossary-item{background:#0d1b2e;border:1px solid #1e3a5f;border-radius:3px;padding:8px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,background .15s}.kro-glossary-item.unlocked{border-color:#0f3460}.kro-glossary-item.unlocked:hover{border-color:#00d4ff;background:#00d4ff0d}.kro-glossary-item.locked{opacity:.45;cursor:not-allowed}.kro-glossary-item-title{font-size:7px;color:#00d4ff;margin-bottom:4px;line-height:1.4}.kro-glossary-item.locked .kro-glossary-item-title{color:#444}.kro-glossary-item-tagline{font-size:6px;color:#666;line-height:1.5}.kro-glossary-item.unlocked .kro-glossary-item-tagline{color:#777}.kro-status-tip{white-space:pre-line;font-family:"Press Start 2P",monospace;font-size:6px;line-height:1.8;color:#ccc;max-width:260px}.log-tab.kro-tab{color:#00d4ff;border-color:#00d4ff}.log-tab.kro-tab.active{background:#0f3460;color:#00d4ff}.kro-graph-panel{margin-top:16px;border:1px solid #0f3460;border-radius:4px;background:#0a0e1a;overflow:hidden}.kro-graph-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-bottom:1px solid #0f3460;-webkit-user-select:none;user-select:none;background:#0d1420}.kro-graph-header:hover{background:#111a2e}.kro-graph-title{font-size:8px;color:#ccc;flex:1}.kro-graph-reconciling{font-size:7px;color:#00d4ff;animation:kro-blink .8s step-end infinite}@keyframes kro-blink{0%,to{opacity:1}50%{opacity:.3}}.kro-graph-toggle{font-size:8px;color:#555}.kro-graph-body{padding:10px 12px 8px}.kro-graph-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #0f3460}.kro-legend-item{display:flex;align-items:center;gap:4px}.kro-legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.kro-legend-label{font-size:6px;color:#666}.kro-graph-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:4px;max-height:320px}.kro-graph-wrap{display:inline-block;min-width:100%}.kro-graph-hint{font-size:6px;color:#333;margin-top:6px;text-align:center;letter-spacing:.5px}.kro-rgd-diff{margin-top:8px;border:1px solid #0f3460;border-radius:3px;background:#05070f;overflow:hidden;animation:slideInBottom .2s ease}.kro-rgd-diff-header{display:flex;align-items:center;padding:4px 8px;background:#0a0f20;border-bottom:1px solid #0f3460;gap:4px}.kro-rgd-diff-rows{padding:4px 8px;display:flex;flex-direction:column;gap:3px;max-height:120px;overflow-y:auto}.kro-rgd-diff-row{display:flex;align-items:center;gap:6px;font-size:6px;font-family:"Press Start 2P",monospace;flex-wrap:wrap}.kro-rgd-diff-field{color:#7ec8e3;min-width:120px}.kro-rgd-diff-from{color:#ff6b6b;text-decoration:line-through}.kro-rgd-diff-arrow{color:#555}.kro-rgd-diff-to{color:#6bff8e;font-weight:700}.kro-rgd-diff-note{color:#00d4ff;font-size:5px;font-style:italic;margin-left:4px;opacity:.8}.kro-inspector{margin-top:8px;border:1px solid #1e3a5f;background:#060e18}.kro-inspector-header{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0a1420;border-bottom:1px solid #1e3a5f;flex-wrap:wrap}.kro-inspector-title{font-family:"Press Start 2P",monospace;font-size:6px;color:#00d4ff}.kro-inspector-kubectl{font-family:Courier New,monospace;font-size:7px;color:#2ecc71;background:#0a1420;padding:2px 4px}.kro-inspector-body{max-height:200px;overflow-y:auto;padding:6px 8px}.kro-inspector-yaml{font-family:Courier New,monospace;font-size:8px;color:#a8d8a8;white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.5}.kro-inspector-loading,.kro-inspector-empty{font-family:"Press Start 2P",monospace;font-size:7px;color:#555;padding:8px 0}.cel-trace{margin-top:12px;border:1px solid #0f3460;border-radius:3px;overflow:hidden}.cel-trace-toggle{display:flex;align-items:center;width:100%;background:#0d1420;border:none;padding:6px 8px;cursor:pointer;font-family:inherit;gap:4px}.cel-trace-toggle:hover{background:#111a2e}.cel-trace-body{padding:8px;background:#0a0e1a}.cel-trace-header{font-size:6px;color:#5dade2;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.cel-trace-table{width:100%;border-collapse:collapse;font-family:"Press Start 2P",monospace;font-size:6px;table-layout:fixed}.cel-trace-table th{color:#444;text-align:left;padding:2px 4px;border-bottom:1px solid #1e3a5f;font-weight:400;letter-spacing:.5px}.cel-trace-table th:nth-child(1){width:48%}.cel-trace-table th:nth-child(2){width:20%}.cel-trace-table th:nth-child(3){width:32%}.cel-trace-table td{padding:3px 4px;border-bottom:1px solid #0f1a2e;vertical-align:top;line-height:1.6;word-break:break-all;overflow-wrap:anywhere}.cel-trace-expr{color:#9b59b6;font-family:"Press Start 2P",monospace;word-break:break-all}.cel-trace-val{color:#00ff41;white-space:normal;word-break:break-all}.cel-trace-note{color:#888;word-break:break-word}.kro-cert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center}.kro-cert-modal{background:#0a0e1a;border:2px solid #f5c518;border-radius:6px;padding:24px;max-width:480px;width:90%;font-family:"Press Start 2P",monospace;box-shadow:0 0 40px #f5c5184d;animation:certEntrance .4s ease-out}@keyframes certEntrance{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.kro-cert-header{text-align:center;margin-bottom:20px}.kro-cert-badge{font-size:32px;margin-bottom:8px}.kro-cert-title{font-size:14px;color:#f5c518;margin-bottom:4px}.kro-cert-subtitle{font-size:7px;color:#888}.kro-cert-body{border:1px solid #1a2a3a;border-radius:4px;padding:12px;margin-bottom:16px}.kro-cert-field{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kro-cert-field:last-child{margin-bottom:0}.kro-cert-label{font-size:7px;color:#888}.kro-cert-value{font-size:8px;color:#eee}.kro-cert-section-title{font-size:7px;color:#888;margin-bottom:10px}.kro-cert-concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}.kro-cert-concept{display:flex;align-items:center;gap:6px;font-size:6px}.kro-cert-concept.done{color:#4ade80}.kro-cert-concept.locked{color:#444}.kro-cert-concept-check{font-size:8px}.kro-cert-hint{font-size:7px;color:#888;text-align:center;margin-bottom:16px;line-height:1.8}.kro-cert-hint strong{color:#f5c518}.kro-cert-actions{display:flex;gap:8px;justify-content:center}.kro-onboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:2100;display:flex;align-items:center;justify-content:center}.kro-onboard-modal{background:#0a0e1a;border:2px solid #00ff41;border-radius:6px;padding:28px;max-width:500px;width:92%;font-family:"Press Start 2P",monospace;box-shadow:0 0 40px #00ff4126;animation:certEntrance .3s ease-out;position:relative}.kro-onboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.kro-onboard-step{font-size:7px;color:#555}.kro-onboard-title{font-size:11px;color:#00ff41;margin-bottom:12px;line-height:1.6}.kro-onboard-body{font-size:8px;color:#ccc;margin-bottom:14px;line-height:2;white-space:pre-line}.kro-onboard-snippet{background:#050810;border:1px solid #1a2a3a;border-radius:3px;padding:10px;font-size:7px;color:#9b59b6;line-height:1.8;margin-bottom:16px;overflow-x:auto;white-space:pre}.kro-onboard-actions{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kro-onboard-skip{display:block;width:100%;background:none;border:none;color:#444;font-family:"Press Start 2P",monospace;font-size:7px;cursor:pointer;text-align:center;padding:4px}.kro-onboard-skip:hover{color:#888}.kro-glossary-search{display:flex;align-items:center;gap:4px;margin:8px 0 6px}.kro-glossary-search-input{flex:1;background:#0a1420;border:1px solid #1e3a5f;color:#ccc;font-family:"Press Start 2P",monospace;font-size:7px;padding:4px 6px;outline:none}.kro-glossary-search-input:focus{border-color:#00d4ff;box-shadow:0 0 4px #00d4ff4d}.kro-glossary-search-clear{background:none;border:1px solid #1e3a5f;color:#aaa;cursor:pointer;font-size:12px;padding:2px 6px;line-height:1}.kro-glossary-search-clear:hover{color:#00d4ff;border-color:#00d4ff}.kro-glossary-empty{font-family:"Press Start 2P",monospace;font-size:7px;color:#555;text-align:center;padding:16px 0}.kro-playground-modal{max-width:760px!important;width:96vw;text-align:left}.kro-playground-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.kro-playground-title{font-size:10px;color:var(--gold);font-family:"Press Start 2P",monospace}.kro-playground-subtitle{font-size:7px;color:#888;font-family:"Press Start 2P",monospace;flex:1}.kro-playground-context{font-size:7px;font-family:"Press Start 2P",monospace;color:#555;margin-bottom:10px;padding:4px 8px;background:#050810;border:1px solid #1a2a3a;border-radius:3px}.kro-playground-context-label{color:#888}.kro-playground-context-value{color:#00d4ff;margin:0 4px}.kro-playground-context-hint{color:#444}.kro-playground-body{display:flex;gap:14px;min-height:240px}.kro-playground-left{flex:1.2;display:flex;flex-direction:column;gap:6px}.kro-playground-right{flex:.8;display:flex;flex-direction:column;gap:4px;min-width:0}.kro-playground-editor-label{font-size:7px;font-family:"Press Start 2P",monospace;color:#888}.kro-playground-hint{color:#444;font-size:6px;margin-left:8px}.kro-playground-input{width:100%;background:#050810;border:1px solid #1e3a5f;color:#9b59b6;font-family:"Press Start 2P",monospace;font-size:7px;padding:8px;border-radius:3px;resize:vertical;line-height:1.8;outline:none;box-sizing:border-box}.kro-playground-input:focus{border-color:#00d4ff;box-shadow:0 0 6px #00d4ff33}.kro-playground-run{align-self:flex-start;font-size:8px;padding:6px 16px}.kro-playground-result{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:3px;font-family:"Press Start 2P",monospace}.kro-playground-result-ok{background:#001a0a;border:1px solid #00ff41}.kro-playground-result-err{background:#1a0505;border:1px solid #e74c3c}.kro-playground-result-label{font-size:6px;color:#888;text-transform:uppercase}.kro-playground-result-val{font-size:9px;color:#00ff41;word-break:break-all}.kro-playground-result-err .kro-playground-result-val{color:#e74c3c}.kro-playground-examples-label{font-size:7px;font-family:"Press Start 2P",monospace;color:#888;margin-top:6px}.kro-playground-examples{display:flex;flex-wrap:wrap;gap:4px}.kro-playground-example-btn{background:#0a1420;border:1px solid #1e3a5f;color:#5dade2;font-family:"Press Start 2P",monospace;font-size:6px;padding:3px 6px;cursor:pointer;border-radius:2px;transition:border-color .15s}.kro-playground-example-btn:hover{border-color:#00d4ff;color:#00d4ff}.kro-playground-history-label{font-size:7px;font-family:"Press Start 2P",monospace;color:#888}.kro-playground-history-empty{font-size:6px;font-family:"Press Start 2P",monospace;color:#333;text-align:center;padding:24px 8px}.kro-playground-history{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;max-height:260px}.kro-playground-history-item{background:#050810;border:1px solid #1a2a3a;border-radius:3px;padding:5px 8px;cursor:pointer;transition:border-color .15s}.kro-playground-history-item:hover{border-color:#00d4ff}.kro-playground-history-err{border-color:#3a1a1a!important}.kro-playground-history-expr{font-family:"Press Start 2P",monospace;font-size:6px;color:#9b59b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kro-playground-history-result{font-family:"Press Start 2P",monospace;font-size:7px;color:#00ff41;margin-top:2px}.kro-playground-history-err .kro-playground-history-result{color:#e74c3c}.kro-playground-footer{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:8px;border-top:1px solid #1a2a3a;flex-wrap:wrap}.kro-playground-supported{font-family:"Press Start 2P",monospace;font-size:6px;color:#444;text-align:right}.kro-glossary-playground-btn{background:#0a1420;border:1px solid #9b59b6;color:#9b59b6;font-family:"Press Start 2P",monospace;font-size:6px;padding:3px 7px;cursor:pointer;border-radius:2px;margin-left:auto;transition:border-color .15s,color .15s}.kro-glossary-playground-btn:hover{border-color:#c39bd3;color:#c39bd3}.achievement-badges{margin:10px 0 4px}.achievement-badges-label{font-family:"Press Start 2P",monospace;font-size:6px;color:#888;margin-bottom:6px}.achievement-badges-row{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.achievement-badge{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0a0e1a;border:1px solid #222;border-radius:4px;padding:5px 8px;opacity:.3;min-width:56px;font-family:"Press Start 2P",monospace}.achievement-badge.earned{border-color:var(--gold);opacity:1;box-shadow:0 0 8px #f5c5184d;animation:achievement-pulse 2s ease-in-out infinite}.achievement-icon{font-size:16px}.achievement-name{font-size:5px;color:#ccc;text-align:center}.achievement-badge.earned .achievement-name{color:var(--gold)}@keyframes achievement-pulse{0%,to{box-shadow:0 0 8px #f5c5184d}50%{box-shadow:0 0 16px #f5c51899}}.leaderboard-btn{font-size:7px;padding:3px 10px;background:#f5c51814;border:1px solid var(--gold);color:var(--gold);cursor:pointer;font-family:"Press Start 2P",monospace}.leaderboard-btn:hover{background:#f5c5182e}.leaderboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:900;display:flex;align-items:center;justify-content:center;padding:16px}.leaderboard-panel{background:#0a0e1a;border:2px solid var(--gold);border-radius:4px;padding:16px;width:100%;max-width:640px;max-height:80vh;overflow-y:auto;font-family:"Press Start 2P",monospace}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.leaderboard-title{font-size:9px;color:var(--gold)}.leaderboard-close{background:none;border:none;color:#888;font-size:14px;cursor:pointer;font-family:inherit}.leaderboard-close:hover{color:#fff}.leaderboard-table{width:100%;border-collapse:collapse;font-size:7px}.leaderboard-table th{color:var(--text-dim);border-bottom:1px solid #333;padding:4px 6px;text-align:left}.leaderboard-table td{padding:4px 6px;border-bottom:1px solid #1a1a2e}.lb-row:hover td{background:#ffffff08}.lb-rank{color:var(--gold);font-weight:700}.lb-name{color:#ccc;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-turns{color:#00ff41;font-weight:700}.lb-row.lb-victory td:first-child{border-left:2px solid var(--gold)}.lb-row.lb-defeat td:first-child{border-left:2px solid #e94560}.lb-row.lb-room1-cleared td:first-child{border-left:2px solid #00ff41}.lb-filters{display:flex;gap:6px;margin-bottom:10px}.lb-filter-btn{background:none;border:1px solid #333;color:var(--text-dim);font-family:inherit;font-size:7px;padding:3px 8px;cursor:pointer;border-radius:2px;transition:border-color .15s,color .15s}.lb-filter-btn:hover{border-color:#666;color:#ccc}.lb-filter-btn.lb-filter-active{border-color:var(--gold);color:var(--gold)}.ng-plus-badge{border-color:#00ff41!important;color:#00ff41!important;font-weight:700}.dungeon-minimap{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 0 8px;font-family:"Press Start 2P",monospace;font-size:7px}.minimap-room{display:flex;align-items:center;gap:3px;border:1px solid #333;border-radius:3px;padding:3px 8px;min-width:40px;text-align:center;justify-content:center;transition:border-color .3s,color .3s}.minimap-connector{font-size:8px;color:#555;padding:0 2px;transition:color .3s}.minimap-icon{font-size:9px;margin-left:2px}.hamburger-btn{font-family:"Press Start 2P",monospace;font-size:13px;width:32px;height:32px;background:var(--bg-card);color:var(--gold);border:2px solid var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center}.hamburger-btn:hover{background:var(--gold);color:#000}.hamburger-menu{position:absolute;top:100%;right:0;margin-top:0;background:var(--bg-card);border:2px solid var(--gold);z-index:500;min-width:160px;display:flex;flex-direction:column}.hamburger-item{font-family:"Press Start 2P",monospace;font-size:8px;padding:10px 14px;background:none;border:none;border-bottom:1px solid #2a2a2a;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap}.hamburger-item:last-child{border-bottom:none}.hamburger-item:hover{background:#ffffff0f;color:var(--gold)}.hamburger-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49}.hamburger-menu{z-index:50}.cert-toast{position:fixed;bottom:80px;right:20px;background:#0a1628;border:2px solid #00d4ff;border-radius:4px;padding:10px 14px;display:flex;align-items:center;gap:10px;z-index:9000;animation:certSlideIn .35s ease-out;font-family:"Press Start 2P",monospace;max-width:240px;box-shadow:0 0 16px #00d4ff66}.cert-toast-title{font-size:6px;color:#00d4ff;margin-bottom:4px;letter-spacing:.05em}.cert-toast-name{font-size:8px;color:var(--text-bright)}@keyframes certSlideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.kubectl-terminal{background:#0d1117;border:2px solid #00ff41;border-radius:4px;font-family:Courier New,Menlo,monospace;font-size:11px;display:flex;flex-direction:column;max-height:420px;margin-top:16px}.kubectl-terminal-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#161b22;border-bottom:1px solid #21262d;font-family:"Press Start 2P",monospace;font-size:7px}.kubectl-terminal-title{color:#00ff41}.kubectl-terminal-body{flex:1;overflow-y:auto;padding:8px 10px;cursor:text;min-height:180px}.kt-line{margin-bottom:2px}.kt-prompt{color:#00ff41}.kt-output .kt-text{color:#e8e8e8;white-space:pre}.kt-error .kt-text{color:#ff6b6b;white-space:pre}.kt-kro .kt-text{color:#00d4ff}.kt-yaml .kt-yaml{color:#f5c518;background:transparent;border:none;padding:0;font-size:11px;margin:0}.kt-annotation{margin-top:4px;margin-left:2px}.kt-annotation-toggle{background:none;border:1px solid #21262d;border-radius:2px;color:#00d4ff;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:5px;padding:2px 6px}.kt-annotation-toggle:hover{background:#00d4ff14}.kt-annotation-body{margin-top:4px;padding:6px 8px;background:#00d4ff0a;border-left:2px solid #00d4ff;border-radius:0 2px 2px 0}.kt-ann-what{color:#e8e8e8;font-size:11px;margin-bottom:4px;line-height:1.4}.kt-ann-rgd{color:#00d4ff;font-size:10px;margin-bottom:4px;font-family:"Press Start 2P",monospace;font-size:5px}.kt-ann-cel{color:#f5c518;background:#f5c5180f;border:none;padding:4px 6px;font-size:10px;margin:4px 0;white-space:pre-wrap}.kt-ann-concept{color:#8b949e;font-size:9px;font-family:"Press Start 2P",monospace;font-size:5px}.kubectl-terminal-input-row{display:flex;align-items:center;gap:6px;padding:6px 10px;border-top:1px solid #21262d;background:#0d1117}.kt-prompt{color:#00ff41;font-size:12px;font-family:Courier New,monospace;-webkit-user-select:none;user-select:none}.kt-input{flex:1;background:transparent;border:none;outline:none;color:#e8e8e8;font-family:Courier New,Menlo,monospace;font-size:11px;caret-color:#00ff41}.kt-input::placeholder{color:#4a4a5a}.kt-input:disabled{opacity:.5}.run-card-section{display:flex;flex-direction:column;align-items:center;gap:6px;margin:10px 0 4px}.run-card-img{width:100%;max-width:320px;height:auto;border-radius:6px;border:1px solid var(--border);image-rendering:auto}.run-card-share-btn{font-size:7px;padding:4px 12px;border-color:#5b8cf5;color:#5b8cf5;background:#5b8cf514;transition:background .15s}.run-card-share-btn:hover{background:#5b8cf52e}.run-card-share-btn:active{background:#5b8cf540}.run-narrative-btn{font-size:7px;padding:4px 12px;border-color:#a855f7;color:#a855f7;background:#a855f714;transition:background .15s}.run-narrative-btn:hover{background:#a855f72e}.run-narrative-btn:active{background:#a855f740}.run-narrative-modal{max-width:680px;width:96vw;max-height:80vh;display:flex;flex-direction:column}.run-narrative-textarea{flex:1;min-height:320px;max-height:50vh;width:100%;background:#0a0a1a;border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:Courier New,monospace;font-size:9px;line-height:1.5;padding:10px;resize:vertical;box-sizing:border-box}.run-narrative-textarea:focus{outline:1px solid #a855f7}.log-tab.reconcile-tab{color:#5dade2}.log-tab.reconcile-tab.active{color:#00d4ff}.reconcile-stream-panel{display:flex;flex-direction:column;gap:4px}.reconcile-stream-controls{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#0a0a1a;border:1px solid #1a1a2e;border-top:none}.reconcile-btn{font-size:7px;padding:3px 8px;background:#0a0a1a;border:1px solid #333;color:#888;cursor:pointer;font-family:inherit;border-radius:3px}.reconcile-btn:hover{border-color:#00d4ff;color:#00d4ff}.reconcile-btn.paused{border-color:#f1c40f;color:#f1c40f}.reconcile-paused-label{font-size:7px;color:#f1c40f;font-family:"Press Start 2P",monospace}.reconcile-log{font-family:Courier New,monospace}.reconcile-empty{color:var(--text-dim);font-style:italic}.reconcile-entry{padding:4px 6px;border-bottom:1px solid #111;display:flex;flex-direction:column;gap:2px}.reconcile-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reconcile-ts{font-size:8px;color:#555}.reconcile-action{font-size:7px;padding:1px 4px;border-radius:2px;font-weight:700}.reconcile-action-added{background:#2ecc7126;color:#2ecc71}.reconcile-action-modified{background:#f1c40f26;color:#f1c40f}.reconcile-action-deleted{background:#e74c3c26;color:#e74c3c}.reconcile-resource{font-size:8px;color:#5b8cf5;font-family:Courier New,monospace}.reconcile-rv{font-size:7px;color:#555}.reconcile-field{padding:1px 0 1px 6px;font-size:8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:3px}.reconcile-path{color:#8b949e}.reconcile-old{color:#e74c3c;text-decoration:line-through;opacity:.7}.reconcile-arrow{color:#555}.reconcile-new{font-weight:700}.reconcile-why-btn{font-size:6px;padding:1px 5px;background:#00d4ff14;border:1px solid #00d4ff;color:#00d4ff;cursor:pointer;font-family:inherit;border-radius:3px;margin-left:4px}.reconcile-why-btn:hover{background:#00d4ff2e}.reconcile-why-panel{width:100%;margin-top:4px;padding:6px 8px;background:#0d1117;border:1px solid #21262d;border-radius:4px;display:flex;flex-direction:column;gap:4px}.reconcile-why-rgd{font-size:7px;color:#8b949e}.reconcile-why-cel{font-family:Courier New,monospace;font-size:8px;color:#e8c46a;background:#0a0e17;padding:4px 6px;border-radius:3px;white-space:pre-wrap;word-break:break-word;margin:0}.app-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:8px 0 4px;border-top:1px solid var(--border);font-size:7px;color:var(--text-dim)}.app-footer-link{background:none;border:none;color:var(--text-dim);font-family:inherit;font-size:7px;cursor:pointer;padding:0;text-decoration:none}.app-footer-link:hover{color:var(--gold)}.app-footer-sep{color:var(--border)}.faq-modal{max-width:580px;width:94%;text-align:left;max-height:85vh;display:flex;flex-direction:column;padding:20px 24px 16px}.faq-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-shrink:0}.faq-title{color:var(--gold);font-size:11px;display:flex;align-items:center;gap:6px}.faq-close{background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;font-family:inherit;line-height:1}.faq-close:hover{color:var(--text)}.faq-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px}.faq-item{border:1px solid var(--border)}.faq-item-open{border-color:var(--gold)}.faq-question{width:100%;background:none;border:none;color:var(--text);font-family:inherit;font-size:8px;cursor:pointer;padding:9px 10px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.5}.faq-item-open .faq-question{color:var(--gold)}.faq-question:hover{background:#f5c5180d}.faq-q-text{flex:1}.faq-chevron{font-size:7px;color:var(--text-dim);flex-shrink:0}.faq-item-open .faq-chevron{color:var(--gold)}.faq-answer{padding:8px 12px 12px;font-size:8px;color:var(--text-dim);line-height:1.8;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.faq-answer p{margin:0}.faq-answer code{background:#ffffff12;padding:1px 4px;border-radius:2px;font-family:Courier New,monospace;font-size:8px;color:var(--green)}.faq-answer em{color:var(--text);font-style:normal}.faq-link{color:var(--gold);text-decoration:none}.faq-link:hover{text-decoration:underline}.faq-answer table.help-table{font-size:7px;margin:2px 0}.faq-footer-nav{display:flex;justify-content:flex-end;margin-top:14px;flex-shrink:0}