@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Epilogue:wght@400;500;600&family=Orbitron:wght@500;600&display=swap";:root{--sphaira-ink: #f7fbff;--sphaira-muted: #aeb9ca;--sphaira-violet: #8147ee;--sphaira-indigo: #5664c8;--sphaira-blue: #2484d4;--sphaira-cyan: #0baee0;--sphaira-magenta: #d946ef;--sphaira-panel: rgba(6, 8, 24, .78);--sphaira-panel-solid: #060818;--sphaira-panel-raised: rgba(14, 18, 42, .66);--sphaira-line: rgba(11, 174, 224, .42);--sphaira-line-soft: rgba(129, 71, 238, .35);--sphaira-line-faint: rgba(174, 185, 202, .16);--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Epilogue", system-ui, sans-serif;--font-hud: "Orbitron", "Epilogue", system-ui, sans-serif;--sphaira-gradient: linear-gradient( 120deg, var(--sphaira-violet) 0%, var(--sphaira-indigo) 34%, var(--sphaira-blue) 67%, var(--sphaira-cyan) 100% );--sphaira-surface-gradient: radial-gradient( circle at 30% 15%, rgba(11, 174, 224, .32), rgba(86, 100, 200, .18) 36%, rgba(6, 8, 24, .82) 72% );--glass-bg: var(--sphaira-panel);--glass-border: var(--sphaira-line-faint);--accent: var(--sphaira-cyan);--focus-ring: 0 0 0 2px var(--sphaira-panel-solid), 0 0 0 4px var(--sphaira-cyan)}#instructions{position:absolute;top:20px;left:50%;z-index:12;width:min(660px,calc(100vw - 40px));padding:14px 20px;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;background:var(--sphaira-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--sphaira-line-faint);border-radius:14px;box-shadow:0 12px 40px #00000073;color:var(--sphaira-muted);font-size:.82rem;line-height:1.4;text-align:left;transform:translate(-50%) translateY(-12px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}#instructions.open{transform:translate(-50%);opacity:1}#instructions h3{grid-column:1 / -1;margin:0 0 10px;font-family:var(--font-hud);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--sphaira-cyan)}#instructions p{display:flex;align-items:baseline;gap:10px;margin:0}#instructions p+p{margin-top:6px}#instructions kbd{flex:0 0 auto;min-width:44px;padding:2px 8px;border:1px solid var(--sphaira-line);border-radius:6px;background:#0baee01a;color:var(--sphaira-cyan);font-family:var(--font-hud);font-size:.66rem;font-weight:500;letter-spacing:.06em;text-align:center}#instructions .instructions-hint{grid-column:1 / -1;margin-top:10px;padding-top:8px;border-top:1px solid var(--sphaira-line-faint);font-size:.72rem;color:#aeb9cab3}@media(max-width:560px){#instructions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#instructions{transition:none}}#chat-panel{position:fixed;left:18px;bottom:18px;z-index:20;width:min(350px,calc(100vw - 36px));border:1px solid rgba(11,174,224,.24);border-radius:18px;background:linear-gradient(155deg,#0e122ae0,#060818e6);box-shadow:0 18px 48px #0000006b,0 0 28px #5664c81a;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);overflow:hidden;pointer-events:auto;transition:border-color .22s ease,box-shadow .22s ease}#chat-panel:focus-within{border-color:#0baee075;box-shadow:0 18px 54px #00000080,0 0 30px #0baee024}#chat-panel.is-collapsed{width:176px;border-color:#aeb9ca29;border-radius:999px}#chat-toggle{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:0;background:transparent;color:var(--sphaira-ink);cursor:pointer;text-align:left}#chat-toggle:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.chat-toggle-copy{min-width:0;display:flex;flex:1;margin-left:7px}.chat-toggle-copy strong{font-family:var(--font-hud);font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}#chat-unread{min-width:19px;height:19px;box-sizing:border-box;padding:2px 5px;border-radius:999px;background:var(--sphaira-gradient);color:#fff;font-family:var(--font-hud);font-size:.58rem;line-height:15px;text-align:center}.chat-chevron{width:7px;height:7px;margin:4px 3px 0 2px;border-right:1px solid var(--sphaira-muted);border-bottom:1px solid var(--sphaira-muted);transform:rotate(225deg);transition:transform .2s ease}#chat-toggle[aria-expanded=true] .chat-chevron{margin:0 3px 4px 2px;transform:rotate(45deg)}#chat-body{padding:0 12px 12px;border-top:1px solid rgba(174,185,202,.1)}.chat-context{display:flex;align-items:center;justify-content:space-between;padding:9px 2px 7px;color:#aeb9cab8;font-family:var(--font-hud);font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}.chat-context kbd,.chat-compose-meta kbd{border:0;background:none;color:var(--sphaira-cyan);font:inherit}#chat-messages{height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:8px 5px 10px 2px;scrollbar-width:thin;scrollbar-color:rgba(11,174,224,.42) transparent}#chat-messages:empty:before{content:"The channel is quiet. Say hello or type /help.";max-width:220px;margin:auto;color:#aeb9ca9e;font-size:.76rem;line-height:1.5;text-align:center}.chat-message{align-self:flex-start;max-width:88%}.chat-message.own{align-self:flex-end}.chat-message-meta{display:flex;align-items:center;gap:7px;margin:0 7px 3px;color:#aeb9ca8c;font-size:.56rem}.chat-message.own .chat-message-meta{justify-content:flex-end}.chat-author{color:var(--sphaira-cyan);font-family:var(--font-hud);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.chat-message p{margin:0;padding:7px 10px;border:1px solid rgba(174,185,202,.12);border-radius:5px 13px 13px;background:#0e122ab8;color:var(--sphaira-ink);font-size:.78rem;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message.own p{border-color:#0baee047;border-radius:13px 5px 13px 13px;background:linear-gradient(135deg,#5664c852,#0baee029)}.chat-message.system{align-self:stretch;max-width:none}.chat-message.system .chat-message-meta{justify-content:center}.chat-message.system p{padding:4px 8px;border:0;background:transparent;color:var(--sphaira-muted);font-size:.7rem;text-align:center}#chat-form{padding-top:9px;border-top:1px solid rgba(174,185,202,.1)}.chat-compose{display:flex;align-items:flex-end;gap:7px;padding:4px 4px 4px 12px;border:1px solid rgba(174,185,202,.15);border-radius:15px;background:#06081894;transition:border-color .2s ease,box-shadow .2s ease}.chat-compose:focus-within{border-color:#0baee08f;box-shadow:0 0 0 3px #0baee01f}#chat-input{flex:1;min-width:0;min-height:22px;max-height:76px;box-sizing:border-box;padding:5px 0 3px;resize:none;overflow-y:auto;border:0;outline:none;background:transparent;color:var(--sphaira-ink);font-family:var(--font-body);font-size:.8rem;line-height:1.4}#chat-input::placeholder{color:#aeb9ca7a}#chat-send{min-width:67px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:0;border-radius:11px;background:var(--sphaira-gradient);color:#fff;font-family:var(--font-hud);font-size:.61rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:filter .2s ease,transform .2s ease}#chat-send:hover{filter:brightness(1.12)}#chat-send:active{transform:scale(.96)}#chat-send:disabled{filter:grayscale(.35);opacity:.42;cursor:default}#chat-send:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chat-compose-meta{display:flex;justify-content:space-between;gap:8px;padding:6px 2px 0;color:#aeb9ca80;font-size:.52rem;line-height:1.4}.chat-compose-meta code{color:var(--sphaira-cyan);font-family:var(--font-hud)}#chat-character-count{flex:0 0 auto;font-variant-numeric:tabular-nums}#chat-character-count.is-near-limit{color:#f0a6ff}@media(max-width:560px){#chat-panel{left:10px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px)}#chat-panel.is-collapsed{width:164px}#chat-messages{height:min(34vh,220px)}.chat-compose-meta span{max-width:240px}}@media(max-height:560px){#chat-messages{height:104px}}@media(prefers-reduced-motion:reduce){#chat-panel,.chat-chevron,.chat-compose,#chat-send{transition:none}}.wearables-panel{position:fixed;top:24px;right:24px;width:min(420px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:18px;border:1px solid var(--glass-border);border-radius:8px;background:#080a0eeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 60px #00000059;color:#fff;opacity:0;pointer-events:none;transform:translate(16px);transition:opacity .18s ease,transform .18s ease;z-index:90}.wearables-panel.open{opacity:1;pointer-events:auto;transform:translate(0)}.wearables-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.wearables-panel-header h2{margin:0;color:var(--accent);font-size:1.15rem}.wearables-panel-header p{margin:4px 0 0;color:#ffffffb3;font-size:.9rem}.wearables-panel-header button{flex:0 0 auto;border:1px solid var(--glass-border);border-radius:8px;background:#ffffff14;color:#fff;cursor:pointer;font:inherit;padding:8px 10px}.wearables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;max-height:calc(100vh - 146px);overflow-y:auto;padding-right:4px}.wearable-item{display:flex;aspect-ratio:1;min-width:0;flex-direction:column;align-items:stretch;justify-content:space-between;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#6f747b;cursor:pointer}.wearable-item.read-only{cursor:default}.wearable-item.inspectable{cursor:pointer}.wearable-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wearable-category{display:block;overflow:hidden;color:var(--accent);font-size:.72rem;line-height:1.2;text-align:center;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.wearable-thumbnail{display:flex;align-items:center;justify-content:center;min-height:0;flex:1;border-radius:8px;background:#858a91;color:#ffffffb8;font-size:.72rem;overflow:hidden}.wearable-item.empty{background:#666b72}.wearable-item.empty .wearable-thumbnail{background:#777c83}.wearable-thumbnail img{width:100%;height:100%;object-fit:contain}.wearable-name{display:block;overflow:hidden;color:#fff;font-size:.78rem;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}.wearable-details-popover{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#080a0eb8;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:120}.wearable-details-popover.open{opacity:1;pointer-events:auto}.wearable-details-dialog{display:flex;width:320px;height:370px;max-height:calc(100vh - 48px);flex-direction:column;gap:12px;padding:14px;border:1px solid var(--glass-border);border-radius:8px;background:#101319fa;box-shadow:0 18px 50px #00000073;overflow:hidden}.wearable-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wearable-details-header h3{margin:0;color:var(--accent);font-size:1rem}.wearable-details-header p{margin:4px 0 0;color:#ffffffb3;font-size:.82rem;text-transform:capitalize}.wearable-details-header button{flex:0 0 auto;border:1px solid var(--glass-border);border-radius:8px;background:#ffffff14;color:#fff;cursor:pointer;font:inherit;padding:8px 10px}.wearable-details-thumbnail{width:100%;max-height:160px;border-radius:8px;background:#858a91;object-fit:contain}.wearable-details-summary{display:grid;grid-template-columns:82px minmax(0,1fr);gap:6px 10px;margin:0;font-size:.78rem;overflow:auto}.wearable-details-summary dt{color:#ffffff9e}.wearable-details-summary dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#ffffffe6}.wearable-details-raw{flex:1;min-height:80px;margin:0;padding:10px;border-radius:8px;background:#00000052;color:#ffffffd1;font-size:.72rem;line-height:1.4;overflow:auto}.wearables-empty{grid-column:1 / -1;margin:0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;color:#ffffffb8}.wearable-options-panel{position:absolute;inset:0;display:flex;flex-direction:column;padding:18px;border-radius:8px;background:#080a0ef7;opacity:0;pointer-events:none;transform:translate(16px);transition:opacity .18s ease,transform .18s ease}.wearable-options-panel.open{opacity:1;pointer-events:auto;transform:translate(0)}.wearable-options-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:flex-start;margin-bottom:14px}.wearable-options-header button{border:1px solid var(--glass-border);border-radius:8px;background:#ffffff14;color:#fff;cursor:pointer;font:inherit;padding:8px 10px}.wearable-options-header h3{margin:0;color:var(--accent);font-size:1rem;text-transform:capitalize}.wearable-options-header p{margin:4px 0 0;color:#ffffffb3;font-size:.86rem}.wearable-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;min-height:0;overflow-y:auto;padding-right:4px}.wearable-option-item{display:flex;aspect-ratio:1;min-width:0;flex-direction:column;justify-content:space-between;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#6f747b}.wearable-option-thumbnail{display:flex;align-items:center;justify-content:center;min-height:0;flex:1;border-radius:8px;background:#858a91;color:#ffffffb8;font-size:.72rem;overflow:hidden}.wearable-option-thumbnail img{width:100%;height:100%;object-fit:contain}.wearable-option-item strong{display:block;overflow:hidden;color:#fff;font-size:.75rem;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.wearables-panel{top:12px;right:12px;width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}body{margin:0;padding:0;overflow:hidden;background-color:var(--sphaira-panel-solid);font-family:var(--font-body);color:var(--sphaira-ink)}#game-canvas{position:fixed;top:0;left:0;outline:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--sphaira-panel-solid);display:flex;justify-content:center;align-items:flex-start;z-index:100;box-sizing:border-box;overflow-y:scroll;padding:24px 16px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--sphaira-cyan) rgba(174,185,202,.12)}.overlay:before{content:"";position:fixed;inset:-6%;background:url(/sphaira-atmospheric.png) center / cover no-repeat;opacity:.7;transform:scale(1.06);pointer-events:none}.overlay:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 30%,#06081826,#060818a8 75%),linear-gradient(#0608186b,#06081899);pointer-events:none}.overlay::-webkit-scrollbar{width:10px}.overlay::-webkit-scrollbar-track{background:#aeb9ca1f}.overlay::-webkit-scrollbar-thumb{background:var(--sphaira-cyan);border-radius:999px}.overlay::-webkit-scrollbar-thumb:hover{background:var(--sphaira-blue)}.menu-panel{position:relative;z-index:1;padding:28px 32px 40px;text-align:center;box-sizing:border-box;max-width:960px;width:100%;margin:auto 0}.menu-logo{width:min(156px,44%);filter:drop-shadow(0 0 24px rgba(11,174,224,.35))}.brand-tagline{margin:14px 0 0;color:var(--sphaira-muted);font-size:.92rem;letter-spacing:.04em}.menu-panel>h2{font-family:var(--font-display);font-weight:600;font-size:1.35rem;letter-spacing:.08em;margin:34px 0 4px;color:var(--sphaira-ink)}.selection-subtitle{margin:0;color:var(--sphaira-muted);font-size:.88rem}.menu-section{margin-top:30px;text-align:left}.menu-section h3{margin:0 0 12px;font-family:var(--font-hud);font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--sphaira-cyan)}.loading-panel{max-width:520px;padding:40px 32px}.loading-panel .menu-logo{width:min(220px,60%)}.loading-text{font-family:var(--font-hud);font-size:.85rem;letter-spacing:.28em;text-transform:uppercase;color:var(--sphaira-muted);margin:22px 0 0;animation:loading-pulse 2.2s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.45}50%{opacity:1}}.loading-bar{position:relative;max-width:360px;margin:18px auto 0;height:4px;border-radius:999px;background:#aeb9ca26;overflow:hidden}#loading-bar-fill{width:38%;height:100%;border-radius:999px;background:var(--sphaira-gradient);transform:translate(-120%);animation:loading-flow 1.15s ease-in-out infinite}#loading-bar-fill.is-complete{width:100%;transform:translate(0);animation:none;transition:width .22s ease-out,transform .22s ease-out}#loading-overlay{visibility:hidden;opacity:0;transition:opacity .28s ease}#loading-overlay.is-active{visibility:visible;opacity:1}#loading-overlay.is-active.is-complete{opacity:0}@keyframes loading-flow{0%{transform:translate(-120%)}55%{transform:translate(165%)}to{transform:translate(275%)}}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:14px;margin-top:4px}.grid-container::-webkit-scrollbar{width:10px}.grid-container::-webkit-scrollbar-track{background:#aeb9ca1f;border-radius:999px}.grid-container::-webkit-scrollbar-thumb{background:var(--sphaira-cyan);border-radius:999px}.grid-container::-webkit-scrollbar-thumb:hover{background:var(--sphaira-blue)}.decentraland-input-group{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.decentraland-input-group input{min-width:0;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;padding:10px 15px;color:#fff;font-family:inherit;outline:none}.decentraland-input-group input:focus{border-color:var(--accent)}.decentraland-input-group button{background:var(--accent);color:#050505;border:none;border-radius:8px;padding:0 18px;font-weight:600;cursor:pointer}.decentraland-input-group button:disabled{opacity:.5;cursor:not-allowed}.avatar-card{background:transparent;border:0;border-radius:12px;padding:0;cursor:pointer;transition:transform .25s ease,color .25s ease}.avatar-card:hover{transform:translateY(-4px)}.avatar-card:hover .preview-box{border-color:var(--sphaira-line);box-shadow:0 12px 32px #00000073,0 0 24px #0baee02e}.avatar-card:active{transform:translateY(-1px) scale(.98)}.avatar-card:focus-visible{outline:none}.avatar-card:focus-visible .preview-box{box-shadow:var(--focus-ring)}.avatar-card.selected .preview-box{border-color:var(--sphaira-cyan);box-shadow:0 0 28px #0baee047}.avatar-card h4{margin:10px 0 2px;font-family:var(--font-body);font-weight:600;font-size:.92rem;letter-spacing:.03em;color:var(--sphaira-ink)}.preview-box{position:relative;height:132px;background:radial-gradient(circle at 50% 120%,rgba(129,71,238,.22),transparent 60%),radial-gradient(circle at 50% -20%,rgba(11,174,224,.18),transparent 55%),#060818b3;border:1px solid rgba(174,185,202,.1);border-radius:10px;margin-bottom:4px;overflow:hidden;display:flex;justify-content:center;align-items:center}.preview-box:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(103,232,249,.12) 46%,rgba(217,70,239,.1) 54%,transparent 75%);opacity:1;transition:opacity .24s ease;pointer-events:none}.preview-box.is-ready:after,.preview-box.is-error:after{opacity:0}.preview-box img,.preview-box canvas{max-width:100%;max-height:100%;object-fit:contain;opacity:0;transition:opacity .24s ease}.preview-box.is-ready canvas{opacity:1}.preview-box.is-ready img{opacity:1}@media(prefers-reduced-motion:reduce){.overlay:before{animation:none}.avatar-card,.loading-text,#loading-bar-fill,.preview-box:after,.preview-box canvas,#loading-overlay{transition:none;animation:none}}@media(max-width:640px){.overlay{padding:12px 10px}.menu-panel{padding:24px 18px 32px}.menu-logo{width:min(132px,46%)}.menu-panel>h2{margin-top:24px;font-size:1.18rem}.menu-section{margin-top:24px}}