/* Shared visual layer; native actions and transaction rules remain in their existing controllers. */
:root{color-scheme:dark;--bg:#080807;--panel:#11100e;--card:#11100e;--surface:#171511;--border:#514127;--text:#eee8da;--muted:#aaa394;--lime:#e9bd62;--accent:#e9bd62;--amber:#e5a44c;--gold:#e9bd62;--purple:#ba98d9;--radius:9px;--shadow:0 16px 40px #0006}
body,body[data-event]{background:radial-gradient(ellipse at 50% 0,#39230e4d,transparent 54%),#080807;color:var(--text);font-family:'Segoe UI',Arial,sans-serif;line-height:1.5;background-attachment:scroll}
body:before,body:after{pointer-events:none}body[data-event=halloween]{--event-accent:#e9bd62;--event-secondary:#dd842e;--event-ink:#171006}
body[data-event=halloween]:before{background:linear-gradient(#080807bb,#080807 700px),var(--event-image);background-size:cover;opacity:.38}
body[data-event=halloween]:after{display:none}
a{color:inherit}button,input,select,textarea{font:inherit}button,.button,.login{border-radius:5px;border:1px solid #6a542f;background:linear-gradient(155deg,#232018,#10100e);color:#e9cb8b;font-weight:650;box-shadow:none;min-height:38px;transition:border-color .12s,background .12s;letter-spacing:.025em}
button:hover,.button:hover,.login:hover{border-color:#dcaf56;background:#342a18;color:#ffe5a8;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffe09b;outline-offset:3px}
button.primary,.button.primary,button[type=submit].primary,body[data-event] .primary{background:linear-gradient(170deg,#ffe1a0,#d9a446 80%);border:1px solid #c38a30;color:#221707;box-shadow:inset 0 1px #fff4d5,0 0 20px #c08c2520}
button.primary:hover,.button.primary:hover{background:linear-gradient(170deg,#ffecb8,#e5b456);color:#100c04}button:disabled,.button[aria-disabled=true]{opacity:.48;cursor:not-allowed;box-shadow:none}
input,select,textarea{background:#0b0b0a;border:1px solid #514630;border-radius:5px;color:#eee8da;min-height:40px;accent-color:var(--gold)}input:focus,select:focus,textarea:focus{border-color:#d1a958}input::placeholder,textarea::placeholder{color:#827c70}label{color:#bdb4a0}input[type=checkbox]{min-height:auto}
h1,h2,h3,h4{color:#f2e5c7}h1{font-weight:750;letter-spacing:-.025em}h2{font-weight:650}small,.muted,.label{color:var(--muted)}.eyebrow,.text-link{color:#d6ad5b;letter-spacing:.13em}.eyebrow{font-size:10px;font-weight:700}.page-head h1{font-size:clamp(27px,3vw,40px)}.page-head p{max-width:760px}.page-head{margin-bottom:25px}.section-heading{border-color:var(--border)}
.card,.gold-panel,.inventory-card,.community-hero,.community-progress,.event-preview,.reward-card,.memory-card,body[data-event] .card,body[data-event] .inventory-card{border:1px solid #4d3c22;background:linear-gradient(135deg,#1b1712bb,#10100fee 60%);border-radius:9px;box-shadow:0 6px 24px #0004;min-width:0}
.card:before,.card:after{pointer-events:none}.notice,.warning-box{background:#3428104d;border:1px solid #6e5226;color:#dcc99c}.empty{background:#100f0d;color:#b7ad99;border-color:#41361f}.empty h3{color:#e5d5ad}.pill,.tag{background:#211d14;border-color:#5b4928;color:#d7bc82}.pill.ok{background:#122017;color:#9ddda9;border-color:#30543b}.pill.warn{background:#35230d;color:#f3c276}.pill.error{background:#381a18;color:#ffa7a2}.error{color:#ffb2a2}
.table-wrap{border-color:#463921;border-radius:7px;background:#100f0c}th{background:#1d1912;color:#c1ac82;border-color:#44361f;font-size:10px;text-transform:uppercase;letter-spacing:.1em}td{border-color:#312b20}tr:hover td{background:#2e241235}details{border-color:#4d3c22}summary{color:#e1c283}progress{accent-color:var(--gold)}
.hub-header{padding:0 clamp(16px,3vw,48px);background:#090908ed;border-bottom:1px solid #59421f;backdrop-filter:blur(12px)}.header-main{min-height:76px;gap:20px}.header-brand{min-width:195px}.header-brand .brand,#sidebar .brand{gap:9px;letter-spacing:.08em;font-size:18px;font-family:Impact,'Arial Narrow',sans-serif;color:#ecca79;line-height:1.05}.brand img,.header-brand .brand img{width:44px;height:48px;filter:drop-shadow(0 0 8px #d999231f)}.header-brand .subbrand,#sidebar .subbrand{font-size:23px;letter-spacing:.13em;color:#f2ca72;font-weight:800;margin-top:3px}.header-right{gap:9px}.wallet-chip{background:#1d170e;border-color:#5a4523;border-radius:6px;padding:7px 11px}.wallet-chip small{color:#c2ad81}.utility-chip{background:#11100d;border-color:#473a24;border-radius:5px}.utility-chip svg{stroke:#e2bc69}.counter:not(:empty){background:#e4b557;color:#211607}.level-chip{color:#e2ba64}.level-chip progress::-webkit-progress-bar,.community-progress progress::-webkit-progress-bar{background:#322918}.level-chip progress::-webkit-progress-value,.community-progress progress::-webkit-progress-value{background:#d9aa49}.steam-chip{color:#c1b18d}.header-right #account{color:#e8dbc1;font-size:12px}#portal-switch{color:#c0aa7b;font-size:10px}#main-nav{border-top:1px solid #32291a;scrollbar-color:#6d542b transparent}#main-nav a{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.065em;padding:13px 16px;color:#b6a985}#main-nav a.active{background:linear-gradient(#c6902020,#c6902006);border-bottom-color:#edc269;color:#ffde94}#main-nav a:hover{background:#30230f65;color:#ffdb8b}.header-sub{border-color:#2c2417;padding:7px 3px}.header-sub .crumb{color:#827761;font-size:9px}.header-sub .crumb strong{color:#cbb487}.header-sub .pill{background:#17170f}#sidebar{background:#0c0c0a;border-right:1px solid #705528}#sidebar .workspace,#sidebar .sidebar-bottom{background:#18140c;border-color:#43351d}#sidebar nav a.active{background:#392b13;color:#f2ce83}#sidebar .symbol svg{stroke:#d6ac5c}#sidebar .navlabel{color:#9d8355}#event-strip{display:none!important}
main{padding:30px clamp(16px,3vw,48px) 44px;max-width:1600px}footer{border-color:#3d311e;color:#c4a46b;font-size:11px}footer span{color:#8e8678}#toast{background:#17140e;border:1px solid #a47c35;color:#f3e4c3;box-shadow:0 12px 40px #000a}#toast.error{border-color:#a95440}
/* All dialogs inherit the same surface, including feature-owned dialogs. */
dialog,dialog.dino-detail,dialog.friends-dialog,.friends-drawer,.friends-panel,.social-panel{color:#eee6d8;background:#100f0d;border:1px solid #89672d;border-radius:10px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2,dialog h3{color:#f0d69c}dialog .card,dialog details,.modal .card{background:#19160f;border-color:#4e3c20}dialog .close,dialog [data-close]{color:#d1b176;background:#16130e;border-color:#5a4421}.dino-detail-top,.dino-detail-heading,.dino-detail-tabs,.dino-detail-footer{background:#100f0de8;border-color:#49381e}.dino-detail-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:#9c927d}.dino-detail-tabs button[aria-selected=true]{color:#f1c76d;border-bottom-color:#d9a94d;background:#2c21114d}.dino-detail-body{background:#100f0d}.dino-showroom{background:#0b0b09}.dino-showroom-title{color:#c9af783b;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.08em}.dino-detail-heading h2{font-size:30px}.dino-fact,.dino-mutation-slot,.prime-summary,.prime-conditions>div{background:#1b170f;border-color:#4f3c1e}.prime-conditions>div.met{border-color:#aa7f2c;color:#f4c860;background:#30240e}.prime-badge{background:#34270c;color:#f1ca72;border-color:#bd9141}.dino-mutation-slot strong{color:#dbcca9}.dino-detail .mutation-preview{background:#1a170f}.dino-detail-footer{position:sticky;bottom:0;z-index:4}.dino-detail-footer .row{flex-wrap:wrap}.dino-detail-body [role=status]{overflow-wrap:anywhere}.dino-detail .viewer-tools{background:#0f0e0c}.dino-detail input{max-width:100%}
/* Inventory, market, auction and shop share the actual existing card renderer. */
.inventory-tabs button,.inventory-filters button,.inv-tabs button,.tabs button{background:#14120e;border-color:#514023;color:#b9a987}.inventory-tabs button.active,.inv-tabs button.active,.tabs button.active,.tabs button[aria-selected=true]{background:#382a13;color:#f5d38b;border-color:#a17c38}.inventory-card{padding:18px}.stored-dino-card{border-top:2px solid #b5893f}.stored-dino-card h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:23px}.stored-model{background:radial-gradient(ellipse at 50% 90%,#49341677,transparent 68%),#090908;border-bottom:1px solid #3c2d15;border-radius:5px 5px 0 0;min-height:210px}.stored-model img{width:100%;height:100%;object-fit:contain}.stored-model-tools{border-color:#3c2d15}.stored-model-tools small{font-size:10px;color:#a0906d}.stored-vital span{font-size:10px;letter-spacing:.05em}.stored-track{background:#272219;border:1px solid #363020}.inv-mutations span{background:#252015;border-color:#61502e;color:#d7c29b}.stored-prime-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stored-prime-actions button{font-size:10px;min-height:42px}.dino-market-info{background:#17140e;border-color:#4b391d}.dino-market-info strong{color:#f2ce7e}.inv-rarity{letter-spacing:.11em}.dino-offer-grid{gap:24px}.dino-offer-grid form{padding:20px;background:#14110c;border:1px solid #4c391d;border-radius:8px}.viewer,.skin-stage,.skin-viewer{background:#090908;border-color:#55401f}.viewer-tools{border-color:#44351e}.color-control,.skin-control{background:#19150e;border-color:#4e3c20}
/* Existing feature components, including non-page dialogs. */
.friends-panel,.friends-panel-header,.friends-panel-footer,.friends-row,.friend-row,.social-dialog{background:#100f0e;color:#e9dfcc;border-color:#493820}.friends-tab.active,.friend-tab.active{color:#e9bb61;border-color:#c08b35}.friends-tabs button{color:#d5b781}.friend-online{color:#ddaf5e}.community-hero{background:radial-gradient(ellipse at 10% 0,#6b411d55,transparent 65%),#11100d}.community-progress{background:#15120d}.community-links>.card{background:linear-gradient(140deg,#20180f,#0e0e0c)}.community-progress progress{background:#302718}.inbox-message{border-color:#3a2f1b}.inbox-message.unread{border-left-color:#dfb357;background:#3b2a1138}.economy-form,.clan-profile,.clan-detail,.daily-calendar,.gift-day,.gift-content{border-color:#584020;background:#14110d}.gift-day.claimed{border-color:#c39a4e}.daily-gifts{background:#100e0b}.gift-header,.gift-footer{border-color:#4e3c20}.admin-nav,.admin-tabs{border-color:#4d3b1f}.admin-tabs .active{color:#efc978;background:#34260f}.community-item,.reward-item{border-color:#604925}.dino-crash{border-color:#60451e}.dino-crash .crash-scene{box-shadow:inset 0 -40px 45px #0008}.map-layout,.map-panel{border-color:#574325}.map-layout .card{background:#14120eee}
/* Home: cinematic art, with no WebGL context or background animation. */
main:has(.echsen-home){padding-top:0}.echsen-home{max-width:1450px;margin:auto}.echsen-hero{position:relative;isolation:isolate;min-height:440px;margin:0 calc(-1 * clamp(16px,3vw,48px));padding:135px 24px 38px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background-image:linear-gradient(0deg,#080807 0%,#08080718 70%),url('/assets/images/dino-crash-scene.png');background-size:cover;background-position:center 38%}.echsen-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#0000,#0006 85%);z-index:-1}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080807 0%,#0808070a 35%,#08080700 70%);z-index:-1}body[data-event=halloween] .echsen-hero{background-image:linear-gradient(0deg,#080807 0%,#0808070a 85%),var(--event-image,url('/assets/events/halloween-2026.webp'));background-position:center 43%}.hero-copy{text-align:center;max-width:1050px;position:relative;z-index:1}.hero-kicker{display:flex;align-items:center;justify-content:center;gap:16px;color:#e8dcc2;font-size:11px;font-weight:600;letter-spacing:.45em;text-shadow:0 2px 8px #000; margin:0 0 10px}.hero-kicker span{height:1px;width:48px;background:#c79b4c99}.echsen-hero h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(44px,6.1vw,89px);font-weight:700;line-height:1;letter-spacing:.035em;margin:0;color:#f8cd6f;text-shadow:0 3px 1px #3d260d,0 5px 26px #000,0 0 50px #000;filter:drop-shadow(0 3px 7px #000)}.echsen-hero h1 em{font-style:normal;color:#ffdc8d}.hero-intro{color:#d1c6ad;letter-spacing:.15em;font-size:12px;margin:15px 0 22px;text-shadow:0 1px 10px #000}.hero-stats{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}.hero-stats>div{min-width:160px;padding:10px 17px;border:1px solid #94713b;border-top-color:#d7ac61;border-radius:7px;background:#080807d9;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:inset 0 1px 1px #fff1,0 7px 20px #0004}.hero-stats svg{width:28px;height:28px;fill:none;stroke:#e2b964;stroke-width:1.5}.hero-stats strong{font-size:21px;line-height:1.1;display:block;color:#f0ca78;font-variant-numeric:tabular-nums}.hero-stats small{display:block;font-size:8px;color:#c3a15e;letter-spacing:.055em;margin-top:3px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.hero-actions .button{min-width:185px;padding:12px 22px;font-size:11px}.echsen-shortcuts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;margin:0 0 22px;position:relative}.echsen-shortcuts a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 6px 16px;min-height:120px;border:1px solid #5d421e;border-radius:7px;background:radial-gradient(ellipse at 50% 0,#79501a24,transparent 75%),linear-gradient(#15130fe8,#0a0a08f5);box-shadow:0 7px 20px #0003;text-decoration:none}.echsen-shortcuts a:hover{border-color:#c3913b;background:#241b0e}.echsen-shortcuts svg{width:36px;height:36px;stroke:#dfb45d;stroke-width:1.4;fill:none;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 7px #edbc5835);margin-bottom:2px}.echsen-shortcuts strong{text-transform:uppercase;font-size:11px;letter-spacing:.035em;color:#e6c27d}.echsen-shortcuts small{font-size:10px;line-height:1.3;color:#a99d86}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px}.home-main,.home-side{display:flex;flex-direction:column;gap:18px;min-width:0}.gold-panel{padding:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-heading h2{display:flex;align-items:center;gap:9px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:0;color:#e5c687}.panel-heading svg{width:22px;height:22px;stroke:#d9af56;stroke-width:1.5;fill:none}.panel-heading a{font-size:10px;color:#ae935d;white-space:nowrap}.home-event{position:relative;overflow:hidden;min-height:265px;isolation:isolate;display:flex;align-items:center;border-color:#98702e;padding:30px}.event-art{position:absolute;inset:0;background:linear-gradient(90deg,#0b0803f2 0%,#0a0704ad 46%,#08080513),var(--event-image,url('/assets/events/halloween-2026.webp'));background-size:cover;background-position:right 50%;z-index:-1}.event-copy{max-width:540px}.event-copy h2{font-family:Impact,'Arial Narrow',sans-serif;color:#f39731;font-size:clamp(27px,3.3vw,49px);letter-spacing:.04em;text-transform:uppercase;line-height:1.04;margin:11px 0 6px;text-shadow:0 3px 8px #000}.event-copy>p{color:#e0b962;font-size:12px;letter-spacing:.12em}.event-features{display:grid;gap:5px;font-size:11px;color:#c9bfac;margin:18px 0}.event-copy .button{font-size:10px;padding:9px 16px}.event-timer{align-self:flex-end;margin-left:auto;text-align:right;background:#0b0804bc;padding:12px;border:1px solid #7c5b29;border-radius:5px;min-width:110px}.event-timer span{display:block;color:#ba9451;font-size:8px;letter-spacing:.13em}.event-timer strong{font-size:13px;color:#f1ce84}.home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.home-news-card{border:1px solid #5a4323;border-radius:6px;overflow:hidden;background:#090908}.home-news-card>div:not(.news-art){padding:13px}.news-art{height:100px;background:linear-gradient(#0001,#0005),url('/assets/images/dino-crash-scene.png');background-size:cover;background-position:center}.news-art-1{background-position:70% 40%}.news-art-2{background-position:20% 50%}body[data-event=halloween] .news-art{background-image:linear-gradient(#0001,#0004),var(--event-image);background-size:cover}.home-news-card time{font-size:8px;color:#b3a68b}.home-news-card .tag{font-size:8px;padding:2px 6px}.home-news-card h3{font-size:13px;line-height:1.4;margin:8px 0}.home-news-card p{font-size:10px;line-height:1.55;color:#a99e89;margin:8px 0 12px}.home-news-card a{color:#dbb266;font-size:10px;font-weight:650}.home-quiet{grid-column:1/-1;padding:24px 8px;color:#c2b18e}.home-quiet strong{font-size:20px;color:#e4cc98}.home-quiet p{font-size:12px}.home-quiet a{font-size:11px;color:#d6b16e}.home-side .gold-panel{padding:17px}.home-side .panel-heading h2{font-size:11px}.status-dot{font-size:8px;font-weight:700;color:#a69a82}.status-dot.online{color:#8dcc79}.status-dot:before{content:'●';margin-right:5px}.home-server dl{margin:8px 0 18px}.home-server dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #322a1c;padding:7px 0;font-size:10px}.home-server dt{color:#a59a84}.home-server dd{margin:0;color:#dfd3ba}.home-server>.button{width:100%;justify-content:center;font-size:10px}.home-wallet>strong{font-size:21px;color:#eac16c;letter-spacing:-.025em}.home-wallet p{font-size:10px;color:#a69c88}.home-wallet .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-wallet .button{font-size:10px;padding:7px 12px;justify-content:center}.home-rank{display:flex;align-items:center;gap:10px;font-size:11px;padding:11px 0;border-bottom:1px solid #342a1a}.home-rank>b{color:#d7aa4e;width:20px;font-size:16px}.home-rank>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-rank>strong{margin-left:auto;font-size:10px;color:#d3b06d;white-space:nowrap}.home-rankings>.text-link{display:block;margin-top:14px;font-size:10px}.home-bottom-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-bottom-links>a{display:flex;align-items:center;gap:15px;text-decoration:none;padding:20px}.home-bottom-links svg{width:31px;height:31px;stroke:#d6ad59;stroke-width:1.4;fill:none}.home-bottom-links strong{font-size:13px;display:block;color:#e1c181}.home-bottom-links small{display:block;font-size:10px;margin-top:4px}.home-bottom-links b{margin-left:auto;color:#b19458}
/* Responsive constraints apply to page and dialog owners, not only the landing page. */
.grid>*{min-width:0}img{max-width:100%}dialog{max-width:calc(100vw - 24px);max-height:92dvh}pre{overflow:auto}input,select,textarea{max-width:100%}.row{min-width:0}.table-wrap{max-width:100%;overflow:auto}
@media(min-width:1400px){.hub-header{display:grid;grid-template-columns:210px minmax(450px,1fr) auto;column-gap:14px}.header-main{display:contents}.header-brand{grid-column:1;grid-row:1;min-height:80px}.header-right{grid-column:3;grid-row:1}.header-right .steam-chip,.header-right .level-chip{display:none}#main-nav{grid-column:2;grid-row:1;align-self:stretch;align-items:center;border:0;overflow:visible}#main-nav a{padding:24px 9px;font-size:10px;flex:1 0 auto}.header-sub{grid-column:1/-1;grid-row:2}.header-right #portal-switch{font-size:9px;padding:6px}.header-right #account{max-width:90px}.header-right .wallet-chip small{display:none}.header-right .wallet-chip strong{font-size:11px}}
@media(max-width:1050px){.home-columns{grid-template-columns:minmax(0,1fr) 245px}.echsen-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.echsen-shortcuts a{min-height:102px}.home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-news-card:last-child{grid-column:1/-1}.home-news-card:last-child .news-art{height:115px}.event-timer{display:none}.home-event{padding:23px}.hero-stats{gap:13px}.hero-stats>div{min-width:150px}.hero-kicker{letter-spacing:.25em}.home-bottom-links{grid-template-columns:1fr}}
@media(max-width:760px){.home-columns{grid-template-columns:1fr}.home-side{display:grid;grid-template-columns:1fr 1fr}.home-rankings{grid-column:1/-1}.echsen-hero{min-height:440px;padding-top:160px}.hero-copy{width:100%}.hero-stats{gap:7px;flex-wrap:nowrap}.hero-stats>div{min-width:0;flex:1;padding:10px 8px;gap:7px}.hero-stats svg{width:21px;height:21px;flex:none}.hero-stats strong{font-size:18px}.hero-stats small{font-size:7px}.hero-kicker{font-size:8px;letter-spacing:.23em}.hero-kicker span{width:22px}.hero-intro{font-size:10px}.hero-actions{gap:10px}.hero-actions .button{min-width:0;flex:1;font-size:9px;padding:11px 10px}.echsen-shortcuts{gap:8px}.echsen-shortcuts strong{font-size:10px}.echsen-shortcuts small{font-size:9px}.echsen-shortcuts svg{width:29px;height:29px}.home-news-card:last-child{grid-column:auto}.home-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-news-card>div:not(.news-art){padding:10px}.home-news-card h3{font-size:12px}.header-main{gap:12px}.header-right{gap:7px}#player-bar{gap:7px}.steam-chip{display:none}.home-event{min-height:250px}.home-bottom-links{grid-template-columns:1fr 1fr}.home-bottom-links>a{padding:16px;gap:10px}.home-bottom-links small{font-size:9px}.dino-detail-tabs button{font-size:11px}.dino-detail-footer{position:static}}
@media(max-width:480px){.header-main{padding:12px 0}.header-brand .brand{font-size:15px}.header-brand .subbrand{font-size:20px}.header-brand .brand img{width:37px;height:40px}.header-brand{min-width:0}.header-right{flex-wrap:wrap}.wallet-chip strong{font-size:11px}#player-bar{flex:1 0 auto;gap:6px}.level-chip{display:none}#player-bar .utility-chip{width:32px;height:32px}.header-right #account{max-width:105px;font-size:10px;min-height:auto}.header-right #portal-switch{font-size:9px;min-height:31px}.header-sub .crumb{font-size:7px}.header-sub .pill{font-size:7px}#main-nav a{font-size:9px;padding:11px 12px}main{padding-left:13px;padding-right:13px}.echsen-hero{min-height:425px;margin-left:-13px;margin-right:-13px;padding-left:12px;padding-right:12px;background-position:43% 40%}body[data-event=halloween] .echsen-hero{background-position:34% 35%}.echsen-hero h1{font-size:46px;line-height:1.04;max-width:350px;margin:auto}.echsen-hero h1 em{display:block}.hero-kicker{font-size:7px;letter-spacing:.2em}.hero-stats>div{display:block;text-align:center;padding:9px 5px}.hero-stats svg{display:none}.hero-stats strong{font-size:17px}.hero-stats small{font-size:6px}.hero-intro{margin:12px 0 16px;font-size:9px;letter-spacing:.09em}.hero-actions{margin-top:15px}.echsen-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.echsen-shortcuts a{padding:12px 8px;min-height:97px}.echsen-shortcuts a:last-child{grid-column:1/-1;flex-direction:row;justify-content:center;gap:13px;min-height:60px}.echsen-shortcuts a:last-child svg{width:25px;height:25px}.echsen-shortcuts a:last-child small{display:none}.home-event{padding:22px 17px;min-height:280px}.event-art{background-position:56% 50%}.event-copy h2{font-size:37px}.event-copy>.eyebrow{font-size:8px}.event-features{font-size:10px}.event-copy>p{font-size:10px}.home-news-grid{grid-template-columns:1fr}.home-news-card{display:grid;grid-template-columns:105px 1fr}.news-art,.home-news-card:last-child .news-art{height:100%;min-height:150px}.home-news-card p{font-size:11px}.home-side{grid-template-columns:1fr}.home-rankings{grid-column:auto}.home-bottom-links{grid-template-columns:1fr}.panel-heading h2{font-size:12px}.gold-panel{padding:17px}.inventory-card{padding:14px}.stored-model{min-height:185px}.dino-detail-heading h2{font-size:24px}.dino-detail .viewer-tools{display:flex;flex-wrap:wrap}.dino-detail .viewer-tools label{min-width:100px;flex:1}.dino-detail-garage{min-width:0;width:100%}.dino-detail-footer>.row{width:100%}.dino-showroom-title{font-size:38px!important}.dialog,.modal{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Supersede the legacy seasonal palette without changing the central event switch. */
body[data-event]:not([data-audience=admin]),.event-preview[data-event]{--bg:#080807;--panel:#11100e;--panel2:#1d1912;--border:#514127;--text:#eee8da;--muted:#aaa394;--lime:#e9bd62;--amber:#e5a44c}
body[data-event]:not([data-audience=admin]){background:radial-gradient(ellipse at 50% 0,#39230e4d,transparent 54%),#080807}
body[data-event] header{background:#090908ed;border-color:#59421f}body[data-event] #sidebar{background:#0c0c0a;border-color:#705528}
body[data-event] button:not(.primary),body[data-event] .button:not(.primary){background:linear-gradient(155deg,#232018,#10100e);border-color:#6a542f;color:#e9cb8b}
body[data-event] input,body[data-event] select,body[data-event] textarea{background:#0b0b0a;border-color:#514630;color:#eee8da}
body[data-event] nav a.active{background:#3b2c124d;color:#ffde94;border-color:#ba8c35}
body[data-event] .notice,body[data-event] #toast{background:#211a0d;border-color:#755725;color:#e7d5ae}
body[data-event] .tag{background:#211d14;color:#d7bc82}body[data-event] .viewer{background:radial-gradient(ellipse at 50% 90%,#49341644,#090908)}
body[data-event] .page-title,body[data-event] .page-heading{background:#11100dbf}body[data-event] .card:hover{border-color:#98713b}
body[data-event] .connection-card,body[data-event] .slot-card,body[data-event] .modal{background:#11100e;border-color:#4d3c22}
body[data-event] .stored-prime-actions button{font-size:10px}.stored-sex{margin:-6px 0 14px;color:#bca779;font-size:12px}
[hidden]{display:none!important}

.hub-confirm{width:min(550px,92vw);padding:28px}.hub-confirm p{line-height:1.7}.hub-confirm label{display:grid;gap:8px}.hub-confirm .row{justify-content:flex-end;margin-top:24px}.gift-selected{background:linear-gradient(120deg,#211a10,#100f0c)}.daily-gift-dialog,.market-confirm{background:#100f0d;color:#eee6d8}.dino-detail-vital{border-color:#3b3020}.dino-detail .stored-track{background:#272219}.dino-fact small,.dino-mutation-slot small,.dino-mutation-slot span{color:#b4a68a}.dino-detail-footer{background:#100f0dfc}.dino-showroom-title{z-index:2;inset:8% 0 auto;color:#e0c99326;pointer-events:none}.hub-header .header-sub{padding-top:3px;padding-bottom:5px}.gift-days button:not(.primary){background:#17130d;border-color:#514024}.event-preview .card{background:#17140de8}.event-preview[data-event]{background:linear-gradient(#100f0c77,#100f0ced),var(--event-image,none) center/cover,#17140d}

/* Compact live status and consistent action surfaces. */
.home-server{padding:16px}.home-server dl{margin-bottom:0}.home-server .panel-heading{margin-bottom:10px}.garage-slot-offers{display:flex;gap:10px;flex-wrap:wrap}.market-confirm,.dc-dialog{color:var(--text,#eee);background:#100e0a;border:1px solid #715421;border-radius:12px;max-width:min(640px,calc(100vw - 28px))}.market-confirm::backdrop,.dc-dialog::backdrop{background:#000b}.dino-market-info time{font-variant-numeric:tabular-nums;color:#e8c875}@media(max-width:600px){.garage-slot-offers button{width:100%}.dino-offer-grid{grid-template-columns:1fr}.home-server{padding:14px}}

.economy-tabs .selected,.inv-tabs button.selected,.admin-tabs button.selected{border-color:#bd913c;color:#f7d788;background:#30230d}.economy-tabs button{min-height:44px}

/* Keep the three market destinations adjacent on narrow screens. */
.market-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px}.market-tabs>*{flex:0 0 auto;min-height:44px}