:root{--accent:#6fe3ff;--accent-dim:#6fe3ff59;--bg-panel:#080c10b8;--text:#f2fbff;--text-dim:#a9c3cc;--error:#ff6b6b}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--text);background:#000;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{background:#000;width:100vw;height:100vh;position:relative}#scene-canvas{outline:none;width:100%;height:100%;display:block}.overlay{text-align:center;z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#intro-screen{pointer-events:none}#intro-screen .panel{pointer-events:auto}.panel{background:var(--bg-panel);border:1px solid var(--accent-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;max-width:460px;padding:28px 32px}.panel h1{color:var(--accent);letter-spacing:.02em;margin:0 0 12px;font-size:1.4rem;font-weight:600}.panel p{color:var(--text-dim);margin:6px 0;font-size:.92rem;line-height:1.5}.controls-list{border:1px solid var(--accent-dim);color:var(--text);text-align:left;border-radius:8px;margin:16px 0;padding:12px 14px;font-size:.85rem;line-height:1.6}.controls-list strong{color:var(--accent)}.pause-panel{max-width:min(560px,100vw - 28px)}.settings-panel{border:1px solid var(--accent-dim);text-align:left;border-radius:8px;gap:10px;margin:16px 0 4px;padding:12px;display:grid}.settings-panel label{color:var(--text-dim);grid-template-columns:110px 1fr 64px;align-items:center;gap:10px;font-size:.78rem;display:grid}.settings-panel input[type=range]{width:100%;accent-color:var(--accent)}.settings-panel input[type=checkbox]{accent-color:var(--accent)}.settings-panel select{border:1px solid var(--accent-dim);color:#000;background:#fff;border-radius:6px;width:100%;padding:7px 8px}.settings-panel select option{color:#000;background:#fff}.settings-panel select[multiple]{min-height:8rem}.settings-panel .toggle-row{cursor:pointer;grid-column:1/-1;align-items:center;gap:8px;display:flex}.settings-panel .toggle-row:has(input:checked){color:var(--accent)}.info-dot{border:1px solid var(--accent-dim);width:17px;height:17px;color:var(--accent);text-align:center;border-radius:50%;place-items:center;margin-left:auto;font-size:.68rem;font-weight:700;line-height:1;display:inline-grid}.settings-panel span{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums}.placement-panel{max-width:min(560px,100vw - 28px)}#spawn-map{aspect-ratio:1;border:1px solid var(--accent-dim);cursor:crosshair;touch-action:none;background:#dce9ef;border-radius:8px;width:min(420px,100vw - 72px);margin:18px auto 4px;position:relative;overflow:hidden}#spawn-map-tiles,.map-tile{position:absolute;inset:0}.map-tile{-webkit-user-select:none;user-select:none;pointer-events:none;width:256px;max-width:none;height:256px}.map-controls{z-index:4;gap:4px;display:grid;position:absolute;top:8px;left:8px}.map-btn{color:#102027;cursor:pointer;background:#fffffff0;border:1px solid #0000002e;border-radius:4px;width:30px;height:30px;font-size:1.05rem;font-weight:700}.map-attribution{z-index:4;color:#1b2a30;background:#ffffffd1;border-radius:3px;padding:2px 4px;font-size:.62rem;position:absolute;bottom:4px;right:6px}#spawn-marker{z-index:2;border:2px solid var(--error);pointer-events:none;border-radius:50%;width:18px;height:18px;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ff6b6b29}#spawn-marker.is-ready{border-color:var(--accent);box-shadow:0 0 0 4px #6fe3ff2e,0 0 18px #6fe3ff80}.placement-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.map-search{z-index:8;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px;display:grid;position:relative}.map-search-box{min-width:0;position:relative}.map-search input[type=search]{margin-top:0}.map-search-suggestions{z-index:20;border:1px solid var(--accent-dim);text-align:left;background:#080c10f5;border-radius:6px;max-height:220px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 28px #0000006b}.map-search-suggestion{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #6fe3ff1f;padding:9px 10px;font-size:.82rem;line-height:1.35;display:block}.map-search-suggestion:last-child{border-bottom:0}.map-search-suggestion:hover,.map-search-suggestion:focus{color:#fff;background:#6fe3ff24;outline:none}.map-search .btn{white-space:nowrap;margin-top:0}.pause-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pause-actions .btn{width:100%;padding-inline:10px}.geo-inputs{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.geo-inputs label{color:var(--text-dim);font-size:.76rem}.preset-row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:10px;display:grid}.preset-row select{border:1px solid var(--accent-dim);color:#000;background:#fff;border-radius:6px;min-width:0;padding:9px 10px}.preset-row select option{color:#000;background:#fff}.preset-row .btn{margin-top:0;padding-inline:12px}.btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;margin-top:14px;padding:10px 22px;font-size:.95rem;transition:background .15s,color .15s}.btn:hover{background:var(--accent);color:#001217}.btn:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=number],input[type=password],input[type=search]{border:1px solid var(--accent-dim);width:100%;color:var(--text);background:#ffffff0f;border-radius:6px;margin-top:10px;padding:9px 10px;font-size:.9rem}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus{border-color:var(--accent);outline:none}#crosshair{color:var(--accent);opacity:.75;pointer-events:none;z-index:15;text-shadow:0 0 4px #000c;font-size:1.1rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud{z-index:45;background:var(--bg-panel);border:1px solid var(--accent-dim);color:var(--text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;border-radius:8px;min-width:190px;padding:10px 14px;font-size:.78rem;line-height:1.6;display:none;position:absolute;bottom:14px;right:14px}#debug-overlay{z-index:46;min-width:145px;color:var(--text-dim);text-align:left;pointer-events:none;background:#000000b8;border:1px solid #6fe3ff52;border-radius:8px;padding:10px 12px;font:.76rem/1.55 Segoe UI,system-ui,sans-serif;position:absolute;top:14px;left:14px}#debug-overlay span{float:right;color:var(--accent);font-variant-numeric:tabular-nums}#hud.is-locked .btn{opacity:.58}#hud .hud-row span:first-child{color:var(--text-dim)}#hud .hud-value{color:var(--accent);font-variant-numeric:tabular-nums}#hud .btn{width:100%;margin-top:8px;padding:6px 12px;font-size:.78rem}.hud-hint{color:#f2fbffb8;border-top:1px solid #6fe3ff2e;margin-top:8px;padding-top:7px;font-size:.72rem}#credits{z-index:15;color:#ffffff8c;text-align:left;pointer-events:none;max-width:320px;font-size:.68rem;line-height:1.4;position:absolute;bottom:10px;left:12px}#credits a{color:#6fe3ffd9;pointer-events:auto}#error-banner{z-index:30;border:1px solid var(--error);color:#ffd7d7;text-align:center;background:#280808d9;border-radius:8px;max-width:80vw;padding:10px 18px;font-size:.85rem;display:none;position:absolute;top:16px;left:50%;transform:translate(-50%)}#loading-screen{z-index:25;background:#000}#loading-screen p{color:var(--accent);letter-spacing:.03em;font-size:.9rem}[hidden]{display:none!important}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent)!important;margin:0 0 8px!important;font-size:.72rem!important}.field-label{color:var(--text);text-align:left;margin-top:16px;font-size:.82rem;display:block}.security-note{margin-top:10px!important;font-size:.75rem!important}.btn-primary{background:var(--accent);color:#001217;font-weight:700}.btn-primary:hover{background:#b5f3ff}.btn-secondary{color:var(--text-dim);border-color:#ffffff42}.loading-panel{min-width:min(420px,100vw - 32px)}.spinner{border:3px solid #6fe3ff33;border-top-color:var(--accent);border-radius:999px;width:32px;height:32px;margin:0 auto 18px;animation:.8s linear infinite spin}.progress-track{background:#ffffff14;border-radius:999px;width:100%;height:5px;margin-top:18px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:inherit;width:2%;height:100%;transition:width .2s}.hud-row{justify-content:space-between;gap:18px;display:flex}.credit-links{justify-content:flex-start;gap:5px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.panel{max-width:calc(100vw - 28px);padding:22px 20px}#hud{min-width:0;bottom:44px;left:12px;right:12px}#credits{max-width:none;left:12px;right:12px}.pause-actions,.map-search,.preset-row{grid-template-columns:1fr}}