:root{--bg: #071018;--bg-mid: #0c1a22;--panel: rgba(10, 22, 30, .78);--text: #e7f0f4;--muted: #8aa0ab;--accent: #c48a4a;--accent-soft: #d9a66a;--teal: #2f8f8a;--danger: #d45a5a;--warn: #e0b35a;--border: rgba(140, 170, 180, .22);--font: "Sora", "Segoe UI", sans-serif;--display: "Oxanium", "Sora", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg)}a{color:var(--accent-soft)}a:hover{color:#f0c48a}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(47,143,138,.28),transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(196,138,74,.16),transparent 50%),linear-gradient(165deg,#0a161c,#071018 55%,#0b1c24)}.auth-shell:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 20% 30%,rgba(47,143,138,.08),transparent 35%),radial-gradient(circle at 70% 60%,rgba(196,138,74,.06),transparent 40%);animation:drift 18s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.05)}}.auth-card{position:relative;z-index:1;width:min(28rem,100%);margin:0;padding:1.75rem 1.5rem;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise-in .55s ease-out}.auth-card h1,.topbar h1{font-family:var(--display);letter-spacing:.06em;font-weight:600;margin:0 0 .35rem;font-size:clamp(1.35rem,2.5vw,1.75rem)}.auth-card>.muted:first-of-type{margin-top:0;margin-bottom:1rem}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.play-shell{position:relative;min-height:100vh;padding:1.25rem clamp(1rem,3vw,1.75rem) 2rem;isolation:isolate}.play-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 70% 45% at 50% -5%,rgba(47,143,138,.22),transparent 55%),linear-gradient(180deg,#09151c,#071018 40%,#0a1820)}label{display:block;margin:.75rem 0 .25rem;color:var(--muted);font-size:.9rem}input,button,select{font:inherit}input[type=text],input[type=email],input[type=password],input[type=number]{width:100%;padding:.65rem .75rem;border:1px solid var(--border);background:#050c12d9;color:var(--text)}input[type=range]{width:100%;accent-color:var(--accent);margin:.35rem 0 .25rem}button{margin-top:1rem;padding:.65rem 1rem;border:1px solid var(--accent);background:var(--accent);color:#1a1008;cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s ease}button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.secondary{background:transparent;color:var(--text);border-color:var(--border)}.error{color:var(--danger);margin-top:.75rem}.warn,.status-strip strong.warn{color:var(--warn)}.banner-warn{margin:0 0 1rem;padding:.65rem .85rem;border-left:3px solid var(--warn);background:#e0b35a14;color:var(--warn);animation:pulse-soft 2.4s ease-in-out infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.78}}.muted{color:var(--muted)}.tiny{font-size:.8rem;margin:.25rem 0 0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:1rem}.topbar nav{display:flex;align-items:center;gap:.85rem}.stream-pill{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .55rem;border:1px solid var(--border);color:var(--muted)}.stream-live{color:#7dcfb6;border-color:#7dcfb659}.stream-offline,.stream-connecting{color:var(--warn)}.planet-hero{position:relative;margin:0 0 1.25rem;min-height:clamp(10rem,28vw,16rem);overflow:hidden;animation:rise-in .7s ease-out}.planet-still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;border:0;margin:0;filter:saturate(.95) contrast(1.05);transform:scale(1.02);animation:kenburns 28s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.02) translateZ(0)}to{transform:scale(1.08) translate3d(-1.5%,1%,0)}}.planet-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#071018e0,#07101873 42%,#07101833);pointer-events:none}.planet-hero-copy{position:relative;z-index:1;padding:clamp(1.25rem,4vw,2.25rem);max-width:34rem}.planet-kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--teal)}.planet-name{font-family:var(--display);font-size:clamp(1.8rem,4vw,2.6rem);margin:.2rem 0 .35rem;letter-spacing:.03em;font-weight:600}.planet-year{margin:0;color:var(--muted)}.planet-year strong{color:var(--text);font-size:1.15em}.status-strip{display:flex;flex-wrap:wrap;gap:.75rem 1.35rem;padding:.85rem 0;border-bottom:1px solid var(--border);margin-bottom:1rem}.status-strip span{color:var(--muted);font-size:.88rem}.status-strip strong{color:var(--text);margin-left:.35rem;font-variant-numeric:tabular-nums}.play-layout{display:grid;grid-template-columns:1fr minmax(16rem,20rem);gap:1.25rem;align-items:start}@media(max-width:900px){.play-layout{grid-template-columns:1fr}.planet-hero{min-height:11rem}}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tabs button{margin-top:0}.panel,.play-panel{max-width:none;margin:0;padding:1.25rem 1.35rem 1.5rem;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.play-panel h2{font-family:var(--display);font-size:1.05rem;letter-spacing:.04em;margin:1.35rem 0 .55rem;font-weight:600}.play-panel h2:first-child{margin-top:0}.building-row{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;color:var(--muted);font-size:.9rem}.building-row strong{color:var(--text);margin-left:.35rem}.workforce-block{margin-top:1.25rem;padding-top:.85rem;border-top:1px solid var(--border)}.workforce-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:700px){.workforce-actions{grid-template-columns:1fr}}.workforce-actions button{width:100%}.role-row label{margin:0}.progress-block{margin:.45rem 0 .65rem}.progress-label{font-size:.85rem;color:var(--muted);margin-bottom:.3rem}.progress-track{height:.45rem;background:#ffffff0f;border:1px solid var(--border);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--accent));transition:width .45s ease}.queue-list,.recipe-list,.tech-list,.mine-list,.deposit-list,.event-log{list-style:none;margin:0;padding:0}.queue-list li,.recipe-list li,.tech-list li,.mine-list li{padding:.75rem 0;border-bottom:1px solid var(--border)}.queue-head,.recipe-list li,.tech-list li,.mine-list li{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.mine-assign{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;flex-shrink:0}.mine-assign label{width:100%;margin:0}.mine-assign input{width:8rem;margin:0}.deposit-list{margin:.75rem 0 1.25rem}.deposit-list li{padding:.35rem 0;border-bottom:1px solid var(--border)}.recipe-list select{display:block;margin-top:.5rem;max-width:100%}.recipe-list button,.tech-list button,.queue-head button{margin-top:0;flex-shrink:0}.tech-active{background:#2f8f8a14;margin:0 -.5rem;padding-left:.5rem!important;padding-right:.5rem!important}.event-aside h2{font-family:var(--display);font-size:1.05rem;margin:0 0 .65rem}.event-log{max-height:70vh;overflow:auto;border:1px solid var(--border);padding:.75rem;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.event-log li{margin-bottom:.65rem;padding-bottom:.55rem;border-bottom:1px solid rgba(140,170,180,.12)}.event-fresh{animation:event-in .45s ease-out}@keyframes event-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}