:root{--bg-void: #050611;--bg-deep: #090c1a;--surface: #111629e8;--surface-glass: #171d33b8;--text: #edf4ff;--muted: #8e9bb5;--border: #8aa7ce38;--primary: #79d9ff;--secondary: #9d8cff;--accent: #dfb870;--success: #6de0ad;--warning: #f3bd69;--danger: #ff7d91;--critical: #ff536d;--quest: #bba1ff;--rarity-common: #b6c0cf;--rarity-uncommon: #62c99b;--rarity-rare: #69aaff;--rarity-epic: #bb7cff;--rarity-unique: #f0b663;--rarity-legendary: #ff8170;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .35rem;--radius-md: .75rem;--radius-lg: 1.25rem;--blur: 18px;--shadow-panel: 0 2rem 7rem #0009;--z-world: 0;--z-shell: 10;--z-overlay: 50;--z-modal: 100;--font-display: "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--font-body: Inter, ui-sans-serif, system-ui, sans-serif;--font-code: "Cascadia Code", ui-monospace, monospace;--motion-fast: .12s;--motion-panel: .24s;--motion-module: .36s;--motion-event: .7s}*{box-sizing:border-box}html{color-scheme:dark;background:var(--bg-void)}body{min-width:320px;min-height:100dvh;margin:0;color:var(--text);background:radial-gradient(circle at 70% 20%,#283267 0,transparent 34%),linear-gradient(145deg,var(--bg-deep),var(--bg-void));font-family:var(--font-body)}button,input{font:inherit}button{min-height:44px;border:1px solid #83cbea66;border-radius:var(--radius-sm);color:#05101a;background:linear-gradient(110deg,var(--primary),#a8e8ff);padding:.78rem 1.1rem;font-family:var(--font-code);font-weight:700;letter-spacing:.08em;cursor:pointer;transition:transform var(--motion-fast),filter var(--motion-fast)}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input{width:100%;min-height:48px;margin-top:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#080c19cc;padding:.8rem}label{display:block;color:var(--muted);font:.72rem var(--font-code);letter-spacing:.14em}h1,h2,p{margin-top:0}h1,h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.025em}.kicker{color:var(--primary);font:.68rem var(--font-code);letter-spacing:.18em}.text-button,.secondary{border-color:var(--border);color:var(--muted);background:transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.link-start,.auth-stage,.creation,.fatal,.loading{display:grid;min-height:100dvh;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));place-content:center}.link-start{justify-items:center;text-align:center;overflow:hidden}.link-start h1{max-width:18ch;font-size:clamp(2rem,8vw,4.8rem)}.link-orbit{width:min(62vw,18rem);aspect-ratio:1;margin-bottom:2rem;border:1px solid #7bd6ff55;border-radius:50%;box-shadow:inset 0 0 5rem #718cff21,0 0 5rem #718cff1c}.link-progress{width:min(22rem,78vw);height:2px;margin:1rem 0 2rem;background:#ffffff19}.link-progress span{display:block;height:100%;background:var(--primary);transition:width var(--motion-module)}.auth-panel{width:min(100%,27rem);padding:clamp(1.5rem,6vw,3rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass);box-shadow:var(--shadow-panel);backdrop-filter:blur(var(--blur))}.auth-panel h1{font-size:clamp(2.3rem,9vw,4rem);line-height:.95}.auth-panel form{display:grid;gap:1.2rem}.auth-panel>.text-button{width:100%;margin-top:1rem}.system-message{min-height:2.5rem;color:var(--accent);font:.72rem/1.5 var(--font-code);letter-spacing:.08em}.creation{align-content:start;width:min(100%,68rem);margin-inline:auto}.creation>header{padding-top:clamp(2rem,8vh,6rem)}.creation h1{max-width:15ch;font-size:clamp(2.5rem,8vw,5rem);line-height:.94}.creation-step{padding:1.5rem 0 6rem}.creation-step h2{font-size:clamp(1.6rem,5vw,2.8rem)}.choice-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.choice{display:flex;min-height:6rem;border-color:var(--border);color:var(--text);background:var(--surface-glass);flex-direction:column;align-items:flex-start;text-align:left}.choice span{margin-top:.35rem;color:var(--muted);font:.72rem/1.4 var(--font-body);letter-spacing:0}.choice.selected{border-color:var(--primary);background:#294466aa}.actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.identity-preview{padding:1.4rem;border-left:2px solid var(--primary);background:var(--surface-glass)}.identity-preview>strong{display:block;font-size:2rem}.identity-preview dl,.stat-list{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.identity-preview dl div,.stat-list div{padding:.6rem;background:#070b17aa}.identity-preview dt,.stat-list dt{color:var(--muted);font:.65rem var(--font-code)}.identity-preview dd,.stat-list dd{margin:.2rem 0 0;font-size:1.25rem}.shell{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(5.2rem + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.shell-header{display:flex;min-height:3.5rem;padding:0 1rem;border-bottom:1px solid var(--border);color:var(--muted);background:#070a14bb;justify-content:space-between;align-items:center;font:.64rem var(--font-code);letter-spacing:.12em}.signal{display:inline-block;width:.45rem;height:.45rem;margin-right:.5rem;border-radius:50%;background:var(--success)}.shell-content{min-height:calc(100dvh - 9rem)}.world-view{position:relative;display:flex;min-height:calc(100dvh - 9rem);padding:clamp(1.5rem,5vw,4rem);overflow:hidden;flex-direction:column;justify-content:flex-end}.world-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 62% 40%,#6e77d72b 0 1%,transparent 25%),linear-gradient(15deg,#060815 20%,#131b35 72%,#202447)}.world-atmosphere:after{position:absolute;inset:20% 0 0;content:"";background:linear-gradient(160deg,transparent 45%,#b8d6ff12 46%,transparent 47%)}.world-copy h1{font-size:clamp(3rem,13vw,8rem);line-height:.84}.world-copy p:last-child{color:var(--muted)}.vitals{display:grid;gap:.8rem;width:min(100%,30rem);margin-top:2rem}.vitals div{display:grid;gap:.6rem;grid-template-columns:2rem 1fr auto;align-items:center;font:.65rem var(--font-code)}.vitals progress{width:100%;height:.35rem;accent-color:var(--primary)}.system-nav{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-shell);display:flex;padding:.5rem max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));overflow-x:auto;border-top:1px solid var(--border);background:#080b16f2;backdrop-filter:blur(var(--blur))}.system-nav button{display:grid;min-width:4.5rem;border:0;color:var(--muted);background:transparent;place-items:center}.system-nav button[aria-current]{color:var(--primary)}.system-nav span{font-size:.8rem}.system-nav small{font-size:.5rem}.module-panel,.empty-state{width:min(100% - 2rem,64rem);margin:clamp(2rem,7vw,6rem) auto;padding:clamp(1.25rem,5vw,3rem);border:1px solid var(--border);background:var(--surface-glass);backdrop-filter:blur(var(--blur))}.module-panel h1,.empty-state h2{font-size:clamp(2rem,8vw,4rem)}.status-columns{display:grid;gap:2rem}.status-columns dl:first-child div{display:flex;padding:.7rem 0;border-bottom:1px solid var(--border);justify-content:space-between}.status-columns dt{color:var(--muted);font:.65rem var(--font-code)}.status-columns dd{margin:0}.disconnect{margin:0 0 2rem 1rem;border-color:#ff7d9166;color:var(--danger);background:transparent}[data-system-state=CRITICAL]{--primary: var(--critical)}[data-system-state=EVENT]{--primary: var(--accent)}@media(min-width:760px){.shell{padding-bottom:0;padding-left:5.3rem}.system-nav{top:0;right:auto;width:5.3rem;padding:.75rem .4rem;border-top:0;border-right:1px solid var(--border);flex-direction:column}.system-nav button{min-width:0}.status-columns{grid-template-columns:1fr 1fr}.world-view,.shell-content{min-height:calc(100dvh - 3.5rem)}}@keyframes orbit-materialize{0%{opacity:0;transform:scale(.72) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.link-orbit{animation:orbit-materialize var(--motion-event) ease-out both}.auth-panel,.creation-step,.module-panel,.empty-state,.world-copy{animation:panel-enter var(--motion-panel) ease-out both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}