*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0a0d1a;font-family:Courier New,monospace;color:#e0e8ff;user-select:none;-webkit-user-select:none}#gameCanvas{display:block;position:absolute;top:0;left:0;image-rendering:pixelated}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#ui-overlay>*{pointer-events:all}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0d1aeb}.screen h1{font-size:clamp(28px,5vw,56px);letter-spacing:.12em;color:#0ef;text-transform:uppercase;margin-bottom:8px;text-shadow:0 0 30px rgba(0,238,255,.4)}.screen .subtitle{font-size:clamp(12px,2vw,16px);color:#89b;margin-bottom:40px;text-align:center;max-width:400px;line-height:1.5}.btn{display:inline-block;padding:14px 36px;font-size:16px;font-family:inherit;background:#0ef2;border:1px solid #00eeff88;color:#0ef;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:background .15s,border-color .15s;margin:6px;border-radius:3px;min-width:160px;min-height:48px}.btn:hover,.btn:focus{background:#0ef4;border-color:#0ef;outline:none}.btn.danger{border-color:#f44a;color:#f66;background:#f001}.btn.danger:hover{background:#f003;border-color:#f44}.seed-row{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap;justify-content:center}.seed-row label{font-size:13px;color:#679}.seed-input{background:#111827;border:1px solid #334;color:#aac;font-family:inherit;font-size:14px;padding:8px 12px;border-radius:3px;width:130px;text-align:center}.seed-input:focus{outline:none;border-color:#0ef6}.perk-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#080b16e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;padding-top:env(safe-area-inset-top,20px);padding-bottom:env(safe-area-inset-bottom,20px)}.perk-overlay h2{font-size:clamp(14px,2.5vw,20px);letter-spacing:.15em;color:#abd;text-transform:uppercase;margin-bottom:4px}.perk-wave-label{font-size:clamp(11px,1.8vw,14px);color:#568;margin-bottom:8px}.perk-cards{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;justify-content:center;max-width:900px;width:100%}.perk-card{flex:1;min-width:220px;max-width:280px;background:#0d1322;border:2px solid #334;border-radius:6px;padding:18px 16px;cursor:pointer;transition:transform .12s,border-color .12s,background .12s;display:flex;flex-direction:column;gap:8px;min-height:140px}.perk-card:hover,.perk-card:focus{transform:translateY(-3px);background:#121a2e;outline:none}.perk-card.common{border-color:#568}.perk-card.common:hover{border-color:#89b}.perk-card.rare{border-color:#25c}.perk-card.rare:hover{border-color:#48f}.perk-card.epic{border-color:#72b}.perk-card.epic:hover{border-color:#c4f}.perk-tag-row{display:flex;gap:6px;align-items:center}.perk-rarity-pill{font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:2px;font-weight:600}.perk-rarity-pill.common{background:#345;color:#89b}.perk-rarity-pill.rare{background:#124;color:#48f}.perk-rarity-pill.epic{background:#204;color:#c4f}.perk-weapon-pill{font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:2px;background:#1a2233;color:#679}.perk-card-title{font-size:clamp(13px,2vw,16px);color:#def;font-weight:600;letter-spacing:.04em}.perk-card-desc{font-size:clamp(11px,1.6vw,13px);color:#789;line-height:1.5}.pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#080b16d1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.pause-overlay h2{font-size:32px;color:#abd;letter-spacing:.2em}.pause-seed{font-size:12px;color:#456;margin-top:4px}.gameover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#080b16eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;overflow-y:auto}.gameover-overlay h1{font-size:clamp(24px,4vw,42px);color:#f44;letter-spacing:.1em}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;font-size:clamp(12px,1.8vw,15px);color:#89b;margin:8px 0;max-width:360px;width:100%}.stats-grid .label{color:#567}.stats-grid .value{color:#acf;text-align:right}.build-summary{font-size:clamp(10px,1.5vw,12px);color:#567;max-width:480px;text-align:center;line-height:1.8;margin:4px 0}.build-summary span{display:inline-block;background:#111827;border:1px solid #223;padding:2px 8px;border-radius:2px;margin:2px;color:#789}#hud-pause-btn{position:absolute;top:12px;right:16px;padding:6px 14px;font-size:12px;font-family:inherit;background:#00001a88;border:1px solid #334;color:#679;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;pointer-events:all;z-index:10;min-height:32px}#hud-pause-btn:hover{background:#0028;border-color:#556;color:#9ab}@media (max-width: 600px){.perk-cards{flex-direction:column;align-items:center}.perk-card{max-width:100%;min-height:110px}}
