@import "https://fonts.googleapis.com/css2?family=VT323&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--color-bg-dark:#080504;--color-bg-panel:#120b08c7;--color-border:#5a281466;--color-border-glow:#b91e14d9;--color-text-light:#ece0d8;--color-gold:#c59f51;--color-red:#ba1212;--color-green:#2e8b57;--color-black:#111;--font-header:"VT323", monospace;--font-mono:"Courier Prime", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{background-color:var(--color-bg-dark);width:100%;height:100%;font-family:var(--font-mono);color:var(--color-text-light);overflow:hidden}#app,#game-container{width:100%;height:100%;position:relative}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.crt-overlay{pointer-events:none;z-index:99;opacity:.2;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/6px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.vignette-overlay{pointer-events:none;z-index:98;background:radial-gradient(circle,#0000 70%,#0006 100%);width:100%;height:100%;position:absolute;top:0;left:0}#ui-overlay{z-index:100;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#ui-overlay *{pointer-events:auto}.hidden{display:none!important}.glass-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;box-shadow:0 4px 20px #000000a6,0 0 10px #b91e141a}.text-gold{color:var(--color-gold)!important}.text-red{color:var(--color-red)!important}.text-green{color:var(--color-green)!important}#hud-panel{z-index:20;background:#0a0503d9;border:1px solid #b91e1459;border-radius:2px;align-items:center;gap:24px;padding:10px 20px;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #000c}.hud-item{align-items:center;gap:8px;display:flex}.hud-item .label{color:#8a7a72;font-size:13px;font-weight:700}.hud-item .value{font-size:18px;font-weight:700}.bar-container{background:#1c0e0b;border:1px solid #4a1f18;width:120px;height:18px;position:relative;overflow:hidden}.bar{height:100%;transition:width .3s}.hp-bar{background:var(--color-red);box-shadow:inset 0 0 8px #00000080}.bar-text{color:#fff;text-shadow:1px 1px 2px #000;justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;left:0}.abandon-btn{color:#888;cursor:pointer;font-size:10px;font-family:var(--font-mono);background:0 0;border:1px solid #555;padding:3px 8px;transition:all .2s}.abandon-btn:hover{border-color:var(--color-red);color:var(--color-red);text-shadow:0 0 5px #f006}.debug-btn{color:#888;cursor:pointer;font-size:10px;font-family:var(--font-mono);background:0 0;border:1px solid #555;padding:3px 8px;transition:all .2s}.debug-btn:hover{border-color:var(--color-gold);color:var(--color-gold);text-shadow:0 0 5px #c59f5166}.btn{border:1px solid var(--color-border);color:var(--color-text-light);font-family:var(--font-mono);cursor:pointer;background:#2a1510;outline:none;padding:8px 16px;font-weight:700;transition:all .2s}.btn:hover:not(:disabled){border-color:var(--color-border-glow);color:#fff;background:#421e16;box-shadow:0 0 10px #b91e144d}.btn:disabled{opacity:.35;cursor:not-allowed}.primary-btn{color:#ffcdd2;background:#3e0c06;border-color:#8a1212}.primary-btn:hover:not(:disabled){background:#611108;border-color:#f32;box-shadow:0 0 15px #ff1e148c}.pulse-glow{animation:2.5s infinite alternate pulsing-glow}@keyframes pulsing-glow{0%{box-shadow:0 0 5px #b91e1433}to{box-shadow:0 0 15px #b91e14a6}}#menu-panel{z-index:50;background:radial-gradient(circle,#1a0f0d 0%,#080404 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.game-title{font-family:var(--font-header);letter-spacing:2px;color:var(--color-red);text-align:center;text-shadow:0 0 20px #ff000080,3px 3px #000;margin-bottom:5px;font-size:78px;line-height:.9}.game-title .subtitle{color:var(--color-gold);text-shadow:0 0 15px #c59f5159,2px 2px #000;font-size:42px}.flavor-text{color:#8a7a72;text-align:center;margin-bottom:40px;font-size:13px;font-style:italic}#map-panel{z-index:15;background:#080403ed;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:80px;display:flex;position:absolute;top:0;left:0}.panel-header{font-family:var(--font-header);letter-spacing:1px;color:var(--color-red);text-shadow:0 0 10px #ff00004d;margin-bottom:25px;font-size:32px}.map-container{background:#120c0a80;border:1px solid #5a281440;border-radius:4px;width:100%;max-width:500px;height:calc(100vh - 180px);padding:20px;position:relative;overflow-y:auto}.map-container::-webkit-scrollbar{width:6px}.map-container::-webkit-scrollbar-thumb{background:#3e221b;border-radius:3px}.map-grid-view{width:100%;height:680px;position:relative}.map-connections-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.map-path{fill:none;stroke:#2e1712;stroke-width:2.5px;stroke-dasharray:6 4}.map-path.completed-line{stroke:var(--color-red);stroke-dasharray:none;opacity:.8}.map-node{cursor:pointer;z-index:2;background:#1e110c;border:2px solid #3e221b;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute}.map-node.completed{border-color:var(--color-red);background:#420a06}.map-node.selectable{border-color:var(--color-gold);background:#3e2918;box-shadow:0 0 10px #c59f514d}.map-node.selectable:hover{border-color:#fff;transform:scale(1.15);box-shadow:0 0 15px #ffffff80}.map-node.locked{opacity:.45;cursor:not-allowed}.node-icon{font-size:18px}.node-tooltip{visibility:hidden;border:1px solid var(--color-gold);color:#fff;white-space:nowrap;opacity:0;z-index:99;background:#000;border-radius:2px;padding:3px 6px;font-size:9px;transition:opacity .2s;position:absolute;bottom:50px}.map-node:hover .node-tooltip{visibility:visible;opacity:1}#shop-panel,#event-panel{z-index:15;box-sizing:border-box;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:32px;display:flex;position:absolute;top:0;left:0;background:0 0!important}#shop-panel *,#event-panel *{pointer-events:auto}.shop-header-panel,.event-header-panel{text-align:center;box-sizing:border-box;background:linear-gradient(#0f0a19f2 0%,#0f0a19b3 100%);border:1px solid #b388ff40;border-radius:8px;width:100%;max-width:600px;margin-top:55px;padding:12px 18px;box-shadow:0 0 15px #b388ff1a}.event-header-panel{background:linear-gradient(#0a140ff2 0%,#0a140fb3 100%);border:1px solid #81c78440;box-shadow:0 0 15px #81c7841a}.shop-header-panel h2,.event-header-panel h2{letter-spacing:2px;margin:0 0 4px;font-family:VT323,monospace;font-size:2.2rem}.shop-header-panel h2{color:var(--color-gold)}.event-header-panel h2{color:#81c784}.shop-welcome,.event-narrative{color:#ece0d8bf;margin:0;font-family:VT323,monospace;font-size:1.15rem}.shop-tabs-bar{justify-content:center;gap:12px;margin-top:8px;display:flex}.shop-tab-btn{color:#b388ffb3;cursor:pointer;background:#120b0899;border:1px solid #b388ff66;border-radius:4px;padding:6px 16px;font-family:VT323,monospace;font-size:1.1rem;transition:all .2s}.shop-tab-btn.active,.shop-tab-btn:hover{color:#fff;background:#b388ff40;border-color:#b388ff;box-shadow:0 0 10px #b388ff4d}.shop-bottom-hud,.event-bottom-hud{flex-direction:column;align-items:center;gap:12px;width:100%;margin-bottom:10px;display:flex}.shop-card-desc-box,.event-desc-box{box-sizing:border-box;text-align:center;background:#0f0a14eb;border:2px solid #5a3c8c;border-radius:8px;width:100%;max-width:550px;min-height:95px;padding:12px 16px;box-shadow:0 0 20px #000c}.event-desc-box{background:#0a100ceb;border-color:#2e5a3c}.shop-desc-title,.event-desc-title{color:gold;margin-bottom:2px;font-family:VT323,monospace;font-size:1.5rem;font-weight:700}.shop-desc-text,.event-desc-text{color:#ecedd8;margin-bottom:6px;font-family:VT323,monospace;font-size:1.15rem;line-height:1.25}.shop-desc-hint,.event-desc-hint{color:#ffb74d;font-family:VT323,monospace;font-size:1rem;font-style:italic}.shop-actions-row,.event-actions-row{justify-content:center;gap:16px;width:100%;display:flex}.shop-actions-row .btn,.event-actions-row .btn{letter-spacing:1px;padding:8px 24px;font-family:VT323,monospace;font-size:1.25rem}#gameover-panel,#victory-panel{z-index:50;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#gameover-panel{background:radial-gradient(circle,#2e0805 0%,#050101 100%)}#victory-panel{background:radial-gradient(circle,#102e1b 0%,#010502 100%)}.gameover-title{font-family:var(--font-header);color:var(--color-red);text-shadow:0 0 25px #f00c;margin-bottom:10px;font-size:92px}.victory-title{font-family:var(--font-header);color:var(--color-green);text-shadow:0 0 25px #0f09;margin-bottom:10px;font-size:92px}#combat-ui{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.combat-left{z-index:12;width:250px;position:absolute;top:15px;left:15px}.enemy-hud{padding:15px}.enemy-title{color:#fff;margin-bottom:8px;font-size:16px;font-weight:700}.enemy-hp-container{width:100%;height:14px;margin-bottom:10px}.enemy-intent{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.intent-label{color:#888;font-size:10px}.intent-desc{color:var(--color-gold);font-size:12px;font-weight:700}.scoreboard-container{flex-direction:column;gap:10px;display:flex}.scoreboard-rounds{border-bottom:1px dashed #ffca2840;justify-content:space-between;align-items:center;padding-bottom:6px;font-family:Courier Prime,Courier New,monospace;display:flex}.rounds-label{color:#888;letter-spacing:1px;font-size:11px}.rounds-value{color:var(--color-gold);text-shadow:0 0 5px #ffca2880;font-size:16px;font-weight:700}.sudden-death-glow{color:#ff1744;text-shadow:0 0 8px #ff1744cc;letter-spacing:1px;background:#ff17441a;border:1px solid #ff1744;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700;box-shadow:0 0 6px #ff174466}@keyframes sd-pulse{0%,to{opacity:.4;box-shadow:0 0 4px #ff174433}50%{opacity:1;box-shadow:0 0 12px #ff1744cc}}.pulse-fast{animation:1s ease-in-out infinite sd-pulse}.scoreboard-scores{justify-content:space-between;align-items:center;gap:8px;display:flex}.score-box{border:1px solid #ffffff0d;border-radius:4px;flex-direction:column;flex:1;align-items:center;padding:6px;display:flex}.player-score-box{background:#00e6760d;border-color:#00e67626}.enemy-score-box{background:#ff17440d;border-color:#ff174426}.vs-box{color:#555;text-align:center;background:0 0;border:none;flex:0 0 24px;font-family:VT323,monospace;font-size:16px}.score-label{color:#888;letter-spacing:1px;margin-bottom:2px;font-size:9px}.score-value{font-family:Courier Prime,Courier New,monospace;font-size:20px;font-weight:700}.player-score-box .score-value{color:#00e676;text-shadow:0 0 6px #00e67699}.enemy-score-box .score-value{color:#ff1744;text-shadow:0 0 6px #ff174499}.combat-right{z-index:12;width:320px;padding:15px;position:absolute;top:15px;right:15px;display:none!important}body.debug-ui-active .combat-right{display:block!important}.betting-board{flex-direction:column;gap:12px;display:flex}.betting-header{text-align:center;border-bottom:1px solid var(--color-border);color:var(--color-gold);padding-bottom:6px;font-size:14px;font-weight:700}.sub-label{color:#8a7a72;font-size:10px;font-weight:700}.bet-value-row{align-items:center;gap:6px;display:flex}.bet-val-btn{color:#aaa;font-family:var(--font-mono);cursor:pointer;background:#1a0f0d;border:1px solid #4a221b;flex-grow:1;padding:4px;font-size:11px}.bet-val-btn.active{border-color:var(--color-gold);color:var(--color-gold);background:#36201b}.bet-type-row{gap:6px;display:flex}.bet-btn{color:#fff;font-family:var(--font-mono);cursor:pointer;text-shadow:1px 1px 2px #000;border:1px solid #0000;flex-grow:1;padding:8px;font-size:11px;font-weight:700}.bet-red{background:var(--color-red);border-color:#8b0000}.bet-red:hover{border-color:#fff}.bet-black{background:var(--color-black);border-color:#333}.bet-black:hover{border-color:#fff}.bet-green{background:var(--color-green);border-color:#0b4f2c}.bet-green:hover{border-color:#fff}.bet-odd{background:#3e221b;border-color:#5d3429}.bet-odd:hover{border-color:#fff}.bet-even{background:#2a3d30;border-color:#3e5a46}.bet-even:hover{border-color:#fff}.number-grid-label{color:#888;font-size:9px}.number-grid-container{background:#0f0806;border:1px solid #331913;grid-template-columns:repeat(6,1fr);gap:3px;max-height:150px;padding:6px;display:grid;overflow-y:auto}.num-cell{aspect-ratio:1.2;cursor:pointer;border:1px solid #ffffff0d;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:all .15s;display:flex}.num-cell:hover{z-index:10;border-color:#fff;transform:scale(1.1)}.num-green{background:var(--color-green);color:#fff}.num-red{background:var(--color-red);color:#fff}.num-black{background:var(--color-black);color:#fff}.num-gold{text-shadow:0 0 4px #ffd700cc;background:linear-gradient(135deg,gold,#b8860b);box-shadow:inset 0 0 6px #ffd70080}.num-purple{text-shadow:0 0 4px #9c27b0cc;background:linear-gradient(135deg,#9c27b0,#6a1b9a);box-shadow:inset 0 0 6px #9c27b080}.num-cyan{text-shadow:0 0 4px #00bcd4cc;background:linear-gradient(135deg,#00bcd4,#00838f);box-shadow:inset 0 0 6px #00bcd480}.num-crimson{text-shadow:0 0 4px #ff007fcc;background:linear-gradient(135deg,#ff007f,#4a0025);animation:2s ease-in-out infinite crimson-pulse;box-shadow:inset 0 0 6px #ff007f80}@keyframes crimson-pulse{0%,to{box-shadow:inset 0 0 6px #ff007f80}50%{box-shadow:inset 0 0 12px #ff007fe6,0 0 8px #ff007f66}}.placed-bets-panel{background:#0006;border:1px solid #ffffff0d;max-height:100px;padding:8px;overflow-y:auto}.placed-bets-list{flex-direction:column;gap:4px;display:flex}.active-bet-item{justify-content:space-between;font-size:11px;display:flex}.no-bets-text{color:#555;text-align:center;font-size:11px;font-style:italic;display:block}.combat-actions{gap:8px;display:flex}.combat-actions .btn{flex-grow:1}.next-turn-btn{padding:10px;font-size:12px;color:#e0f2f1!important;background:#2e8b57!important;border-color:#0b4f2c!important}.next-turn-btn:hover{background:#3cb371!important;border-color:#a3e2c9!important;box-shadow:0 0 15px #00ff6466!important}.combat-bottom-hud{z-index:12;justify-content:space-between;align-items:center;width:90%;max-width:600px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.tutorial-tip{color:#666;max-width:70%;font-size:9px;line-height:1.3}.turn-chips-panel{border:1px solid var(--color-border);background:#120b08d9;padding:8px 16px;font-size:14px;font-weight:700;box-shadow:0 0 10px #000c}#spin-overlay{border:1px solid var(--color-border-glow);text-align:center;z-index:20;background:#0a0503e6;border-radius:2px;padding:15px 30px;position:absolute;top:15%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #000c}.spin-announcement{color:var(--color-text-light);font-size:20px;font-weight:700;line-height:1.5}.view-controller-hud{z-index:12;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;bottom:80px;left:15px}.view-btn{color:#aaa;font-family:var(--font-mono);cursor:pointer;text-align:center;background:#1a0f0d;border:1px solid #4a221b;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.view-btn:hover{color:#fff;border-color:var(--color-gold);background:#36201b}.view-btn.active{border-color:var(--color-red);color:#fff;background:#420a06;box-shadow:0 0 10px #b91e1466}#dev-tools-panel{z-index:105;width:290px;font-family:var(--font-mono);pointer-events:auto;background:#0c0806f2;border:1px solid #fa0;border-radius:4px;flex-direction:column;gap:12px;max-height:calc(100vh - 120px);padding:15px;display:flex;position:absolute;top:75px;right:15px;overflow-y:auto;box-shadow:0 4px 20px #000000d9,0 0 15px #ffaa0040}#dev-tools-panel.hidden{display:none!important}.dev-tools-header{text-align:center;color:#fa0;text-shadow:0 0 5px #fa06;border-bottom:1px solid #fa06;padding-bottom:6px;font-size:14px;font-weight:700}.dev-group{border-top:1px solid #ffaa0026;flex-direction:column;gap:8px;padding-top:10px;display:flex}.dev-group:first-of-type{border-top:none;padding-top:0}.dev-group-title{color:#ffb700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:700}.dev-row{align-items:center;gap:6px;display:flex}.dev-row .btn{color:#ffe0b2;background:#231206;border-color:#ffaa0059;flex:1;padding:6px 10px;font-size:10px}.dev-row .btn:hover:not(:disabled){color:#fff;background:#44220b;border-color:#fa0;box-shadow:0 0 8px #ffaa004d}.dev-row .btn:disabled{opacity:.3;cursor:not-allowed}.dev-select{color:#ffe0b2;font-family:var(--font-mono);background:#140d0a;border:1px solid #ffaa0059;outline:none;width:100%;padding:6px;font-size:10px}.dev-select:focus{border-color:#fa0}#dev-tools-panel::-webkit-scrollbar{width:4px}#dev-tools-panel::-webkit-scrollbar-thumb{background:#640;border-radius:2px}#resolution-overlay{z-index:120;pointer-events:auto;background:#050302e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#resolution-overlay.hidden{display:none!important}.resolution-card{border:1px solid var(--color-border-glow);text-align:center;background:#100a08fa;border-radius:4px;flex-direction:column;gap:20px;width:420px;padding:30px;display:flex;box-shadow:0 0 30px #b91e1473}.res-header{font-family:var(--font-header);color:var(--color-red);text-shadow:0 0 10px #b91e1480;letter-spacing:1px;font-size:26px}.res-slot-row{justify-content:center;display:flex}.res-badge{border:3px solid var(--color-gold);color:#fff;text-shadow:1px 1px 3px #000;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;font-weight:700;display:flex;box-shadow:0 0 15px #000c}.res-badge.red-bg{background-color:var(--color-red)!important}.res-badge.black-bg{background-color:#1a1a1a!important}.res-badge.green-bg{background-color:var(--color-green)!important}.res-badge.gold-bg{color:#000;background:linear-gradient(135deg,gold,#b8860b)}.res-badge.purple-bg{background:linear-gradient(135deg,#9c27b0,#6a1b9a)}.res-badge.cyan-bg{background:linear-gradient(135deg,#00bcd4,#00838f)}.res-badge.crimson-bg{background:linear-gradient(135deg,#ff007f,#4a0025)}.res-summary{font-size:16px;font-weight:700;line-height:1.4}.res-details-group{text-align:left;border-top:1px solid #c59f5126;padding-top:12px}.res-details-title{color:var(--color-gold);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.res-details-list{color:#c8b9b0;flex-direction:column;gap:4px;font-size:11px;display:flex}.res-details-item{justify-content:space-between;display:flex}.res-card-name{color:#ffcdd2;font-weight:700}#wheel-select-panel{z-index:20;background:#080403fa;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:60px;display:flex;position:absolute;top:0;left:0}.wheel-select-grid{flex-wrap:wrap;justify-content:center;gap:20px;max-width:900px;margin-top:40px;display:flex}.wheel-select-card{cursor:pointer;background:#160e0a66;border:1px solid #c59f5140;flex-direction:column;justify-content:space-between;align-items:center;width:200px;min-height:320px;padding:24px;transition:all .25s;display:flex}.wheel-select-card:hover{border-color:var(--color-border-glow);background:#26140c99;transform:translateY(-4px);box-shadow:0 0 15px #c59f5140}.wheel-select-card .wheel-name{font-family:var(--font-mono);color:var(--color-gold);text-align:center;margin-bottom:12px;font-size:16px;font-weight:700}.wheel-select-card .wheel-desc{color:#aaa;text-align:center;flex-grow:1;margin-bottom:16px;font-size:11px;line-height:1.5}.wheel-select-card .wheel-stats{font-family:var(--font-mono);color:#888;text-align:left;border-top:1px solid #c59f5126;width:100%;margin-bottom:20px;padding-top:12px;font-size:10px}.wheel-select-card .wheel-stats div{margin-bottom:4px}.shop-tabs-bar{border-bottom:1px solid #c59f5133;justify-content:center;gap:10px;width:100%;max-width:600px;margin-bottom:30px;padding-bottom:10px;display:flex}.shop-tab-btn{color:#aaa;font-family:var(--font-mono);cursor:pointer;background:#140a0899;border:1px solid #c59f514d;padding:10px 24px;font-size:12px;transition:all .2s}.shop-tab-btn:hover{color:#fff;background:#26140c80}.shop-tab-btn.active{border-color:var(--color-gold);color:var(--color-gold);background:#c59f5133;box-shadow:0 0 10px #c59f5126}.shop-view-panel.hidden{display:none!important}.upgrade-badge{border:1px dashed var(--color-gold);color:var(--color-gold);font-size:8px;font-family:var(--font-mono);text-transform:uppercase;background:#c59f5126;margin-top:6px;padding:2px 6px;display:inline-block}#debug-stats-overlay{color:#fcc;pointer-events:none;z-index:1000;text-shadow:0 0 4px #ffcccc4d;background:#0f0503e6;border:2px solid #5a1208;border-radius:4px;width:180px;padding:10px;font-family:Courier Prime,monospace;position:absolute;top:70px;right:20px;box-shadow:0 0 15px #5a120899,inset 0 0 10px #000c}#debug-stats-overlay.hidden{display:none!important}.debug-stats-header{text-transform:uppercase;letter-spacing:1.5px;color:#ef5350;text-align:center;border-bottom:1px solid #3d0e08;margin-bottom:6px;padding-bottom:4px;font-size:11px;font-weight:700}.debug-stats-row{justify-content:space-between;font-size:12px;line-height:1.4;display:flex}#codex-panel{z-index:130;background:#050302f7;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:60px;display:flex;position:absolute;top:0;left:0;overflow-y:auto}#codex-panel.hidden{display:none!important}.codex-header{font-family:var(--font-header);color:var(--color-gold);text-shadow:0 0 12px #c59f5166;margin-bottom:10px;font-size:36px}.codex-subtext{color:#888;margin-bottom:30px;font-size:12px;font-style:italic}.codex-filters{background:#1e140f73;border:1px solid #c59f5133;border-radius:8px;flex-direction:column;align-items:center;gap:10px;width:90%;max-width:1000px;margin-bottom:24px;padding:16px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.filter-label{color:#c59f51;text-transform:uppercase;letter-spacing:1px;width:70px;font-size:11px;font-weight:700}.filter-btn{color:#aaa;cursor:pointer;background:#120c0acc;border:1px solid #c59f514d;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:11px;transition:all .2s}.filter-btn:hover{color:#fff;border-color:#c59f51}.filter-btn.active{background:var(--color-gold);border-color:var(--color-gold);color:#1e110a;font-weight:700;box-shadow:0 0 10px #c59f5166}.codex-card-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding-bottom:6px;display:flex}.codex-empty-message{text-align:center;color:#888;background:#0003;border:1px dashed #c59f5126;border-radius:6px;grid-column:1/-1;padding:40px;font-style:italic}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:90%;max-width:1000px;padding-bottom:80px;display:grid}.codex-card{background:#120b08e6;border:1px solid #5a281459;border-radius:4px;flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex}.codex-card:hover{border-color:var(--color-gold);transform:translateY(-2px);box-shadow:0 0 12px #c59f5133}.codex-card .codex-card-name{color:#fff;font-size:14px;font-weight:700}.codex-card .codex-card-cost{color:var(--color-gold);font-size:11px;font-weight:700}.codex-card .codex-card-desc{color:#aaa;font-size:10px;line-height:1.4}.codex-card .codex-card-meta{color:#666;text-transform:uppercase;border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:auto;padding-top:6px;font-size:9px;display:flex}.codex-close-btn{z-index:140;position:fixed;top:20px;right:30px}#deck-draft-panel{z-index:25;background:radial-gradient(circle,#1a120d 0%,#060303 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.draft-header{font-family:var(--font-header);color:var(--color-gold);text-shadow:0 0 12px #c59f5166;font-size:32px}.draft-progress{color:#aaa;margin-bottom:10px;font-size:14px}.draft-choices{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.draft-card{cursor:pointer;background:#120b08d9;border:2px solid #5a281466;border-radius:6px;flex-direction:column;justify-content:space-between;align-items:center;width:220px;min-height:280px;padding:24px;transition:all .25s;display:flex}.draft-card:hover{border-color:var(--color-gold);background:#26140ccc;transform:translateY(-6px);box-shadow:0 0 20px #c59f5159}.draft-card .draft-card-name{color:#fff;text-align:center;margin-bottom:8px;font-size:18px;font-weight:700}.draft-card .draft-card-cost{color:var(--color-gold);margin-bottom:12px;font-size:13px;font-weight:700}.draft-card .draft-card-desc{color:#bbb;text-align:center;flex-grow:1;margin-bottom:16px;font-size:11px;line-height:1.5}.draft-card .draft-card-meta{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:9px}.codex-card-rarity-common,.draft-card-rarity-common,.shop-card-rarity-common{border-left:4px solid #888!important}.codex-card-rarity-uncommon,.draft-card-rarity-uncommon,.shop-card-rarity-uncommon{background:linear-gradient(135deg,#0e1923f2 0%,#080c12f2 100%)!important;border-color:#4fc3f74d!important;border-left-style:solid!important;border-left-width:4px!important}.codex-card-rarity-uncommon:hover,.draft-card-rarity-uncommon:hover,.shop-card-item.shop-card-rarity-uncommon:hover{transform:translateY(-4px);border-color:#4fc3f7!important;box-shadow:0 0 20px #4fc3f766!important}.codex-card-rarity-rare,.draft-card-rarity-rare,.shop-card-rarity-rare{background:linear-gradient(135deg,#20180af2 0%,#0c0a06f2 100%)!important;border-color:#ffca2866!important;border-left-style:solid!important;border-left-width:4px!important;box-shadow:0 0 15px #ffca2840!important}.codex-card-rarity-rare:hover,.draft-card-rarity-rare:hover,.shop-card-item.shop-card-rarity-rare:hover{transform:translateY(-6px);border-color:#ffca28!important;box-shadow:0 0 25px #ffca2899!important}.codex-card-rarity-legendary,.draft-card-rarity-legendary,.shop-card-rarity-legendary{background:linear-gradient(135deg,#260c30f2 0%,#0c0610f2 100%)!important;border-color:#ff572266!important;border-left-style:solid!important;border-left-width:5px!important;box-shadow:0 0 20px #ff57224d!important}.codex-card-rarity-legendary:hover,.draft-card-rarity-legendary:hover,.shop-card-item.shop-card-rarity-legendary:hover{transform:translateY(-6px)scale(1.02);border-color:#ff5722!important;box-shadow:0 0 30px #ff5722b3!important}.shop-card-meta{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:9px}.draft-deck-preview{color:#666;text-align:center;max-width:600px;margin-top:10px;font-size:11px}.draft-deck-preview span{color:var(--color-gold);font-weight:700}.draft-complete-view{flex-direction:column;align-items:center;width:100%;max-width:950px;display:flex}.draft-final-deck-grid{flex-wrap:wrap;justify-content:center;gap:15px;width:100%;margin-top:20px;display:flex}.draft-final-deck-grid .draft-card{width:175px;min-height:240px;padding:16px}.draft-final-deck-grid .draft-card .draft-card-name{font-size:15px}.draft-final-deck-grid .draft-card .draft-card-desc{margin-bottom:8px;font-size:10px}.draft-card.non-interactive{cursor:default}.draft-card.non-interactive:hover{box-shadow:none!important;border-color:#5a281466!important;transform:none!important}.draft-card.non-interactive.draft-card-rarity-common:hover{box-shadow:none!important;border-color:#5a281466!important}.draft-card.non-interactive.draft-card-rarity-uncommon:hover{border-color:#4fc3f74d!important;box-shadow:0 0 15px #4fc3f740!important}.draft-card.non-interactive.draft-card-rarity-rare:hover{border-color:#ffca2866!important;box-shadow:0 0 15px #ffca2840!important}.draft-card.non-interactive.draft-card-rarity-legendary:hover{border-color:#ff572266!important;box-shadow:0 0 20px #ff57224d!important}@keyframes prediction-glow{0%{box-shadow:0 0 4px #00ff644d,inset 0 0 4px #00ff641a}50%{box-shadow:0 0 12px #00ff64b3,inset 0 0 8px #00ff6440}to{box-shadow:0 0 4px #00ff644d,inset 0 0 4px #00ff641a}}.num-cell.predicted{z-index:5;animation:1.5s ease-in-out infinite prediction-glow;position:relative;border-color:#00ff64!important}.combat-deck-panel{z-index:12;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:80px;right:15px}.draw-card-btn{color:#a5d6a7;font-family:var(--font-mono);cursor:pointer;background:#1a2e1a;border:1px solid #2e8b57;padding:10px 18px;font-size:12px;font-weight:700;transition:all .2s}.draw-card-btn:hover:not(:disabled){color:#fff;background:#2e4a2e;border-color:#4caf50;box-shadow:0 0 12px #4caf5066}.draw-card-btn:disabled{opacity:.35;cursor:not-allowed}.deck-counters{color:#888;font-size:10px;font-family:var(--font-mono);gap:12px;display:flex}.deck-counter{align-items:center;gap:4px;display:flex}.deck-counter .counter-label{color:#666;text-transform:uppercase}.deck-counter .counter-value{color:var(--color-gold);font-weight:700}.block-indicator{color:#fff;font-size:10px;font-weight:700;font-family:var(--font-mono);z-index:5;background:#1565c0;border:1px solid #42a5f5;border-radius:2px;padding:2px 6px;position:absolute;top:0;right:-8px;box-shadow:0 0 8px #2196f366}.menu-btn-group{flex-direction:column;align-items:center;gap:12px;display:flex}.codex-menu-btn{color:var(--color-gold);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #c59f5166;padding:8px 24px;font-size:13px;transition:all .2s}.codex-menu-btn:hover{border-color:var(--color-gold);background:#c59f511a;box-shadow:0 0 10px #c59f514d}#wheel-customizer-panel{flex-direction:column;align-items:center;gap:15px;width:100%;max-width:1000px;display:flex}.customizer-layout{gap:25px;width:100%;margin-top:10px;display:flex}.customizer-sidebar{background:#120b08e6;border:2px solid #5a281466;flex-direction:column;flex:0 0 320px;gap:16px;padding:20px;display:flex}.customizer-sidebar label{color:var(--color-gold);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.customizer-sidebar input[type=text]{width:100%;color:var(--color-text-light);font-family:var(--font-mono);background:#00000080;border:1px solid #c59f514d;border-radius:4px;padding:8px 12px;font-size:13px}.customizer-sidebar input[type=text]:focus{border-color:var(--color-gold);outline:none}.payout-inputs-header{color:#fff;border-bottom:1px solid #c59f5133;margin-top:10px;padding-bottom:6px;font-size:14px;font-weight:700}.payout-inputs-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input-group-inline{flex-direction:column;display:flex}.input-group-inline label{margin-bottom:4px;font-size:11px}.input-group-inline input[type=number]{color:var(--color-text-light);font-family:var(--font-mono);background:#00000080;border:1px solid #c59f514d;border-radius:4px;padding:6px;font-size:12px}.input-group-inline input[type=number]:focus{border-color:var(--color-gold);outline:none}.customizer-actions{gap:12px;margin-top:15px;display:flex}.customizer-actions button{flex:1}.customizer-board-editor{background:#120b08e6;border:2px solid #5a281466;flex-direction:column;flex:1;gap:15px;padding:20px;display:flex}.editor-instructions{color:#aaa;font-size:12px;line-height:1.5}.dot-desc{border-radius:3px;padding:1px 5px;font-weight:700}.dot-desc.color-green{color:#fff;background:#4caf50}.dot-desc.color-red{color:#fff;background:#ef5350}.dot-desc.color-black{color:#fff;background:#2d2d2d}.cell-color-indicator.gold,.dot-desc.color-gold{background:gold}.cell-color-indicator.purple,.dot-desc.color-purple{background:#9c27b0}.cell-color-indicator.cyan,.dot-desc.color-cyan{background:#00bcd4}.cell-color-indicator.crimson,.dot-desc.color-crimson{background:#ff007f}.quick-templates{color:var(--color-gold);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.template-btn{color:var(--color-gold);font-family:var(--font-mono);cursor:pointer;background:#c59f511a;border:1px solid #c59f5166;border-radius:3px;padding:4px 10px;font-size:11px;transition:all .2s}.template-btn:hover{background:var(--color-gold);color:#000}.numbers-selector-grid{grid-template-columns:repeat(6,1fr);gap:8px;max-height:290px;padding-right:5px;display:grid;overflow-y:auto}.cell-option{cursor:pointer;background:#0009;border:1px solid #ffffff1a;border-radius:4px;justify-content:space-between;align-items:center;padding:8px;transition:all .2s;display:flex}.cell-option.active{border-color:var(--color-gold);background:#c59f5114}.cell-num{color:#888;font-size:14px;font-weight:700}.cell-option.active .cell-num{color:#fff}.cell-color-indicator{background:#555;border:1px solid #777;border-radius:50%;width:14px;height:14px}.cell-option.active .cell-color-indicator.green{background:#4caf50;border-color:#81c784;box-shadow:0 0 5px #4caf5099}.cell-option.active .cell-color-indicator.red{background:#ef5350;border-color:#e57373;box-shadow:0 0 5px #ef535099}.cell-option.active .cell-color-indicator.black{background:#2d2d2d;border-color:#555;box-shadow:0 0 5px #000c}.store-container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1100px;margin:0 auto;padding:20px;display:flex}.store-header{text-align:center;width:100%}.store-header h1{color:var(--color-gold);text-shadow:0 0 20px #c59f5180;margin-bottom:4px;font-family:VT323,monospace;font-size:2.4rem}.store-points-bar{color:var(--color-gold);background:#c59f511f;border:1px solid #c59f514d;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:fit-content;margin:8px auto;padding:10px 24px;font-family:VT323,monospace;font-size:1.6rem;display:flex}.store-points-value{color:#fff;text-shadow:0 0 10px #c59f5199;font-size:2rem}.store-loadout{background:#120b0899;border:1px solid #5a28144d;border-radius:8px;width:100%;padding:12px 16px}.store-loadout h3{color:var(--color-text-light);opacity:.7;margin-bottom:8px;font-family:VT323,monospace;font-size:1.1rem}.store-loadout-items{flex-wrap:wrap;gap:6px;display:flex}.store-loadout-chip{color:var(--color-text-light);background:#5a28144d;border:1px solid #5a281466;border-radius:4px;padding:3px 10px;font-family:VT323,monospace;font-size:.85rem}.store-loadout-chip.wheel-chip{color:var(--color-gold);border-color:#c59f5166}.store-sections{gap:20px;width:100%;display:flex}.store-section{flex:1;min-width:0}.store-section h2{color:var(--color-text-light);border-bottom:1px solid #5a28144d;margin-bottom:12px;padding-bottom:6px;font-family:VT323,monospace;font-size:1.4rem}.store-grid{flex-direction:column;gap:8px;display:flex}.store-item{cursor:pointer;background:#120b08b3;border:1px solid #5a281466;border-radius:8px;flex-direction:column;padding:12px 14px;transition:all .2s;display:flex;position:relative}.store-item:hover:not(.purchased):not(.too-expensive){border-color:var(--color-gold);transform:translateY(-2px);box-shadow:0 4px 16px #c59f5133}.store-item.purchased{opacity:.45;cursor:default;border-color:#2828284d}.store-item.too-expensive{opacity:.6;cursor:not-allowed}.store-item.rarity-uncommon{border-left:3px solid #4fc3f7}.store-item.rarity-rare{border-left:3px solid #ffca28}.store-item.rarity-legendary{border-left:3px solid #ff5722}.store-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.store-item-name{color:var(--color-text-light);font-family:VT323,monospace;font-size:1.1rem}.store-item-cost{color:var(--color-gold);background:#c59f5126;border-radius:4px;padding:2px 8px;font-family:VT323,monospace;font-size:1rem}.store-item-desc{color:#ece0d899;font-family:VT323,monospace;font-size:.85rem;line-height:1.3}.store-item-rarity{text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-family:VT323,monospace;font-size:.75rem}.store-item-rarity.uncommon{color:#4fc3f7}.store-item-rarity.rare{color:#ffca28}.store-item-rarity.legendary{color:#ff5722}.store-item .purchased-badge{color:var(--color-gold);text-shadow:0 0 10px #c59f5199;pointer-events:none;letter-spacing:3px;font-family:VT323,monospace;font-size:1.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.store-wheel-stats{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.store-wheel-stat{color:var(--color-text-light);background:#5a28144d;border-radius:3px;padding:2px 6px;font-family:VT323,monospace;font-size:.75rem}.store-continue-btn{border:1px solid var(--color-gold);color:var(--color-gold);cursor:pointer;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(135deg,#c59f514d,#c59f5126);border-radius:8px;padding:12px 48px;font-family:VT323,monospace;font-size:1.3rem;transition:all .25s}.store-continue-btn:hover{background:linear-gradient(135deg,#c59f5180,#c59f514d);transform:translateY(-2px);box-shadow:0 4px 20px #c59f514d}.slot-effect-banner{text-align:center;border-radius:6px;margin-top:8px;padding:6px 14px;font-family:VT323,monospace;font-size:1.1rem}.slot-effect-banner.gold{color:gold;background:#ffd70026;border:1px solid #ffd7004d}.slot-effect-banner.purple{color:#ce93d8;background:#9c27b026;border:1px solid #9c27b04d}.slot-effect-banner.cyan{color:#80deea;background:#00bcd426;border:1px solid #00bcd44d}.slot-effect-banner.crimson{color:#ff007f;background:#ff007f26;border:1px solid #ff007f4d}.board-hover-info{color:var(--color-gold);text-shadow:0 0 6px #c59f5166;text-align:center;text-transform:uppercase;letter-spacing:1px;background:#120b0880;border:1px dashed #c59f5133;border-radius:4px;margin:4px 0 8px;padding:5px;font-family:VT323,monospace;font-size:.95rem}.forge-hud{box-sizing:border-box;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:32px;display:flex}.forge-hud *{pointer-events:auto}.forge-title-panel{text-align:center;box-sizing:border-box;background:linear-gradient(#140a05eb 0%,#140a0580 100%);border:1px solid #ff5a0040;border-radius:8px;width:100%;padding:14px 20px;box-shadow:0 0 15px #ff3c0026}.forge-title-panel h1{color:#f50;text-shadow:0 0 15px #f509,0 0 2px #000;letter-spacing:3px;margin:0;font-family:VT323,monospace;font-size:2.8rem;animation:2.5s ease-in-out infinite alternate forge-glow}@keyframes forge-glow{0%{text-shadow:0 0 10px #ff550080,0 0 2px #000}to{text-shadow:0 0 25px #ff5500f2,0 0 4px #f506}}.forge-title-panel .flavor-text{color:#ffe6c8bf;margin:4px 0 0;font-family:VT323,monospace;font-size:1.15rem}.forge-stats-panel{box-sizing:border-box;color:#fc0;background:#0a0502cc;border:1px solid #c59f5140;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:900px;margin:16px auto 0;padding:8px 20px;font-family:VT323,monospace;font-size:1.3rem;display:flex}.forge-stats-chips{color:#ffca28;text-shadow:0 0 8px #ffca2866;font-weight:700}.forge-stats-multipliers{color:#ece0d8d9;flex-wrap:wrap;gap:12px;display:flex}.forge-bottom-hud{flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:auto;display:flex}.forge-card-desc-box{box-sizing:border-box;text-align:center;background:#120904eb;border:2px solid #5a2814;border-radius:8px;width:100%;max-width:600px;min-height:110px;padding:16px;transition:all .2s;box-shadow:0 0 20px #000c,inset 0 0 10px #ff55001a}.forge-card-desc-box.has-hover{border-color:#f70;box-shadow:0 0 25px #ff770040,inset 0 0 15px #ff77000d}.forge-desc-title{margin-bottom:4px;font-family:VT323,monospace;font-size:1.7rem;font-weight:700}.forge-desc-title.rarity-bronze{color:#cd7f32;text-shadow:0 0 6px #cd7f3266}.forge-desc-title.rarity-silver{color:#aaa;text-shadow:0 0 6px #aaa6}.forge-desc-title.rarity-gold{color:gold;text-shadow:0 0 8px #ffd70080}.forge-desc-text{color:#ecedd8;margin-bottom:8px;font-family:VT323,monospace;font-size:1.2rem;line-height:1.3}.forge-desc-status{font-family:VT323,monospace;font-size:1.05rem}.forge-action-buttons{justify-content:center;gap:20px;width:100%;display:flex}.forge-btn{color:#f50;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#5a281480 0%,#2d140acc 100%);border:1px solid #f50;border-radius:6px;padding:10px 24px;font-family:VT323,monospace;font-size:1.3rem;transition:all .2s}.forge-btn:hover:not(:disabled){color:#000;background:linear-gradient(135deg,#f50 0%,#d84315 100%);transform:translateY(-2px);box-shadow:0 0 15px #ff550080}.forge-btn:disabled{opacity:.35;cursor:not-allowed;color:#888;border-color:#555}.forge-btn.leave-btn{color:#aaa;background:linear-gradient(135deg,#28282880 0%,#141414cc 100%);border-color:#aaa}.forge-btn.leave-btn:hover{color:#000;background:linear-gradient(135deg,#fff 0%,#aaa 100%);box-shadow:0 0 15px #ffffff4d}.map-node.node-type-forge{background:radial-gradient(circle,#9c27b040 0%,#673ab71a 70%);border-color:#9c27b0;box-shadow:0 0 10px #9c27b04d}.map-node.node-type-forge.selectable:hover{background:radial-gradient(circle,#9c27b080 0%,#673ab74d 70%);border-color:#e040fb;box-shadow:0 0 18px #9c27b099,0 0 4px #9c27b0}