/* EON 2.4 • Quiet light, dark glass, original system fonts. Last layer; gameplay geometry unchanged. */
:root{--eon-accent:#7df3d5;--eon-secondary:#f3ca8b;--lime:#a8ecdb;--gold:#edcca0;--muted:#a2b7c7;--line:#a2cdde21;--surface:#112032;--navy:#0a1928;--panel:linear-gradient(135deg,#15283cec,#0c1728f2);--ease:cubic-bezier(.18,.75,.2,1)}
body.eon-ui{background:#091320;color:#edf5f8}.eon-ui .glass{background:var(--panel);border:1px solid #95b6cd38;box-shadow:inset 0 1px 0 #d5e6f50a,0 10px 30px #030b1633;backdrop-filter:blur(14px)}
.eon-ui button:focus-visible,.eon-ui input:focus-visible,.eon-ui select:focus-visible{outline:2px solid var(--eon-accent);outline-offset:3px}.eon-ui button:hover{filter:brightness(1.12)}
.eon-ui .brand,.eon-ui.compact-ui .brand{color:#eef6f9;text-shadow:0 2px 10px #0008}.eon-ui .brand-mark,.eon-ui .load-mark{background:#122638;color:var(--eon-accent);border:1px solid #7fd2c259;box-shadow:0 0 26px #7df3d519;transform:none;border-radius:10px}.eon-ui.compact-ui .brand strong{font-size:18px;letter-spacing:1.4px;font-weight:500}.eon-ui .brand small{color:#b7ced6!important;letter-spacing:2.6px!important;font-size:7px!important}.eon-wordmark{display:inline-block;margin-left:9px;color:var(--eon-accent);font-size:10px;font-weight:500;letter-spacing:3px;vertical-align:middle;border-left:1px solid #a4cbdc55;padding-left:10px}
.eon-ui #creator-credit{background:#091b2bce;color:#a6b7c7;font-size:9px;border-color:#eacb8c30;box-shadow:none;letter-spacing:.2px;padding:4px 9px}.eon-ui #creator-credit b{color:#ead3a6}
.eon-ui .stat,.eon-ui.compact-ui .stat{border-color:#8ab6c52e;background:var(--panel);border-radius:10px;min-width:109px;padding:8px 12px;box-shadow:inset 0 1px 0 #e1f8ff08,0 6px 20px #0002}.eon-ui .stat strong,.eon-ui.compact-ui .stat strong{font-size:23px;font-variant-numeric:tabular-nums;font-weight:550;letter-spacing:-.8px}.eon-ui .stat small{color:#a0b6c5!important}.eon-ui .stat svg{color:var(--eon-accent)}.eon-ui .stat.coins svg{color:#efd092}.eon-ui .stat.rebirths svg{color:#b4acfa}
.eon-ui .zone-badge,.eon-ui .expansion-status,.eon-ui .aurora-status{background:#102234e8;border-color:#9cc6d52e;border-radius:7px;color:#d7e8ea}.eon-ui .zone-badge #zone-mult{background:#91e9d81d;color:var(--eon-accent);box-shadow:none}.eon-ui .expansion-status button{color:#abbfcb}.eon-ui #aura-label{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.eon-ui .side-nav button,.eon-ui.compact-ui .side-nav button{background:var(--panel);border-color:#abc9d526;box-shadow:none;border-radius:11px;color:#c9d8e1;width:54px;height:51px}.eon-ui .side-nav button svg{color:#accbcf}.eon-ui .side-nav .hub-launch,.eon-ui.compact-ui .side-nav .hub-launch{background:linear-gradient(130deg,#baecdf,#78cbbd)!important;border-color:#c6fff066!important;color:#0c2532}.eon-ui .side-nav .hub-launch svg{color:#113941}.eon-ui .side-nav button b{background:#d5b684;color:#0a2030;border:1px solid #edd2a2;font-size:8px}
.eon-ui .quest-peek{background:var(--panel);border-color:#bed1d52a;border-radius:12px;padding:15px 16px;width:209px}.eon-ui .quest-peek strong{font-size:18px;font-weight:500;letter-spacing:-.3px}.eon-ui .quest-peek p{font-size:10px;line-height:1.5;color:#afc1ca}.eon-ui .quest-peek .eyebrow{font-size:7px;letter-spacing:1.4px;color:#c2b59a}.eon-ui .quest-peek footer{font-size:9px;color:#abbeca}.eon-ui .right-tools button{background:var(--panel);border-color:#a5c9d52d;border-radius:9px;color:#c7d9df}.eon-ui .right-tools .expansion-launch{background:#122b38;border-color:#87dac752;color:#b7efdc}
.eon-ui .world-caption{display:none!important}#eon-district{position:absolute;left:28px;bottom:130px;display:flex;align-items:center;gap:14px;padding:13px 16px;max-width:280px;color:#eaf4f4;background:linear-gradient(100deg,#0b1c2bef,#132739d9);border:1px solid #b8dddf2f;border-radius:11px;text-align:left;box-shadow:inset 3px 0 0 var(--eon-accent),0 15px 40px #0002}#eon-district[hidden]{display:none}#eon-district small{display:block;font-size:8px;letter-spacing:2px;color:#a5b9c6}#eon-district strong{display:block;margin:5px 0 3px;font-weight:500;font-size:24px;letter-spacing:4px}#eon-district em{font-size:10px;font-style:normal;color:#afcad0}#eon-district>i{color:var(--eon-accent);margin-left:6px;font-size:18px}.eon-mini-orbit{width:33px;height:33px;border:1px solid var(--eon-accent);border-radius:50%;position:relative;opacity:.8}.eon-mini-orbit:after{content:'';position:absolute;inset:-5px 9px;border:1px solid var(--eon-secondary);border-radius:50%;transform:rotate(42deg)}
.eon-ui .equipped,.eon-ui.compact-ui .equipped{background:var(--panel);border-color:#a0c3cc2b;box-shadow:none}.eon-ui .equipped small{color:#adc1c7}.eon-ui .equipped>i{color:var(--eon-secondary)}.eon-ui .train,.eon-ui.compact-ui .train{background:linear-gradient(125deg,#c8ebdf,#8ed7c8);border:1px solid #c6ffeb66;color:#0e3035;border-radius:13px;box-shadow:0 7px 35px #031c233b,0 0 20px #9cedd510;min-width:176px;height:57px}.eon-ui .train>span:not(#train-fill){font-size:22px!important;letter-spacing:1.8px!important}.eon-ui .train svg{color:#184d4b}.eon-ui .train-hint{color:#d0e2e2;text-shadow:0 1px 7px #000}.eon-ui #train-fill{background:#f0fff033}.eon-ui .auto-train{background:#122638;border-color:#91c1c540;box-shadow:none;color:#aec6cd;border-radius:11px}.eon-ui .auto-train[aria-pressed=true]{background:#15372fe8;border-color:#89debc88;color:#beffdd}.eon-ui .auto-train[data-mode=paused]{background:#2b2a36;color:#e6d39d;border-color:#a498744c}.eon-ui .controls-hint{color:#c4d6de;background:#101d2ee6;border-color:#bdd5df21}.eon-ui .touch-actions button{background:#132b3ccc;border:1px solid #b0d4df50;color:#d2e9e7;backdrop-filter:blur(8px)}.eon-ui #joystick{background:#192c3b55;border-color:#bbdee742}.eon-ui #stick{background:#a9d9d48c;box-shadow:0 0 25px #95ddd329}
.eon-ui .interact,.eon-ui.compact-ui .interact{background:#102436ed;border-color:#91e7d561;color:#d9f5ec;box-shadow:0 0 0 4px #7ed7c409,0 8px 32px #0004}.eon-ui .interact kbd{background:#81ddc521;color:#b6ffe3}.eon-ui .world-label{background:#101e2ee6;border:1px solid #b0d4dd35;box-shadow:inset 2px 0 0 var(--eon-accent);border-radius:5px;padding:5px 9px;max-width:145px;filter:none}.eon-ui .world-label b{font-weight:500!important;color:#e3edef!important;letter-spacing:1px!important;font-size:9px!important}.eon-ui .world-label span{font-size:7px!important;color:#9dbbc8!important}.eon-ui .world-label.cloud-marker{box-shadow:none;background:#123044d9;border-color:#b6e8ef77}.eon-ui .world-label.cloud-marker b{color:#c6fff1!important}
.eon-ui #save-status{color:#bcd1da;text-shadow:0 1px 4px #000}.eon-ui #floats .float{font-size:16px;font-weight:600;text-shadow:0 2px 6px #000b;color:#beffe2}.eon-ui #floats .coin-float{color:#ffdda0}.eon-ui .toast{border:1px solid #a1c4d844;background:#0f2236f5;color:#dfeaf0;border-radius:10px;box-shadow:0 10px 35px #0004;font-size:12px}.eon-ui .toast.success{border-left:3px solid #95dec4}.eon-ui .toast.error{border-left:3px solid #f1a0a2}
/* Menus: one surface language, generous touch targets, less visual weight. */
.eon-ui dialog::backdrop{background:#040b17a3;backdrop-filter:blur(5px)}.eon-ui #menu{background:linear-gradient(140deg,#122639f7,#0b1527fa 76%);border:1px solid #99c6d440;border-radius:17px;box-shadow:0 32px 130px #000a,inset 0 1px 0 #b9ecf60b;max-width:min(980px,calc(100vw - 24px))}.eon-ui #menu .modal-header{background:linear-gradient(100deg,#6bafc80c,transparent);border-color:#a5d2e021;padding:20px 24px 17px}.eon-ui #menu .modal-header h1{font-weight:400;letter-spacing:-1px;font-size:29px}.eon-ui #menu-kicker{color:var(--eon-accent);font-size:8px;letter-spacing:2.5px}.eon-ui #close-menu{background:#d2edf20d;color:#c5dce4;border:1px solid #b2d7df30;border-radius:9px;min-width:40px;min-height:40px}.eon-ui #menu-content{padding:20px 24px;color:#d3e1e9;scrollbar-color:#496876 #0f1c2d;scrollbar-width:thin}.eon-ui #menu-content h2{font-weight:450}.eon-ui #menu-content h3{font-weight:500}.eon-ui #menu-content .intro{color:#aebfcf}.eon-ui #menu-content .eyebrow{color:#bcd7d7}.eon-ui #menu-tabs{border-color:#a6cfdc17;padding:10px 24px}.eon-ui #menu-tabs button{background:#ffffff06;border:1px solid transparent;color:#94adbd}.eon-ui #menu-tabs button.active{background:#8ff3d60d;color:var(--eon-accent);border-color:#92d5c64a;box-shadow:inset 0 -2px 0 #91d8c943}.eon-ui .btn:not(.secondary):not(.text-link){background:linear-gradient(120deg,#bcebdc,#84cdbb);color:#112e35;border:1px solid #d1fff151}.eon-ui .btn.secondary{background:#1a334657;color:#c6dce2;border:1px solid #a6cad32e}.eon-ui .btn{box-shadow:none;min-height:44px}.eon-ui .btn:hover{box-shadow:0 0 18px #75dac311}.eon-ui .progress{background:#b7d6dd0e}.eon-ui .progress>span{background:linear-gradient(90deg,#77c3c1,#b8f6dd)}
.eon-ui #menu-content .card,.eon-ui #menu-content .cards .card,.eon-ui #menu-content .list-row,.eon-ui .horizon-zone-card,.eon-ui .journal-card,.eon-ui .mastery-panel,.eon-ui .atlas-card,.eon-ui .note,.eon-ui .pet-card,.eon-ui .offline-report{background:linear-gradient(130deg,#1c344657,#0f213458);border:1px solid #9bbccb22;border-radius:12px}.eon-ui #menu-content .card .visual{background:radial-gradient(ellipse,#8ad9d319,transparent 67%);border-radius:8px}.eon-ui .badge,.eon-ui .sig-chip{color:#bdd9d6;background:#92c9d909;border-color:#accdd221}.eon-ui .card.equipped,.eon-ui .card.owned{border-color:#8cd8c955}.eon-ui .note{color:#aec4d1}.eon-ui .settings-row{border-color:#95bbd118}.eon-ui .settings-row label{color:#d2e3ea;font-size:12px}.eon-ui .settings-row small{color:#91aabc;font-size:10px!important;max-width:530px}.eon-ui select,.eon-ui input[type=text],.eon-ui input[type=password]{background:#102336;color:#dbe7ee;border-color:#a6ccdc42}.eon-ui input[type=range],.eon-ui input[type=checkbox]{accent-color:#9fe6d1}.eon-ui .switch{background-color:#263f50}.eon-ui .switch:checked{background-color:#78c9b6}
.eon-ui .aurora-hero,.eon-ui .signature-banner,.eon-ui .horizon-hero,.eon-ui .exp-hero{background:radial-gradient(ellipse at 100% 0,#9a85e417,transparent 52%),linear-gradient(115deg,#1b34454d,#122338);border:1px solid #92c1ca26;border-radius:12px;padding:21px}.eon-ui .aurora-hero h2,.eon-ui .signature-banner h2,.eon-ui .horizon-hero h2,.eon-ui .exp-hero h2{font-size:29px;font-weight:350;letter-spacing:-.8px}.eon-ui .aurora-hero p,.eon-ui .signature-banner p,.eon-ui .horizon-hero p{color:#b0c1cd}.eon-ui .adventure-tile{background:#17304461;border-color:#99bfcc26;border-radius:11px;min-height:86px;padding:15px;grid-template-columns:36px 1fr;gap:5px 12px}.eon-ui .adventure-tile>i{padding:7px;color:var(--eon-accent);background:#8cc9c10b;border:1px solid #a7cec319;border-radius:9px}.eon-ui .adventure-tile svg{width:22px;height:22px}.eon-ui .adventure-tile strong{font-size:13px;font-weight:500}.eon-ui .adventure-tile>span{font-size:10px;color:#96afbd}.eon-ui .adventure-tile:hover{background:#2345566b;border-color:#b2e6dd50}.eon-ui .sig-aura-showroom{background:radial-gradient(ellipse at 27% 58%,#83b7c126,transparent 43%),#0c1b2f;border-color:#9ebebf36}.eon-ui .sig-aura-list button{background:#182f424f;border-color:#92bec326}.eon-ui .sig-aura-list .selected{background:#8ae7d114;border-color:#a5e8d76b}.eon-ui .atlas-art{background:radial-gradient(ellipse at 70% 140%,var(--world-tint),transparent 77%),#102237}.eon-ui .incubator-status{background:#0c1d30f2;border-color:#8db6c447;color:#d2e4ec;box-shadow:0 10px 30px #0005}.eon-ui .incubator-status .eyebrow{color:#a0e9d5}.eon-ui .boost-pill{background:#122c3ee6;border:1px solid #a9ccb631;color:#dbd6b6}
/* New district archive, with original vector-like CSS diagrams rather than heavy backgrounds. */
.eon-kicker{display:block;font-size:8px;letter-spacing:2px;color:var(--eon-accent);text-transform:uppercase}.eon-intro{padding:9px 0 22px}.eon-intro h2{font-size:37px;font-weight:300!important;letter-spacing:-1.3px;margin:12px 0}.eon-intro p{max-width:670px;color:#a4bcc9}.eon-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:21px}.eon-inline>span{font-size:11px;color:#d9cfb3}.eon-archive{display:grid;grid-template-columns:1fr 1fr;gap:15px}.eon-archive-card{border:1px solid #c0d4df22;border-radius:12px;background:#102135;overflow:hidden;min-width:0}.eon-archive-card.locked{background:#0f1c2d}.eon-archive-copy{padding:19px}.eon-archive-copy .eon-kicker{color:var(--district-accent);letter-spacing:1.7px}.eon-archive-copy .eon-kicker b{font-weight:400;color:#91a9bb;float:right;font-size:7px;letter-spacing:1px}.eon-archive-copy h3{font-size:19px!important;font-weight:400!important;margin:14px 0 5px}.eon-archive-copy>small{font-size:9px;color:#8eaabe}.eon-archive-copy p{color:#afc4cf;min-height:55px;line-height:1.65!important;font-size:11px!important}.eon-archive-copy .btn{font-size:11px}.eon-diagram{height:163px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--district-accent) 12%,transparent),transparent 70%),linear-gradient(135deg,#152a40,#0b182b);border-bottom:1px solid #b5dce318}.eon-diagram:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#93c6d108 1px,transparent 1px),linear-gradient(90deg,#93c6d108 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(black,transparent)}.eon-diagram i{position:absolute;border:1px solid var(--district-accent);width:114px;height:114px;top:15px;left:calc(50% - 57px);border-radius:50%;opacity:.45;transform:rotateX(58deg) rotate(-28deg)}.eon-diagram .orbit-b{transform:rotateX(28deg) rotateY(65deg) rotate(30deg);border-color:var(--district-secondary);opacity:.7}.eon-diagram .orbit-c{transform:rotateX(65deg) rotate(20deg);width:161px;height:161px;top:-8px;left:calc(50% - 80px);opacity:.28}.eon-diagram .core{position:absolute;width:24px;height:24px;left:calc(50% - 12px);top:59px;border:1px solid var(--district-accent);background:color-mix(in srgb,var(--district-accent) 13%,transparent);transform:rotate(45deg);box-shadow:0 0 35px color-mix(in srgb,var(--district-accent) 14%,transparent)}.eon-diagram>small{position:absolute;left:15px;bottom:13px;font-size:7px;letter-spacing:2.5px;color:#aec8d6}.eon-diagram .data-pillar{position:absolute;left:calc(26% + var(--p)*11%);bottom:30px;width:14px;height:calc(18px + var(--p)*7px);border:1px solid color-mix(in srgb,var(--district-accent) 27%,transparent);background:#bdd9eb04;transform:skewY(-23deg);opacity:.6}.eon-diagram.city .data-pillar,.eon-diagram.citadel .data-pillar{height:calc(30px + var(--p)*12px);width:23px}.eon-diagram.solar .data-pillar{transform:skewY(-35deg) rotate(25deg);width:33px;height:18px;bottom:50px}.eon-diagram.cryo .data-pillar{border-radius:50% 50% 5px 5px}.eon-diagram.arboretum .data-pillar,.eon-diagram.biosphere .data-pillar{border-radius:50%;width:24px;bottom:40px}.eon-diagram.quantum .core{border-radius:50%;box-shadow:0 0 0 9px #a5bce812,0 0 40px #b4a2dd44}.eon-diagram.sanctuary .data-pillar{border-color:#e8d4a259}.eon-settings{padding:0 0 20px}.eon-settings-heading h2{font-size:25px;margin:10px 0 6px;font-weight:350!important}.eon-settings-heading small{color:#a4bcc9;font-size:11px}.eon-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:22px 0 14px}.eon-swatch{display:flex;flex-direction:column;align-items:center;gap:9px;min-height:74px;background:#162b3f67;border:1px solid #aac9da2b;border-radius:10px;color:#b9cdda;font-size:10px;padding:11px 7px}.eon-swatch>span{width:23px;height:23px;border:1px solid var(--swatch);background:color-mix(in srgb,var(--swatch) 20%,transparent);transform:rotate(45deg);border-radius:5px}.eon-swatch[aria-pressed=true]{border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 9%,#122336);color:#f1f8fa}.eon-quality-note{font-size:10px!important;color:#9bb2c0;padding:12px 14px;border-radius:8px;background:#a5c9d407}.eon-ui #eon-arrival{position:absolute;left:50%;top:27%;transform:translate(-50%,10px);text-align:center;background:linear-gradient(90deg,transparent,#101c2dea 28%,#101c2dea 72%,transparent);padding:16px 46px;min-width:350px;opacity:0;pointer-events:none;transition:opacity .35s,transform .6s;z-index:2}.eon-ui #eon-arrival.show{opacity:1;transform:translate(-50%,0)}#eon-arrival strong{display:block;font-size:31px;letter-spacing:10px;font-weight:300;margin:12px 0 6px;color:#effffa}#eon-arrival small{font-size:11px;color:#b9ccd6}.eon-ui #world-transition{background:radial-gradient(ellipse,#71b9c388,#102236e0 65%,#060e1a);backdrop-filter:blur(15px)}
/* Quantum hatch theatre: layered holograms, real 3D model portraits, readable results. */
.eon-ui #hatch-dialog{background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--eon-hatch) 9%,#0c1c30),#080f20 80%);border:1px solid #98c7da40;border-radius:20px;box-shadow:0 30px 130px #000c;overflow:auto;max-width:min(1050px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}.eon-ui #hatch-content{isolation:isolate}.eon-ui .hatch-scene{position:relative;padding:58px 32px 27px;overflow:hidden;min-height:380px}.eon-ui .hatch-scene>h2{font-size:24px;font-weight:350;letter-spacing:-.7px}.eon-ui .hatch-orbit{display:none}.eon-ui .world-hatch-atmosphere{opacity:.42}.eon-ui .egg-chapter{color:#92b5c6;font-size:9px;letter-spacing:.8px;z-index:1}.eon-hatch-status{position:absolute;top:19px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #a4cadf1b;padding-bottom:12px;z-index:2;font-size:8px;letter-spacing:1.8px;color:#819ead}.eon-hatch-status b{font-weight:500;color:var(--eon-hatch)}.eon-hatch-system{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.holo-grid{position:absolute;inset:50% -20% -35%;background-image:linear-gradient(#8cd6d914 1px,transparent 1px),linear-gradient(90deg,#8cd6d914 1px,transparent 1px);background-size:45px 45px;transform:perspective(300px) rotateX(56deg);mask-image:linear-gradient(transparent,black)}.holo-ring{position:absolute;width:280px;height:280px;top:calc(48% - 140px);left:calc(50% - 140px);border:1px solid color-mix(in srgb,var(--eon-hatch) 50%,transparent);border-radius:50%;transform:rotateX(60deg);box-shadow:0 0 24px color-mix(in srgb,var(--eon-hatch) 6%,transparent);animation:eon-orbit 12s linear infinite}.holo-ring.r2{width:370px;height:370px;left:calc(50% - 185px);top:calc(48% - 185px);border-style:dashed;border-color:color-mix(in srgb,var(--eon-hatch-second) 25%,transparent);animation-direction:reverse;animation-duration:18s}.holo-ring.r3{width:445px;height:445px;left:calc(50% - 222px);top:calc(48% - 222px);border-color:#a5c9df13;animation:none;transform:rotateX(65deg) rotateY(10deg)}.scan-beam{position:absolute;left:20%;right:20%;height:1px;top:31%;background:linear-gradient(90deg,transparent,var(--eon-hatch),transparent);box-shadow:0 0 18px var(--eon-hatch);animation:eon-scan 1.7s ease-in-out infinite;opacity:.6}.linked .scan-beam{display:none}.signal-tick{position:absolute;top:49%;left:50%;width:4px;height:14px;background:var(--eon-hatch);transform:rotate(calc(var(--tick)*360deg/var(--count))) translateY(-155px);opacity:.24}.eon-ui .hatch-eggs{position:relative;z-index:1;min-height:155px}.eon-ui .egg-cradle{background:transparent}.eon-ui .egg-cradle img{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--eon-hatch) 25%,transparent));animation:eon-capsule 2s ease-in-out infinite}.eon-ui .egg-aureole{border-color:var(--eon-hatch);opacity:.25}.eon-ui .hatch-pet{background:linear-gradient(140deg,#a7d3e30c,#12243b11);border:1px solid #b5ced42b;border-radius:13px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #d9f3f808}.eon-ui .hatch-pet h3{font-size:19px;font-weight:450;letter-spacing:-.5px}.eon-ui .hatch-pet p{font-size:10px;line-height:1.5;color:#9db6c9}.eon-ui .hatch-pet strong{color:#c7e7dd;font-weight:500}.eon-ui .hatch-pet img{filter:drop-shadow(0 5px 24px color-mix(in srgb,var(--item-color) 30%,transparent))}.eon-ui #hatch-dialog[data-eon-tier="4"],.eon-ui #hatch-dialog[data-eon-tier="5"],.eon-ui #hatch-dialog[data-eon-tier="6"]{border-color:color-mix(in srgb,var(--eon-hatch-second) 55%,transparent);box-shadow:0 0 70px color-mix(in srgb,var(--eon-hatch-second) 12%,transparent),0 30px 110px #000b}.eon-ui .signature-reveal-stage{background:none!important}.eon-ui .signature-reveal-stage h2{font-weight:350;letter-spacing:3px}.eon-ui .hatch-actions{position:relative;z-index:5;gap:10px}.eon-ui .hatch-actions .btn{min-height:44px}.eon-ui #hatch-dialog[data-eon-tier="6"] .hatch-pet{border-color:#c0bef958;background:radial-gradient(ellipse at 50% 40%,#c7a4ff14,transparent 70%)}
@keyframes eon-scan{0%,100%{top:31%;opacity:.2}50%{top:62%;opacity:.8}}@keyframes eon-capsule{0%,100%{transform:translateY(3px) rotate(-3deg)}50%{transform:translateY(-10px) rotate(4deg)}}@keyframes eon-orbit{from{transform:rotateX(60deg) rotateZ(0deg)}to{transform:rotateX(60deg) rotateZ(360deg)}}
.eon-ui #loading{background:radial-gradient(ellipse at 50% 30%,#254d59,#081324 70%);color:#d5e8e9}.eon-ui #loading h1{font-weight:350;letter-spacing:2px}.eon-ui #loading p{color:#a0b9c6}.eon-ui #loading .loader-bar span{background:linear-gradient(90deg,#90dec7,#ecd7a1)}
@media(max-width:1100px){#eon-district{max-width:236px;bottom:130px;padding:11px 13px}.eon-ui .quest-peek{width:182px;padding:12px}.eon-ui .quest-peek strong{font-size:16px}}
@media(max-width:650px) and (orientation:portrait){
 .eon-ui.compact-ui #hud{padding:32px 12px 18px}.eon-ui #creator-credit{font-size:8px;top:max(5px,env(safe-area-inset-top));right:10px;padding:3px 7px}.eon-ui .brand{display:none!important}.eon-ui .topbar{justify-content:center;gap:6px}.eon-ui .stats{gap:6px;width:100%;justify-content:center}.eon-ui .stat,.eon-ui.compact-ui .stat{min-width:0;width:calc((100vw - 44px)/3);max-width:130px;padding:7px 8px;gap:6px;border-radius:9px}.eon-ui.compact-ui .stat strong{font-size:21px}.eon-ui .stat svg{width:16px;height:16px}.eon-ui .stat small{font-size:6px!important;letter-spacing:1px!important}.eon-ui.compact-ui .zone-badge{top:98px;font-size:10px;max-width:calc(100vw - 120px);white-space:nowrap}.eon-ui .expansion-status{top:135px;font-size:8px;padding:4px 9px;gap:7px}.eon-ui .aurora-status{top:166px;font-size:10px;border-radius:7px}.eon-ui .side-nav{left:12px!important;top:190px!important;gap:6px!important}.eon-ui.compact-ui .side-nav button{width:47px;height:46px;border-radius:10px}.eon-ui .side-nav button span{font-size:8px!important}.eon-ui .side-nav button svg{width:17px!important;height:17px!important}.eon-ui .quest-peek{display:none!important}.eon-ui .right-tools{right:12px!important;top:195px!important;bottom:auto!important;flex-direction:column;gap:7px}.eon-ui .right-tools button{min-height:44px!important;min-width:44px}.eon-ui .right-tools .expansion-launch{width:44px!important;padding:0!important;justify-content:center}.eon-ui .right-tools .expansion-launch span{display:none!important}.eon-ui .right-tools button>span{display:none!important}.eon-ui .world-label{max-width:119px;padding:4px 7px}.eon-ui .world-label b{font-size:8px!important}.eon-ui .world-label span{font-size:6px!important}.eon-ui #eon-district{left:50%;transform:translateX(-50%);top:193px;bottom:auto;max-width:calc(100vw - 150px);padding:6px 9px;gap:7px;box-shadow:none;background:#122236b0;border-radius:7px}.eon-ui #eon-district .eon-mini-orbit,.eon-ui #eon-district em,.eon-ui #eon-district small{display:none}.eon-ui #eon-district strong{font-size:12px;letter-spacing:3px;margin:2px 0}.eon-ui #eon-district>i{font-size:13px;margin:0}.eon-ui #menu{max-width:calc(100vw - 16px);border-radius:13px}.eon-ui #menu .modal-header{padding:15px 16px 12px}.eon-ui #menu .modal-header h1{font-size:24px;letter-spacing:-.8px}.eon-ui #menu-tabs{padding:8px 14px;gap:5px}.eon-ui #menu-tabs button{min-height:40px;padding:6px 10px;font-size:10px}.eon-ui #menu-content{padding:16px 14px}.eon-ui #menu-content .card,.eon-ui #menu-content .cards .card{padding:13px}.eon-ui .adventure-grid{grid-template-columns:1fr}.eon-ui .adventure-tile{min-height:77px;padding:12px}.eon-ui .aurora-hero,.eon-ui .signature-banner,.eon-ui .horizon-hero,.eon-ui .exp-hero{padding:16px}.eon-ui .aurora-hero h2,.eon-ui .signature-banner h2,.eon-ui .horizon-hero h2{font-size:25px}.eon-archive{grid-template-columns:1fr}.eon-intro h2{font-size:29px}.eon-inline{align-items:flex-start;flex-direction:column}.eon-diagram{height:145px}.eon-palette{grid-template-columns:repeat(2,1fr);gap:8px}.eon-swatch{min-height:66px}.eon-settings-heading h2{font-size:24px}.eon-ui .settings-row{gap:12px}.eon-ui #hatch-dialog{max-width:calc(100vw - 12px);max-height:calc(100dvh - 14px);border-radius:13px}.eon-ui .hatch-scene{padding:60px 14px 20px;min-height:350px}.eon-hatch-status{left:15px;right:15px;top:14px;flex-direction:column;align-items:center;gap:6px;font-size:7px;letter-spacing:1.5px}.eon-ui .hatch-actions{flex-wrap:wrap}.eon-ui .hatch-actions .btn{min-height:44px;font-size:11px}.eon-ui .hatch-pet{padding:12px 8px}.eon-ui .hatch-pet h3{font-size:15px}.eon-ui #hatch-dialog.batch-eight .hatch-pet h3{font-size:12px}.eon-ui #eon-arrival{min-width:270px;max-width:calc(100vw - 65px);top:35%;padding:14px 25px}.eon-ui #eon-arrival strong{font-size:25px;letter-spacing:5px}.eon-ui #eon-arrival .eon-kicker{font-size:7px}.eon-ui .train,.eon-ui.compact-ui .train{min-width:153px;height:54px}.eon-ui .train>span:not(#train-fill){font-size:20px!important}.eon-ui .auto-train{width:57px;flex-basis:57px}.eon-ui .train-hint{font-size:9px!important}.eon-ui .interact{max-width:calc(100vw - 50px)!important}.eon-ui #save-status{font-size:8px}.eon-ui .incubator-status{border-radius:9px}
}
@media(orientation:landscape) and (max-height:550px){
 .eon-ui.compact-ui #hud{padding:26px 16px 13px}.eon-ui #creator-credit{font-size:7px;padding:2px 6px;top:4px}.eon-ui .brand{display:none!important}.eon-ui .topbar{justify-content:center}.eon-ui .stat,.eon-ui.compact-ui .stat{min-width:85px;padding:5px 9px;gap:6px}.eon-ui.compact-ui .stat strong{font-size:19px}.eon-ui .stat small{font-size:6px!important}.eon-ui .zone-badge,.eon-ui.compact-ui .zone-badge{top:82px;font-size:9px;padding:3px 8px}.eon-ui .expansion-status{top:110px;padding:3px 9px;font-size:8px}.eon-ui .aurora-status{top:136px;font-size:9px;padding:3px 8px}.eon-ui .side-nav{top:80px!important;left:15px!important;gap:5px!important}.eon-ui.compact-ui .side-nav button{width:47px;height:44px;border-radius:9px}.eon-ui .side-nav button span{font-size:8px!important}.eon-ui .quest-peek{display:none!important}.eon-ui .right-tools{top:84px!important;right:15px!important;flex-direction:column;gap:5px}.eon-ui .right-tools button{min-height:39px;min-width:44px}.eon-ui .right-tools button>span{display:none!important}.eon-ui #eon-district{left:16px;bottom:97px;padding:7px 10px;max-width:180px;gap:7px}.eon-ui #eon-district .eon-mini-orbit{display:none}.eon-ui #eon-district strong{font-size:14px;letter-spacing:3px;margin:3px 0}.eon-ui #eon-district em{font-size:8px}.eon-ui #eon-district small{font-size:6px}.eon-ui .train,.eon-ui.compact-ui .train{height:45px;min-width:158px;border-radius:10px}.eon-ui .train>span:not(#train-fill){font-size:20px!important}.eon-ui .auto-train{width:56px;flex-basis:56px}.eon-ui #menu .modal-header{padding:11px 18px}.eon-ui #menu .modal-header h1{font-size:22px}.eon-ui #menu-content{padding:14px 18px}.eon-ui .hatch-scene{padding:53px 22px 16px}.eon-hatch-status{top:13px;font-size:7px}.eon-ui #eon-arrival{top:42%;padding:10px 30px;min-width:320px}.eon-ui #eon-arrival strong{font-size:23px;letter-spacing:6px;margin:6px 0}.eon-ui .incubator-status{right:78px;bottom:78px;width:180px}.eon-ui .eon-diagram{height:130px}.eon-ui .eon-intro h2{font-size:28px}
}
@media(max-width:350px) and (orientation:portrait){.eon-ui .stat svg{display:none}.eon-ui.compact-ui .stat strong{font-size:19px}.eon-ui #eon-district{max-width:calc(100vw - 125px)}.eon-ui .train,.eon-ui.compact-ui .train{min-width:137px}.eon-ui .train>span:not(#train-fill){font-size:18px!important}.eon-ui .auto-train{width:53px;flex-basis:53px}.eon-ui #menu .modal-header h1{font-size:21px}.eon-ui .eon-palette{gap:6px}.eon-ui .eon-archive-copy{padding:14px}}
.eon-ui.low-quality .glass,.eon-ui.low-quality #menu,.eon-ui.low-quality dialog::backdrop{backdrop-filter:none}.eon-ui.no-motion .eon-hatch-system *,.eon-ui.no-motion .egg-cradle img,.eon-ui.eon-no-fx .eon-hatch-system *,.eon-ui.low-quality .eon-hatch-system *{animation:none!important}.eon-ui.no-motion #eon-arrival{transition:none}.eon-ui.eon-no-fx .eon-hatch-system{opacity:.18}.eon-ui.eon-no-atmosphere .world-hatch-atmosphere{display:none}@media(prefers-reduced-motion:reduce){.eon-ui .eon-hatch-system *,.eon-ui .egg-cradle img{animation:none!important}.eon-ui #eon-arrival,.eon-ui button{transition:none!important}}
/* Portrait HUD is a compact, non-overlapping grid, not inherited desktop offsets. */
@media(max-width:650px) and (orientation:portrait){
 .eon-ui.compact-ui .topbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px;width:100%;max-width:none;align-items:center}
 .eon-ui.compact-ui .topbar .stats{position:static;left:auto;right:auto;top:auto;transform:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;width:100%;max-width:100%;gap:5px;margin:0}
 .eon-ui.compact-ui .topbar .stat{min-width:0;width:auto;max-width:none;margin:0;padding:7px 6px;gap:4px;height:47px;overflow:hidden}
 .eon-ui.compact-ui .topbar .stat>div{min-width:0}
 .eon-ui.compact-ui .topbar .stat strong{font-size:19px;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
 .eon-ui.compact-ui .topbar .stat svg{width:13px;height:13px}
 .eon-ui.compact-ui .topbar>.icon-btn{position:static;margin:0;transform:none;width:44px;height:47px;min-width:44px;justify-self:end}
 .eon-ui.compact-ui .zone-badge{top:91px;left:12px;right:auto;transform:none;max-width:calc(100vw - 114px);height:30px}
 .eon-ui.compact-ui #eon-district{top:91px;right:12px;left:auto;transform:none;bottom:auto;width:auto;max-width:94px;height:30px;padding:5px 8px;gap:5px}
 .eon-ui.compact-ui #eon-district strong{font-size:10px;letter-spacing:1.5px}
 .eon-ui.compact-ui .side-nav{left:12px!important;right:auto;top:132px!important;bottom:auto;transform:none!important;gap:5px!important;flex-direction:row;justify-content:flex-start}
 .eon-ui.compact-ui .side-nav button{width:44px;height:44px;min-width:44px;min-height:44px}
 .eon-ui.compact-ui .aurora-status{left:auto;right:12px;top:132px;bottom:auto;transform:none;font-size:9px;padding:0 2px;height:44px;min-width:116px;max-width:calc(100vw - 217px)}
 .eon-ui.compact-ui .aurora-status button{min-height:42px;padding:2px 5px;gap:4px}
 .eon-ui.compact-ui .aurora-status button small{display:none}
 .eon-ui.compact-ui .aurora-status button:first-child>span{font-size:16px}
 .eon-ui.compact-ui .aurora-status b{font-size:11px}
 .eon-ui.compact-ui .right-tools{display:none}
 .eon-ui.compact-ui .expansion-status{display:none}
}
@media(max-width:350px) and (orientation:portrait){
 .eon-ui.compact-ui .topbar .stat i{display:none}
 .eon-ui.compact-ui .aurora-status{min-width:91px;max-width:91px;right:8px}
 .eon-ui.compact-ui .aurora-status button{padding:2px 4px;gap:3px}
 .eon-ui.compact-ui .aurora-status button:first-child>span{display:none}
}