/* Amber Horizon — shared interface, October 2026. */
:root{--bg:#060c17;--card:#0c1828;--card2:#112139;--border:#233b51;--text:#edf7ff;--muted:#a2b6ca;--accent:#63e8ff;--accent2:#7cabff;--purple:#578bff;--yellow:#92dfff;--gold-1:#d3f5ff;--gold-2:#63e8ff;--gold-3:#6e99ff;--green:#70efbd;--radius:18px;--radius-sm:10px;color-scheme:dark}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 75% 0,#15305955,transparent 55%),#060c17;color:var(--text);font-family:Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:0;line-height:1.55}body::before,body::after{display:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--accent)}[hidden]{display:none!important}:focus-visible{outline:2px solid #69e5ff!important;outline-offset:4px}button,a{touch-action:manipulation}button{min-height:40px}input,select,textarea{color:var(--text);border-color:var(--border)}input::placeholder,textarea::placeholder{color:#899fb9}.nav a:not(.nav-brand)::after{display:none}
.nav,.mobile-app-header,.mobile-bottom-nav{background:#091322f5;border-color:#234056;backdrop-filter:blur(20px)}.nav a.active{background:#183750;color:#8aefff;border:1px solid #33677c}.nav-brand-mark,.mobile-app-orbit{color:#8aefff;background:#122e43;border:1px solid #437792;box-shadow:0 0 25px #50dfff1c}.nav-brand-mark::before,.nav-brand-mark::after{display:none}.nav-group-label{font:600 10px/1.4 ui-monospace,monospace;letter-spacing:.16em;color:#68879d;padding:17px 13px 6px}.nav a{white-space:nowrap}.nav .logout{color:#b4c8db;border-color:#304458}.nav-command-btn{border:1px solid #345066;background:#102237}.nav-command-btn kbd{margin-left:auto}.amber-system-footer{border-top:1px solid #1c3346;color:#829bb1;padding:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.amber-scroll-progress{background:#59dff5}.skip-link{position:fixed;top:-70px;left:12px;z-index:9999;padding:12px;background:#79e7ff;color:#041422}.skip-link:focus{top:12px}
.card,.luxe-card,.tool-block,.auth-card,.cfg-section,.dash-card{background:linear-gradient(145deg,#112035,#0b1524);border:1px solid #263e54;box-shadow:0 16px 45px #0003}.page-header,.cfg-header,.dash-header{background:linear-gradient(110deg,#10243b,#0b1727);border-color:#2c526b}.page-header h1,.cfg-header h1,.dash-header h1{background:none;color:#e4f8ff;-webkit-text-fill-color:currentColor}.btn-primary,.btn-send,.pro-button,.btn-submit{background:linear-gradient(110deg,#65e6f8,#81b5ff);color:#051424;border:0;box-shadow:0 5px 25px #46cfff19;font-weight:700}.pro-button-secondary{background:#10283b;color:#d8f8ff;border:1px solid #426a81}.auth-body{background:radial-gradient(ellipse at 50% 0,#19497966,transparent 65%),#060c17}.auth-card{border-top:2px solid #6bdaef}.brand-name{color:#d9f7ff!important}.mobile-create-icon{background:linear-gradient(130deg,#64efff,#5986ff)!important;box-shadow:0 0 20px #4fcfff40!important}.mobile-more-featured a{background:#102e43;border-color:#315b71}.mobile-more-featured em{background:#80e5ff;color:#092433}.pro-home{max-width:1460px;padding:30px clamp(18px,3.7vw,56px) 50px}.future-kicker{font:600 11px/1.5 ui-monospace,monospace;letter-spacing:.17em;color:#7edbea;text-transform:uppercase}.future-topline{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.future-topline p{margin:3px 0;color:#97aec4;font-size:13px}.future-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #2c5267;border-radius:30px;background:#102535;padding:7px 12px;color:#99dfed;font-size:12px}.future-chip i{width:6px;height:6px;border-radius:50%;background:#71ebc0;box-shadow:0 0 10px #71ebc066}.future-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.2fr 1fr;min-height:345px;border:1px solid #285571;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 83% 50%,#12486055,transparent 60%),linear-gradient(120deg,#0e233c,#091321)}.future-hero::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#428eb744 1px,transparent 1px),linear-gradient(90deg,#428eb744 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,transparent,#000)}.future-copy{padding:42px}.future-copy h1{font-size:clamp(30px,3.9vw,51px);line-height:1.08;letter-spacing:-.045em;font-weight:650;margin:18px 0}.future-copy h1 span{color:#72e5f6}.future-copy>p{max-width:440px;color:#aec3d8;font-size:15px}.future-copy .pro-actions{margin-top:26px}.future-orbit{position:relative;min-height:300px;display:grid;place-items:center;overflow:hidden}.future-orbit svg{width:min(100%,370px);filter:drop-shadow(0 0 24px #50caff33)}.future-orbit-label{position:absolute;bottom:24px;font:11px ui-monospace,monospace;letter-spacing:.2em;color:#91cddd}.future-orbit .orbit-ring{transform-origin:180px 180px;animation:orbit-turn 40s linear infinite}.future-orbit .orbit-ring.second{animation-direction:reverse;animation-duration:65s}@keyframes orbit-turn{to{transform:rotate(360deg)}}
.future-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #23394e;padding:22px 0;margin-bottom:28px}.future-stat{padding:0 20px;border-right:1px solid #20384d}.future-stat:last-child{border:0}.future-stat b{display:block;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.future-stat span{font-size:12px;color:#97afc5}.future-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 17px}.future-section-head h2{font-size:23px;letter-spacing:-.03em;margin:0}.future-section-head p{font-size:13px;color:#98adc3;margin:3px 0}.future-search{position:relative;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #35516a;border-radius:12px;background:#0d1d2f;min-width:260px}.future-search input{width:100%;background:none!important;border:0!important;box-shadow:none!important;outline:none;padding:0!important;min-height:24px;font-size:14px}.future-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.future-filters button{border:1px solid #2d455c;border-radius:30px;color:#a8bdd0;background:#0d1b2d;padding:7px 17px;font-size:13px;min-height:37px}.future-filters button[aria-pressed=true]{background:#17394e;border-color:#57b9d0;color:#a8f0ff}.future-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.future-tool{position:relative;background:linear-gradient(130deg,#101f33,#0b1626);border:1px solid #253d53;border-radius:16px;transition:border-color .2s,transform .2s}.future-tool:hover{transform:translateY(-3px);border-color:#48758e}.future-tool>a{display:block;text-decoration:none;color:#e4f3ff;padding:22px;min-height:185px}.future-tool-icon{display:grid;place-items:center;width:42px;height:42px;background:#122f45;border:1px solid #2b5269;border-radius:11px;color:#84e6f3;font-size:22px;margin-bottom:16px}.future-tool h3{font-size:16px;margin:0 0 6px;font-weight:600}.future-tool p{font-size:13px;line-height:1.55;color:#9fb6cb;margin:0;max-width:290px}.future-favorite{position:absolute;right:14px;top:15px;background:none;border:0;color:#68869d;font-size:20px;width:36px;min-height:36px}.future-favorite[aria-pressed=true]{color:#74e4ff}.future-empty{padding:35px;color:#b7cada;border:1px dashed #345065;border-radius:16px}.future-recent{display:flex;gap:10px;flex-wrap:wrap}.future-recent a{color:#bfeeff;background:#11273b;border:1px solid #2f4d62;text-decoration:none;padding:9px 14px;border-radius:9px;font-size:13px}.future-arcade-callout{margin-top:28px;padding:26px;background:linear-gradient(100deg,#132f49,#121d3c);border:1px solid #376485;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:18px}.future-arcade-callout h3{font-size:21px;margin:3px 0}.future-arcade-callout p{color:#a3bdd1;font-size:14px;margin:0}.future-note{font-size:12px;color:#7f99b1;margin-top:15px}
@media(min-width:1101px){body:not(.auth-body){padding-left:218px}.nav{position:fixed;inset:0 auto 0 0;width:218px;height:100dvh;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;overflow-y:auto;overflow-x:hidden;padding:25px 13px 18px;gap:4px;border-right:1px solid #233d51;border-bottom:0;z-index:60}.nav-brand{margin:0 6px 24px;font-size:19px!important;justify-content:flex-start;letter-spacing:-.03em!important;text-transform:none}.nav a:not(.nav-brand){padding:10px 13px;font-size:13px;border-radius:9px}.nav-command-btn{margin:0 0 10px;display:flex;align-items:center;gap:9px;padding:9px 11px;min-height:42px}.nav .spacer{flex:1;min-height:18px}.nav-group-label{display:block}.mobile-app-header,.mobile-bottom-nav{display:none!important}.chat-page{min-width:0}.amber-system-footer{margin:0 30px}.chat-side{display:none}}
@media(min-width:761px) and (max-width:1100px){.nav-group-label{display:none}.nav{gap:3px;padding:10px;justify-content:center}.nav a:not(.nav-brand){font-size:12px;padding:8px}.nav-brand{font-size:15px!important}.future-copy{padding:30px}.future-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nav-group-label{display:none}.future-topline{margin-bottom:17px}.future-topline .future-chip{display:none}.future-hero{grid-template-columns:1fr}.future-copy{padding:28px 24px 10px}.future-copy h1{font-size:36px}.future-orbit{min-height:205px;height:205px}.future-orbit svg{width:235px}.future-orbit-label{bottom:14px;font-size:9px}.future-stats{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 0}.future-stat{padding:0 10px}.future-stat:nth-child(3){border:0}.future-stat b{font-size:22px}.future-stat span{font-size:11px}.future-section-head{align-items:stretch;flex-direction:column}.future-search{min-width:0;width:100%}.future-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.future-tool>a{padding:18px 14px;min-height:203px}.future-tool p{font-size:12px}.future-tool h3{font-size:15px}.future-tool-icon{width:36px;height:36px;font-size:19px}.future-favorite{top:10px;right:8px}.future-arcade-callout{align-items:flex-start;flex-direction:column;padding:22px}.future-filters{gap:6px}.future-filters button{padding:6px 12px}.mobile-app-header{border-bottom:1px solid #23475c}.amber-system-footer{margin-bottom:76px;font-size:11px}.tools-grid{grid-template-columns:minmax(0,1fr)!important}.auth-wrap{padding-top:20px}}
@media(max-width:370px){.future-tools{grid-template-columns:1fr}.future-tool>a{min-height:155px}.future-copy h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.msg{position:relative}.msg.amber{padding-bottom:25px}.chat-copy{position:absolute;bottom:0;left:48px;padding:1px 9px;min-height:24px;font-size:11px;border:1px solid #365267;border-radius:6px;color:#91cbdf;background:#0d2032}.chat-side,.chat-quote-bar{display:none}.chat-layout{max-width:1050px}.chat-messages{padding:24px 0}.msg .bubble{line-height:1.65}.msg.amber .bubble{background:#11263b;border-color:#294d66}.msg.usuario .bubble{background:#153952;border-color:#3d7290}.chat-input-area{background:#0a1829;border-top:1px solid #294b63}.chat-input-area textarea{border-color:#395b74!important;background:#0c2033!important}.tools-grid .tool-block{min-width:0}.tool-block input,.tool-block textarea{max-width:100%}.tool-block .block-header{border-color:#28485e}.studio-header h1{color:#d9f8ff!important;background:none!important;-webkit-text-fill-color:currentColor!important}:root{--studio-accent2:#79b7ff;--studio-yellow:#85dfff;--studio-muted:#9fb8d0;--studio-card:#0d1d31}

/* Keep navigation immediate and avoid recompositing the whole page during play. */
body{animation:none}.game-focus .yaw-arena,.game-focus .nitro-arena{contain:layout paint}.nav,.mobile-app-header,.mobile-bottom-nav{backdrop-filter:none;background-color:#091423}
@media(max-width:700px){.future-orbit .orbit-ring{animation:none}.future-orbit svg{filter:none}body{background-attachment:scroll}}

html::before{display:none}.nitro-game,.yaw-hud{scroll-margin-top:12px}@media(max-width:1100px){.nitro-game,.yaw-hud{scroll-margin-top:80px}}