/* Amber Orbit: the cyan nucleus, violet creativity and the mascot's own gold. */
:root{--amber-gold:#ffc879;--amber-violet:#bca1ff;--amber-ice:#79edff}
body{background:radial-gradient(ellipse at 100% 0,#1a25554a,transparent 55%),radial-gradient(ellipse at 15% 55%,#0e394528,transparent 50%),#060c17}
.future-hero{grid-template-columns:1.04fr 1fr;min-height:425px;border-color:#385977;background:radial-gradient(ellipse at 96% 15%,#72579826,transparent 53%),radial-gradient(ellipse at 67% 95%,#2b9fad22,transparent 50%),linear-gradient(120deg,#10263e,#0b1428 75%)}
.future-hero:after{content:'';position:absolute;left:34px;right:34px;top:0;height:1px;background:linear-gradient(90deg,transparent,#76edff,#bd9aff,#ffc879,transparent);pointer-events:none}
.future-copy{align-self:center;padding:38px}.future-copy h1{font-size:clamp(34px,3.6vw,52px)}.future-copy h1 span{background:linear-gradient(100deg,#8cecff 10%,#c4b3ff 80%);background-clip:text;-webkit-background-clip:text;color:transparent}
.amber-signature{display:flex;align-items:center;gap:9px;font-size:12px;color:#edc99a;margin:20px 0 0}.amber-signature i{width:22px;height:1px;background:#ffc879}
.future-orbit{min-height:420px;height:100%;isolation:isolate;overflow:hidden}.future-orbit>svg{position:absolute;left:-4%;top:1%;width:87%;max-width:385px;filter:none;z-index:1}.future-orbit-label{left:24px;bottom:24px;font-size:9px;color:#90bccf;letter-spacing:.17em}
.amber-orbit-stage{position:absolute;right:1%;bottom:39px;width:64%;height:42px;transform:rotate(-8deg);border:1px solid #a483e859;border-radius:50%;background:radial-gradient(ellipse,#9f71df22,transparent 70%);box-shadow:0 6px 0 -5px #85f1ff,0 15px 0 -14px #689aca}
.amber-hero-character{position:absolute;right:-1%;bottom:41px;width:66%;max-width:315px;padding:0;min-height:0;border:0;background:none;z-index:3;touch-action:manipulation;outline-offset:-10px}
.amber-hero-character img{display:block;width:100%;height:auto;pointer-events:none;animation:amber-hover 5.8s ease-in-out infinite;transform-origin:50% 90%}
.amber-hero-character:hover img{filter:drop-shadow(0 0 10px #ffbc6c33)}.amber-hero-character:active img{transform:translateY(2px) scale(.98)}
.amber-character-label{position:absolute;right:27px;bottom:15px;z-index:4;color:#edc89a;font:10px ui-monospace,monospace;letter-spacing:.07em;pointer-events:none}
.amber-hello{position:absolute;right:24px;top:24px;z-index:4;max-width:220px;padding:10px 14px;border:1px solid #bf9f6b70;border-radius:13px 13px 2px 13px;background:#192534;color:#ffe0ad;font-size:12px;box-shadow:0 8px 25px #0003}
.amber-orbit-tag{position:absolute;left:28px;top:20px;z-index:2;font:9px ui-monospace,monospace;letter-spacing:.15em;color:#99d9ed}.amber-orbit-tag:before{content:'✦';color:#ffc879;margin-right:6px}
.amber-greeting img{animation:amber-wave .8s ease both}.amber-orbit-spark{position:absolute;right:15%;top:12%;width:4px;height:4px;background:#ffc879;border-radius:50%;box-shadow:-64px 62px #ba9cff,32px 132px #7cedff,-135px 218px #a0dcff}
.amber-orbit-note{margin:22px 0 4px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #293d55}.amber-orbit-note p{font-size:13px;color:#acc2d4;margin:0}.amber-orbit-note b{color:#ffcd87;font-weight:500}.amber-orbit-note span{font:10px ui-monospace,monospace;letter-spacing:.1em;color:#ad9ccd;white-space:nowrap}
.future-stat b{color:#cff6ff}.future-stat:nth-child(2) b,.future-stat:nth-child(5) b{color:#c8b9ff}.future-stat:nth-child(3) b{color:#f1cc98}
.future-tool{overflow:hidden;--tool-ink:#83e6f3}.future-tool[data-category=create]{--tool-ink:#c1abff}.future-tool[data-category=play]{--tool-ink:#ffd18c}.future-tool[data-category=personal]{--tool-ink:#89e1c8}
.future-tool:before{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:var(--tool-ink);opacity:.45}.future-tool-icon{color:var(--tool-ink);border-color:color-mix(in srgb,var(--tool-ink) 28%,#163049);background:color-mix(in srgb,var(--tool-ink) 8%,#0c1a2d)}.future-tool:hover{border-color:var(--tool-ink);transform:translateY(-3px)}.future-favorite[aria-pressed=true]{color:#ffce86}
.future-filters button[aria-pressed=true]{background:linear-gradient(110deg,#174053,#2b2850);border-color:#8da6d0;color:#e4f7ff}
.future-arcade-callout{position:relative;overflow:hidden;min-height:175px;padding-left:155px;background:radial-gradient(ellipse at 0 100%,#56427255,transparent 70%),linear-gradient(100deg,#0f2840,#181d3b);border-color:#625377}.amber-callout-mascot{position:absolute;width:135px;height:135px;object-fit:contain;left:12px;bottom:8px;pointer-events:none}.future-arcade-callout .future-kicker{color:#ebc893}
.amber-companion{position:fixed;right:22px;bottom:22px;z-index:90}.amber-companion-trigger{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #796544;background:#101e2cf5;border-radius:17px 17px 17px 5px;color:#f4d6a9;padding:12px 17px 12px 67px;min-height:57px;text-align:left;box-shadow:0 9px 30px #0004}
.amber-companion-trigger>img{position:absolute;left:1px;bottom:5px;width:74px;height:74px;object-fit:contain;pointer-events:none}.amber-companion-trigger span{font-size:12px;display:block;line-height:1.4}.amber-companion-trigger small{display:block;font-size:9px;color:#93b3c5;letter-spacing:.07em}.amber-companion-trigger:after{content:'✦';font-size:15px;color:#86e8fa;margin-left:8px}.amber-companion-trigger:hover{border-color:#a2dcef;background:#162940}
.amber-companion-panel{position:absolute;right:0;bottom:calc(100% + 13px);width:285px;max-width:calc(100vw - 28px);border:1px solid #526682;border-radius:20px;background:linear-gradient(140deg,#172a43,#0a1627);padding:19px;box-shadow:0 16px 60px #0008}
.amber-companion-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.amber-companion-panel h2{font-size:17px;margin:0;color:#f3d9b2}.amber-companion-close{background:none;border:1px solid #40556c;color:#b8d5e5;border-radius:8px;font-size:19px;min-height:32px;width:32px;padding:0}.amber-companion-panel p{font-size:13px;color:#aec4d6;margin:12px 0 16px}.amber-companion-links{display:grid;gap:7px}.amber-companion-links a{display:flex;justify-content:space-between;color:#d7f2ff;text-decoration:none;border:1px solid #344f6a;border-radius:10px;padding:10px 12px;font-size:13px;background:#11253c}.amber-companion-links a:hover{border-color:#85cbdf;background:#19384d}.amber-companion-links a:nth-child(2){color:#d7c6ff}.amber-companion-links a:nth-child(3){color:#ffe0ab}.amber-motion-control{width:100%;margin-top:13px;background:none;border:0;border-top:1px solid #2b435c;padding:12px 0 0;min-height:32px;text-align:left;color:#92b4cc;font-size:11px}
.game-focus .amber-companion,.mobile-sheet-open .amber-companion,.command-open .amber-companion,.amber-playing .amber-companion{display:none}
.amber-system-footer{padding-right:235px}.arcade-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 70%,#42376288,transparent 52%),linear-gradient(110deg,#102c46,#111b34)}.arcade-hero-symbol{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.arcade-hero-symbol img{width:230px;height:230px;object-fit:contain;position:relative;z-index:1}.arcade-hero-symbol:before{content:'';position:absolute;width:220px;height:90px;bottom:20px;border:1px solid #b699e566;border-radius:50%;transform:rotate(-16deg)}.arcade-hero-symbol small{position:absolute;bottom:0;font-size:9px;color:#ecc78e}
.art-orbit .amber-cover-character{position:absolute;width:175px;height:175px;object-fit:contain;right:4%;bottom:-4px;z-index:1}.art-orbit b{z-index:2;position:relative;align-self:center;margin-right:70px;text-shadow:0 3px 22px #04111f}.art-orbit i{opacity:.35}.amber-driver{display:flex;gap:8px;align-items:center;color:#e5c694!important;letter-spacing:0!important}.amber-driver img{width:43px;height:43px;object-fit:contain}.amber-driver span{font-size:10px}.amber-driver b{display:block;font-size:12px;color:#ffe1b4;letter-spacing:.05em}
.yaw-overlay>img{border:0;border-radius:0;object-fit:contain;box-shadow:none;width:112px;height:112px}.yaw-header h1{color:#ffd08a}.yaw-hud{border-top:2px solid #af8e55}.yaw-loadout button[aria-pressed=true]{border-color:#ceaf78;color:#ffe4b8;background:#313342}.msg .avatar img{width:100%;height:100%;object-fit:contain}.welcome-mascot{object-fit:contain;border:0!important;background:none!important;border-radius:0!important}
@keyframes amber-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes amber-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg) translateY(-7px)}65%{transform:rotate(5deg) translateY(-4px)}}
@media(prefers-reduced-motion:no-preference){.future-orbit .orbit-ring{animation:orbit-turn 40s linear infinite}.future-orbit .orbit-ring.second{animation-direction:reverse;animation-duration:65s}.future-orbit .orbit-ring.third{animation-direction:reverse;animation-duration:85s}}
.amber-motion-off .future-orbit *,.amber-page-hidden .future-orbit *,.future-orbit.amber-offscreen *{animation-play-state:paused!important}.amber-motion-off .amber-hero-character img{animation:none}
@media(max-width:1100px){.future-copy{padding:29px}.future-hero{min-height:390px}.future-orbit{min-height:385px}.amber-companion{bottom:calc(87px + env(safe-area-inset-bottom,0px));right:15px}.amber-companion-trigger{width:61px;height:63px;min-height:63px;padding:0;border-radius:50%;border-color:#6d7759;background:#102337e8}.amber-companion-trigger>img{width:72px;height:72px;left:-6px;bottom:2px}.amber-companion-trigger span,.amber-companion-trigger:after{display:none}.amber-system-footer{padding-right:20px}}
@media(max-width:760px){.future-hero{grid-template-columns:1fr}.future-copy{padding:28px 24px 0}.future-copy h1{font-size:35px}.future-orbit{min-height:310px;height:310px;max-width:470px;width:100%;justify-self:center}.future-orbit>svg{width:76%;max-width:310px;left:0;top:-10px}.amber-hero-character{width:57%;max-width:270px;right:0;bottom:32px}.amber-orbit-stage{bottom:26px;width:57%}.future-orbit-label{left:20px;bottom:18px;font-size:8px}.amber-character-label{bottom:8px;right:22px;font-size:9px}.amber-orbit-tag{top:12px;left:20px;font-size:8px}.amber-hello{font-size:11px;right:12px;top:24px;max-width:175px}.amber-signature{margin:17px 0 0;font-size:11px}.amber-orbit-note{align-items:flex-start}.amber-orbit-note span{display:none}.amber-orbit-note p{font-size:12px}.future-arcade-callout{padding:24px 20px 24px 115px;min-height:188px}.amber-callout-mascot{width:115px;height:115px;left:0;bottom:22px}.future-arcade-callout h3{font-size:20px}.future-arcade-callout p{font-size:12px}.future-arcade-callout .pro-button{font-size:12px}.arcade-hero{padding-right:110px!important}.arcade-hero h1{font-size:34px!important}.arcade-hero-symbol{display:block!important;position:absolute;right:-23px;bottom:35px;width:155px;height:160px}.arcade-hero-symbol img{width:155px;height:155px}.arcade-hero-symbol:before{width:110px;height:42px;left:22px;bottom:1px}.arcade-hero-symbol small{display:none}.arcade-meta{position:relative;z-index:2;gap:7px!important;flex-wrap:wrap}.arcade-meta span{font-size:10px!important}.yaw-overlay>img{display:block;width:70px;height:70px}.game-focus-target .yaw-overlay>img{display:none}.amber-driver img{width:32px;height:32px}.amber-driver span{font-size:8px}.amber-driver b{font-size:10px}}
@media(max-width:400px){.future-orbit{height:280px;min-height:280px}.future-copy h1{font-size:32px}.future-copy .pro-actions{gap:8px}.future-copy .pro-button{font-size:12px;padding:11px 13px}.amber-character-label{font-size:8px;right:14px}.future-orbit-label{font-size:7px;left:17px}.amber-orbit-note{padding-right:20px}.future-arcade-callout{padding-left:98px}.amber-callout-mascot{width:98px}.arcade-hero{padding-right:90px!important}.arcade-hero h1{font-size:30px!important}.arcade-hero-symbol{right:-32px;width:140px}.arcade-hero-symbol img{width:140px}}
@media(prefers-reduced-motion:reduce){.future-orbit .orbit-ring,.amber-hero-character img{animation:none!important}}
.amber-companion-trigger{transition:opacity .2s,transform .2s,border-color .2s}.amber-hero-visible .amber-companion-trigger[aria-expanded=false]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px)}
@media(max-width:400px){.future-orbit-label{display:none}.amber-character-label{font-size:10px;right:20px;bottom:8px}}

/* Amber remains part of navigation, including while typing. */
.amber-nav-mascot{width:44px;height:44px;object-fit:contain;flex:none}.amber-mobile-mascot{width:42px;height:42px;object-fit:contain;flex:none}
.amber-sky-label{display:block;font-size:11px;letter-spacing:.04em;color:#bed0e4;margin:16px 0 7px}.amber-sky-select{width:100%;min-height:42px;border:1px solid #48607b;border-radius:10px;background:#102137;color:#dceafa;padding:8px 10px;font:inherit;font-size:12px;color-scheme:dark}.amber-sky-help{display:block;margin-top:7px;font-size:10px;line-height:1.5;color:#9eb5cd}
.amber-companion-panel{max-height:calc(100dvh - 150px);overflow:auto;overscroll-behavior:contain}.amber-companion-panel[hidden]{display:none}
.auth-body .amber-companion{bottom:22px}.auth-body .auth-wrap{padding-bottom:110px}
.amber-input-focus:not(.auth-body) .amber-companion{display:none}
@media(max-width:1100px){.amber-input-focus .amber-companion{top:12px;bottom:auto;right:68px;z-index:65}.amber-input-focus .amber-companion-trigger{width:33px;height:35px;min-height:35px;background:transparent;border:0}.amber-input-focus .amber-companion-trigger>img{width:39px;height:39px;left:-3px;bottom:0}.amber-input-focus .amber-companion-panel{bottom:auto;top:48px}.auth-body.amber-input-focus .amber-companion{right:15px;top:15px}}