*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button{font:inherit}a{color:inherit}:root{--bg-0:#070b1a;--bg-1:#0b1020;--bg-2:#111a33;--bg-3:#1a2450;--surface:#121a33cc;--surface-strong:#141f44;--line:#2a3566;--line-strong:#3a4a90;--text:#e8ecff;--muted:#9aa3c7;--faint:#6b759e;--accent:#7cf0ff;--accent-2:#6a5cff;--accent-3:#ffcf6b;--accent-4:#ff6b9d;--success:#3dd68c;--warn:#ffb86b;--danger:#ff5c7a;--shadow:0 20px 60px rgba(0,0,0,.45), 0 2px 12px rgba(0,0,0,.35);--shadow-soft:0 8px 24px rgba(0,0,0,.35);--radius-xl:22px;--radius-lg:16px;--radius-md:12px;--radius-sm:10px;--font-display:"Cinzel", ui-serif, Georgia, serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}html{background:var(--bg-0)}body{background:var(--bg-0);color:var(--text);font-family:var(--font-body);overflow-x:hidden}#app{min-height:100vh;min-height:100dvh;display:grid;isolation:isolate}.game-shell{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:linear-gradient(180deg,#070b1ae6,#070b1a59);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}.topbar__brand{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-weight:800;letter-spacing:.14em;font-size:.78rem}.topbar__dot{width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,var(--accent) 45%,var(--accent-2) 100%);box-shadow:0 0 12px #7cf0ffcc}.topbar__meta{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:var(--muted)}.topbar__meta strong{color:var(--text);font-weight:700}.footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;font-size:.72rem;color:var(--muted);border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(0deg,#070b1ae0,#070b1a33);backdrop-filter:blur(8px)}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.scene{position:relative;display:grid;place-items:center;padding:2rem 1rem;overflow:hidden}.scene__bg{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(900px 600px at 70% -10%,rgba(106,92,255,.38),transparent 60%),radial-gradient(800px 500px at 10% 15%,rgba(124,240,255,.22),transparent 60%),radial-gradient(700px 500px at 90% 85%,rgba(255,207,107,.18),transparent 60%),linear-gradient(180deg,#0b1020,#0d1530 45%,#0a1a2e)}.scene__bg:before{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.9) 0,transparent 60%),radial-gradient(1.5px 1.5px at 60% 20%,rgba(255,255,255,.7) 0,transparent 60%),radial-gradient(1.2px 1.2px at 85% 40%,rgba(255,255,255,.6) 0,transparent 60%),radial-gradient(1.8px 1.8px at 35% 75%,rgba(255,255,255,.5) 0,transparent 60%);opacity:.55}.aetheria-landscape{position:absolute;inset:auto 0 0;height:42%;pointer-events:none}.aetheria-landscape svg{width:100%;height:100%}.panel{width:min(560px,92vw);background:linear-gradient(180deg,#121a33eb,#0e142af5);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow);backdrop-filter:blur(10px);overflow:hidden}.panel__head{padding:1.25rem 1.25rem .85rem;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.panel__body{padding:1.1rem 1.25rem 1.25rem}.kicker{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.h1{font-family:var(--font-display);font-weight:800;line-height:.95;letter-spacing:.04em;font-size:clamp(2rem,6vw,3.1rem);text-shadow:0 2px 18px rgba(106,92,255,.45)}.h1 span{background:linear-gradient(90deg,#fff 15%,#ffe9a8 45%,#7cf0ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin-top:.45rem;color:var(--muted);font-size:.95rem;letter-spacing:.02em}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;padding:.28rem .55rem;border-radius:999px}@media(max-width:640px){.topbar{padding:.6rem .75rem}.footer{flex-direction:column;align-items:flex-start}.panel{width:96vw}.scene{padding:1rem .75rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:100%;padding:.95rem 1.1rem;border-radius:14px;border:1px solid transparent;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease;user-select:none}.btn:active{transform:translateY(1px) scale(.995)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#ffe9a8,#ffcf6b 55%,#ffb86b);color:#1a1200;border-color:#ffffff8c;box-shadow:0 10px 24px #ffb86b59,0 2px 8px #00000059,inset 0 1px #ffffffbf}.btn--primary:hover{box-shadow:0 14px 32px #ffb86b73,0 2px 10px #0006}.btn--ghost{background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--text);border-color:#ffffff1f;box-shadow:var(--shadow-soft)}.btn--ghost:hover{border-color:#7cf0ff73;background:linear-gradient(180deg,#7cf0ff14,#6a5cff0f)}.btn--subtle{background:#ffffff0a;color:var(--muted);border-color:#ffffff14}.btn--subtle:hover{color:var(--text);border-color:#ffffff29}.btn__icon{font-size:1.05rem;line-height:1}.btn-row{display:grid;gap:.7rem;margin-top:.85rem}.field{display:grid;gap:.4rem}.field__label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.input{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:var(--text);outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.input::placeholder{color:var(--faint)}.input:focus{border-color:#7cf0ff8c;box-shadow:0 0 0 4px #7cf0ff26;background:#0000004d}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .6rem;border-radius:999px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--muted)}.chip--ok{border-color:#3dd68c59;color:#b7ffdb;background:#3dd68c1a}.chip--warn{border-color:#ffb86b66;color:#ffe9a8;background:#ffcf6b1f}.progress{height:8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.06);overflow:hidden}.progress__bar{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2) 55%,var(--accent-3));box-shadow:0 0 12px #7cf0ff99;transition:width .25s ease}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.9rem}.stat{padding:.7rem .75rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.stat__label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.stat__value{margin-top:.2rem;font-weight:800;letter-spacing:.02em}.notice{padding:.8rem .9rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#7cf0ff0f;color:var(--muted);font-size:.86rem;line-height:1.5}.notice strong{color:var(--text)}.notice--warn{background:#ffb86b14;border-color:#ffb86b33}.divider{height:1px;background:#ffffff0f;margin:1rem 0}.range{width:100%;accent-color:var(--accent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.toggle-row__label{font-weight:600;font-size:.9rem}.toggle-row__hint{font-size:.78rem;color:var(--muted)}.switch{position:relative;width:44px;height:26px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);cursor:pointer;flex-shrink:0;transition:background .18s ease}.switch[aria-checked=true]{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.switch__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0000004d;transition:transform .18s ease}.switch[aria-checked=true] .switch__thumb{transform:translate(18px)}.logo-wrap{display:grid;place-items:center;gap:.6rem;padding:1.1rem 0 .3rem}.logo-orb{width:86px;height:86px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#ffffff 0 12%,transparent 13%),radial-gradient(circle at 50% 50%,#7cf0ff,#6a5cff 45%,#0b1020 72%);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px #ffffff0f,0 12px 32px #6a5cff73,0 0 28px #7cf0ff59;position:relative}.logo-orb:before{content:"";position:absolute;inset:-10px;border-radius:999px;border:1px dashed rgba(124,240,255,.25);animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo-orb__core{width:26px;height:26px;border-radius:999px;background:#fff;box-shadow:0 0 14px #ffffffe6,0 0 28px #7cf0ffcc}.loading-screen{text-align:center}.loading-screen .h1{font-size:clamp(2.2rem,7vw,3.4rem)}.loading-meta{display:flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.6rem}.pulse{width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 10px #3dd68ce6;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.world-preview{margin-top:.8rem;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#ffffff03)}.world-preview__map{height:132px;position:relative;background:radial-gradient(500px 220px at 20% 20%,rgba(124,240,255,.18),transparent 60%),radial-gradient(400px 180px at 80% 30%,rgba(255,207,107,.16),transparent 60%),linear-gradient(180deg,#0f1b3a,#0a1430);overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}.world-preview__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;opacity:.35}.world-preview__pin{position:absolute;width:14px;height:14px;border-radius:999px;background:#fff;border:2px solid var(--accent);box-shadow:0 0 12px #7cf0ffe6;transform:translate(-50%,-50%)}.world-preview__pin:after{content:"";position:absolute;inset:-8px;border-radius:999px;border:1px solid rgba(124,240,255,.35)}.world-preview__body{padding:.75rem .85rem;display:flex;justify-content:space-between;gap:.75rem;align-items:center}.world-preview__title{font-weight:800;letter-spacing:.02em}.world-preview__sub{font-size:.78rem;color:var(--muted)}.toast-stack{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:50;display:grid;gap:.5rem;width:min(420px,92vw);pointer-events:none}.toast{padding:.7rem .85rem;border-radius:12px;background:#0e142af5;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-soft);font-size:.86rem;color:var(--text);animation:toastIn .22s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.world-wrap{background:#070b1a;width:100%;height:100%}.world-wrap canvas:focus{outline:2px solid rgba(124,240,255,.6);outline-offset:-2px}@media(max-width:640px){.world-wrap{height:100dvh}}