:root{color:#f2f4f6;font-synthesis:none;text-rendering:optimizelegibility;--night:#0b0d10;--charcoal:#161a1f;--graphite:#2a2e33;--white:#f2f4f6;--mars:#c14422;--signal:#f08a24;--sand:#d8d0c2;--cyan:#29c1d6;--muted:#929397;--line:#d8d0c22e;--line-strong:#d8d0c257;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#0b0d10;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:var(--night);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.shell{background:linear-gradient(#0b0d1059,#0b0d10e0),radial-gradient(circle at 50% 30%,#0000 0,#0b0d10b8 75%),url(/site/ares-public-hero-v2.png) 50%/cover fixed;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.world-view{z-index:0;background:#24110c;position:fixed;inset:0;overflow:hidden}.world-view canvas{touch-action:none;width:100%;height:100%;display:block}.world-view canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.world-overlay{pointer-events:auto;background:#101e224d;border:1px solid #8e6a5180;border-radius:50%;width:2.75rem;min-height:2.75rem;transition:background .12s,border-radius .12s;position:absolute;top:1rem;right:1rem;box-shadow:0 .35rem 1rem #0004}.world-overlay[open]{background:#101e22cc;border-color:#8e6a51;border-radius:.65rem;width:min(32rem,100vw - 2rem);box-shadow:0 .75rem 2rem #0007}.world-overlay summary{color:#f4e6cc;cursor:pointer;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;margin-left:auto;font-size:1.35rem;list-style:none;display:grid}.world-overlay summary::-webkit-details-marker{display:none}.world-overlay summary:hover,.world-overlay summary:focus-visible,.debug-panel-icon:hover,.debug-panel-icon:focus-visible{color:#fff;outline-offset:2px;background:#294247b3;outline:2px solid #72d6ff}.debug-panel-content{padding:0 1rem .75rem}.world-overlay-heading{border-bottom:1px solid var(--line);align-items:center;gap:.7rem;margin-bottom:.4rem;padding-bottom:.45rem;display:flex}.world-overlay-heading img{border:1px solid #f08a2459;border-radius:.25rem;width:2.35rem;height:2.35rem}.world-overlay-heading .eyebrow{margin:0}.inventory-hud{z-index:10;bottom:max(1rem, env(safe-area-inset-bottom));text-align:center;pointer-events:auto;width:min(46rem,100% - 2rem);position:fixed;left:50%;transform:translate(-50%)}body[data-placement-active=true] :is(.world-overlay,.shell-card),body[data-placement-active=true] .inventory-hud :is(.parcel-claim,.station-access-controls,.quickbar-panel){display:none}body[data-placement-active=true] .placement-controls{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0d10c7;width:min(36rem,100%);margin-bottom:0}.parcel-claim,.placement-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0d10eb;border:1px solid #f08a2473;border-radius:.2rem;width:fit-content;max-width:100%;margin:0 auto .55rem;padding:.55rem .75rem;box-shadow:0 .5rem 1.5rem #0008}.parcel-claim p,.station-access-controls p,.placement-controls p{margin:.35rem 0 0;font-size:.82rem}.placement-controls>div{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.45rem;display:flex}.station-access-controls{text-align:left;background:#101e224d;border:1px solid #8e6a5180;border-radius:50%;width:2.75rem;min-height:2.75rem;margin:0 auto .55rem;transition:background .12s,border-radius .12s;box-shadow:0 .35rem 1rem #0004}.station-access-controls[open]{background:#101e22ee;border-color:#8e6a51;border-radius:.55rem;width:fit-content;max-width:100%;box-shadow:0 .5rem 1.5rem #0008}.station-access-controls summary{color:#f4e6cc;cursor:pointer;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;margin-left:auto;font-size:1.25rem;list-style:none;display:grid}.station-access-controls summary::-webkit-details-marker{display:none}.station-access-controls summary:hover,.station-access-controls summary:focus-visible{color:#fff;outline-offset:2px;background:#294247b3;outline:2px solid #72d6ff}.station-settings-content{padding:0 .75rem .55rem}.station-access-controls h2{margin:0 0 .45rem}.station-access-mode-row,.station-invitation-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.station-access-controls input{min-width:min(21rem,100%)}.station-access-controls ul{color:#c1d0d2;max-height:4.5rem;margin:.2rem 0;padding-left:1.35rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;overflow:auto}.station-access-explanation{color:#c1d0d2}.placement-controls button,.station-access-controls button,.parcel-claim button{touch-action:manipulation;padding:.42rem .65rem;font-size:.78rem}.quickbar-panel{width:2.75rem;margin:0 auto}.quickbar-panel[open]{width:100%}.quickbar-panel summary{color:#f4e6cc;cursor:pointer;background:#101e224d;border:1px solid #4a686b80;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;margin:0 auto .35rem;font-size:1.25rem;list-style:none;display:grid;box-shadow:0 .35rem 1rem #0004}.quickbar-panel summary::-webkit-details-marker{display:none}.quickbar-panel summary:hover,.quickbar-panel summary:focus-visible{color:#fff;outline-offset:2px;background:#294247b3;outline:2px solid #72d6ff}.quickbar{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0d10eb;border-radius:.2rem;grid-template-columns:repeat(6,minmax(4.5rem,1fr));gap:.4rem;margin:0;padding:.45rem;list-style:none;display:grid;box-shadow:0 .75rem 2rem #0009}.quickbar button{border:1px solid var(--line-strong);width:100%;min-height:4.25rem;color:var(--muted);background:var(--charcoal);border-radius:0;padding:1rem .35rem .35rem;position:relative}.quickbar button>span{color:var(--signal);font-size:.72rem;font-family:var(--mono);position:absolute;top:.2rem;left:.35rem}.quickbar button>strong{overflow-wrap:anywhere;font-size:.72rem;line-height:1.15;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-weight:500;display:block}.quickbar button[data-filled=true]{border-color:var(--signal);color:var(--sand);box-shadow:inset 0 -2px var(--mars)}.quickbar button[aria-pressed=true]{border-width:1px;border-color:var(--cyan);outline:1px solid var(--white);outline-offset:2px;box-shadow:inset 0 -3px var(--cyan)}.debug-panel-content p{margin:.2rem 0}.world-controls{color:#b2b5b7;font-family:var(--mono);font-size:.78rem}.shell-card{z-index:1;border:1px solid var(--line-strong);width:min(100%,36rem);box-shadow:0 1.5rem 4rem #000b, inset 0 2px var(--mars);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0d10ed;border-radius:.25rem;padding:clamp(2rem,7vw,4rem);position:relative;overflow:hidden}.shell-card:after{border-right:1px solid var(--signal);border-bottom:1px solid var(--signal);content:"";pointer-events:none;width:2rem;height:2rem;position:absolute;bottom:-1px;right:-1px}.shell-brand{border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.6rem;padding-bottom:1.25rem;font-size:.62rem;display:flex}.shell-brand img{mix-blend-mode:screen;width:min(13rem,66%);height:auto;display:block}.shell-brand span:after{color:var(--signal);content:"↗";margin-left:.45rem}.shell-card[data-world=entered]{overscroll-behavior:contain;scrollbar-width:none;pointer-events:none;background:#0b0d10e0;border-color:#f08a2461;place-self:start;width:min(19rem,100% - 2rem);max-height:calc(100dvh - 2rem);margin:1rem;padding:1.25rem;overflow:hidden auto}.shell-card[data-world=entered][data-debug-collapsed=true]{pointer-events:auto;background:#101e224d;border-color:#4a686b80;border-radius:50%;width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;overflow:visible;box-shadow:0 .35rem 1rem #0004}.debug-panel-icon{color:#f4e6cc;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:2rem;height:2rem;padding:0;font-size:1.4rem;line-height:1;display:grid;position:absolute;top:.45rem;right:.45rem}.debug-panel-icon[hidden]{display:none}.shell-card[data-debug-collapsed=true] .debug-panel-icon{width:100%;height:100%;inset:0}.shell-card[data-world=entered]::-webkit-scrollbar{display:none}.shell-card[data-world=entered] :is(button,input,select,a){pointer-events:auto}.shell-card[data-world=entered] h1{font-size:1.65rem}.shell-card[data-world=entered] #status-message,.shell-card[data-world=entered] #state-detail{display:none}.shell-card[data-world=entered] .shell-brand{margin-bottom:1rem;padding-bottom:.75rem}.shell-card[data-world=entered] .shell-brand img{width:8rem}.shell-card[data-world=entered] .shell-brand span{display:none}.shell-card[data-world=entered] .details{margin-top:.65rem;padding:.7rem}.shell-card[data-world=entered] .details h2,.shell-card[data-world=entered] .details p{margin:.25rem 0}.eyebrow{color:var(--signal);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:.68rem;font-weight:500}h1{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,7vw,3.4rem);font-weight:400;line-height:1.05}h2{color:var(--sand);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:500}p{line-height:1.6}.state-detail{color:var(--muted);font-family:var(--mono);font-size:.9rem}.progress-track{background:var(--graphite);border-radius:0;height:.22rem;margin:2rem 0 1rem;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--mars), var(--signal));border-radius:0;width:35%;height:100%;animation:1.4s ease-in-out infinite progress;display:block}.details{border:1px solid var(--line);background:#161a1fcc;border-radius:.15rem;margin-top:1.5rem;padding:1rem}.details ul{color:#c0c1be;margin-bottom:0;padding-left:1.25rem}.account-form{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.account-form label{color:var(--sand);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:1rem 0 .4rem;font-size:.68rem;font-weight:500;display:block}.account-form input,.account-form select{border:1px solid var(--line-strong);width:100%;color:var(--white);background:var(--charcoal);font:inherit;border-radius:.15rem;padding:.7rem;transition:border-color .14s,box-shadow .14s}.account-form input:focus,.account-form select:focus{border-color:var(--signal);outline:0;box-shadow:0 0 0 2px #f08a2429}.account-form select{appearance:auto}.field-help{color:var(--muted);margin:.4rem 0;font-size:.85rem}.account-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.account-actions button[type=button]{color:var(--sand);background:0 0}button{border:1px solid var(--signal);color:var(--white);background:linear-gradient(135deg, var(--mars), #d9572c);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border-radius:.15rem;padding:.7rem 1rem;font-size:.7rem;font-weight:500;transition:filter .14s,border-color .14s,background .14s}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.55}button:focus-visible{outline:2px solid var(--white);outline-offset:3px}.shell-card[data-state=ready] .progress-track{display:none}.shell-card[data-state=ready]{border-color:#f08a248c}.shell-card[data-state=error],.shell-card[data-state=incompatible]{border-color:#d78371}.shell-card[data-state=error] .progress-track,.shell-card[data-state=incompatible] .progress-track{display:none}.noscript-message{background:var(--charcoal);border:2px solid #d78371;padding:1rem;position:fixed;inset:1rem}@keyframes progress{0%{transform:translate(-120%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.progress-track span{width:100%;animation:none}}@media (width<=680px){.shell{background-position:62%;padding:.75rem}.shell-card:not([data-world=entered]){padding:1.5rem}.shell-brand{gap:.75rem}.shell-brand img{width:min(10.5rem,68%)}.shell-brand span{font-size:.56rem}.shell-card[data-world=entered]{width:min(18rem,100% - 1rem);margin:.5rem}.shell-card[data-world=entered][data-debug-collapsed=true]{width:2.75rem}.world-overlay{top:.5rem;left:auto;right:.5rem}.world-overlay[open]{width:auto;left:.5rem}.inventory-hud{width:calc(100% - 1rem)}.quickbar{gap:.2rem;padding:.3rem}.quickbar button{min-height:3.7rem;padding-inline:.15rem}.quickbar button>strong{font-size:.62rem}.account-actions{display:grid}}
