*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:"monospace",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}.ui-overlay,.ui-overlay-gradient,.ui-overlay-light,.ui-overlay-medium{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:"monospace";z-index:100}.ui-overlay-medium{background:#000000d9}.ui-overlay-light{background:#000c}.ui-overlay-gradient{background-image:linear-gradient(150deg,#1b181f 41.2%,#110537 99.8%)!important;overflow-y:auto;justify-content:flex-start;padding:40px 20px}.moon-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5;mix-blend-mode:soft-light;z-index:99;pointer-events:none}.game-title{font-size:72px;margin:0 0 20px;color:#fff;text-shadow:0 0 20px #00aaff}.title-lg{font-size:64px;margin:0 0 30px}.title-medium{font-size:48px;margin:0 0 40px}.title-success{color:#0f0;text-shadow:0 0 20px #00ff00}.title-danger{color:#fff;text-shadow:0 0 10px #ff4444}.title-warning{color:#fa0;text-shadow:0 0 10px #ffaa00}.subtitle{font-size:24px;margin-bottom:10px;opacity:.9}.text-muted{opacity:.8}.text-dim{opacity:.6}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-md{font-size:18px}.text-lg{font-size:20px}.btn,.btn-large{padding:15px 40px;font-size:20px;border:none;color:#fff;cursor:pointer;font-family:monospace;font-weight:700;transition:all .2s;background:transparent!important;border:2px solid white;border-radius:8px}.btn:hover,.btn-large:hover{background:#0af;border-color:#0af;box-shadow:0 0 20px #00aaff80}.btn:disabled,.btn-large:disabled{opacity:.5;cursor:not-allowed}.btn-large{padding:20px 50px;font-size:24px}.btn-primary{background:#0af;box-shadow:0 0 20px #00aaff80}.btn-primary:hover:not(:disabled){background:#0cf;box-shadow:0 0 20px #0afc}.btn-success{background:#0f0;color:#000;box-shadow:0 0 20px #00ff0080}.btn-success:hover:not(:disabled){background:#0f8;box-shadow:0 0 20px #0f0c}.btn-info{background:#4080ff}.btn-info:hover:not(:disabled){background:#5090ff}.btn-danger{background:#f44}.btn-danger:hover:not(:disabled){background:#f66}.panel{padding:20px;background:#ffffff1a;border-radius:8px;text-align:center}.hud{padding:20px;color:#fff;font-family:"monospace";font-size:18px;pointer-events:none;z-index:10}.hud-grid{display:flex;justify-content:space-between;align-items:flex-start}.hud-section>div{margin-bottom:5px}.hud-label{font-size:14px;opacity:.7;margin-bottom:5px}.progress-bar{width:200px;height:20px;background:#fff3;border:2px solid white;margin-top:5px;position:relative;border-radius:99px;overflow:hidden}.progress-fill{position:absolute;left:0;top:0;height:100%;transition:width .2s,background .2s}.progress-damage.low{background:#ff0}.progress-damage.medium{background:#f80}.progress-damage.high{background:red}.btn-group{display:flex;gap:20px}.btn-group.vertical{flex-direction:column;gap:15px}.level-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.level-box{padding:12px 16px;font-size:18px;background:#0af3;border:2px solid rgba(0,170,255,.5);color:#fff;cursor:pointer;font-family:monospace;font-weight:700;border-radius:8px;transition:all .2s}.level-box:hover{background:#00aaff59;border-color:#0af;box-shadow:0 0 20px #0af6}.level-name{margin-bottom:10px;font-size:18px;color:#fff}.level-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:101;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.level-confirm-dialog{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;text-align:center;padding:40px 50px}.level-confirm-name{font-size:48px;margin:0;color:#fff;text-shadow:0 0 20px #00aaff}.btn-level{padding:20px 30px;font-size:18px;background:#0af3;border:2px solid rgba(0,170,255,.5);color:#fff;cursor:pointer;font-family:"monospace";font-weight:700;transition:all .2s}.btn-level.selected{background:#0af;border-color:#0af;box-shadow:0 0 20px #00aaff80}.btn-level:hover:not(.selected){background:#00aaff4d}.fade-transition{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;z-index:100;background:#000;pointer-events:none;z-index:1000;transition:opacity .05s linear}.mb-xs{margin-bottom:5px}.mb-sm{margin-bottom:10px}.mb-md{margin-bottom:15px}.mb-lg{margin-bottom:20px}.mb-xl{margin-bottom:30px}.mb-2xl{margin-bottom:40px}.mt-xs{margin-top:5px}.mt-sm{margin-top:10px}.mt-md{margin-top:15px}.mt-lg{margin-top:20px}.mt-xl{margin-top:30px}.mt-2xl{margin-top:40px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.color-primary{color:#0af}.color-success{color:#0f0}.color-danger{color:#f44}.color-warning{color:#fa0}.color-crystal{color:#0ff}