*{box-sizing:border-box;margin:0;padding:0}body{color:#0af;-webkit-user-select:none;user-select:none;background:#000;font-family:Courier New,monospace;overflow:hidden}#game-container{transform-origin:50%;background:#001;width:1400px;height:750px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#ui{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#hud{z-index:5;pointer-events:all;justify-content:space-between;font-size:14px;display:flex;position:absolute;top:10px;left:10px;right:10px}#hud>div{background:#000a1ecc;border:1px solid #0af3;border-radius:4px;padding:6px 14px}#hud #music-btn:hover,#hud #vol-btn:hover{box-shadow:0 0 10px #0af4;border-color:#0af!important}#hud .money{color:#0f0;font-weight:700}#shop{pointer-events:all;z-index:10;background:#000c1ef7;border:1px solid #0af;border-radius:10px;flex-direction:column;width:90vw;max-width:1200px;max-height:85vh;padding:24px 28px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#shop-content{flex:1;padding-right:10px;overflow-y:auto}#shop h2{text-align:center;letter-spacing:4px;color:#f80;flex-shrink:0;margin-bottom:4px;font-size:22px}#shop .round-info{text-align:center;color:#08a;flex-shrink:0;margin-bottom:14px;font-size:13px}#shop .sections{gap:20px;display:flex}#shop .section{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:6px;display:grid}#shop .section h3{letter-spacing:2px;border-bottom:1px solid #0af3;grid-column:1/-1;margin-bottom:8px;padding-bottom:4px;font-size:14px}#shop .section h3.offense{color:#f44}#shop .section h3.defense{color:#4f4}.item{cursor:pointer;background:#00285066;border:1px solid #0af2;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .15s;display:flex;position:relative;overflow:hidden}.item:hover{background:#003c7899;border-color:#0af}.item .info{flex:1}.item .name{font-size:13px;font-weight:700}.item .desc{color:#068;margin-top:2px;font-size:10px}.item .badge{border-radius:3px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:700}.item .badge.manual{color:#000;background:#f80}.item .badge.auto{color:#000;background:#08a}.item .cost{color:#0f0;white-space:nowrap;margin-left:8px;font-size:13px;font-weight:700}.item .qty{color:#000;text-align:center;background:#f80;border-radius:10px;min-width:26px;margin-left:6px;padding:2px 10px;font-size:14px;font-weight:700;box-shadow:0 0 6px #f804}.item.cant-afford{opacity:.35;cursor:not-allowed}.item .sell-hint{color:#fff;opacity:0;pointer-events:none;background:#f00c;border-top-left-radius:6px;padding:2px 6px;font-size:9px;transition:all .2s;position:absolute;bottom:0;right:0;transform:translateY(100%)}.item:hover .sell-hint{opacity:1;transform:translateY(0)}#cart{border-top:1px solid #0af3;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;margin-top:12px;padding-top:10px;display:flex}#cart .purchases{color:#08a;flex:1;max-height:80px;font-size:11px;overflow-y:auto}#launch-btn{color:#fff;letter-spacing:3px;cursor:pointer;pointer-events:all;background:#f44;border:none;border-radius:6px;flex-shrink:0;padding:10px 32px;font-family:inherit;font-size:16px;font-weight:700;transition:all .15s}#launch-btn:hover{background:#f66;transform:scale(1.05)}#targeting-panel{pointer-events:all;z-index:10;background:#000c1ef2;border:1px solid #0af;border-radius:8px;flex-direction:column;width:320px;max-height:85vh;padding:16px;display:none;position:absolute;top:20px;left:20px}#targeting-panel h3{letter-spacing:3px;color:#f80;text-align:center;flex-shrink:0;margin-bottom:10px;font-size:15px}#targeting-list{flex:1;padding-right:5px;overflow-y:auto}.tq-item{border:1px solid #0000;border-radius:4px;margin-bottom:4px;padding:6px 8px;font-size:12px;transition:all .15s}.tq-item.current{color:#ff0;background:#ff880026;border-color:#f80}.tq-item.done{color:#4a4}.tq-item.waiting{color:#456}.tq-item .tq-type{border-radius:2px;margin-right:4px;padding:1px 4px;font-size:9px}.tq-item .tq-type.def{color:#fff;background:#0a4}.tq-item .tq-type.atk{color:#fff;background:#a04}.tq-item .tq-type.auto-tag{color:#aaa;background:#046}#targeting-instructions{color:#08a;text-align:center;border-top:1px solid #0af3;flex-shrink:0;margin-top:10px;padding-top:8px;font-size:11px;line-height:1.6}#fire-btn{color:#fff;letter-spacing:3px;cursor:pointer;background:#f44;border:none;border-radius:6px;flex-shrink:0;width:100%;margin-top:12px;padding:10px;font-family:inherit;font-size:16px;font-weight:700;transition:all .15s;display:none}#fire-btn:hover{background:#f66;transform:scale(1.05)}#chaos-overlay{z-index:12;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}#chaos-overlay.show{animation:3s ease-out forwards chaosFade;display:flex}.chaos-cat{letter-spacing:8px;margin-bottom:8px;font-size:14px}.chaos-title{text-shadow:0 0 30px;letter-spacing:4px;margin-bottom:16px;font-size:52px;font-weight:700}.chaos-desc{text-align:center;max-width:500px;font-size:16px;line-height:1.6}.chaos-good{color:#4f4}.chaos-bad{color:#f44}.chaos-neutral{color:#aaa}.chaos-wild{color:#f4f;text-shadow:0 0 10px #f4f}@keyframes chaosFade{0%{opacity:0;background:0 0;transform:scale(1.2)}15%{opacity:1;background:#000000d9;transform:scale(1)}75%{opacity:1;background:#000000d9}to{opacity:0;background:0 0}}#results{text-align:center;pointer-events:all;z-index:10;background:#000c1ef7;border:1px solid #0af;border-radius:10px;padding:30px 40px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#results h2{letter-spacing:3px;margin-bottom:16px;font-size:24px}#results .stats{margin-bottom:20px;font-size:14px;line-height:2}#results button{color:#001;letter-spacing:2px;cursor:pointer;background:#0af;border:none;border-radius:6px;padding:10px 30px;font-family:inherit;font-size:15px;font-weight:700;transition:all .15s}#results button:hover{background:#0cf;transform:scale(1.05)}#title-screen{pointer-events:all;z-index:20;background:#00050ff2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#title-screen h1{letter-spacing:12px;color:#f80;text-shadow:0 0 30px #f804,0 0 60px #f802;margin-bottom:8px;font-size:72px}#title-screen .subtitle{color:#08a;letter-spacing:6px;margin-bottom:40px;font-size:16px}#title-screen .start-btn{color:#0af;letter-spacing:4px;cursor:pointer;background:0 0;border:2px solid #0af;border-radius:6px;padding:14px 48px;font-family:inherit;font-size:18px;transition:all .2s}#title-screen .start-btn:hover{background:#0af2;transform:scale(1.05)}#title-screen .controls{color:#046;margin-top:30px;font-size:11px;line-height:1.8}#game-over{text-align:center;pointer-events:all;z-index:15;background:#00050ff7;border:2px solid #f44;border-radius:10px;padding:40px 50px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#game-over h2{letter-spacing:4px;margin-bottom:16px;font-size:36px}#game-over .msg{margin-bottom:24px;font-size:16px;line-height:1.8}#game-over button{color:#001;letter-spacing:2px;cursor:pointer;background:#f80;border:none;border-radius:6px;padding:12px 36px;font-family:inherit;font-size:16px;font-weight:700}#countdown{color:#f80;z-index:10;text-shadow:0 0 40px #f804;font-size:120px;font-weight:700;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
