:root{--bg:#030303;--panel:#08090a;--line:#2c1517;--red:#f21d28;--red2:#7a0a10;--muted:#85878b;--green:#2edc64;--gold:#f4b52d;--purple:#8e45ff;--blue:#27a9ff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020202;color:#eee;font-family:Arial,Helvetica,sans-serif}button{font:700 12px Arial;cursor:pointer;color:white}.hidden{display:none!important}
.intro-screen{position:fixed;inset:0;z-index:999;background:#000 url('assets/intro-dino.png') center/cover no-repeat;cursor:pointer}.intro-screen button{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0}.intro-screen.exit{animation:introout .8s forwards}@keyframes introout{to{opacity:0;transform:scale(1.08);visibility:hidden}}
.guest-screen{min-height:100vh;background:linear-gradient(rgba(2,2,2,.35),#020202 72%),url('assets/dashboard-reference.png') center 12%/cover fixed no-repeat;padding-bottom:60px}.guest-head{height:72px;display:flex;align-items:center;padding:0 4%;gap:35px;background:rgba(2,2,2,.9);border-bottom:1px solid #281014}.brand{display:flex;gap:10px;align-items:center}.brand>span,.side-brand>span{font-size:32px;color:var(--red);font-weight:900;transform:rotate(-12deg)}.brand b{font-size:25px}.brand em,.side-brand em{color:var(--red);font-style:normal}.guest-head nav{display:flex;gap:35px;flex:1}.guest-head nav a{font-size:12px;color:#d5d5d5;text-transform:uppercase}.server-online{font-size:11px;border:1px solid #242424;padding:12px 16px}.server-online i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:6px}
.guest-hero{min-height:560px;display:flex;align-items:center;padding:80px 10%;background:radial-gradient(circle at 70% 35%,transparent,rgba(0,0,0,.45) 45%,rgba(0,0,0,.9) 80%)}.guest-copy{max-width:690px}.eyebrow{color:#c9c9c9;letter-spacing:4px;font-size:12px}.guest-copy h1{font-size:105px;line-height:.8;margin:20px 0}.guest-copy h1 span{color:var(--red)}.guest-copy h2{letter-spacing:4px;color:#ddd}.guest-copy>p{color:#aaa;line-height:1.7}.login-row{display:flex;gap:12px;margin-top:32px}.login{width:300px;height:82px;display:flex;align-items:center;gap:18px;border-radius:7px;text-align:left;padding:14px 22px}.login small{display:block;font-size:10px;font-weight:500}.login span:last-child{font-size:25px}.brand-icon{font-size:35px}.steam{background:linear-gradient(135deg,#06111d,#071a29);border:1px solid #258ae0;box-shadow:0 0 22px rgba(20,120,220,.18)}.discord{background:linear-gradient(135deg,#16091d,#321050);border:1px solid #9a46e8;box-shadow:0 0 22px rgba(125,55,210,.18)}
.guest-stats{width:min(86%,1100px);margin:-45px auto 20px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(6,6,6,.94);border:1px solid #3a1a1c;border-radius:8px}.guest-stats div{text-align:center;padding:23px;border-right:1px solid #262626}.guest-stats div:last-child{border:0}.guest-stats b{font-size:28px;color:var(--red)}.guest-stats small{display:block;margin-top:6px;color:#999;font-size:9px}.green{color:var(--green)!important}.orange{color:#ff9a25!important}.gold{color:var(--gold)!important}
.locked-preview{width:96%;margin:20px auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.locked-preview article{height:180px;border:1px solid #3a1519;background:rgba(8,5,5,.82);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#777}.locked-preview span{font-size:25px}.locked-preview b{font-size:13px}
.portal{display:grid;grid-template-columns:245px 1fr;min-height:100vh;background:#040404}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #301115;padding:20px 12px;background:linear-gradient(#050505,#020202)}.side-brand{height:95px;display:flex;gap:10px;align-items:center;padding:0 12px}.side-brand b{font-size:28px;line-height:.8}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav a{height:42px;display:flex;align-items:center;gap:15px;padding:0 13px;color:#bbb;font-size:11px;border-radius:4px}.sidebar nav a.active{background:linear-gradient(90deg,#8a0b12,#250406);color:white;border:1px solid #e01a23}.sidebar nav small{margin-left:auto;padding:3px 5px;background:#8a0b12;border-radius:3px}.prime-box{margin-top:18px;padding:14px;border:1px solid #66480b;background:linear-gradient(145deg,#1a1002,#060402);border-radius:6px}.prime-box>b{display:block;color:var(--gold);font-size:21px}.prime-box p{color:#928777;font-size:9px;line-height:1.4}.prime-box button{width:100%;background:#593900;border:1px solid #bd8120;padding:9px}.socials{position:absolute;bottom:20px;left:25px;color:#ddd;letter-spacing:12px}
.dashboard{padding:18px;background:radial-gradient(circle at 40% 0,#100506 0,#040404 36%)}.profile-top{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 8px 15px;border-bottom:1px solid #1d1d1d}.profile-main{display:flex;align-items:center;gap:12px}.avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;border:2px solid #c51c24;background:#190507;color:#eee;font-size:25px}.profile-main h3{margin:0;font-size:25px}.profile-main span{color:var(--red);font-size:10px}.level{width:52px;height:52px;display:grid;place-items:center;border:2px solid #c68517;color:#ffd35d;clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%)}.xp{width:210px}.xp{height:7px;background:#252525;margin-left:2px}.xp i{display:block;width:65%;height:100%;background:linear-gradient(90deg,var(--red),#ff7631)}.xp small{display:block;margin-top:7px;color:#888}.top-stats{display:flex}.top-stats div{min-width:110px;text-align:center;border-left:1px solid #252525}.top-stats small{display:block;color:#777;font-size:9px}.top-stats b{font-size:21px}
.top-grid{display:grid;grid-template-columns:1.6fr .9fr .72fr;gap:12px;margin-top:12px}.card{border:1px solid #282828;background:linear-gradient(145deg,#090909,#050505);border-radius:8px;overflow:hidden}.server-card{height:260px;position:relative}.gateway-bg{position:absolute;inset:0;background:url('assets/gateway.jpg') center/cover no-repeat;filter:brightness(.72)}.gateway-overlay{position:absolute;inset:0;padding:20px;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.1))}.gateway-overlay h3{margin:0}.gateway-overlay p{font-size:11px;line-height:1.8}.gateway-overlay button{margin-top:35px;padding:12px 22px;background:#6a070b;border:1px solid #e11b24;border-radius:4px}
.card-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #222}.card-head h3{margin:0;font-size:12px}.card-head a{font-size:9px;color:var(--red)}.badge{background:#5a0b0e;padding:3px 6px;border-radius:3px}.events-card,.friends-card{height:260px}.event-line{height:69px;display:grid;grid-template-columns:62px 1fr;gap:10px;padding:8px;border-bottom:1px solid #1d1d1d}.event-img{background:url('assets/tyrannosaurus.jpg') center/cover}.scratch,.egg{display:grid;place-items:center;background:#180507;color:var(--red);font-size:22px}.event-line b,.event-line small,.event-line p{display:block;margin:0}.event-line b{font-size:11px}.event-line small{font-size:9px;color:var(--red);margin:4px 0}.event-line p{font-size:9px;color:#777}
.friend{display:grid;grid-template-columns:34px 1fr 8px;gap:8px;align-items:center;padding:8px 12px}.favatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#201010;border:1px solid #713033;font-size:9px}.friend b,.friend small{display:block}.friend b{font-size:11px}.friend small{font-size:9px;color:#777}.dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.outline{width:calc(100% - 24px);margin:6px 12px;padding:9px;background:#100303;border:1px solid #701016;color:var(--red)}
.dino-section{margin-top:12px}.dino-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:8px}.dino-card{position:relative;height:285px;border:1px solid #343434;border-radius:6px;overflow:hidden;background:#080808}.dino-card.prime{border-color:#a97816;box-shadow:0 0 15px rgba(215,160,28,.14)}.dino-photo{height:185px;background-size:cover;background-position:center top}.dino-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080808 20%,transparent 55%);pointer-events:none}.dino-content{position:absolute;inset:0;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.dino-title{display:flex;justify-content:space-between;font-size:11px}.prime-tag{background:#6d4b00;color:#ffd65a;padding:3px 5px;font-size:8px}.dino-bottom small{font-size:8px;color:#aaa}.growth{height:4px;background:#1e1e1e;margin:6px 0}.growth i{display:block;height:100%;background:var(--accent)}.dino-stats{display:flex;justify-content:space-between;font-size:8px;color:#888}.mutation-row{margin-top:8px;display:flex;gap:5px}.mutation-row i{width:18px;height:18px;border-radius:50%;border:1px solid var(--accent);background:#151515}
.bottom-grid{display:grid;grid-template-columns:1fr .9fr 1fr .82fr;gap:12px;margin-top:12px}.stats-card,.ranking,.news,.discord-panel,.quick{min-height:250px}.chart-info{width:130px;float:left;padding:18px}.chart-info b,.chart-info small{display:block}.chart-info b{margin-top:5px}.chart-info i{font-size:9px;color:var(--green)}.chart-info small{font-size:8px;color:#777;margin-bottom:10px}.chart{width:calc(100% - 140px);height:190px;margin-top:16px}.chart polyline{fill:none;stroke:var(--red);stroke-width:4}.rankline{height:39px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1e1e1e;font-size:11px}.goldrow{border:1px solid #63420d;color:#f1c350;margin:5px}.newsline{display:grid;grid-template-columns:72px 1fr;gap:9px;padding:8px}.newsline>span{height:50px;background:url('assets/allosaurus.jpg') center/cover}.newsline b{font-size:10px}.newsline p{font-size:8px;color:#777;margin:5px 0}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.role-grid span{font-size:9px}.role-grid b{font-size:14px}.blue{color:var(--blue)}.red{color:var(--red)}.discord-btn{width:calc(100% - 24px);margin:4px 12px;padding:12px;background:#271047;border:1px solid #7e3ad6}.quick button{display:block;width:calc(100% - 24px);margin:8px 12px;padding:11px;text-align:left;background:#0d0d0d;border:1px solid #2c2c2c}
dialog{width:min(92%,430px);background:#080808;color:white;border:1px solid #692026;padding:28px;border-radius:8px}dialog::backdrop{background:rgba(0,0,0,.82)}.modal-close{float:right;background:none;border:0;font-size:24px}.continue{width:100%;margin-top:15px;padding:13px;background:#711017;border:1px solid var(--red)}
@media(max-width:1100px){.portal{grid-template-columns:85px 1fr}.sidebar nav span,.sidebar nav small,.prime-box,.side-brand b{display:none}.side-brand{justify-content:center}.top-grid{grid-template-columns:1fr 1fr}.friends-card{grid-column:span 2}.dino-grid{grid-template-columns:repeat(3,1fr)}.bottom-grid{grid-template-columns:1fr 1fr}.guest-head nav{display:none}}
@media(max-width:700px){.guest-copy h1{font-size:72px}.login-row{flex-direction:column}.login{width:100%}.guest-stats{grid-template-columns:1fr 1fr}.locked-preview{grid-template-columns:1fr}.portal{display:block}.sidebar{display:none}.dashboard{padding:8px}.profile-top{height:auto;align-items:flex-start;gap:12px}.top-stats{display:grid;grid-template-columns:1fr 1fr}.profile-main .xp{display:none}.top-grid,.bottom-grid{grid-template-columns:1fr}.friends-card{grid-column:auto}.dino-grid{grid-template-columns:1fr 1fr}.dino-card{height:260px}}

/* PROFILE PAGE V4 */
.profile-portal .sidebar{min-width:245px}
.profile-dashboard{padding-top:18px}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;margin-top:12px}
.profile-maincol,.profile-side{display:flex;flex-direction:column;gap:12px}
.profile-banner{position:relative;height:250px;overflow:hidden}
.profile-banner-bg{position:absolute;inset:0;background:
linear-gradient(90deg,rgba(2,2,2,.85),rgba(2,2,2,.12)),
url('assets/gateway.jpg') center/cover no-repeat;filter:brightness(.8)}
.profile-banner-content{position:absolute;inset:0 0 44px;padding:18px;display:flex;align-items:center;gap:20px}
.profile-avatar-big{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;border:3px solid #ec1d28;background:#160405;color:#fff;font-size:54px;box-shadow:0 0 25px rgba(230,20,30,.25)}
.identity h1{margin:0 0 4px;font-size:28px}.identity>b{display:block;color:var(--red);font-size:12px}.identity>span{display:block;margin:12px 0;font-size:11px}.identity p{font-size:10px;color:#bbb;line-height:1.8}
.edit-profile{margin-left:auto;align-self:flex-end;margin-bottom:4px;background:#0c0c0c;border:1px solid #3a3a3a;padding:11px 16px}
.profile-tabs{position:absolute;bottom:0;left:0;right:0;height:44px;display:flex;align-items:end;padding:0 14px;background:rgba(4,4,4,.92);border-top:1px solid #1f1f1f}.profile-tabs button{height:44px;background:none;border:0;color:#c4c4c4;padding:0 18px;font-size:9px}.profile-tabs button.active{color:white;border-bottom:2px solid var(--red)}
.profile-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.profile-kpis article{height:84px;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:0}.profile-kpis article+article{border-left:1px solid #222}.kpi-icon{font-size:21px;color:#9a9a9a}.profile-kpis b{font-size:19px;margin-top:5px}.profile-kpis small{font-size:8px;color:#888}
.profile-dinos .card-head{height:44px}.profile-dino-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px}.mini-dino{padding:8px;border:1px solid #2c2c2c;border-radius:5px;background:#080808}.prime-card{border-color:#80601b;box-shadow:0 0 12px rgba(210,160,30,.12)}.mini-photo{height:145px;background-size:cover;background-position:center top}.mini-photo.allo{background-image:url('assets/allosaurus.jpg')}.mini-photo.cera{background-image:url('assets/ceratosaurus.jpg')}.mini-photo.omni{background-image:url('assets/omniraptor.jpg')}.mini-photo.rex{background-image:url('assets/tyrannosaurus.jpg')}.mini-photo.bary{background-image:url('assets/baryonyx.jpg')}.mini-dino>div:nth-child(2){display:flex;justify-content:space-between;align-items:center;margin-top:5px}.mini-dino b{font-size:10px}.mini-dino>small{font-size:8px;color:#ccc}.mini-dino p{font-size:8px;color:#888;margin:5px 0}.mini-growth{height:4px;background:#1e1e1e;margin:5px 0}.mini-growth i{display:block;height:100%;background:#e4b641}.redbar i{background:#e43c46}.greenbar i{background:#36d65d}.purplebar i{background:#9852e8}.bluebar i{background:#33c6dd}
.profile-bottom{display:grid;grid-template-columns:1fr 1.05fr;gap:12px}.activity-chart svg{width:100%;height:230px;padding:10px}.activity-chart polyline{fill:none;stroke:var(--red);stroke-width:4}.activity-meta{position:absolute;margin:55px 0 0 115px;background:rgba(10,10,10,.88);border:1px solid #332020;padding:8px 10px;font-size:9px}.activity-meta span{display:block;color:#aaa;margin-top:3px}.recent-line{display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid #1e1e1e}.recent-line>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#16080a;color:#e2353e}.recent-line b,.recent-line small{display:block}.recent-line b{font-size:10px}.recent-line small{font-size:8px;color:#898989;margin-top:3px}.recent-line em{font-style:normal;font-size:8px;color:#777}
.progress-body{display:flex;gap:16px;align-items:center;padding:18px}.big-level{width:66px;height:66px;font-size:22px}.progress-body>div:last-child{flex:1}.progress-body b{font-size:13px}.progress-bar{height:7px;background:#232323;margin:12px 0}.progress-bar i{display:block;width:72%;height:100%;background:linear-gradient(90deg,#c7131d,#f13a43)}.progress-body small{font-size:9px;color:#888}
.favorite-dino{padding-bottom:12px}.fav-content{display:grid;grid-template-columns:1fr 1.15fr;padding:15px;gap:5px}.fav-content h2{margin:0 0 6px}.fav-content p{font-size:8px;color:#8c8c8c;line-height:1.4}.fav-dino-img{min-height:220px;background:url('assets/allosaurus.jpg') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 100%)}.favorite-dino .outline{width:calc(100% - 24px);margin:0 12px}
.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:12px}.achievement-grid>div{text-align:center}.ach{width:54px;height:54px;margin:auto;display:grid;place-items:center;clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);background:#151515;border:1px solid currentColor;font-weight:900}.achievement-grid b,.achievement-grid small{display:block}.achievement-grid b{font-size:8px;margin-top:7px}.achievement-grid small{font-size:7px;color:#777;margin-top:3px}
.pfriend{display:grid;grid-template-columns:34px 1fr 8px;gap:8px;align-items:center;padding:8px 12px}.pfriend>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#211011;border:1px solid #693136;font-size:8px}.pfriend b,.pfriend small{display:block}.pfriend b{font-size:10px}.pfriend small{font-size:8px;color:#777}.pfriend i{width:7px;height:7px;border-radius:50%;background:var(--green)}.pfriend i.away{background:#f29a24}.pfriend i.off{background:#666}
@media(max-width:1200px){.profile-layout{grid-template-columns:1fr}.profile-side{display:grid;grid-template-columns:1fr 1fr}.profile-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.profile-banner{height:330px}.profile-banner-content{align-items:flex-start;flex-wrap:wrap}.profile-avatar-big{width:90px;height:90px;font-size:42px}.edit-profile{margin-left:0}.profile-tabs{overflow:auto}.profile-dino-grid{grid-template-columns:1fr 1fr}.profile-bottom,.profile-side{grid-template-columns:1fr}.profile-kpis{grid-template-columns:repeat(2,1fr)}}


/* ===== DINO ERA V5 — RESPONSIVE / FULL CONTENT FIX ===== */

/* The whole page scrolls normally; sidebar is no longer trapped at viewport height */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
.portal {
  align-items: stretch;
}
.sidebar {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  min-height: 100vh;
  overflow: visible !important;
  padding-bottom: 34px;
}
.sidebar .socials {
  position: static !important;
  margin: 28px 12px 0;
}

/* Main content is allowed to shrink instead of pushing cards off screen */
.dashboard,
.profile-dashboard,
.profile-maincol,
.profile-side,
.card {
  min-width: 0;
}
.dashboard {
  width: 100%;
  max-width: 100%;
}

/* Images never overflow their cards */
img, svg {
  max-width: 100%;
}
.gateway-bg,
.dino-photo,
.mini-photo,
.fav-dino-img,
.profile-banner-bg {
  background-repeat: no-repeat;
}
.dino-photo,
.mini-photo {
  background-size: contain !important;
  background-position: center center !important;
  background-color: #050606;
}
.fav-dino-img {
  background-size: contain !important;
  background-position: center bottom !important;
}
.profile-banner-bg {
  background-size: cover !important;
}

/* Profile: use available width more intelligently */
.profile-layout {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 320px) !important;
}
.profile-dino-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.mini-dino {
  min-width: 0;
  overflow: hidden;
}
.mini-photo {
  height: clamp(120px, 12vw, 175px);
}
.profile-bottom {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
}

/* Dashboard dinosaur cards also fit the screen */
.dino-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.dino-card {
  min-width: 0;
}
.dino-photo {
  height: clamp(145px, 13vw, 195px);
}

/* Better fit for common laptop / desktop resolutions */
@media (max-width: 1500px) {
  .portal {
    grid-template-columns: 220px minmax(0, 1fr);
  }
  .profile-portal .sidebar {
    min-width: 220px;
  }
  .sidebar nav a {
    padding-left: 10px;
    gap: 11px;
    font-size: 10px;
  }
  .profile-layout {
    grid-template-columns: minmax(0, 1fr) 285px !important;
  }
  .profile-dino-grid {
    gap: 6px;
  }
  .mini-dino {
    padding: 6px;
  }
  .mini-dino b {
    font-size: 9px;
  }
  .top-stats div {
    min-width: 92px;
  }
}

@media (max-width: 1280px) {
  .portal {
    grid-template-columns: 190px minmax(0, 1fr) !important;
  }
  .profile-portal .sidebar {
    min-width: 190px;
  }
  .side-brand {
    padding-left: 6px;
  }
  .side-brand b {
    font-size: 23px;
  }
  .sidebar nav a {
    font-size: 9px;
    gap: 8px;
    padding-left: 8px;
  }
  .profile-layout {
    grid-template-columns: 1fr !important;
  }
  .profile-side {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .profile-dino-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .top-stats div {
    min-width: 78px;
  }
  .top-stats b {
    font-size: 17px;
  }
}

@media (max-width: 1050px) {
  .portal {
    grid-template-columns: 165px minmax(0, 1fr) !important;
  }
  .profile-portal .sidebar {
    min-width: 165px;
  }
  .sidebar nav a {
    height: 39px;
  }
  .prime-box {
    padding: 10px;
  }
  .profile-top {
    height: auto;
    gap: 12px;
    align-items: flex-start;
  }
  .profile-main {
    flex-wrap: wrap;
  }
  .top-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .profile-dino-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .dino-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .profile-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  /* On phones the navigation becomes horizontal instead of disappearing */
  .portal,
  .profile-portal {
    display: block !important;
  }
  .sidebar {
    display: block !important;
    min-height: 0;
    width: 100%;
    min-width: 0 !important;
    padding: 8px;
    border-right: 0;
    border-bottom: 1px solid #301115;
  }
  .side-brand {
    height: 65px;
  }
  .side-brand b {
    display: block !important;
  }
  .sidebar nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sidebar nav a span {
    display: inline !important;
  }
  .prime-box {
    display: block !important;
    margin-top: 10px;
  }
  .socials {
    display: none;
  }
  .dashboard {
    padding: 7px;
  }
  .profile-banner {
    height: 360px;
  }
  .profile-banner-content {
    align-content: flex-start;
  }
  .profile-tabs {
    overflow-x: auto;
  }
  .profile-tabs button {
    flex: 0 0 auto;
  }
  .profile-dino-grid,
  .dino-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .profile-side,
  .profile-bottom {
    grid-template-columns: 1fr !important;
  }
  .profile-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 470px) {
  .sidebar nav {
    grid-template-columns: 1fr;
  }
  .profile-dino-grid,
  .dino-grid {
    grid-template-columns: 1fr !important;
  }
  .profile-kpis {
    grid-template-columns: 1fr 1fr;
  }
}


/* ===== V6 CLEAN PROFILE ===== */

/* Three most-used dinosaurs only */
.top3-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  padding:12px !important;
}
.top3-card{
  position:relative;
  min-height:305px;
  padding:10px !important;
  overflow:hidden;
}
.top3-card .mini-photo{
  height:190px !important;
  background-size:contain !important;
  background-position:center bottom !important;
}
.rank-badge{
  position:absolute;
  z-index:3;
  top:12px;
  left:12px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-weight:900;
  font-size:12px;
  background:#101010;
  border:1px solid #555;
}
.rank1{color:#ffc13d;border-color:#a97816}
.rank2{color:#d7dbe1;border-color:#777}
.rank3{color:#d87b32;border-color:#8d441e}
.top3-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:8px 0 10px;
}
.top3-title b{font-size:12px}
.top3-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  border-top:1px solid #222;
  border-bottom:1px solid #222;
  padding:9px 0;
}
.top3-meta span{min-width:0}
.top3-meta b,.top3-meta small{display:block}
.top3-meta b{font-size:12px;color:#eee}
.top3-meta small{
  margin-top:3px;
  font-size:7px;
  color:#7f7f7f;
  white-space:normal;
}
.top3-card .mutation-row{
  margin-top:10px;
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

/* Give friends / side column more breathing room */
.profile-layout{
  grid-template-columns:minmax(0,1fr) minmax(300px,340px) !important;
}
.friends-side{
  min-height:330px;
}
.pfriend{
  padding:10px 14px !important;
}
.pfriend>span{
  width:38px !important;
  height:38px !important;
}
.pfriend b{font-size:11px !important}
.pfriend small{font-size:9px !important}

/* Slightly wider labels on left nav and normal document scrolling */
.sidebar nav a{
  min-height:42px;
}
.sidebar{
  overflow:visible !important;
}

/* Laptop sizing */
@media(max-width:1280px){
  .profile-layout{
    grid-template-columns:1fr !important;
  }
  .profile-side{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .top3-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:800px){
  .top3-grid{
    grid-template-columns:1fr !important;
  }
  .top3-card .mini-photo{
    height:220px !important;
  }
}


/* ===== V8 MAIN LAYOUT FIX ===== */

/* Main dashboard no longer reserves space for a huge 6-dinosaur row */
.bottom-grid{
  margin-top:12px;
}

/* Let left menu scroll naturally with the page and never cut items off */
.sidebar{
  position:relative !important;
  height:auto !important;
  min-height:100vh;
  align-self:stretch;
}
.sidebar nav{
  overflow:visible !important;
}
.sidebar .socials{
  position:static !important;
  margin:28px 12px 0 !important;
}

/* Keep dashboard columns from overflowing */
.top-grid,
.bottom-grid,
.profile-layout,
.profile-bottom{
  min-width:0;
}
.top-grid > *,
.bottom-grid > *,
.profile-layout > *,
.profile-bottom > *{
  min-width:0;
}

/* Profile Top-3 cards: prioritize fitting the whole animal */
.top3-card .mini-photo{
  background-size:contain !important;
  background-position:center bottom !important;
  background-repeat:no-repeat !important;
  height:180px !important;
}
.top3-card{
  min-width:0;
}
.top3-title,
.top3-meta{
  min-width:0;
}

/* Friends card gets comfortable width */
.friends-side,
.friends-card{
  min-width:280px;
}

/* Future dinos placeholder */
.future-page{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:60px;
}
.future-card{
  width:min(850px,94%);
  padding:55px;
  text-align:center;
}
.future-icon{
  display:grid;
  place-items:center;
  width:70px;height:70px;
  margin:0 auto 20px;
  border-radius:50%;
  color:#f32a34;
  font-size:30px;
  background:#160608;
  border:1px solid #71131a;
}
.future-card h1{
  font-size:38px;
  margin:10px 0 14px;
}
.future-card>p:last-of-type{
  max-width:650px;
  margin:0 auto;
  color:#929292;
  line-height:1.7;
}
.future-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:30px 0;
}
.future-stats div{
  padding:20px;
  background:#080808;
  border:1px solid #2a1517;
}
.future-stats b,.future-stats small{display:block}
.future-stats b{font-size:25px;color:#e32a34}
.future-stats small{margin-top:5px;color:#777;font-size:8px}
.back-btn{
  display:inline-block;
  padding:12px 20px;
  color:white;
  text-decoration:none;
  border:1px solid #8b161d;
  background:#190507;
}

@media(max-width:1100px){
  .bottom-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .friends-card{min-width:0}
}
@media(max-width:760px){
  .bottom-grid{
    grid-template-columns:1fr !important;
  }
  .future-card{padding:28px 18px}
  .future-stats{grid-template-columns:1fr}
}

/* V9 MY DINOSAURS / PARK SYSTEM */
.mydino-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px;margin-top:12px}.mydino-main,.mydino-side{display:flex;flex-direction:column;gap:12px;min-width:0}.mydino-hero{padding:22px;background:linear-gradient(90deg,rgba(5,5,5,.94),rgba(8,8,8,.72)),url('assets/gateway.jpg') center/cover}.mydino-hero h1{font-size:31px;margin:5px 0}.mydino-hero>div>p:last-child{max-width:650px;color:#aaa;font-size:11px;line-height:1.6}.mydino-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border:1px solid #222;background:rgba(0,0,0,.72)}.mydino-summary div{text-align:center;padding:14px;border-right:1px solid #222}.mydino-summary div:last-child{border:0}.mydino-summary b,.mydino-summary small{display:block}.mydino-summary b{font-size:19px}.mydino-summary small{font-size:7px;color:#777;margin-top:4px}.purple{color:#a852e8!important}.park-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px}.park-card{position:relative;border:1px solid #292929;border-radius:6px;background:#070808;padding:9px;min-width:0}.park-card.prime-card{border-color:#685015}.park-img{height:220px;background-size:contain;background-repeat:no-repeat;background-position:center bottom;background-color:#050606}.park-img.allo{background-image:url('assets/allosaurus.jpg')}.park-img.cera{background-image:url('assets/ceratosaurus.jpg')}.park-img.omni{background-image:url('assets/omniraptor.jpg')}.alive{position:absolute;right:10px;top:10px;color:#65db4c;font-size:8px;z-index:2}.park-prime{position:absolute;left:10px;top:10px;z-index:2}.park-card h2{font-size:14px;margin:8px 0}.growthline{display:grid;grid-template-columns:auto 1fr;gap:3px 10px}.growthline b{font-size:20px}.growthline small{font-size:7px;color:#777}.growthline i{grid-column:1/3;height:4px;background:#252525}.growthline em{display:block;height:100%;background:#e92732}.greenbar2{background:#5fc94f!important}.goldbar{background:#f2ad20!important}.park-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:10px 0;border-top:1px solid #202020;border-bottom:1px solid #202020}.park-stats span{padding:8px 3px;border-right:1px solid #202020}.park-stats span:last-child{border:0}.park-stats b,.park-stats small{display:block}.park-stats b{font-size:11px}.park-stats small{font-size:6px;color:#777;margin-top:3px}.restore{width:100%;margin-top:10px;padding:10px;background:#310607;border:1px solid #a5151b;color:#f13b43}.greenrestore{background:#102708;border-color:#3f821f;color:#70dc50}.bluerestore{background:#07172a;border-color:#174f8b;color:#4aa4ff}.park-date{display:block;text-align:center;color:#777;font-size:7px;margin:9px 0 2px}.info-panel ol{margin:0;padding:15px 28px 18px;color:#aaa;font-size:10px;line-height:1.7}.info-panel li{margin-bottom:8px}.info-panel li::marker{color:#f3a51d;font-weight:bold}.park-new{text-align:center;padding-bottom:14px}.claw{font-size:46px;color:#62c64d;font-weight:900;transform:rotate(-20deg);margin:20px}.park-new p{font-size:9px;color:#999;padding:0 22px;line-height:1.5}.park-new button{width:calc(100% - 24px);padding:11px;background:#0d230c;border:1px solid #39792f;color:#69d158}.empty-example{padding-bottom:14px}.empty-example>p{padding:0 14px;color:#888;font-size:9px;line-height:1.5}.empty-box{margin:10px 14px;padding:25px;text-align:center;border:1px dashed #343434}.empty-box b,.empty-box small{display:block}.empty-box small{color:#777;margin-top:6px;font-size:8px}
@media(max-width:1200px){.mydino-layout{grid-template-columns:1fr}.mydino-side{display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.park-grid{grid-template-columns:1fr}.mydino-side{grid-template-columns:1fr}.mydino-summary{grid-template-columns:1fr 1fr}}

.server-title{display:flex;align-items:baseline;gap:12px;margin:12px 2px}.server-title h1{margin:0;font-size:24px}.server-title p{margin:0;color:#777;font-size:9px}.server-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:12px}.server-main,.server-side{display:flex;flex-direction:column;gap:12px;min-width:0}.server-hero{display:grid;grid-template-columns:310px 1fr;min-height:225px;overflow:hidden}.server-dino{background:url("assets/tyrannosaurus.jpg") center/cover no-repeat}.server-hero-info{padding:20px}.server-hero-info h1{font-size:26px;margin:7px 0 2px}.online{color:#59d347}.server-facts{display:flex;gap:30px;margin:20px 0}.server-facts span{display:flex;flex-direction:column}.server-facts small,.settings-grid small,.live-grid small{font-size:7px;color:#777}.join-server{padding:12px 28px;background:#260304;border:1px solid #c4151c;color:#ef3038}.server-mid{display:grid;grid-template-columns:1.05fr .95fr .8fr;gap:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:13px}.settings-grid span{display:flex;flex-direction:column}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.live-grid span{padding:13px;background:#090b0b;border:1px solid #1d2222}.live-grid b,.live-grid small{display:block}.species-ratio{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:8px 15px 15px}.species-ratio div{padding:18px;border-bottom:6px solid #d51e26}.species-ratio div+div{border-color:#3cb13b}.species-ratio b{display:block;font-size:23px}.pop-row{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #1d1d1d}.gateway-real{overflow:hidden}.map-frame-wrap{position:relative;height:500px;background:#080808}.map-frame-wrap iframe{width:100%;height:100%;border:0}.map-note{position:absolute;left:10px;bottom:10px;padding:7px 10px;background:rgba(0,0,0,.88);border:1px solid #333;font-size:7px;color:#aaa;pointer-events:none}.server-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.history-row{display:grid;grid-template-columns:25px 1fr auto;padding:10px 13px;border-bottom:1px solid #1c1c1c;font-size:8px}.update-row,.notices>div:not(.card-head){padding:11px 13px;border-bottom:1px solid #1d1d1d}.update-row b,.update-row small,.notices b,.notices small{display:block}.update-row small,.notices small{font-size:7px;color:#777;margin-top:4px}.quick{padding-bottom:10px}.quick button,.quick a{display:block;width:calc(100% - 20px);margin:8px 10px;padding:11px;text-align:left;background:#0a0c0d;border:1px solid #25292a;color:#ddd;text-decoration:none;font-size:8px}.discord-box{padding-bottom:12px}.discord-box>h3,.discord-box>p{margin-left:14px}.discord-box>button{width:calc(100% - 24px);margin:8px 12px;padding:10px;background:#10143a;border:1px solid #343f9d;color:#7e8cff}@media(max-width:1250px){.server-layout{grid-template-columns:1fr}.server-side{display:grid;grid-template-columns:repeat(3,1fr)}.server-mid{grid-template-columns:1fr 1fr}.population{grid-column:1/3}}@media(max-width:800px){.server-hero{grid-template-columns:1fr}.server-dino{height:220px}.server-mid,.server-bottom,.server-side{grid-template-columns:1fr}.population{grid-column:auto}.server-facts{display:grid;grid-template-columns:1fr 1fr}.map-frame-wrap{height:600px}}
.my-map-position{position:absolute;right:10px;top:10px;width:250px;padding:12px;background:rgba(5,10,9,.94);border:1px solid #28733c;color:#dce5df;box-shadow:0 0 20px rgba(0,0,0,.55)}.my-map-position small,.my-map-position b,.my-map-position em{display:block}.my-map-position small{font-size:7px;color:#65df7a}.my-map-position b{margin:5px 0 9px;font-size:15px}.my-map-position div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.my-map-position span{padding:7px;background:#080d0b;border:1px solid #25322b;font-size:8px}.my-map-position strong{display:block;margin-top:3px;color:#fff}.my-map-position em{margin-top:8px;color:#8f9993;font-size:7px;font-style:normal}

/* V11 PLAYER MARKET — teal/green identity */
.market-page{background:radial-gradient(circle at 70% 30%,rgba(0,150,140,.045),transparent 35%)}.market-sidebar .active{border-color:#17865f!important;color:#65e6c0!important;background:#08241b!important}.market-prime{border-color:#176a42!important}.market-prime b{color:#61e69a!important}.market-title{font-size:25px;margin:12px 4px 8px}.market-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px}.market-tabs button{padding:14px;background:#090d0e;border:1px solid #202829;color:#aaa}.market-tabs .active{border-color:#08bfc2;background:linear-gradient(#073638,#082224);color:white}.market-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.market-main{min-width:0}.market-summary{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:10px}.market-summary>div{padding:14px;border-right:1px solid #1e2929}.market-summary small,.market-summary span,.market-summary b{display:block}.market-summary small{font-size:7px;color:#aaa}.market-summary b{font-size:20px;margin:5px 0}.market-summary span{font-size:7px;color:#777}.cyan{color:#28d4d1!important}.market-search{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr 1fr auto;gap:5px;padding:8px}.market-search input,.market-search select,.filters input,.filters select{background:#080c0d;border:1px solid #1d292a;color:#bbb;padding:9px;font-size:8px}.market-search button{background:#0a1112;border:1px solid #293536;color:#bbb}.market-sort{display:flex;gap:6px;align-items:center;margin:9px 0}.market-sort span{font-size:7px}.market-sort button,.pages button{background:#080c0d;border:1px solid #1e292a;color:#aaa;padding:7px 11px;font-size:7px}.market-sort .active,.pages .active{border-color:#0aa6a7;color:#8df4ed;background:#073031}.market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.market-dino{position:relative;border:1px solid #176b52;background:#050a09;padding:8px;border-radius:5px;overflow:hidden}.market-dino:nth-child(4n){border-color:#6d5522}.market-dino:nth-child(8n){border-color:#54306f}.market-dino-img{height:135px;background-size:contain;background-position:center bottom;background-repeat:no-repeat}.market-dino-img.allo{background-image:url("assets/allosaurus.jpg")}.market-dino-img.cera{background-image:url("assets/ceratosaurus.jpg")}.market-dino-img.omni{background-image:url("assets/omniraptor.jpg")}.market-dino h3{font-size:11px;margin:6px 0 2px}.growth{font-size:8px;color:#5bdd4b}.market-dino p{font-size:7px;color:#888;margin:5px 0}.mprice{font-size:15px;color:#f0b12d;margin:9px 0}.mprice small{font-size:6px}.market-dino>button{width:100%;padding:7px;background:#073031;border:1px solid #078c89;color:#ddd;font-size:8px}.ago{position:absolute;color:#8de442;font-size:7px;z-index:2}.heart{position:absolute;right:8px;font-size:17px;z-index:2}.pages{display:flex;justify-content:center;gap:5px;margin:10px}.market-foot{text-align:center;padding:10px;background:#062021;border:1px solid #174344;color:#999;font-size:7px}.market-side{display:flex;flex-direction:column;gap:10px}.filters{padding-bottom:12px}.filters label{display:block;padding:9px 12px;font-size:8px;color:#bbb;border-bottom:1px solid #182020}.filters label>select,.filters label>input{display:block;width:100%;margin-top:7px}.rangefake{height:4px;background:#19c9c4;margin-top:12px;position:relative}.rangefake:before,.rangefake:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#d8ffff;top:-3px}.rangefake:after{right:0}.chips{display:flex;gap:4px;margin-top:8px}.chips button{padding:6px;background:#091011;border:1px solid #273334;color:#aaa}.chips .active{border-color:#0aa6a7;color:#79e9e4}.priceinputs{display:flex;gap:5px;align-items:center;margin-top:7px}.priceinputs input{width:42%}.apply{width:calc(100% - 24px);margin:12px;padding:10px;background:#073536;border:1px solid #0bb6b3;color:white}.market-info p{display:flex;justify-content:space-between;margin:0;padding:8px 12px;border-bottom:1px solid #192222;font-size:8px}.market-info span{color:#999}.how-market>div:not(.card-head){padding:10px 12px}.how-market b,.how-market small{display:block}.how-market b{font-size:9px;color:#8fdf31}.how-market small{font-size:7px;color:#888;margin-top:4px}
@media(max-width:1350px){.market-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.market-layout{grid-template-columns:1fr}.market-side{display:grid;grid-template-columns:repeat(3,1fr)}.market-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.market-tabs,.market-summary,.market-side{grid-template-columns:1fr}.market-grid{grid-template-columns:1fr 1fr}.market-search{grid-template-columns:1fr 1fr}}@media(max-width:520px){.market-grid{grid-template-columns:1fr}}

/* V12 OFFICIAL DINO ERA STORE */
.store-view{margin-top:0}.store-banner{display:flex;justify-content:space-between;align-items:center;padding:25px;margin-bottom:10px;background:radial-gradient(circle at 75% 45%,rgba(178,27,32,.18),transparent 42%),#070909}.store-banner small{font-size:7px;color:#e63a41}.store-banner h2{font-size:28px;margin:4px 0}.store-banner p{font-size:9px;color:#888}.store-balance{text-align:right;padding:12px 20px;border-left:1px solid #272727}.store-balance small,.store-balance span,.store-balance b{display:block}.store-balance small,.store-balance span{font-size:7px;color:#777}.store-balance b{font-size:24px;color:#efb531;margin:4px 0}.store-cats{display:flex;gap:5px;margin-bottom:10px;overflow:auto}.store-cats button{padding:9px 14px;background:#090b0b;border:1px solid #252929;color:#888;font-size:7px}.store-cats .active{border-color:#b91d23;color:#fff;background:#270708}.official-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.official-card{position:relative;padding:9px;background:#070808;border:1px solid #2c2c2c;border-radius:5px}.official-img{height:190px;background-size:contain;background-repeat:no-repeat;background-position:center bottom}.official-img.allo{background-image:url("assets/allosaurus.jpg")}.official-img.cera{background-image:url("assets/ceratosaurus.jpg")}.official-img.omni{background-image:url("assets/omniraptor.jpg")}.official-tag{position:absolute;top:9px;left:9px;padding:5px 7px;background:#551014;border:1px solid #a91f26;color:#f05a60;font-size:7px}.official-card h3{font-size:13px;margin:8px 0 4px}.official-card p{font-size:8px;color:#858585;min-height:28px}.official-card>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.official-card>div:last-child b{font-size:16px;color:#efb531}.official-card>div:last-child button{padding:8px 16px;background:#2a0708;border:1px solid #a51b21;color:#f24a51}.official-symbol{height:190px;display:grid;place-items:center;font-size:43px;font-weight:900;color:#65dc51;background:radial-gradient(circle,rgba(60,155,42,.18),transparent 52%)}.purple-symbol{color:#c15de6;background:radial-gradient(circle,rgba(132,45,168,.2),transparent 52%)}.gold-symbol{color:#eeb738;background:radial-gradient(circle,rgba(175,118,20,.2),transparent 52%)}.growth-tag{background:#10280d;border-color:#438735;color:#72dc5c}.mutation-tag{background:#260c31;border-color:#76318e;color:#ca6deb}.prime-tag2{background:#2d1d06;border-color:#88641a;color:#efbb40}.prime-official{border-color:#66501d}.store-lower{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:10px}.store-inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.store-inventory span{padding:14px;background:#090b0b;border:1px solid #242929}.store-inventory b,.store-inventory small{display:block}.store-inventory b{font-size:9px}.store-inventory small{font-size:7px;color:#777;margin-top:5px}.store-history p{display:flex;justify-content:space-between;padding:9px 12px;margin:0;border-bottom:1px solid #202020;font-size:8px}.store-history b{color:#dc4047}
@media(max-width:900px){.official-grid{grid-template-columns:1fr 1fr}.store-lower{grid-template-columns:1fr}}@media(max-width:600px){.official-grid,.store-inventory{grid-template-columns:1fr}.store-banner{align-items:flex-start;flex-direction:column}.store-balance{border-left:0;padding-left:0;text-align:left}}


/* =========================================================
   V13 — DINO ERA UNIFIED VISUAL SYSTEM
   Matches approved portal / profile / server / shop mockups.
   ========================================================= */
:root{
 --bg:#020304;--panel:#07090a;--panel2:#0a0d0e;--line:#22282a;--line-soft:#171c1d;
 --text:#f2f3f3;--muted:#868d90;--red:#ff2029;--red2:#780b10;--redGlow:rgba(255,32,41,.22);
 --green:#50df56;--cyan:#27d3cf;--gold:#ffbd2e;--purple:#9c55ff;--blue:#3ca9ff;--orange:#ff982a;
 --radius:6px;--ui:"Segoe UI",Tahoma,Arial,sans-serif;--display:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;
}
html,body{background:#020304!important;color:var(--text);font-family:var(--ui)!important;font-size:14px;letter-spacing:.01em}
body{background-image:radial-gradient(circle at 55% -10%,rgba(103,8,12,.12),transparent 34%),linear-gradient(#020304,#010202)!important}
button,input,select,textarea{font-family:var(--display)!important;letter-spacing:.035em}
h1,h2,h3,h4,.side-brand b,.brand b,.profile-main h3,.guest-copy h1,.guest-copy h2{font-family:var(--display)!important;font-weight:600;letter-spacing:.025em}
a{color:inherit}.card{background:linear-gradient(145deg,#090b0c,#050607)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.card-head{border-bottom-color:var(--line-soft)!important;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.card-head h3{font-family:var(--display)!important;font-size:13px!important;font-weight:600;letter-spacing:.045em}.card-head a{font-weight:600;text-decoration:none}

/* Sidebar / brand */
.portal{grid-template-columns:238px minmax(0,1fr)!important;background:#020304!important}.sidebar{background:linear-gradient(180deg,#030405,#020303 70%,#010202)!important;border-right:1px solid #331014!important;padding:16px 12px 28px!important}.side-brand{height:88px!important}.side-brand>span,.brand>span{color:var(--red)!important;text-shadow:0 0 16px rgba(255,28,38,.2)}.side-brand b{font-size:31px!important;line-height:.78!important}.side-brand em{color:var(--red)!important}.sidebar nav{gap:2px!important}.sidebar nav a{height:42px!important;padding:0 13px!important;border:1px solid transparent;color:#b6babc!important;font-family:var(--display)!important;font-size:12px!important;text-decoration:none;letter-spacing:.025em;border-radius:4px!important;transition:.18s ease}.sidebar nav a:hover{color:#fff!important;background:#0b0d0e;border-color:#252a2b;transform:translateX(2px)}.sidebar nav a.active{color:#fff!important;background:linear-gradient(90deg,#7f0a10,#200405)!important;border-color:#e22029!important;box-shadow:0 0 18px rgba(239,30,40,.12)}.sidebar nav small{font-size:8px!important;background:#8a0c12!important;color:#fff!important}.prime-box{border-color:#755415!important;background:linear-gradient(145deg,#171004,#070603)!important}.prime-box>b{color:var(--gold)!important;font-family:var(--display)!important}.prime-box button{background:linear-gradient(#654306,#2b1a02)!important;border-color:#a97717!important;color:#ffd36a!important}.socials{color:#bbb!important}

/* Dashboard / top player bar */
.dashboard{padding:14px 18px 28px!important;background:radial-gradient(circle at 42% -5%,rgba(98,7,11,.11),transparent 29%),#020304!important}.profile-top{height:72px!important;padding:0 8px 12px!important;border-bottom-color:#1c2021!important}.avatar{border-color:#d4212a!important;background:radial-gradient(circle,#241012,#080708)!important;box-shadow:0 0 18px rgba(235,30,40,.12)}.profile-main h3{font-size:24px!important;font-weight:500!important}.profile-main span{color:var(--red)!important;font-family:var(--display)!important;font-size:11px!important}.level{border-color:#c99320!important;color:#ffd45f!important;font-family:var(--display)!important}.xp{background:#242728!important;border-radius:999px!important;overflow:hidden}.xp i{background:linear-gradient(90deg,#ff272f,#f43b45)!important}.top-stats div{border-left-color:#202425!important}.top-stats small{font-family:var(--display)!important;color:#888f91!important;font-size:9px!important}.top-stats b{font-family:var(--display)!important;font-size:22px!important;font-weight:500!important}

/* Generic buttons / labels */
.outline{background:#100405!important;border-color:#751017!important;color:#ff4b52!important}.join-server,.restore,.continue,.store-price button,.official-card>div:last-child button{background:linear-gradient(#60090d,#260405)!important;border:1px solid #cc1a22!important;color:#fff!important;box-shadow:inset 0 0 12px rgba(255,32,41,.05)}.join-server:hover,.restore:hover,.continue:hover,.store-price button:hover,.official-card>div:last-child button:hover{filter:brightness(1.18);box-shadow:0 0 18px var(--redGlow)}
.red{color:var(--red)!important}.green{color:var(--green)!important}.gold{color:var(--gold)!important}.purple{color:var(--purple)!important}.blue{color:var(--blue)!important}.cyan{color:var(--cyan)!important}.eyebrow{font-family:var(--display)!important;color:#d9dddd!important;font-size:11px!important;letter-spacing:.18em!important}

/* Guest lobby */
.guest-head{background:rgba(2,3,4,.94)!important;border-bottom-color:#281013!important}.guest-head nav a{font-family:var(--display)!important;font-size:11px!important;text-decoration:none}.guest-copy h1{font-size:clamp(74px,8vw,112px)!important;font-weight:700!important}.guest-copy h1 span{color:var(--red)!important}.guest-copy h2{font-size:20px!important;font-weight:500!important}.login{font-family:var(--display)!important}.steam{border-color:#168fe8!important;background:linear-gradient(135deg,#07131d,#071d2d)!important}.discord{border-color:#8e47e4!important;background:linear-gradient(135deg,#160a1d,#2f0e4d)!important}.guest-stats{border-color:#351418!important}.locked-preview article{border-color:#351418!important;background:rgba(7,6,7,.9)!important}

/* Profile */
.profile-banner,.mydino-hero{border-color:#282e2f!important}.identity h1{font-family:var(--display)!important;font-size:30px!important}.identity>b{font-family:var(--display)!important}.profile-tabs button{font-family:var(--display)!important;font-size:10px!important}.profile-tabs button.active{border-bottom-color:var(--red)!important}.profile-kpis article{background:#07090a!important}.profile-kpis b{font-family:var(--display)!important;font-weight:500}.top3-card,.park-card,.mini-dino{background:#060809!important;border-color:#252b2c!important}.top3-card .mini-photo,.park-img,.mini-photo{background-color:#050707!important}.rank1{color:var(--gold)!important;border-color:#9c6f18!important}.friends-side,.favorite-dino,.achievements{background:#07090a!important}

/* My Dinosaurs / park */
.mydino-summary{border-color:#232929!important;background:rgba(3,5,5,.82)!important}.mydino-summary div{border-right-color:#202526!important}.park-card{box-shadow:0 10px 26px rgba(0,0,0,.16)}.park-card:hover{border-color:#3a4647!important}.park-card.prime-card{border-color:#76591a!important}.park-stats{border-color:#202526!important}.park-stats span{border-right-color:#202526!important}.greenrestore{background:linear-gradient(#17300e,#0a1807)!important;border-color:#47872e!important;color:#7ae05e!important}.bluerestore{background:linear-gradient(#0a2036,#061322)!important;border-color:#1c609b!important;color:#61b4ff!important}.info-panel ol{color:#a4aaac!important}.empty-box{border-color:#343b3c!important}

/* Server page */
.server-title h1{font-family:var(--display)!important;font-size:28px!important}.server-hero{border-color:#283031!important}.server-hero-info h1{font-family:var(--display)!important;font-size:29px!important;font-weight:500!important}.server-facts small,.settings-grid small,.live-grid small{font-family:var(--display)!important;color:#858d8f!important}.settings-grid b,.pop-row b,.update-row b,.notices b{font-family:var(--display)!important}.live-grid span{background:#080c0d!important;border-color:#1d2829!important}.species-ratio div{border-bottom-color:#da242d!important}.species-ratio div+div{border-color:#43c64a!important}.gateway-real{border-color:#293132!important}.quick button,.quick a{font-family:var(--display)!important;background:#090c0d!important;border-color:#262d2e!important}.discord-box>button{background:linear-gradient(#24104a,#15072f)!important;border-color:#6e39be!important;color:#c59bff!important}

/* Shop common */
.market-title{font-family:var(--display)!important;font-size:30px!important;font-weight:500!important}.market-tabs button{font-family:var(--display)!important;font-size:12px!important;height:52px}.market-tabs button:first-child.active{background:linear-gradient(#740c11,#250405)!important;border-color:#ee2029!important;box-shadow:0 0 18px rgba(255,32,41,.12)}.market-tabs button:nth-child(2).active{background:linear-gradient(#073d3d,#061d1e)!important;border-color:#12c8c5!important;color:#fff!important;box-shadow:0 0 18px rgba(30,210,204,.1)}.market-tabs button:nth-child(3).active{background:linear-gradient(#30200a,#151006)!important;border-color:#ad7a1d!important;color:#ffd35b!important}.store-banner,.market-summary,.listing-hero{border-color:#262d2e!important}.store-banner h2,.listing-hero h2{font-family:var(--display)!important;font-size:28px!important}.store-balance b,.mprice,.listing-price{font-family:var(--display)!important;color:var(--gold)!important}.store-cats button,.market-sort button,.pages button{font-family:var(--display)!important}.official-card,.market-dino,.my-listing{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.official-card:hover,.market-dino:hover,.my-listing:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.25)}.official-card{background:#060809!important;border-color:#2a2e30!important}.official-card:hover{border-color:#7e191e!important}.market-sidebar .active{border-color:#1a9e75!important;background:linear-gradient(90deg,#073025,#051511)!important;color:#70edc9!important}.market-prime{border-color:#216f4b!important}.market-prime b{color:#62e49b!important}.market-dino{background:#050a0a!important;border-color:#176952!important}.market-dino:nth-child(4n){border-color:#77591f!important}.market-dino:nth-child(8n){border-color:#603978!important}.market-dino>button{background:linear-gradient(#07413e,#052523)!important;border-color:#10a9a4!important}.market-search,.filters{border-color:#263031!important}.market-search input,.market-search select,.filters input,.filters select{font-family:var(--ui)!important;background:#070b0c!important;border-color:#1f2b2c!important}.apply{background:linear-gradient(#07403f,#052526)!important;border-color:#13aaa7!important}.market-foot{border-color:#174748!important;background:#061f20!important}.listing-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.listing-kpis span{padding:12px 18px;border-left:1px solid #232a2b}.listing-kpis b,.listing-kpis small{display:block}.listing-kpis b{font-family:var(--display)!important;font-size:20px}.listing-kpis small{font-size:7px;color:#7f8789}.my-listings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.my-listing{display:grid;grid-template-columns:170px 1fr auto;gap:15px;align-items:center;padding:10px;background:#06090a;border:1px solid #283031;border-radius:6px}.listing-img{height:110px;background-size:contain;background-repeat:no-repeat;background-position:center}.listing-img.allo{background-image:url('assets/allosaurus.jpg')}.listing-img.cera{background-image:url('assets/ceratosaurus.jpg')}.my-listing small{color:#5fdcc0;font-size:7px}.my-listing h3{margin:5px 0;font-size:15px}.my-listing p{font-size:8px;color:#858d8f}.listing-actions{display:flex;flex-direction:column;gap:7px}.listing-actions button{padding:9px 12px;background:#073435;border:1px solid #168d8b}.listing-actions .danger{background:#260607;border-color:#94151b;color:#ff555c}.my-listing.cancelled{opacity:.45;filter:grayscale(.5)}.listing-history>div:not(.card-head){display:grid;grid-template-columns:1fr auto;padding:10px 12px;border-bottom:1px solid #1e2425;font-size:9px}.listing-history small{grid-column:1/3;color:#6f7779;margin-top:4px}

/* Toast */
#uiToast,#globalToast{position:fixed;right:24px;bottom:24px;z-index:9999;padding:12px 18px;background:#071412;border:1px solid #2c8b6b;color:#86e8c8;border-radius:5px;box-shadow:0 12px 35px rgba(0,0,0,.4);font:600 11px var(--ui);opacity:0;transform:translateY(14px);transition:.2s;pointer-events:none}#uiToast.show,#globalToast.show{opacity:1;transform:none}

/* Better spacing / sizing on common desktop resolutions */
@media(max-width:1500px){.portal{grid-template-columns:215px minmax(0,1fr)!important}.sidebar nav a{font-size:11px!important}.dashboard{padding:12px!important}.top-stats div{min-width:90px!important}.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1250px){.portal{grid-template-columns:190px minmax(0,1fr)!important}.side-brand b{font-size:26px!important}.sidebar nav a{font-size:10px!important}.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.official-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.portal{display:block!important}.sidebar{width:100%;min-height:0!important}.sidebar nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard{padding:9px!important}.market-layout,.server-layout,.profile-layout,.mydino-layout{grid-template-columns:1fr!important}.market-side,.server-side,.profile-side{display:grid!important;grid-template-columns:1fr 1fr!important}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.my-listings-grid{grid-template-columns:1fr!important}}
@media(max-width:580px){.sidebar nav{grid-template-columns:1fr!important}.market-grid,.official-grid,.market-side,.server-side,.profile-side{grid-template-columns:1fr!important}.market-tabs{grid-template-columns:1fr!important}.my-listing{grid-template-columns:1fr!important}.listing-img{height:180px}.listing-actions{flex-direction:row}.profile-top{flex-direction:column!important}.top-stats{width:100%}.top-stats div{min-width:0!important}}

/* V14 — official Dino Era image logo */
.side-brand.logo-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:118px!important;
  padding:8px 7px 10px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  text-decoration:none!important;
  background:radial-gradient(circle at 50% 50%,rgba(110,0,0,.15),transparent 65%)!important;
}
.side-brand.logo-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:contrast(1.08) saturate(1.08)!important;
}

/* V15 — larger Dino Era sidebar logo */
.side-brand.logo-image{
  height:165px!important;
  padding:4px 2px 8px!important;
}
.side-brand.logo-image img{
  width:115%!important;
  max-width:none!important;
  height:115%!important;
  object-fit:contain!important;
}

/* V16 — fully editable profile */
.profile-bio{
  max-width:420px;
  margin-top:8px!important;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#d0d0d0!important;
}
.editable-avatar{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.editable-avatar.has-image{color:transparent!important}

.profile-edit-modal{
  width:min(920px,94vw);
  max-height:90vh;
  overflow:auto;
  padding:0;
  border:1px solid #5c161b;
  border-radius:9px;
  background:#070808;
  color:#eee;
  box-shadow:0 25px 90px rgba(0,0,0,.75),0 0 35px rgba(180,20,28,.12);
}
.profile-edit-modal::backdrop{
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(5px);
}
.edit-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 24px;
  border-bottom:1px solid #281114;
  background:linear-gradient(90deg,#110506,#070808);
}
.edit-modal-head small{font-size:8px;color:#d52a32;letter-spacing:2px}
.edit-modal-head h2{margin:4px 0 0;font-size:23px}
.edit-close{
  width:38px;height:38px;border-radius:50%;border:1px solid #3a2325;
  background:#0c0c0c;color:#bbb;font-size:23px;
}
.edit-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:18px;
}
.edit-section{
  padding:18px;
  border:1px solid #242627;
  border-radius:7px;
  background:#090a0b;
}
.edit-section.full-width{grid-column:1/-1}
.edit-section h3{font-size:11px;margin:0 0 16px;color:#e1e1e1}
.edit-section label{
  display:block;
  margin-bottom:14px;
  color:#aaa;
  font-size:8px;
  letter-spacing:.4px;
}
.edit-section input:not([type=file]),
.edit-section textarea,
.edit-section select{
  display:block;
  width:100%;
  margin-top:6px;
  padding:11px 12px;
  border:1px solid #2b3031;
  border-radius:4px;
  background:#060808;
  color:#eee;
  outline:none;
}
.edit-section input:focus,.edit-section textarea:focus,.edit-section select:focus{
  border-color:#a91a20;
  box-shadow:0 0 0 2px rgba(169,26,32,.08);
}
.edit-section label>small{display:block;margin-top:5px;color:#666;font-size:7px}
.edit-preview-row{display:flex;gap:14px;align-items:center;margin-bottom:15px}
.edit-preview-row p{font-size:8px;color:#777;line-height:1.5}
.avatar-preview{
  flex:0 0 82px;width:82px;height:82px;border-radius:50%;
  display:grid;place-items:center;
  background:#150607 center/cover no-repeat;
  border:2px solid #b31920;
  font-size:34px;font-weight:900;
}
.cover-preview{
  height:145px;
  margin:10px 0 12px;
  border:1px solid #282b2c;
  border-radius:5px;
  background:url("assets/gateway.jpg") center/cover no-repeat;
}
.file-label{
  display:block;padding:10px!important;text-align:center;
  border:1px dashed #4a4e4f;border-radius:4px;color:#bbb!important;
  cursor:pointer;background:#080a0a;
}
.file-label input{display:none}
.secondary-edit,.danger-edit,.save-edit{
  padding:10px 14px;border-radius:4px;font-size:8px;
}
.secondary-edit{background:#0b0d0d;border:1px solid #343839;color:#bbb}
.danger-edit{background:#230708;border:1px solid #771319;color:#e74a51}
.save-edit{background:linear-gradient(#8a1117,#4a080c);border:1px solid #c31d25;color:white}
.linked-accounts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.linked-accounts>div{
  display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;
  padding:12px;border:1px solid #24292a;background:#070909;
}
.linked-accounts b,.linked-accounts small{display:block}
.linked-accounts b{font-size:9px}.linked-accounts small{font-size:7px;color:#6eaf70;margin-top:3px}
.linked-accounts button{padding:7px 9px;background:#0d1b10;border:1px solid #28532f;color:#62c66f;font-size:7px}
.steam-dot,.discord-dot{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900;
}
.steam-dot{background:#1178b7}.discord-dot{background:#5865f2}
.locked-note{font-size:8px!important;color:#777!important;margin:14px 0 0!important}
.edit-actions{
  display:flex;justify-content:space-between;align-items:center;
  padding:15px 18px;border-top:1px solid #251113;background:#060707;
}
.edit-actions>div{display:flex;gap:8px}
.profile-toast{
  position:fixed;right:25px;bottom:25px;z-index:10000;
  padding:12px 18px;border:1px solid #347b3a;border-radius:5px;
  background:#0b160c;color:#6fda79;font-size:10px;
  opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;
}
.profile-toast.show{opacity:1;transform:none}

@media(max-width:760px){
  .edit-grid{grid-template-columns:1fr}
  .edit-section.full-width{grid-column:auto}
  .linked-accounts{grid-template-columns:1fr}
  .edit-actions{align-items:stretch;flex-direction:column;gap:10px}
  .edit-actions>div{display:grid;grid-template-columns:1fr 1fr}
  .danger-edit{width:100%}
}

/* V17 — user-uploaded avatar polish */
.avatar-preview,
.profile-avatar-big.editable-avatar{
  background-color:#090909!important;
  background-size:cover!important;
  background-position:center!important;
}
.file-label{
  transition:border-color .2s, background .2s, color .2s;
}
.file-label:hover{
  border-color:#b91f27!important;
  background:#130607!important;
  color:#fff!important;
}

/* V18 — extra large Dino Era logo */
.side-brand.logo-image{
  height:205px!important;
  padding:0!important;
  margin-bottom:4px!important;
}
.side-brand.logo-image img{
  width:135%!important;
  height:135%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Shared uploaded avatar */
.avatar.shared-user-avatar,
.profile-avatar-big.shared-user-avatar,
.profile-avatar-top.shared-user-avatar{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.avatar.shared-user-avatar.has-user-photo,
.profile-avatar-big.shared-user-avatar.has-user-photo,
.profile-avatar-top.shared-user-avatar.has-user-photo{
  color:transparent!important;
}

/* V19 — force shared avatar photo across every page */
[data-user-avatar]{
  background-color:#0a0a0a!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
[data-user-avatar].has-user-photo{
  color:transparent!important;
  text-shadow:none!important;
}

/* V20 avatar sync — force photo visibility across all pages */
[data-user-avatar]{
  background-color:#090909!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
[data-user-avatar].has-user-photo{
  color:transparent!important;
}

/* V21 — automatic titles based on playtime */
.auto-title-info{
  margin:8px 0 16px;
  padding:13px;
  border:1px solid #3c2a12;
  border-radius:5px;
  background:linear-gradient(145deg,#120d04,#080808);
}
.auto-title-info>small{display:block;color:#a98642;font-size:7px;letter-spacing:1px}
.auto-title-info>b{display:block;margin-top:5px;color:#f0bf55;font-size:14px}
.auto-title-info p{margin:6px 0;color:#827b6e;font-size:8px;line-height:1.5}
.title-progress{height:6px;margin:10px 0 6px;background:#242018;border-radius:6px;overflow:hidden}
.title-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b77a1f,#f1c35f);transition:width .25s}
.auto-title-info>span{font-size:7px;color:#9d8d6d}
.title-ladder{padding-bottom:8px}
.title-tier{
  display:grid;
  grid-template-columns:58px 1fr;
  align-items:center;
  gap:10px;
  padding:9px 13px;
  border-bottom:1px solid #1d1d1d;
  color:#595959;
}
.title-tier span{font-size:8px}
.title-tier b{font-size:9px}
.title-tier.done{color:#989898}
.title-tier.current{
  color:#f0bd51;
  background:linear-gradient(90deg,rgba(168,110,20,.15),transparent);
  border-left:2px solid #e0a72c;
}

/* V22 — functional profile tabs */
.profile-tab-panels{display:block}
.profile-tab-panel{display:none}
.profile-tab-panel.active{display:block}
.profile-layout.single-tab-layout{grid-template-columns:1fr!important}
.profile-layout.single-tab-layout .profile-maincol{width:100%}

.tab-title-row{
  display:flex;justify-content:space-between;align-items:end;
  margin:4px 0 12px;padding:0 2px;
}
.tab-title-row h2{font-size:26px;margin:3px 0 0}
.tab-title-row select{
  padding:9px 12px;background:#080a0a;border:1px solid #2a3030;color:#bbb;font-size:8px;
}
.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.stats-summary article{padding:18px}
.stats-summary small,.stats-summary b,.stats-summary span{display:block}
.stats-summary small{font-size:7px;color:#777}
.stats-summary b{font-size:23px;margin:5px 0}
.stats-summary span{font-size:7px;color:#888}
.positive{color:#52cd65!important}
.stats-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.detail-row{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #1e1e1e;font-size:9px}
.detail-row span{color:#8a8a8a}.detail-row b{font-size:10px}
.species-stat{display:grid;grid-template-columns:55px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid #1e1e1e}
.species-thumb{height:45px;background-size:cover;background-position:center;border-radius:4px}
.species-thumb.allo{background-image:url("assets/allosaurus.jpg")}
.species-thumb.cera{background-image:url("assets/ceratosaurus.jpg")}
.species-thumb.omni{background-image:url("assets/omniraptor.jpg")}
.species-stat b,.species-stat small{display:block}.species-stat b{font-size:9px}.species-stat small{font-size:7px;color:#777;margin-top:3px}.species-stat strong{font-size:10px;color:#5ed96e}
.stat-graph-card{margin-top:10px}
.bar-chart{height:220px;padding:25px 30px 20px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px}
.bar-chart>div{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:4px;position:relative;border-bottom:1px solid #252525}
.bar-chart i,.bar-chart em{width:18px;height:var(--h);display:block;border-radius:3px 3px 0 0}
.bar-chart i{background:linear-gradient(#e32934,#761017)}.bar-chart em{background:linear-gradient(#687078,#2c3034)}
.bar-chart small{position:absolute;bottom:-17px;font-size:7px;color:#777}
.chart-legend{padding:0 30px 16px;text-align:right;font-size:7px;color:#888}.kills-dot,.deaths-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 5px 0 14px}.kills-dot{background:#d92b34}.deaths-dot{background:#5f676d}

.achievement-total{text-align:right}.achievement-total b,.achievement-total small{display:block}.achievement-total b{font-size:18px;color:#f0b83d}.achievement-total small{font-size:7px;color:#777}
.achievement-progress-big{height:7px;background:#1e1e1e;margin-bottom:12px}.achievement-progress-big i{display:block;height:100%;background:linear-gradient(90deg,#a97818,#f3c858)}
.full-achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.achievement-card{min-height:125px;padding:14px;border:1px solid #282828;background:#080909;display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:center;position:relative}
.achievement-card>span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#181818;border:1px solid #444;font-size:18px}
.achievement-card b,.achievement-card small{display:block}.achievement-card b{font-size:10px}.achievement-card small{font-size:7px;color:#777;margin-top:4px}.achievement-card em{position:absolute;right:10px;bottom:8px;font-style:normal;font-size:7px;color:#666}
.achievement-card.unlocked{border-color:#514016}.achievement-card.unlocked>span{color:#efbd48;border-color:#8c691d;background:#1d1606}.achievement-card.unlocked em{color:#d4a83d}.achievement-card.locked{filter:saturate(.25);opacity:.72}

.activity-timeline{padding:8px 16px}.timeline-item{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:16px 4px;border-bottom:1px solid #202020}.timeline-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#151515;border:1px solid #414141}.timeline-item b,.timeline-item p,.timeline-item small{display:block}.timeline-item b{font-size:10px}.timeline-item p{font-size:8px;color:#8a8a8a;margin:5px 0;line-height:1.5}.timeline-item small{font-size:7px;color:#656565}

.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-settings{grid-column:1/-1}
.setting-switch{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid #202020;cursor:pointer}
.setting-switch b,.setting-switch small{display:block}.setting-switch b{font-size:9px}.setting-switch small{font-size:7px;color:#777;margin-top:4px}.setting-switch input{display:none}.setting-switch i{width:38px;height:20px;border-radius:20px;background:#292929;position:relative;transition:.2s}.setting-switch i:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#777;transition:.2s}.setting-switch input:checked+i{background:#123d23}.setting-switch input:checked+i:after{left:20px;background:#55d376}
.account-row{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #202020;font-size:9px}.account-row span{color:#888}
.profile-settings-button{margin:12px;padding:10px 14px;background:#270708;border:1px solid #9c171e;color:#e84249;font-size:8px}
.settings-saved{color:#52d06b;font-size:8px}

@media(max-width:900px){
  .stats-summary{grid-template-columns:1fr 1fr}
  .stats-two-col,.settings-columns{grid-template-columns:1fr}
  .account-settings{grid-column:auto}
  .full-achievement-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .stats-summary,.full-achievement-grid{grid-template-columns:1fr}
  .bar-chart{padding-left:10px;padding-right:10px}
}

/* V23 — full dashboard navigation + functional pages */
.sidebar nav a{text-decoration:none}
.socials a{color:#ccc;text-decoration:none;margin-right:10px}
.clickable-card{cursor:pointer;transition:background .18s,transform .18s}
.clickable-card:hover{background:#0d0d0d;transform:translateX(2px)}
.locked-preview article[data-guest-locked]{cursor:pointer}
.card-head a{cursor:pointer;text-decoration:none}
.section-page-head{padding:16px 3px 12px}.section-page-head h1{font-size:27px;margin:4px 0}
.feature-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.feature-hero{padding:28px;background:radial-gradient(circle at 80% 45%,rgba(164,21,28,.17),transparent 40%),#080909}.feature-hero h2{font-size:31px;margin:8px 0}.feature-hero p{color:#8b8b8b;font-size:10px}.page-status{font-size:8px}.feature-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.feature-stats span{padding:12px;border:1px solid #252525;background:#080808}.feature-stats b,.feature-stats small{display:block}.feature-stats small{font-size:7px;color:#777;margin-top:4px}.feature-hero button{padding:11px 20px;background:#320708;border:1px solid #a81a21;color:#ee4149}
.simple-list>div:not(.card-head){display:grid;grid-template-columns:1fr auto;padding:12px;border-bottom:1px solid #202020}.simple-list b,.simple-list span{display:block}.simple-list b{font-size:9px}.simple-list span{font-size:7px;color:#777;margin-top:4px}.simple-list button{grid-row:1/3;grid-column:2;padding:8px;background:#0e1111;border:1px solid #343939;color:#aaa;font-size:7px}
.page-table{margin-top:12px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:12px 14px;border-bottom:1px solid #1f1f1f;align-items:center;font-size:9px}.table-row.head{color:#777;font-size:7px}.champion{background:linear-gradient(90deg,rgba(178,121,23,.14),transparent);color:#eac059}
.rank-tabs{display:flex;gap:6px;margin-bottom:10px}.rank-tabs button{padding:9px 14px;background:#090a0a;border:1px solid #282b2b;color:#888}.rank-tabs .active{border-color:#a91b21;color:#fff;background:#250708}
.friends-page-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.friend-big{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #202020}.friend-big>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#161010;border:1px solid #5d272a;font-size:9px}.friend-big b,.friend-big small{display:block}.friend-big b{font-size:10px}.friend-big small{font-size:8px;margin-top:3px}.friend-big button{padding:7px 10px;background:#0a0c0c;border:1px solid #303535;color:#aaa;font-size:7px}.friend-search{padding-bottom:14px}.friend-search input{width:calc(100% - 24px);margin:12px;padding:11px;background:#070909;border:1px solid #2c3131;color:#ddd}.friend-search button{margin:0 12px;padding:10px 16px;background:#240708;border:1px solid #98171d;color:#e23a42}.friend-search p{padding:0 12px;color:#777;font-size:8px}
.discord-feature{text-align:center;padding:35px}.discord-huge{font-size:70px;color:#7e64f5}.discord-feature button{padding:11px 22px;background:#27194d;border:1px solid #6749b8;color:#bca9ff}.role-detail{display:flex;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #202020}.linked-discord{margin-top:12px;padding-bottom:12px}.linked-discord>p{padding:0 14px;color:#888;font-size:9px}
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rule-card{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:20px}.rule-card>b{font-size:25px;color:#9e171d}.rule-card h3{font-size:11px;margin:2px 0 7px}.rule-card p{font-size:8px;color:#888;line-height:1.7}
.news-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.news-feature{grid-column:span 2;display:grid;grid-template-columns:220px 1fr;min-height:180px}.news-cover{background:url("assets/gateway.jpg") center/cover}.news-feature>div:last-child{padding:20px}.news-feature h2{font-size:20px}.news-feature p,.news-post p{font-size:8px;color:#888;line-height:1.6}.news-post{padding:18px}.news-post small,.news-feature small{font-size:7px;color:#666}
.v74-news-composer{margin-bottom:14px;padding:20px}.v74-news-composer form{display:grid;gap:12px}.v74-news-composer label>span{display:block;margin-bottom:7px;color:#929b96;font-size:9px;font-weight:800}.v74-news-composer input[type="text"],.v74-news-composer input:not([type]),.v74-news-composer textarea{width:100%;padding:12px;border:1px solid #34403a;background:#060907;color:#fff;font:inherit}.v74-news-composer textarea{resize:vertical;line-height:1.5}.v74-news-home{display:flex;align-items:center;gap:9px}.v74-news-home span{margin:0!important}.v74-news-actions{display:flex;justify-content:flex-end}.v74-news-actions button{padding:11px 24px;border:1px solid #a51f27;background:#36090c;color:#fff;font-weight:900}.v74-news-actions button:disabled{opacity:.55}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.help-card{padding:22px}.help-card h3{font-size:12px}.help-card p{font-size:8px;color:#888;line-height:1.7}.help-card a{display:inline-block;margin-top:10px;color:#e03d45;text-decoration:none;font-size:8px}
@media(max-width:900px){.feature-grid,.friends-page-grid,.rules-grid,.help-grid{grid-template-columns:1fr}.news-page-grid{grid-template-columns:1fr}.news-feature{grid-column:auto}.table-row{grid-template-columns:1.5fr 1fr 1fr}.table-row>*:nth-child(4){display:none}}

/* V24 — authenticated navigation */
body.portal-authenticated .intro-screen,
body.portal-authenticated .guest-screen{
  display:none!important;
}
body.portal-authenticated .portal{
  display:grid!important;
}

/* V25 — Dino mutation builder */
.mutation-builder{width:min(1180px,96vw);max-height:92vh;padding:0;border:1px solid #561216;border-radius:8px;background:#070808;color:#eee;box-shadow:0 30px 100px #000}
.mutation-builder::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(6px)}
.mutation-head{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #281013;background:linear-gradient(90deg,#160506,#070808)}
.mutation-head small{font-size:7px;color:#d52c34;letter-spacing:1.5px}.mutation-head h2{font-size:25px;margin:4px 0}.mutation-head p{font-size:8px;color:#777;margin:0}.mutation-head>button{width:38px;height:38px;border-radius:50%;background:#0a0a0a;border:1px solid #382224;color:#aaa;font-size:22px}
.mutation-layout{display:grid;grid-template-columns:1fr 330px;min-height:650px}.mutation-catalog{padding:18px;border-right:1px solid #211012}.mutation-tools{display:grid;grid-template-columns:1fr 190px;gap:8px}.mutation-tools input,.mutation-tools select{padding:11px;background:#060808;border:1px solid #292e2e;color:#ccc}
.mutation-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.mutation-slot{position:relative;padding:11px;border:1px solid #292929;background:#090a0a;cursor:pointer}.mutation-slot small,.mutation-slot b{display:block}.mutation-slot small{font-size:7px;color:#666}.mutation-slot b{font-size:8px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mutation-slot.active{border-color:#b31c23;background:#170607}.mutation-slot.filled{border-color:#5d491b}.mutation-slot button{position:absolute;right:5px;top:5px;border:0;background:none;color:#666}
.mutation-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:500px;overflow:auto;padding-right:4px}.mutation-option{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;text-align:left;padding:11px;border:1px solid #242727;background:#080909;color:#ddd}.mutation-option:hover{border-color:#713035;background:#0e0909}.mutation-option.selected{border-color:#9d741e;background:#151005}.mutation-hex{font-size:29px;color:#a71b22}.mutation-option b,.mutation-option small{display:block}.mutation-option b{font-size:9px}.mutation-option small{font-size:7px;color:#777;line-height:1.4;margin-top:3px}.mutation-option strong{color:#65cf70;font-size:10px}.mutation-cat,.meta-tag{display:inline-block;margin-top:6px;margin-right:5px;padding:3px 5px;font-size:6px;border:1px solid #303434;color:#888}.meta-tag{border-color:#785b19;color:#e4b94e;background:#171104}
.mutation-build-preview{padding:18px;background:#060707}.builder-dino-image{height:190px;border:1px solid #282828;background:center/cover no-repeat;margin-bottom:15px}.mutation-build-preview h3{font-size:20px;margin:4px 0 12px}.selected-mutation-preview>div{padding:10px;border-bottom:1px solid #202020}.selected-mutation-preview span,.selected-mutation-preview b,.selected-mutation-preview small{display:block}.selected-mutation-preview span{font-size:6px;color:#777}.selected-mutation-preview b{font-size:8px;margin:3px 0}.selected-mutation-preview small{font-size:7px;color:#c59a3b}.selected-mutation-preview .empty{opacity:.45}
.prime-toggle{display:grid;grid-template-columns:1fr 42px;align-items:center;margin:16px 0;padding:12px;border:1px solid #5b4517;background:#130f05}.prime-toggle b,.prime-toggle small{display:block}.prime-toggle b{color:#f0c15b}.prime-toggle small{font-size:7px;color:#7e704f}.prime-toggle input{display:none}.prime-toggle i{width:38px;height:20px;border-radius:20px;background:#292929;position:relative}.prime-toggle i:after{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:#777;transition:.2s}.prime-toggle input:checked+i{background:#61480e}.prime-toggle input:checked+i:after{left:20px;background:#f0c15b}
.builder-price{display:flex;justify-content:space-between;align-items:end;padding:12px 0}.builder-price span{font-size:7px;color:#777}.builder-price b{font-size:14px;color:#e2b650}.builder-buy,.builder-reset{width:100%;padding:12px;margin-top:7px}.builder-buy{background:linear-gradient(#8d141a,#4d080c);border:1px solid #c3222a;color:#fff}.builder-reset{background:#090b0b;border:1px solid #303434;color:#888}
@media(max-width:850px){.mutation-layout{grid-template-columns:1fr}.mutation-catalog{border-right:0}.mutation-list{grid-template-columns:1fr}.mutation-tools{grid-template-columns:1fr}.mutation-slots{grid-template-columns:1fr}}

/* V26 — 8 normal mutations + dedicated PRIME mutation slot + Entomb lock */
.mutation-layout{grid-template-columns:minmax(0,1fr) 350px!important}
.mutation-slot-head{display:flex;justify-content:space-between;align-items:center;margin:13px 0 7px;padding:0 2px}
.mutation-slot-head small,.mutation-slot-head b{display:block}
.mutation-slot-head small{font-size:7px;color:#777}.mutation-slot-head b{font-size:10px;margin-top:2px}
#mutationCount{font-size:11px;color:#e1b54c}
.eight-slots{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.eight-slots .mutation-slot{min-height:56px}
.prime-mutation-zone{margin:12px 0;padding:12px;border:1px solid #5b4517;background:linear-gradient(145deg,#171005,#080808);border-radius:5px}
.prime-zone-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.prime-zone-title small,.prime-zone-title b{display:block}.prime-zone-title small{font-size:7px;color:#d5a638}.prime-zone-title b{font-size:11px;color:#f2c55a;margin-top:2px}
#primeSlotStatus{font-size:7px;color:#75643f}.unlocked-prime{color:#73d866!important}
.prime-mutation-slot{display:flex;justify-content:space-between;align-items:center;padding:11px;border:1px solid #8b691d;background:#211805;cursor:pointer}
.prime-mutation-slot.locked{opacity:.48;cursor:not-allowed;border-color:#393126;filter:saturate(.4)}
.prime-mutation-slot.active{box-shadow:0 0 0 2px rgba(236,185,71,.14);border-color:#e0aa35}
.prime-mutation-slot small,.prime-mutation-slot b{display:block}.prime-mutation-slot small{font-size:6px;color:#967b45}.prime-mutation-slot b{font-size:9px;margin-top:3px}
.prime-mutation-slot button{border:0;background:none;color:#8e7c56;font-size:16px}
.prime-mutation-zone>p{font-size:7px;color:#71664f;margin:8px 0 0}
.prime-option{border-color:#5d481a!important;background:#110d05!important}.prime-option .mutation-hex{color:#e8b742!important}.prime-list-tag{display:inline-block;margin-top:6px;padding:3px 5px;font-size:6px;border:1px solid #80611f;color:#f0be4d;background:#171104}
.prime-list-locked{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #51431e;background:#100d06}.prime-list-locked b,.prime-list-locked small{display:block}.prime-list-locked b{color:#dcb146}.prime-list-locked small{font-size:8px;color:#766c55;margin-top:5px}
.entomb-slots{margin:12px 0 0;padding:12px;border:1px solid #29262b;background:linear-gradient(145deg,#0d0b0e,#070707)}
.entomb-title{display:flex;gap:10px;align-items:center;margin-bottom:9px}.entomb-title>span{font-size:22px;color:#775d84}.entomb-title b,.entomb-title small{display:block}.entomb-title b{font-size:9px;color:#b399be}.entomb-title small{font-size:7px;color:#655f68;margin-top:3px}
.entomb-lock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.entomb-lock-grid>div{padding:9px;text-align:center;border:1px dashed #343037;color:#5d5860;background:#090809;font-size:8px}.entomb-lock-grid span{display:block;margin-top:4px;font-size:6px}
.selected-mutation-preview{max-height:350px;overflow:auto;padding-right:3px}.prime-preview-row{border-left:2px solid #d7a636!important;background:#100c04}.prime-preview-row span,.prime-preview-row small{color:#c7a34d!important}
@media(max-width:1000px){.eight-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}.entomb-lock-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.eight-slots,.entomb-lock-grid{grid-template-columns:1fr!important}}

/* V27 — PRIME progression + admin controls */
.prime-progress-note{display:flex;gap:9px;align-items:center;margin-top:10px;padding:9px;border:1px solid #392e18;background:#0d0a05}
.prime-progress-note>span{font-size:18px;color:#d5a638}.prime-progress-note b,.prime-progress-note small{display:block}.prime-progress-note b{font-size:8px;color:#e2b54b}.prime-progress-note small{font-size:7px;color:#71664f;margin-top:3px;line-height:1.45}
.prime-state{display:inline-block;margin:6px 0 0 5px;padding:3px 5px;font-size:6px}.prime-state.locked{border:1px solid #5d292b;color:#c25a60;background:#170708}.prime-state.unlocked{border:1px solid #315c34;color:#6bcf73;background:#071108}
.mutation-option.progression-locked{opacity:.58;filter:saturate(.55)}.mutation-option.progression-locked:hover{border-color:#5d292b}.deny-shake{animation:denyShake .35s linear}@keyframes denyShake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
.admin-prime-panel{margin:14px 0;border:1px solid #3c2022;background:#0b0808}.admin-prime-head{display:flex;justify-content:space-between;align-items:center;padding:10px}.admin-prime-head small,.admin-prime-head b{display:block}.admin-prime-head small{font-size:6px;color:#a94c51}.admin-prime-head b{font-size:8px;margin-top:2px}.admin-prime-head button{padding:6px 8px;border:1px solid #4c3032;background:#0b0b0b;color:#8d7778;font-size:6px}.admin-prime-head button.on{border-color:#9d1d24;color:#ff5b63;background:#210709}
.admin-prime-controls{display:none;padding:0 10px 10px}.admin-prime-controls.open{display:block}.admin-prime-controls>p{font-size:7px;color:#74696a;line-height:1.45}.admin-prime-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #211719}.admin-prime-row b,.admin-prime-row small{display:block}.admin-prime-row b{font-size:7px}.admin-prime-row small{font-size:6px;color:#696060;margin-top:2px}.admin-prime-row button{padding:5px 7px;font-size:6px;background:#090909}.admin-prime-row button.unlock{border:1px solid #315c34;color:#6bcf73}.admin-prime-row button.lock{border:1px solid #5d292b;color:#c25a60}

/* V28 — player-market dinosaur mutation inheritance */
.market-mutations{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0;max-height:52px;overflow:hidden}.market-mutations span{padding:3px 5px;border:1px solid #244a43;background:#06110f;color:#78cbb6;font-size:6px}
.purchased-dinos-section{margin-top:12px}.dino-coin-balance{font-size:8px;color:#b6a16e}.dino-coin-balance b{color:#e4bb53}.owned-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px}.owned-market-card{padding:14px;border:1px solid #2a2d2d;background:#080909}.owned-species{display:flex;justify-content:space-between;align-items:center}.owned-species b{font-size:12px}.owned-species span{font-size:7px;color:#63d36d}.owned-source{font-size:7px;color:#777;margin:7px 0}.owned-slot-count{padding:10px 0;border-top:1px solid #202222;border-bottom:1px solid #202222}.owned-slot-count b,.owned-slot-count small{display:block}.owned-slot-count b{font-size:18px;color:#e3b84c}.owned-slot-count small{font-size:6px;color:#777}.owned-mutation-tags{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}.owned-mutation-tags span{padding:4px 5px;border:1px solid #313535;background:#0a0c0c;color:#aeb5b5;font-size:6px}.owned-market-card>button{width:100%;padding:9px;background:#251a05;border:1px solid #6f5318;color:#e3b84c}.owned-market-empty{padding:30px;text-align:center;color:#666;font-size:9px}
.owned-mutation-modal{width:min(900px,94vw);padding:0;border:1px solid #5a4215;background:#070808;color:#eee}.owned-mutation-modal::backdrop{background:rgba(0,0,0,.86)}.owned-edit-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #302411;background:linear-gradient(90deg,#171105,#080808)}.owned-edit-head small{font-size:7px;color:#b89549}.owned-edit-head h2{margin:4px 0 0}.owned-edit-head button{width:36px;height:36px;border-radius:50%;background:#0a0a0a;border:1px solid #3b3324;color:#aaa;font-size:20px}.owned-edit-body{padding:18px}.owned-limit-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.owned-limit-info>div{padding:12px;border:1px solid #282a2a;background:#090a0a}.owned-limit-info small,.owned-limit-info b{display:block}.owned-limit-info small{font-size:6px;color:#777}.owned-limit-info b{font-size:11px;margin-top:4px}.owned-note{font-size:8px;color:#888;line-height:1.5;padding:10px 0}.owned-edit-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.owned-edit-slot{min-height:72px;padding:9px;border:1px solid #2e3131;background:#090a0a}.owned-edit-slot small{display:block;font-size:6px;color:#777;margin-bottom:5px}.owned-edit-slot select{width:100%;padding:8px;background:#060808;border:1px solid #343838;color:#ddd;font-size:7px}.owned-edit-slot.locked{opacity:.45;border-style:dashed}.owned-edit-slot.locked b,.owned-edit-slot.locked span{display:block}.owned-edit-slot.locked b{font-size:8px}.owned-edit-slot.locked span{font-size:6px;color:#777;margin-top:4px}.owned-edit-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:13px;border-top:1px solid #252727;font-size:8px}.owned-edit-actions button{padding:10px 15px;background:#2b1c05;border:1px solid #79591a;color:#e3b84c}
@media(max-width:900px){.owned-market-grid{grid-template-columns:1fr 1fr}.owned-edit-slots{grid-template-columns:1fr 1fr}}@media(max-width:600px){.owned-market-grid,.owned-limit-info,.owned-edit-slots{grid-template-columns:1fr}.owned-edit-actions{align-items:stretch;flex-direction:column;gap:10px}}

/* V29 — Central Inventory */
.inventory-hero{display:flex;justify-content:space-between;align-items:end;padding:22px 4px 16px;border-bottom:1px solid #242626}.inventory-hero h1{font-size:30px;margin:4px 0}.inventory-hero>div>p:last-child{font-size:8px;color:#777;max-width:620px}.inventory-sync{display:flex;gap:9px;align-items:center;padding:10px 13px;border:1px solid #24332a;background:#07100a}.inventory-sync b,.inventory-sync small{display:block}.inventory-sync b{font-size:8px;color:#6fd07b}.inventory-sync small{font-size:6px;color:#68716a;margin-top:3px}.sync-dot{width:8px;height:8px;border-radius:50%;background:#5ed46c;box-shadow:0 0 10px #5ed46c}
.inventory-wallets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.wallet-card{padding:15px;border:1px solid #272a2a;background:#080909}.wallet-card small,.wallet-card b,.wallet-card span{display:block}.wallet-card small{font-size:7px;color:#777}.wallet-card b{font-size:21px;margin:5px 0}.wallet-card span{font-size:6px;color:#6e7373}.wallet-card.era b{color:#62cbd5}.wallet-card.dino b{color:#e2b94f}.wallet-card.prime b{color:#d7a63f}.wallet-card.entomb b{color:#aa8cb7}
.inventory-tabs{display:flex;gap:5px;border-bottom:1px solid #292b2b;margin-bottom:12px}.inventory-tabs button{padding:10px 15px;background:transparent;border:0;border-bottom:2px solid transparent;color:#707575;font-size:8px}.inventory-tabs button.active{color:#fff;border-bottom-color:#b41c23;background:#100607}
.inventory-panel{display:none}.inventory-panel.active{display:block}.inventory-section-title{display:flex;justify-content:space-between;align-items:end;margin:8px 2px 10px}.inventory-section-title small{font-size:6px;color:#a31c22}.inventory-section-title h2{font-size:20px;margin:3px 0}.inventory-section-title>span{font-size:7px;color:#777}
.inventory-dino-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.inventory-dino-card{border:1px solid #292c2c;background:#080909;cursor:pointer;transition:.2s}.inventory-dino-card:hover{transform:translateY(-2px);border-color:#5b272a}.inventory-dino-image{height:150px;background:center/cover;position:relative}.inventory-source,.inventory-status{position:absolute;top:8px;padding:4px 6px;font-size:6px;background:#090909cc;border:1px solid #333}.inventory-source{left:8px}.inventory-source.server{color:#6bd278;border-color:#315936}.inventory-source.market{color:#e0b44a;border-color:#6e551d}.inventory-status{right:8px;color:#888}.inventory-status.active{color:#6bd278}.inventory-dino-content{padding:12px}.inventory-dino-name{display:flex;justify-content:space-between}.inventory-dino-name b{font-size:11px}.inventory-dino-name span{font-size:7px;color:#61d06e}.inventory-mini-stats{display:grid;grid-template-columns:1fr 1fr;margin:10px 0;border-top:1px solid #222;border-bottom:1px solid #222}.inventory-mini-stats span{padding:8px}.inventory-mini-stats small,.inventory-mini-stats b{display:block}.inventory-mini-stats small{font-size:6px;color:#666}.inventory-mini-stats b{font-size:9px;margin-top:3px}.inventory-mut-preview{display:flex;flex-wrap:wrap;gap:3px}.inventory-mut-preview i{font-style:normal;font-size:6px;padding:3px 4px;background:#0b1010;border:1px solid #263131;color:#8ba3a3}.inventory-empty{padding:35px;text-align:center;color:#666}
.inventory-prime-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inventory-prime-card{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:14px;border:1px solid #292929;background:#080909}.inventory-prime-card>span{font-size:20px;text-align:center}.inventory-prime-card b,.inventory-prime-card small{display:block}.inventory-prime-card b{font-size:9px}.inventory-prime-card small{font-size:6px;margin-top:3px}.inventory-prime-card em{font-style:normal;font-size:6px}.inventory-prime-card.locked{opacity:.55}.inventory-prime-card.unlocked{border-color:#72561d;background:#110d04}.inventory-prime-card.unlocked>span,.inventory-prime-card.unlocked em{color:#e2b548}
.inventory-item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inventory-item{min-height:100px;display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center;padding:12px;border:1px solid #292b2b;background:#080909;position:relative}.inventory-item>span{font-size:25px}.inventory-item b,.inventory-item small{display:block}.inventory-item b{font-size:8px}.inventory-item small{font-size:6px;color:#777;margin-top:4px}.inventory-item em{position:absolute;right:8px;bottom:7px;font-size:6px;font-style:normal;color:#666}.inventory-item.legendary{border-color:#72561d}.inventory-item.rare{border-color:#274b62}.inventory-item.prime-item{border-color:#654c19;background:#100c04}
.inventory-history>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #202222}.history-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#111}.inventory-history p{margin:0}.inventory-history b,.inventory-history small{display:block}.inventory-history b{font-size:8px}.inventory-history small,.inventory-history time{font-size:6px;color:#707575}
.inventory-dino-detail{width:min(850px,94vw);padding:0;border:1px solid #4e2427;background:#070808;color:#eee}.inventory-dino-detail::backdrop{background:#000d}.inventory-detail-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #2b1719}.inventory-detail-head small{font-size:6px;color:#b4262d}.inventory-detail-head h2{margin:3px 0}.inventory-detail-head button{width:35px;height:35px;border-radius:50%;background:#090909;border:1px solid #333;color:#aaa}.inventory-detail-body{display:grid;grid-template-columns:330px 1fr;gap:15px;padding:16px}.detail-dino-visual{min-height:390px;background:center/cover;border:1px solid #292b2b}.detail-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.detail-data-grid>div{padding:10px;border:1px solid #282a2a}.detail-data-grid small,.detail-data-grid b{display:block}.detail-data-grid small{font-size:6px;color:#666}.detail-data-grid b{font-size:9px;margin-top:3px}.inventory-detail-body h3{font-size:9px;margin:15px 0 7px}.detail-mutation-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.detail-mutation-list>div{padding:8px;border:1px solid #292d2d;background:#090b0b}.detail-mutation-list span,.detail-mutation-list b{display:block}.detail-mutation-list span{font-size:5px;color:#666}.detail-mutation-list b{font-size:7px;margin-top:2px}.detail-actions{display:flex;gap:6px;margin-top:14px}.detail-actions button{padding:9px;background:#190708;border:1px solid #6b2024;color:#d78387;font-size:7px}
@media(max-width:900px){.inventory-wallets{grid-template-columns:1fr 1fr}.inventory-dino-grid,.inventory-item-grid{grid-template-columns:1fr 1fr}.inventory-detail-body{grid-template-columns:1fr}.detail-dino-visual{min-height:240px}}@media(max-width:600px){.inventory-hero{display:block}.inventory-sync{margin-top:10px}.inventory-wallets,.inventory-dino-grid,.inventory-prime-grid,.inventory-item-grid{grid-template-columns:1fr}.inventory-tabs{overflow:auto}.inventory-tabs button{white-space:nowrap}}

/* V30 — population control */
.population-hero{display:flex;justify-content:space-between;align-items:end;padding:22px 4px 16px;border-bottom:1px solid #242626}.population-hero h1{font-size:30px;margin:4px 0}.population-hero>div>p:last-child{font-size:8px;color:#777;max-width:650px}.population-sync{display:flex;gap:9px;align-items:center;padding:10px 13px;border:1px solid #26382c;background:#07100a}.population-sync b,.population-sync small{display:block}.population-sync b{font-size:8px;color:#69cf77}.population-sync small{font-size:6px;color:#68716a;margin-top:3px}
.population-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.pop-overview-card{padding:15px;border:1px solid #292c2c;background:#080909}.pop-overview-card small,.pop-overview-card b,.pop-overview-card span{display:block}.pop-overview-card small{font-size:7px;color:#777}.pop-overview-card b{font-size:22px;margin:5px 0}.pop-overview-card span{font-size:6px;color:#6d7272}
.population-toolbar{display:grid;grid-template-columns:1.4fr .7fr 1fr auto;gap:8px;align-items:center;padding:9px;margin-bottom:10px}.population-toolbar input,.population-toolbar select{padding:10px;background:#060808;border:1px solid #2a2e2e;color:#bbb}.population-view-note b,.population-view-note small{display:block}.population-view-note b{font-size:7px}.population-view-note small{font-size:6px;color:#777;margin-top:3px}.population-toolbar>button{padding:10px 12px;background:#0a0c0c;border:1px solid #323636;color:#888;font-size:7px}.population-toolbar>button.active{background:#240708;border-color:#98171e;color:#e54249}
.population-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.population-card{border:1px solid #292c2c;background:#080909}.population-image{height:125px;background:center/cover;position:relative}.population-category,.population-status{position:absolute;top:8px;padding:4px 6px;font-size:6px;background:#080909dd;border:1px solid #333}.population-category{left:8px;color:#9aa0a0}.population-status{right:8px}.population-status.available{color:#69d276;border-color:#315d37}.population-status.near{color:#e6ba4b;border-color:#6f571e}.population-status.full{color:#f04f57;border-color:#7c1d22}.population-status.closed{color:#888;border-color:#444}
.population-content{padding:11px}.population-name{display:flex;justify-content:space-between;align-items:center}.population-name h3{font-size:11px;margin:0}.population-name button{width:25px;height:25px;background:#0c0c0c;border:1px solid #363939;color:#aaa}.population-numbers{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin:10px 0}.population-numbers>div small,.population-numbers>div b{display:block}.population-numbers small{font-size:6px;color:#666}.population-numbers b{font-size:21px;margin-top:2px}.population-numbers>span{font-size:17px;color:#555;padding-bottom:2px}.population-bar{height:5px;background:#1e2222}.population-bar i{display:block;height:100%;transition:.2s}.population-bar i.available{background:#4bc55b}.population-bar i.near{background:#d5a52e}.population-bar i.full{background:#d82f38}.population-bar i.closed{background:#555}.population-footer{display:flex;justify-content:space-between;margin-top:7px}.population-footer span,.population-footer small{font-size:6px;color:#6d7272}
.owner-panel{display:none;margin-top:12px}.owner-panel.active{display:block}.owner-tools{display:flex;gap:7px;padding:10px}.owner-tools button{padding:9px 11px;background:#0a0c0c;border:1px solid #343838;color:#aaa;font-size:7px}.owner-species-row{display:grid;grid-template-columns:1.4fr .7fr .7fr .7fr auto;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid #202222;font-size:8px}.owner-species-row b,.owner-species-row small{display:block}.owner-species-row small{font-size:6px;color:#666}.owner-species-row button{padding:7px 9px;background:#240708;border:1px solid #7d171c;color:#d64349;font-size:6px}.owner-species-row .available{color:#60ce6e}.owner-species-row .near{color:#dfb143}.owner-species-row .full{color:#e3454e}.owner-species-row .closed{color:#777}
.population-edit-modal{width:min(520px,92vw);padding:0;border:1px solid #5a2024;background:#070808;color:#eee}.population-edit-modal::backdrop{background:#000d}.population-edit-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #2d1719}.population-edit-head small{font-size:6px;color:#b5252c}.population-edit-head h2{margin:3px 0}.population-edit-head button{width:35px;height:35px;border-radius:50%;background:#090909;border:1px solid #333;color:#aaa}.population-edit-body{padding:17px}.population-edit-body>label{display:block;margin-bottom:13px;font-size:7px;color:#888}.population-edit-body input[type=number]{display:block;width:100%;margin-top:6px;padding:10px;background:#060808;border:1px solid #303434;color:#ddd}.population-switch{display:grid!important;grid-template-columns:1fr 42px;align-items:center;padding:10px;border:1px solid #292d2d}.population-switch b,.population-switch small{display:block}.population-switch b{font-size:8px;color:#ddd}.population-switch small{font-size:6px;color:#666;margin-top:3px}.population-switch input{display:none}.population-switch i{width:38px;height:20px;border-radius:20px;background:#292929;position:relative}.population-switch i:after{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:#777;transition:.2s}.population-switch input:checked+i{background:#123b21}.population-switch input:checked+i:after{left:20px;background:#5bd16b}.population-edit-current{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.population-edit-current span{padding:10px;border:1px solid #292c2c}.population-edit-current small,.population-edit-current b{display:block}.population-edit-current small{font-size:6px;color:#666}.population-edit-current b{font-size:15px;margin-top:3px}.population-edit-body>button{width:100%;padding:11px;background:#290708;border:1px solid #8b181f;color:#e5444c}
@media(max-width:1200px){.population-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.population-overview,.population-grid{grid-template-columns:1fr 1fr}.population-toolbar{grid-template-columns:1fr 1fr}.owner-species-row{grid-template-columns:1fr 1fr 1fr}.owner-species-row>*:nth-child(4){display:none}}@media(max-width:600px){.population-hero{display:block}.population-sync{margin-top:10px}.population-overview,.population-grid,.population-toolbar{grid-template-columns:1fr}}

/* V31 — membership personal population slots */
.membership-access-card{display:grid;grid-template-columns:1fr 180px auto;gap:15px;align-items:center;padding:14px;margin-bottom:11px;border-color:#5b4517;background:linear-gradient(100deg,#120d04,#080909)}.membership-access-card small,.membership-access-card h3,.membership-access-card p{margin:0}.membership-access-card>div:first-child>small{font-size:6px;color:#a9853d}.membership-access-card h3{font-size:15px;color:#e1b34b;margin:3px 0}.membership-access-card p{font-size:7px;color:#777}.personal-slot-summary{padding-left:14px;border-left:1px solid #403217}.personal-slot-summary small,.personal-slot-summary b,.personal-slot-summary span{display:block}.personal-slot-summary small{font-size:6px;color:#806a3c}.personal-slot-summary b{font-size:20px;color:#e4b84d}.personal-slot-summary span{font-size:6px;color:#777}.membership-access-card>button{padding:10px;background:#201704;border:1px solid #70551c;color:#e0b34a;font-size:7px}
.personal-access{margin-top:9px;padding:8px;border:1px solid #4d3b17;background:#100c04}.personal-access span,.personal-access b,.personal-access small{display:block}.personal-access span{font-size:6px;color:#a7843a}.personal-access b{font-size:8px;color:#e2b64c;margin:2px 0}.personal-access small{font-size:6px;color:#746a54;line-height:1.35}.personal-access.available{border-color:#3d783f;background:#071108;box-shadow:inset 0 0 15px rgba(65,180,76,.05)}.personal-access.available b,.personal-access.available small{color:#67d373}
.membership-admin-block{margin:14px 10px 10px;border-top:1px solid #342519;padding-top:12px}.membership-admin-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.membership-admin-title small{font-size:6px;color:#a22}.membership-admin-title h3{font-size:11px;margin:3px 0}.membership-admin-title>span{font-size:6px;color:#777}.membership-admin-plan{display:grid;grid-template-columns:160px repeat(4,1fr);gap:6px;align-items:center;padding:8px;border-top:1px solid #202222}.membership-admin-plan-name b,.membership-admin-plan-name small{display:block}.membership-admin-plan-name b{font-size:8px}.membership-admin-plan-name small{font-size:5px;color:#777;margin-top:2px}.membership-admin-plan label{display:grid;grid-template-columns:1fr 42px;gap:5px;align-items:center;font-size:6px;color:#888}.membership-admin-plan input{width:42px;padding:6px;background:#060808;border:1px solid #303434;color:#e1b34b;text-align:center}
.membership-demo-modal{width:min(620px,92vw);padding:0;border:1px solid #6c501b;background:#070808;color:#eee}.membership-demo-modal::backdrop{background:#000d}.membership-plan-list{display:grid;gap:7px;padding:15px}.membership-plan-option{display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left;padding:13px;background:#090a0a;border:1px solid #2e3131;color:#ddd}.membership-plan-option b,.membership-plan-option small{display:block}.membership-plan-option b{font-size:10px}.membership-plan-option small{font-size:6px;color:#777;margin-top:4px}.membership-plan-option>span{font-size:6px;color:#777;align-self:center}.membership-plan-option.selected{border-color:#745719;background:#120d04}.membership-plan-option.selected b,.membership-plan-option.selected>span{color:#e3b74d}
@media(max-width:900px){.membership-access-card{grid-template-columns:1fr 1fr}.membership-access-card>button{grid-column:1/-1}.membership-admin-plan{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.membership-access-card,.membership-admin-plan{grid-template-columns:1fr}.personal-slot-summary{border-left:0;padding-left:0}}

.hidden{display:none!important}
.intro-screen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#000}
.intro-enter{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;cursor:pointer}
.intro-enter img{width:100%;height:100%;object-fit:contain;filter:brightness(.5) contrast(1.25);transition:.45s}
.intro-enter:hover img{transform:scale(1.04);filter:brightness(.75) contrast(1.2)}
.intro-screen.exit .intro-enter img{transform:scale(1.1);opacity:0}
.guest-screen{min-height:100vh;background:radial-gradient(circle at 70% 35%,rgba(120,0,0,.12),transparent 34%),linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.9)),url("assets/gateway.jpg") center/cover fixed;color:#eee}
.guest-top{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #222;background:#000a}
.guest-logo img{width:170px}.guest-top nav{display:flex;gap:22px}.guest-top nav a{color:#aaa;text-decoration:none;font-size:10px}
.guest-main{min-height:calc(100vh - 90px);display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;padding:55px 8vw}
.guest-copy h1{font-size:58px;margin:7px 0}.guest-copy>p:last-of-type{max-width:620px;color:#999;font-size:11px;line-height:1.7}
.guest-login-actions{display:flex;gap:10px;margin-top:25px}.guest-login-actions button{padding:13px 18px;color:white;font-size:9px}.steam-login{background:#102b44;border:1px solid #2871a9}.discord-login{background:#24214f;border:1px solid #6559bd}
.guest-locked-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guest-locked-preview article{min-height:120px;display:grid;place-items:center;text-align:center;border:1px solid #282828;background:#060606c9;cursor:pointer}
.login-modal{width:min(460px,92vw);padding:25px;border:1px solid #5f171c;background:#080909;color:#eee}.login-modal::backdrop{background:#000d}.login-modal p{color:#888;font-size:9px}.login-modal #continueLogin{width:100%;padding:12px;background:#2d080a;border:1px solid #9b1a21;color:#eee}
body.portal-authenticated .intro-screen,body.portal-authenticated .guest-screen{display:none!important}
body.portal-authenticated #portal{display:grid!important}
@media(max-width:800px){.guest-main{grid-template-columns:1fr;padding:35px 20px}.guest-copy h1{font-size:42px}.guest-top nav{display:none}.guest-login-actions{flex-direction:column}}

/* V33 — first-visit reset + proper intro visibility */
.intro-screen:not(.hidden){display:grid!important}
.guest-screen:not(.hidden){display:block!important}
#portal.hidden{display:none!important}
.session-test-box{margin:12px 12px 30px}
.session-test-box button{padding:9px 13px;background:#0b0b0b;border:1px solid #493234;color:#a99092;font-size:7px}

/* V34 — intro visual fix */
.intro-screen{background:#050505!important}
.intro-enter{background:#050505!important}
.intro-enter img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:brightness(.92) contrast(1.08) saturate(1.02)!important;
}
.intro-enter:hover img{
  opacity:1!important;
  filter:brightness(1.02) contrast(1.08) saturate(1.05)!important;
}
.intro-screen.exit .intro-enter img{
  opacity:0!important;
}

/* V35 CLEAN INTRO / GUEST / PORTAL STATE */
#intro.hidden,#guest.hidden,#portal.hidden{display:none!important}

#intro.intro-screen{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  display:block!important;
  background-color:#000!important;
  background-image:url("assets/intro-dino.png")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
}
#intro.hidden{display:none!important}

#intro .intro-click{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  cursor:pointer!important;
}

#guest.guest-screen{
  display:block;
  min-height:100vh;
}
#guest.hidden{display:none!important}

#portal.portal{
  min-height:100vh;
}
#portal.hidden{display:none!important}

/* reset old intro exit rules so they cannot hide V35 */
#intro.exit{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
}

/* V36 — full mutation catalogue */
.mutation-list{max-height:560px!important}
.availability-tag,.species-tag{
  display:inline-block;
  margin:6px 4px 0 0;
  padding:3px 5px;
  font-size:6px;
  border:1px solid #303434;
}
.availability-tag.free-mut{color:#69cd76;border-color:#315a37;background:#071108}
.availability-tag.slot2-mut{color:#64bfd2;border-color:#28515a;background:#061013}
.availability-tag.hidden-mut{color:#d19e46;border-color:#67491b;background:#120d04}
.species-tag{color:#969d9d;border-color:#343939;background:#080a0a}
.mutation-option{min-height:92px}
.mutation-option>div:nth-child(2){min-width:0}

/* V38 — softer portal background, functional code untouched */
body.portal-authenticated{
  background:
    radial-gradient(circle at 78% 12%, rgba(78,18,22,.10), transparent 28%),
    radial-gradient(circle at 18% 72%, rgba(28,45,42,.11), transparent 34%),
    linear-gradient(135deg,#111515 0%,#0d1111 46%,#151111 100%)!important;
  background-attachment:fixed!important;
}
body.portal-authenticated #portal,
body.portal-authenticated .portal,
body.portal-authenticated .dashboard{
  background:transparent!important;
}

/* Keep cards dark for contrast, but not pure black */
body.portal-authenticated .card,
body.portal-authenticated .panel,
body.portal-authenticated .profile-card,
body.portal-authenticated .population-card,
body.portal-authenticated .pop-overview-card{
  background-color:rgba(10,13,13,.91)!important;
}

/* Sidebar stays visually separate from the new page background */
body.portal-authenticated .sidebar{
  background:linear-gradient(180deg,#090b0b 0%,#0c0e0e 100%)!important;
}

/* V39 — clearly visible Dino Era portal colors */
html,
body{
  background:#171d1c!important;
}

body.portal-authenticated{
  background:
    radial-gradient(circle at 82% 15%,rgba(118,27,34,.24) 0,rgba(118,27,34,0) 34%),
    radial-gradient(circle at 22% 78%,rgba(35,76,68,.22) 0,rgba(35,76,68,0) 38%),
    linear-gradient(135deg,#202827 0%,#151c1b 45%,#25191b 100%)!important;
  background-attachment:fixed!important;
}

body.portal-authenticated #portal,
body.portal-authenticated .portal{
  background:transparent!important;
}

body.portal-authenticated .dashboard,
body.portal-authenticated main.dashboard{
  background:
    linear-gradient(180deg,rgba(26,34,33,.90),rgba(18,24,23,.93))!important;
}

/* main content areas */
body.portal-authenticated .content,
body.portal-authenticated .dashboard-content,
body.portal-authenticated .profile-content,
body.portal-authenticated .inventory-content,
body.portal-authenticated .shop-content{
  background:transparent!important;
}

/* Cards are now visibly lighter than the old black */
body.portal-authenticated .card,
body.portal-authenticated .panel,
body.portal-authenticated .profile-card,
body.portal-authenticated .population-card,
body.portal-authenticated .pop-overview-card,
body.portal-authenticated .inventory-card,
body.portal-authenticated .shop-card,
body.portal-authenticated .dino-card{
  background:#151b1a!important;
  border-color:#303b39!important;
}

/* left menu stays darker, with a subtle green graphite tone */
body.portal-authenticated .sidebar{
  background:linear-gradient(180deg,#0d1211 0%,#111817 55%,#161112 100%)!important;
  border-right-color:#303735!important;
}

/* top/header gets a distinct surface */
body.portal-authenticated .profile-top,
body.portal-authenticated .topbar,
body.portal-authenticated header{
  background-color:rgba(13,18,17,.94);
}

/* preserve Dino Era red accents while adding a subtle graphite-green hover */
body.portal-authenticated .sidebar a:hover{
  background:#182220!important;
}

/* V40 AUDITED GLOBAL PORTAL THEME
   Applies on index dashboard AND every internal page. Intro/Guest rules untouched. */
html{background:#111716!important}
body{
  background:
    radial-gradient(circle at 82% 12%,rgba(122,30,37,.23) 0,rgba(122,30,37,0) 31%),
    radial-gradient(circle at 18% 82%,rgba(42,83,73,.24) 0,rgba(42,83,73,0) 38%),
    linear-gradient(135deg,#26302e 0%,#18201f 48%,#2a1c1f 100%)!important;
  background-attachment:fixed!important;
}
body > .portal,
#portal.portal{
  background:transparent!important;
}
body > .portal > .dashboard,
#portal > .dashboard,
main.dashboard{
  background:rgba(18,24,23,.78)!important;
  backdrop-filter:blur(2px);
}
.sidebar{
  background:linear-gradient(180deg,#0d1211 0%,#111817 58%,#171112 100%)!important;
  border-right:1px solid #33403d!important;
}
.card,.panel,.profile-card,.population-card,.pop-overview-card,
.inventory-card,.shop-card,.dino-card,.quick-card,.stat-card{
  background-color:#171e1d!important;
  border-color:#34413e!important;
}
/* index intro/guest remain above the global body theme */
#intro.intro-screen{z-index:10000!important}
#guest.guest-screen{position:relative;z-index:9000}

/* V41 — readability pass only. Functionality untouched. */

/* General tiny UI copy */
.sidebar a,
.sidebar span,
.topbar,
.profile-top,
.card small,
.panel small,
.stat-card small,
.quick-card small,
.population-card small,
.pop-overview-card small,
.inventory-card small,
.shop-card small,
.dino-card small{
  font-size:max(8px,.68rem)!important;
  line-height:1.35!important;
}

/* Sidebar navigation needs to be especially readable */
.sidebar a{
  font-size:10px!important;
  line-height:1.25!important;
}
.sidebar .brand-sub,
.sidebar small{
  font-size:8px!important;
}

/* Buttons / form controls */
button,
input,
select,
textarea{
  font-size:9px!important;
}
input,
select,
textarea{
  line-height:1.35!important;
}

/* Card titles and secondary descriptions */
.card h3,
.panel h3,
.population-card h3,
.inventory-card h3,
.shop-card h3,
.dino-card h3{
  font-size:12px!important;
}
.card p,
.panel p,
.population-card p,
.inventory-card p,
.shop-card p,
.dino-card p{
  font-size:9px!important;
  line-height:1.5!important;
}

/* Population section */
.population-category,
.population-status,
.population-footer span,
.population-footer small,
.population-view-note b,
.population-view-note small,
.owner-species-row,
.owner-species-row small,
.owner-species-row button{
  font-size:8px!important;
}
.population-numbers small{
  font-size:8px!important;
}

/* Membership / personal slot */
.membership-access-card>div:first-child>small,
.membership-access-card p,
.personal-slot-summary small,
.personal-slot-summary span,
.personal-access span,
.personal-access small,
.membership-admin-title small,
.membership-admin-title>span,
.membership-admin-plan-name small,
.membership-admin-plan label,
.membership-plan-option small,
.membership-plan-option>span{
  font-size:8px!important;
}
.personal-access b,
.membership-admin-plan-name b{
  font-size:9px!important;
}

/* Mutation builder: this was one of the smallest areas */
.mutation-option b{
  font-size:11px!important;
}
.mutation-option small{
  font-size:9px!important;
  line-height:1.45!important;
}
.mutation-cat,
.meta-tag,
.prime-list-tag,
.prime-state,
.availability-tag,
.species-tag{
  font-size:8px!important;
}
.mutation-option strong{
  font-size:10px!important;
}

/* Guest remains visually balanced but more readable */
.guest-top nav a{
  font-size:11px!important;
}
.guest-copy>p:last-of-type{
  font-size:12px!important;
}
.guest-login-actions button{
  font-size:10px!important;
}
.guest-locked-preview article b{
  font-size:10px!important;
}

/* Keep compact mobile layout without microscopic text */
@media(max-width:700px){
  .sidebar a{font-size:9px!important}
  .card p,.panel p{font-size:9px!important}
}

/* =========================================================
   V42 — READABILITY SYSTEM
   Scoped to portal / guest only. Functional code untouched.
   ========================================================= */

/* Base portal readability */
#portal,
body > .portal{
  font-size:13px!important;
  line-height:1.45!important;
}

/* Tiny labels were 5–8px before; make them actually readable */
#portal small,
body > .portal small{
  font-size:10px!important;
  line-height:1.35!important;
}

/* Normal copy */
#portal p,
body > .portal p{
  font-size:11px!important;
  line-height:1.55!important;
}

/* Sidebar */
#portal .sidebar a,
body > .portal .sidebar a{
  font-size:12px!important;
  line-height:1.3!important;
}
#portal .sidebar small,
body > .portal .sidebar small{
  font-size:9px!important;
}

/* Buttons / inputs / filters */
#portal button,
#portal input,
#portal select,
#portal textarea,
body > .portal button,
body > .portal input,
body > .portal select,
body > .portal textarea{
  font-size:11px!important;
  line-height:1.3!important;
}

/* Card headings */
#portal .card h3,
#portal .panel h3,
#portal .population-card h3,
#portal .inventory-card h3,
#portal .dino-card h3,
#portal .shop-card h3,
body > .portal .card h3,
body > .portal .panel h3,
body > .portal .population-card h3,
body > .portal .inventory-card h3,
body > .portal .dino-card h3,
body > .portal .shop-card h3{
  font-size:14px!important;
  line-height:1.25!important;
}

/* Strong values in cards */
#portal .card b,
#portal .panel b,
body > .portal .card b,
body > .portal .panel b{
  line-height:1.25!important;
}

/* Population */
#portal .population-category,
#portal .population-status,
#portal .population-footer span,
#portal .population-footer small,
#portal .population-view-note b,
#portal .population-view-note small,
#portal .owner-species-row,
#portal .owner-species-row small,
#portal .owner-species-row button,
body > .portal .population-category,
body > .portal .population-status,
body > .portal .population-footer span,
body > .portal .population-footer small,
body > .portal .population-view-note b,
body > .portal .population-view-note small,
body > .portal .owner-species-row,
body > .portal .owner-species-row small,
body > .portal .owner-species-row button{
  font-size:10px!important;
}

/* Membership */
#portal .membership-access-card small,
#portal .membership-access-card p,
#portal .personal-access span,
#portal .personal-access small,
#portal .membership-admin-title small,
#portal .membership-admin-title>span,
#portal .membership-admin-plan-name small,
#portal .membership-admin-plan label,
#portal .membership-plan-option small,
#portal .membership-plan-option>span,
body > .portal .membership-access-card small,
body > .portal .membership-access-card p,
body > .portal .personal-access span,
body > .portal .personal-access small,
body > .portal .membership-admin-title small,
body > .portal .membership-admin-title>span,
body > .portal .membership-admin-plan-name small,
body > .portal .membership-admin-plan label,
body > .portal .membership-plan-option small,
body > .portal .membership-plan-option>span{
  font-size:10px!important;
}
#portal .personal-access b,
body > .portal .personal-access b{
  font-size:11px!important;
}

/* Mutation builder — intentionally larger */
.mutation-builder{
  font-size:12px!important;
}
.mutation-head small{
  font-size:10px!important;
}
.mutation-head p{
  font-size:11px!important;
}
.mutation-option b{
  font-size:13px!important;
}
.mutation-option small{
  font-size:11px!important;
  line-height:1.45!important;
}
.mutation-cat,
.meta-tag,
.prime-list-tag,
.prime-state,
.availability-tag,
.species-tag{
  font-size:9px!important;
}
.mutation-slot small,
.prime-mutation-slot small,
.entomb-title small{
  font-size:9px!important;
}
.mutation-slot b,
.prime-mutation-slot b,
.entomb-title b{
  font-size:11px!important;
}

/* Owned dino mutation editor */
.owned-mutation-modal{
  font-size:12px!important;
}
.owned-edit-slot small{
  font-size:9px!important;
}
.owned-edit-slot select{
  font-size:11px!important;
}
.owned-note{
  font-size:11px!important;
}

/* Guest lobby */
#guest{
  font-size:13px!important;
}
#guest .guest-top nav a{
  font-size:12px!important;
}
#guest .guest-copy>p:last-of-type{
  font-size:13px!important;
  line-height:1.6!important;
}
#guest .guest-login-actions button{
  font-size:12px!important;
}
#guest .guest-locked-preview article b{
  font-size:12px!important;
}

/* Profile tabs / settings */
.profile-tabs button,
.inventory-tabs button,
.rank-tabs button{
  font-size:11px!important;
}
.setting-switch b{
  font-size:11px!important;
}
.setting-switch small{
  font-size:10px!important;
}

/* Mobile: still readable */
@media(max-width:700px){
  #portal .sidebar a,
  body > .portal .sidebar a{font-size:11px!important}
  #portal p,
  body > .portal p{font-size:11px!important}
}

/* =========================================================
   V43 — BIGGER TYPOGRAPHY + MENU COLOR + SMALL TEXT HOVER
   Functionality untouched.
   ========================================================= */

/* Overall portal text */
#portal,
body > .portal{
  font-size:15px!important;
  line-height:1.5!important;
}

/* General text */
#portal p,
body > .portal p{
  font-size:13px!important;
  line-height:1.6!important;
}

/* Small labels */
#portal small,
body > .portal small{
  font-size:11px!important;
  line-height:1.4!important;
  transition:font-size .16s ease, color .16s ease, transform .16s ease;
}

/* MAIN LEFT MENU — bigger + brighter */
#portal .sidebar a,
body > .portal .sidebar a{
  font-size:14px!important;
  line-height:1.35!important;
  color:#d7dfdd!important;
  transition:color .18s ease, background .18s ease, transform .18s ease;
}
#portal .sidebar a span,
body > .portal .sidebar a span{
  color:#d7dfdd!important;
}
#portal .sidebar a:hover,
body > .portal .sidebar a:hover{
  color:#ffffff!important;
  background:#1b2926!important;
  transform:translateX(3px);
}
#portal .sidebar a:hover span,
body > .portal .sidebar a:hover span{
  color:#ffffff!important;
}
#portal .sidebar a.active,
body > .portal .sidebar a.active{
  color:#ff6c72!important;
}
#portal .sidebar a.active span,
body > .portal .sidebar a.active span{
  color:#ff6c72!important;
}

/* Buttons and inputs */
#portal button,
#portal input,
#portal select,
#portal textarea,
body > .portal button,
body > .portal input,
body > .portal select,
body > .portal textarea{
  font-size:12px!important;
  line-height:1.35!important;
}

/* Card headings */
#portal h1,
body > .portal h1{
  font-size:32px!important;
}
#portal h2,
body > .portal h2{
  font-size:24px!important;
}
#portal h3,
body > .portal h3{
  font-size:16px!important;
}

/* Card labels and values */
#portal .card,
#portal .panel,
body > .portal .card,
body > .portal .panel{
  font-size:13px!important;
}
#portal .card b,
#portal .panel b,
body > .portal .card b,
body > .portal .panel b{
  font-size:inherit;
}

/* PROFILE */
.profile-tabs button,
.inventory-tabs button,
.rank-tabs button{
  font-size:13px!important;
}
.setting-switch b{
  font-size:13px!important;
}
.setting-switch small{
  font-size:11px!important;
}

/* POPULATION */
.population-category,
.population-status,
.population-footer span,
.population-footer small,
.population-view-note b,
.population-view-note small,
.owner-species-row,
.owner-species-row small,
.owner-species-row button{
  font-size:11px!important;
}
.population-numbers small{
  font-size:10px!important;
}
.population-numbers b{
  font-size:24px!important;
}

/* MEMBERSHIP */
.membership-access-card small,
.membership-access-card p,
.personal-access span,
.personal-access small,
.membership-admin-title small,
.membership-admin-title>span,
.membership-admin-plan-name small,
.membership-admin-plan label,
.membership-plan-option small,
.membership-plan-option>span{
  font-size:11px!important;
}
.personal-access b,
.membership-admin-plan-name b{
  font-size:13px!important;
}

/* MUTATION BUILDER */
.mutation-builder{
  font-size:14px!important;
}
.mutation-head small{
  font-size:11px!important;
}
.mutation-head p{
  font-size:12px!important;
}
.mutation-option b{
  font-size:14px!important;
}
.mutation-option small{
  font-size:12px!important;
  line-height:1.5!important;
}
.mutation-cat,
.meta-tag,
.prime-list-tag,
.prime-state,
.availability-tag,
.species-tag{
  font-size:10px!important;
}
.mutation-slot small,
.prime-mutation-slot small,
.entomb-title small{
  font-size:10px!important;
}
.mutation-slot b,
.prime-mutation-slot b,
.entomb-title b{
  font-size:12px!important;
}

/* OWNED DINO MUTATION EDITOR */
.owned-mutation-modal{
  font-size:14px!important;
}
.owned-edit-slot small{
  font-size:10px!important;
}
.owned-edit-slot select{
  font-size:12px!important;
}
.owned-note{
  font-size:12px!important;
}

/* GUEST LOBBY */
#guest{
  font-size:15px!important;
}
#guest .guest-top nav a{
  font-size:13px!important;
}
#guest .guest-copy>p:last-of-type{
  font-size:14px!important;
}
#guest .guest-login-actions button{
  font-size:13px!important;
}
#guest .guest-locked-preview article b{
  font-size:13px!important;
}

/* Small-text hover: grow + brighten */
#portal small:hover,
body > .portal small:hover,
#portal .eyebrow:hover,
body > .portal .eyebrow:hover,
#portal .population-category:hover,
#portal .population-status:hover,
#portal .mutation-cat:hover,
#portal .meta-tag:hover,
#portal .prime-list-tag:hover,
#portal .availability-tag:hover,
#portal .species-tag:hover,
#portal .timeline-item small:hover,
#portal .inventory-source:hover,
#portal .inventory-status:hover,
#portal .owner-species-row small:hover,
#portal .membership-plan-option small:hover,
body > .portal .population-category:hover,
body > .portal .population-status:hover,
body > .portal .mutation-cat:hover,
body > .portal .meta-tag:hover,
body > .portal .prime-list-tag:hover,
body > .portal .availability-tag:hover,
body > .portal .species-tag:hover,
body > .portal .timeline-item small:hover,
body > .portal .inventory-source:hover,
body > .portal .inventory-status:hover,
body > .portal .owner-species-row small:hover,
body > .portal .membership-plan-option small:hover{
  font-size:13px!important;
  color:#ffffff!important;
  transform:scale(1.04);
  transform-origin:left center;
  position:relative;
  z-index:4;
}

/* Avoid layout jumps inside tags/badges by scaling rather than widening too much */
#portal .mutation-cat:hover,
#portal .meta-tag:hover,
#portal .prime-list-tag:hover,
#portal .availability-tag:hover,
#portal .species-tag:hover,
body > .portal .mutation-cat:hover,
body > .portal .meta-tag:hover,
body > .portal .prime-list-tag:hover,
body > .portal .availability-tag:hover,
body > .portal .species-tag:hover{
  font-size:11px!important;
  transform:scale(1.08);
}

/* Mobile */
@media(max-width:700px){
  #portal,
  body > .portal{
    font-size:14px!important;
  }
  #portal .sidebar a,
  body > .portal .sidebar a{
    font-size:13px!important;
  }
  #portal p,
  body > .portal p{
    font-size:12px!important;
  }
}

/* =========================================================
   V44 — SOFTER TEXT COLORS
   Less eye-straining, keeps V43 sizing/hover behavior.
   Functional code untouched.
   ========================================================= */

/* General portal text */
#portal,
body > .portal{
  color:#b6bdbb!important;
}

#portal p,
body > .portal p{
  color:#a9b1ae!important;
}

#portal small,
body > .portal small{
  color:#89918f!important;
}

/* LEFT SIDEBAR */
#portal .sidebar a,
body > .portal .sidebar a,
#portal .sidebar a span,
body > .portal .sidebar a span{
  color:#9da6a3!important;
}

#portal .sidebar a:hover,
body > .portal .sidebar a:hover,
#portal .sidebar a:hover span,
body > .portal .sidebar a:hover span{
  color:#bbc3c0!important;
}

#portal .sidebar a.active,
body > .portal .sidebar a.active,
#portal .sidebar a.active span,
body > .portal .sidebar a.active span{
  color:#bc656b!important;
}

/* Headings */
#portal h1,
#portal h2,
#portal h3,
#portal h4,
body > .portal h1,
body > .portal h2,
body > .portal h3,
body > .portal h4{
  color:#ccd2d0!important;
}

/* Strong text / values */
#portal b,
#portal strong,
body > .portal b,
body > .portal strong{
  color:#c1c8c5;
}

/* Inputs / buttons */
#portal button,
#portal input,
#portal select,
#portal textarea,
body > .portal button,
body > .portal input,
body > .portal select,
body > .portal textarea{
  color:#b2bab7!important;
}

/* Muted small-label hover: larger but not bright white */
#portal small:hover,
body > .portal small:hover,
#portal .eyebrow:hover,
body > .portal .eyebrow:hover,
#portal .population-category:hover,
#portal .population-status:hover,
#portal .mutation-cat:hover,
#portal .meta-tag:hover,
#portal .prime-list-tag:hover,
#portal .availability-tag:hover,
#portal .species-tag:hover,
body > .portal .population-category:hover,
body > .portal .population-status:hover,
body > .portal .mutation-cat:hover,
body > .portal .meta-tag:hover,
body > .portal .prime-list-tag:hover,
body > .portal .availability-tag:hover,
body > .portal .species-tag:hover{
  color:#c5ccca!important;
}

/* Guest Lobby */
#guest{
  color:#b9c0be!important;
}
#guest .guest-top nav a{
  color:#969f9c!important;
}
#guest .guest-top nav a:hover{
  color:#bdc5c2!important;
}
#guest .guest-copy>p:last-of-type{
  color:#9da6a3!important;
}

/* Keep semantic colors, but soften them */
.green{color:#74b982!important}
.gold{color:#caa85a!important}
.red{color:#c7666d!important}
.purple{color:#a78bc7!important}
.cyan{color:#73adb4!important}

/* V45 — active sidebar item: dark blood red */
#portal .sidebar a.active,
body > .portal .sidebar a.active,
#portal .sidebar a.active span,
body > .portal .sidebar a.active span{
  color:#8f1d24!important;
  text-shadow:0 0 5px rgba(110,12,20,.24)!important;
}

/* =========================================================
   V46 — READABILITY + GLOBAL SMALL-TEXT HOVER
   Functional logic untouched.
   ========================================================= */

/* LEFT SIDEBAR — clearly larger */
#portal .sidebar a,
body > .portal .sidebar a{
  font-size:16px!important;
  line-height:1.4!important;
  letter-spacing:.15px!important;
}

#portal .sidebar a span,
body > .portal .sidebar a span{
  font-size:16px!important;
}

#portal .sidebar small,
body > .portal .sidebar small{
  font-size:11px!important;
  line-height:1.35!important;
}

/* sidebar badges */
#portal .sidebar a small,
body > .portal .sidebar a small{
  font-size:10px!important;
  padding:2px 5px!important;
}

/* General portal text bump */
#portal,
body > .portal{
  font-size:15px!important;
}

#portal p,
body > .portal p{
  font-size:13px!important;
  line-height:1.62!important;
}

/* Everything that was microscopically small */
#portal small,
body > .portal small,
#portal .eyebrow,
body > .portal .eyebrow,
#portal .badge,
body > .portal .badge,
#portal .tag,
body > .portal .tag,
#portal .status,
body > .portal .status,
#portal .population-category,
#portal .population-status,
#portal .inventory-source,
#portal .inventory-status,
#portal .mutation-cat,
#portal .meta-tag,
#portal .prime-list-tag,
#portal .prime-state,
#portal .availability-tag,
#portal .species-tag,
#portal .history-icon + p small,
#portal .timeline-item small,
#portal .friend-big small,
#portal .news-post small,
#portal .news-feature small,
#portal .role-detail small,
body > .portal .population-category,
body > .portal .population-status,
body > .portal .inventory-source,
body > .portal .inventory-status,
body > .portal .mutation-cat,
body > .portal .meta-tag,
body > .portal .prime-list-tag,
body > .portal .prime-state,
body > .portal .availability-tag,
body > .portal .species-tag,
body > .portal .timeline-item small,
body > .portal .friend-big small,
body > .portal .news-post small,
body > .portal .news-feature small{
  font-size:11px!important;
  line-height:1.35!important;
  transition:
    transform .16s ease,
    color .16s ease,
    background .16s ease,
    border-color .16s ease;
  transform-origin:left center;
}

/* Mutation builder remains extra readable */
.mutation-option b{
  font-size:15px!important;
}
.mutation-option small{
  font-size:12px!important;
}
.mutation-slot small,
.prime-mutation-slot small,
.entomb-title small{
  font-size:11px!important;
}
.mutation-slot b,
.prime-mutation-slot b,
.entomb-title b{
  font-size:13px!important;
}

/* Profile / settings */
.profile-tabs button,
.inventory-tabs button,
.rank-tabs button{
  font-size:13px!important;
}
.setting-switch b{
  font-size:13px!important;
}
.setting-switch small{
  font-size:11px!important;
}

/* Population / membership */
.population-footer span,
.population-footer small,
.population-view-note b,
.population-view-note small,
.owner-species-row,
.owner-species-row small,
.owner-species-row button,
.membership-access-card small,
.membership-access-card p,
.personal-access span,
.personal-access small,
.membership-admin-title small,
.membership-admin-title>span,
.membership-admin-plan-name small,
.membership-admin-plan label,
.membership-plan-option small,
.membership-plan-option>span{
  font-size:11px!important;
}

/* GLOBAL hover grow for tiny text */
#portal small:hover,
body > .portal small:hover,
#portal .eyebrow:hover,
body > .portal .eyebrow:hover,
#portal .badge:hover,
body > .portal .badge:hover,
#portal .tag:hover,
body > .portal .tag:hover,
#portal .status:hover,
body > .portal .status:hover,
#portal .population-category:hover,
#portal .population-status:hover,
#portal .inventory-source:hover,
#portal .inventory-status:hover,
#portal .mutation-cat:hover,
#portal .meta-tag:hover,
#portal .prime-list-tag:hover,
#portal .prime-state:hover,
#portal .availability-tag:hover,
#portal .species-tag:hover,
#portal .timeline-item small:hover,
#portal .friend-big small:hover,
#portal .news-post small:hover,
#portal .news-feature small:hover,
body > .portal .population-category:hover,
body > .portal .population-status:hover,
body > .portal .inventory-source:hover,
body > .portal .inventory-status:hover,
body > .portal .mutation-cat:hover,
body > .portal .meta-tag:hover,
body > .portal .prime-list-tag:hover,
body > .portal .prime-state:hover,
body > .portal .availability-tag:hover,
body > .portal .species-tag:hover,
body > .portal .timeline-item small:hover,
body > .portal .friend-big small:hover,
body > .portal .news-post small:hover,
body > .portal .news-feature small:hover{
  transform:scale(1.12)!important;
  color:#cfd6d3!important;
  position:relative;
  z-index:10;
}

/* tags/badges shouldn't break layout */
#portal .mutation-cat:hover,
#portal .meta-tag:hover,
#portal .prime-list-tag:hover,
#portal .prime-state:hover,
#portal .availability-tag:hover,
#portal .species-tag:hover,
body > .portal .mutation-cat:hover,
body > .portal .meta-tag:hover,
body > .portal .prime-list-tag:hover,
body > .portal .prime-state:hover,
body > .portal .availability-tag:hover,
body > .portal .species-tag:hover{
  transform:scale(1.08)!important;
}

/* Guest */
#guest .guest-top nav a{
  font-size:13px!important;
}
#guest .guest-copy>p:last-of-type{
  font-size:14px!important;
}
#guest .guest-login-actions button{
  font-size:13px!important;
}
#guest .guest-locked-preview article b{
  font-size:13px!important;
}

/* Mobile */
@media(max-width:700px){
  #portal .sidebar a,
  body > .portal .sidebar a,
  #portal .sidebar a span,
  body > .portal .sidebar a span{
    font-size:14px!important;
  }
}

/* V47 text harmony — any remaining bright white becomes sidebar-like soft gray */
#portal, body > .portal { color:#a8b0ad!important; }
#portal p, body > .portal p { color:#a2aaa7!important; }
#portal h1,#portal h2,#portal h3,#portal h4,
body > .portal h1,body > .portal h2,body > .portal h3,body > .portal h4 { color:#bac2bf!important; }
#portal b,#portal strong,body > .portal b,body > .portal strong { color:#b2bab7; }
#portal button,#portal input,#portal select,#portal textarea,
body > .portal button,body > .portal input,body > .portal select,body > .portal textarea { color:#adb5b2!important; }

/* V47 PRIME milestone / Entomb lifecycle */
.lifecycle-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}
.life-stage{padding:9px;border:1px solid #3a453f;background:#101615}.life-stage b,.life-stage small{display:block}.life-stage b{font-size:11px}.life-stage small{font-size:9px;margin-top:2px}.life-stage.active{border-color:#566c61}.life-stage.locked{opacity:.42;border-style:dashed}
.prime-legacy-info{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px;margin:10px 0;border:1px solid #654718;background:#151005}
.prime-legacy-info>div{display:flex;gap:10px;align-items:center}.prime-legacy-info>div>span{font-size:25px;color:#c9993b}.prime-legacy-info b,.prime-legacy-info small{display:block}.prime-legacy-info b{font-size:11px;color:#c9a452}.prime-legacy-info small{font-size:10px;color:#8d816a;line-height:1.4}.prime-legacy-info button{padding:8px;background:#211704;border:1px solid #76561a;color:#c9a452}
.sixteen-slots{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.mutation-slot.prime-milestone{border-color:#66501c;background:#151005}.mutation-slot.prime-milestone small{color:#caa64f!important}
.mutation-slot.locked{opacity:.43;cursor:not-allowed;border-style:dashed}.mutation-slot.entomb-locked{filter:saturate(.45)}
.entomb-demo-controls{display:flex;gap:6px;align-items:center;margin:8px 0 12px}.entomb-demo-controls span{font-size:9px;color:#7f8784;margin-right:auto}.entomb-demo-controls button{padding:7px 9px;background:#0d1211;border:1px solid #38433f;color:#9fa8a5}
.builder-prime-state{padding:10px;margin:12px 0;border:1px solid #5d481a;background:#110d05}.builder-prime-state small,.builder-prime-state b{display:block}.builder-prime-state small{font-size:9px}.builder-prime-state b{font-size:12px;color:#caa64f;margin-top:3px}

/* V47 Live Dino */
.live-dino-head{display:flex;justify-content:space-between;align-items:end;padding:20px 3px 14px}.live-dino-head h1{margin:3px 0}.live-dino-head>div>p:last-child{max-width:650px}.live-sync{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid #31563b;background:#09110b}.live-sync i{width:9px;height:9px;border-radius:50%;background:#64c875;box-shadow:0 0 10px #64c875}.live-sync b,.live-sync small{display:block}.live-sync b{font-size:10px}.live-sync small{font-size:10px;margin-top:2px}
.live-dino-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:11px}.live-active-card{overflow:hidden}.live-dino-visual{height:310px;background:center/cover;position:relative}.live-dino-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.88))}.live-badge,.live-lifecycle{position:absolute;top:12px;z-index:2;padding:5px 7px;background:#07100bdd;border:1px solid #31583a;font-size:10px}.live-badge{left:12px;color:#68ca78}.live-lifecycle{right:12px;color:#c8a04c;border-color:#664f1c}.live-identity{position:absolute;left:18px;bottom:17px;z-index:2}.live-identity small,.live-identity h2,.live-identity span{display:block}.live-identity h2{font-size:28px!important;margin:3px 0}.live-identity span{font-size:11px;color:#71c87c}
.live-vitals{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.live-vital{padding:10px;border:1px solid #2d3734;background:#101514}.live-vital>div:first-child{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:6px}.live-vital b{font-size:11px}.live-vital strong{font-size:13px}.meter{height:7px;background:#222a27;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#3c8e50,#69c776);transition:width .4s}.meter.blood i{background:linear-gradient(90deg,#68141b,#a83239)}.meter.food i{background:linear-gradient(90deg,#8a641e,#c39a3c)}.meter.water i{background:linear-gradient(90deg,#285b68,#4d9dae)}.meter.growth i{background:linear-gradient(90deg,#62511e,#b89a41)}
.live-extra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 14px 14px}.live-extra-grid>div{padding:10px;border:1px solid #2d3734}.live-extra-grid small,.live-extra-grid b{display:block}.live-extra-grid small{font-size:9px}.live-extra-grid b{font-size:11px;margin-top:3px}
.live-garage{display:grid;gap:10px;align-content:start}.live-parked-list{padding:7px}.live-parked-card{display:grid;grid-template-columns:54px 1fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #28312e}.live-parked-img{height:48px;background:center/cover}.live-parked-card b,.live-parked-card small{display:block}.live-parked-card b{font-size:11px}.live-parked-card small{font-size:10px;margin-top:3px}.live-parked-card button{padding:7px}.live-garage>.card>button{margin:8px;width:calc(100% - 16px);padding:9px}
.park-rules-card{padding-bottom:8px}.big-park-rule{display:grid;grid-template-columns:38px 1fr;gap:9px;padding:12px;border-top:1px solid #28312e}.big-park-rule>b{font-size:18px;color:#8d252c!important}.big-park-rule p{font-size:12px!important;margin:0!important;line-height:1.55!important}
.dinos-park-rules{margin-top:12px}.park-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.park-rule-grid>div{display:grid;grid-template-columns:40px 1fr;gap:8px;padding:12px;border:1px solid #303a37}.park-rule-grid>div>b{font-size:18px;color:#8d252c!important}.park-rule-grid p{font-size:12px!important;margin:0!important;line-height:1.55!important}
@media(max-width:950px){.live-dino-layout{grid-template-columns:1fr}.sixteen-slots{grid-template-columns:repeat(2,1fr)!important}.live-vitals{grid-template-columns:1fr}.live-extra-grid{grid-template-columns:1fr 1fr}}

/* V48 Dino Era floating chat */
.de-chat-root{position:fixed;right:18px;bottom:18px;z-index:12000;font-family:inherit}.de-chat-fab{width:58px;height:58px;border:1px solid #5b2025;background:#130d0e;box-shadow:0 8px 28px #000a;cursor:pointer;position:relative;display:grid;place-items:center}.de-chat-icon{width:25px;height:20px;border:2px solid #8f252c;border-radius:45%;position:relative}.de-chat-icon:after{content:"";position:absolute;left:1px;bottom:-6px;width:8px;height:8px;border-left:2px solid #8f252c;transform:skew(-28deg)}.de-chat-fab:hover{background:#1d1113;border-color:#8f252c}.de-chat-fab i{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:#8f1d24;color:#c9cfcd;font-size:10px;font-style:normal;display:grid;place-items:center}.de-chat-panel{position:absolute;right:0;bottom:70px;width:min(560px,calc(100vw - 28px));height:min(680px,calc(100vh - 100px));display:grid;grid-template-rows:auto auto auto 1fr auto;background:#0a0f0e;border:1px solid #3b4743;box-shadow:0 22px 65px #000e;opacity:0;visibility:hidden;transform:translateY(12px) scale(.985);transform-origin:bottom right;transition:.18s ease;overflow:hidden}.de-chat-panel.open{opacity:1;visibility:visible;transform:none}.de-chat-header{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #29332f;background:#101615}.de-chat-header small,.de-chat-header b{display:block}.de-chat-header small{font-size:9px!important;color:#7f8985!important}.de-chat-header b{font-size:14px!important;color:#aeb6b3!important;margin-top:2px}.de-chat-head-actions{display:flex;align-items:center;gap:6px}.de-live-dot{width:7px;height:7px;border-radius:50%;background:#4e9b60;box-shadow:0 0 7px #4e9b60}.de-chat-head-actions button{margin-left:8px;width:30px;height:30px;background:#161c1a;border:1px solid #343e3a;color:#929b98;font-size:20px}.de-chat-tabs{display:grid;grid-template-columns:1fr 1fr;padding:6px;border-bottom:1px solid #29332f}.de-chat-tabs button{height:44px;border:0;background:transparent;color:#68716e;font-weight:800}.de-chat-tabs button.active{background:#171d1b;color:#aeb6b3;border:1px solid #2e3834}.de-chat-channels{display:flex;gap:5px;padding:7px 8px;border-bottom:1px solid #29332f;overflow:auto}.de-chat-channels button{white-space:nowrap;padding:7px 9px;background:#0e1412;border:1px solid #29332f;color:#79827f;font-size:10px}.de-chat-channels button.active{border-color:#702329;color:#ad777a;background:#160e0f}.de-chat-body{min-height:0;overflow:auto}.de-chat-notice{margin:10px;padding:10px 12px;border:1px solid #64242a;background:#1b1112;display:grid;grid-template-columns:auto 1fr;gap:9px}.de-chat-notice b{font-size:10px!important;color:#b9686e!important}.de-chat-notice span{font-size:11px;color:#a78d8e}.de-chat-messages{height:100%;overflow:auto;padding:0 10px 12px}.de-msg{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:13px 2px;border-bottom:1px solid #202a26}.de-msg-avatar{width:46px;height:46px;border:1px solid #3a4541;background:#151c1a;display:grid;place-items:center;color:#8f252c;font-weight:900}.de-msg-meta{display:flex;align-items:center;gap:7px}.de-msg-meta b{font-size:13px!important;color:#b5bdb9!important}.de-msg-meta span{font-size:9px;padding:2px 5px;border:1px solid #5b2025;color:#9f555a}.de-msg-meta time{margin-left:auto;font-size:9px;color:#66706c}.de-msg p{font-size:12px!important;color:#8f9995!important;margin:5px 0 3px!important}.de-reply-btn{padding:0!important;border:0!important;background:none!important;color:#626c68!important;font-size:8px!important;opacity:0}.de-msg:hover .de-reply-btn{opacity:1}.de-feed-body{overflow:auto;padding:9px}.de-feed-body article{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:12px;border-bottom:1px solid #28312e}.de-feed-body b,.de-feed-body small{display:block}.de-chat-compose{padding:10px;border-top:1px solid #303a36;background:#0d1211}.de-chat-inputrow{display:grid;grid-template-columns:1fr 38px;border:1px solid #343e3a;background:#141918}.de-chat-inputrow input{height:48px;border:0!important;background:transparent!important;padding:0 12px!important;color:#aeb6b3!important;outline:none}.de-chat-inputrow button{border:0;border-left:1px solid #343e3a;background:transparent;color:#77817d;font-size:18px}.de-chat-bottom{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-top:8px}.de-chat-bottom button{height:38px;border:1px solid #343e3a;background:#121816;color:#7f8985;font-size:9px}.de-chat-bottom button:last-child{padding:0 20px;background:#68161c;border-color:#7f2027;color:#bfc5c3;font-weight:800}.de-chat-bottom span{font-size:9px;color:#646d69}@media(max-width:650px){.de-chat-root{right:9px;bottom:9px}.de-chat-panel{bottom:66px;width:calc(100vw - 18px);height:calc(100vh - 92px)}.de-chat-fab{width:52px;height:52px}}

/* V49 user dinosaur artwork */
.park-img.allo,.dino-img.allo{background-image:url('assets/allosaurus.jpg')!important}
.park-img.carno,.dino-img.carno{background-image:url('assets/carnotaurus.jpg')!important}
.park-img.cera,.dino-img.cera{background-image:url('assets/ceratosaurus.jpg')!important}
.park-img.deino,.dino-img.deino{background-image:url('assets/deinosuchus.jpg')!important}
.park-img.rex,.dino-img.rex{background-image:url('assets/tyrannosaurus.jpg')!important}
.park-img.herra,.dino-img.herra{background-image:url('assets/herrerasaurus.jpg')!important}
.park-img.dilo,.dino-img.dilo{background-image:url('assets/dilophosaurus.jpg')!important}
.park-img.omni,.dino-img.omni{background-image:url('assets/omniraptor.jpg')!important}
.park-img.troodon,.dino-img.troodon{background-image:url('assets/troodon.jpg')!important}
.park-img.ptera,.dino-img.ptera{background-image:url('assets/pteranodon.jpg')!important}

/* V50 — chat only inside authenticated portal */
.de-chat-root{display:none!important}
body.portal-authenticated .de-chat-root{display:block!important}

/* V53 — full dinosaur artwork, no cropping */
.pop-img,.dino-img,.park-img,.live-dino-art,.inventory-dino-img,.shop-dino-img,[class*="dino-img"],[class*="park-img"]{
background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important}
.pop-img,.dino-img,.park-img{background-color:#090d0c!important}
.pop-img img,.dino-img img,.park-img img,.live-dino-art img,.inventory-dino-img img,.shop-dino-img img,img.dino-art,img.dino-image{
width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}

/* V56 stable page state + chat */
.de-chat-root{display:none!important}
body.portal-authenticated .de-chat-root,
body.portal-internal .de-chat-root{display:block!important}

/* V56 admin PRIME */
#adminModeToggle.on,#adminPrimeList button.on{background:#67171d!important;border-color:#8b252c!important;color:#cfc4c4!important}
#adminPrimeControls{opacity:.42;pointer-events:none;transition:.15s}
#adminPrimeControls.enabled{opacity:1;pointer-events:auto}
#adminPrimeList{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
#adminPrimeList button{min-height:36px;background:#101514;border:1px solid #34403b;color:#919a97;font-size:9px}
#adminPrimeList button:disabled{opacity:.38}
.mutation-option.prime-choice{border-color:#6c521b!important;background:#151006!important}
.mutation-option.prime-choice .mutation-hex,.mutation-option.prime-choice b{color:#caa64f!important}
.mutation-empty{padding:18px;border:1px dashed #343d39;color:#7e8884;font-size:11px}

/* V56 parked dino mutation editor */
.inventory-mutation-editor{width:min(940px,94vw);max-height:90vh;background:#0c1110;border:1px solid #39443f;color:#aab2af;padding:0}
.inv-mutation-editor-body{padding:14px;overflow:auto;max-height:calc(90vh - 68px)}
.inv-editor-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}
.inv-editor-summary>div{padding:10px;border:1px solid #303a36;background:#111715}
.inv-editor-summary small,.inv-editor-summary b{display:block}
.inv-editor-summary small{font-size:9px!important}.inv-editor-summary b{font-size:13px!important;margin-top:3px}
.inv-editor-note{padding:10px;border:1px solid #4a3b1e;background:#151106;font-size:11px;line-height:1.5;margin-bottom:10px}
.inv-mutation-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.inv-edit-slot{padding:10px;border:1px solid #303a36;background:#101514}
.inv-edit-slot.prime{border-color:#654e1b;background:#151006}
.inv-edit-slot small{display:block;font-size:9px!important;margin-bottom:6px}
.inv-edit-slot.prime small{color:#c9a451!important}
.inv-edit-slot select{width:100%;height:40px;background:#0b100f;border:1px solid #39443f;color:#aab2af;padding:0 8px;font-size:11px!important}
.inv-editor-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.inv-editor-footer button{height:40px;padding:0 16px;background:#111715;border:1px solid #36413d;color:#9ba4a1}
.inv-editor-footer button:last-child{background:#63171d;border-color:#812128;color:#c0b7b7}
#editParkedMutationsBtn:disabled{opacity:.4;cursor:not-allowed}
.prime-detail-slot{border-color:#5e4919!important}
@media(max-width:720px){.inv-editor-summary{grid-template-columns:1fr 1fr}.inv-mutation-slots{grid-template-columns:1fr}}

/* =========================================================
   V57 — DINO ERA DOSSIER / REAL EVRIMA MUTATIONS / PRIME 5
   ========================================================= */

/* Store 4 child mutation builder */
.de-child-builder{width:min(1120px,96vw);max-height:92vh}
.child-slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.child-slot{min-height:66px;display:grid;grid-template-columns:90px 1fr 64px;align-items:center;text-align:left;background:#0d1211;border:1px solid #2b3531;color:#8e9995;padding:0 12px}
.child-slot small{font-size:9px!important;color:#68736e!important}.child-slot b{font-size:11px!important;color:#aeb7b3!important}.child-slot em{font-size:9px;font-style:normal;text-align:center;padding:8px 5px;border:1px solid #5d2024;color:#b26b6f}
.child-slot.active{border-color:#76232a;background:#151011}.child-slot.active em{background:#65171d;color:#c8bbbb}
.child-slot.locked{opacity:.46;cursor:not-allowed}.child-slot.locked em{border-color:#343b38;color:#69716e;background:#111514}
#adminModeToggle.on,#adminPrimeToggle.on{background:#6b171d!important;border-color:#91262d!important;color:#cfc2c2!important}
#adminPrimeControls{opacity:.42;pointer-events:none}#adminPrimeControls.enabled{opacity:1;pointer-events:auto}
#adminPrimeControls>button{height:36px;padding:0 12px;background:#111615;border:1px solid #4a201f;color:#968c8c}
.mutation-empty{padding:22px;border:1px dashed #303a36;color:#75807b;text-align:center}
.mutation-option{width:100%;text-align:left}

/* Inventory cards */
.inventory-prime-badge{position:absolute;left:10px;top:10px;padding:5px 8px;border:1px solid #80651b;background:#171204;color:#d3aa36;font-size:9px;font-weight:900;z-index:3}
.inventory-card-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0}
.inventory-card-bars i{height:4px;background:#151b19;overflow:hidden}.inventory-card-bars em{display:block;height:100%;background:#7f252b}

/* Dino Era dossier */
.dino-dossier{width:min(980px,96vw);height:min(820px,94vh);padding:0;background:#070b0a;border:1px solid #3b4742;color:#aeb7b3;overflow:hidden}
.dino-dossier::backdrop,.mutation-edit-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}
.dossier-topbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#080c0b;border-bottom:1px solid #26312d}
.dossier-topbar>div{display:flex;align-items:center;gap:10px}.dossier-topbar i{width:7px;height:7px;border-radius:50%;background:#8e252c;box-shadow:0 0 8px #8e252c}.dossier-topbar small{font-size:9px!important;color:#9a3c42!important;letter-spacing:1.6px}.dossier-topbar span{font-size:8px;color:#59645f}
.dossier-topbar button{width:32px;height:32px;border:0;background:transparent;color:#68736e;font-size:20px}
.dossier-hero{height:210px;position:relative;background:linear-gradient(180deg,#0d1713,#080c0b);border-bottom:1px solid #29332f;overflow:hidden}
.dossier-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(70,110,88,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(70,110,88,.08) 1px,transparent 1px);background-size:28px 28px}
.dossier-dino-art{position:absolute;inset:14px 15% 42px 15%;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;filter:saturate(.8)}
.dossier-title{position:absolute;left:28px;bottom:18px}.dossier-title small{display:block;font-size:9px!important;color:#8c2a30!important;letter-spacing:1.5px}.dossier-title h2{margin:6px 0 0;font-size:27px!important;color:#d0d4d2!important}
.dossier-growth{position:absolute;right:30px;bottom:20px;text-align:right}.dossier-growth small{display:block;font-size:8px!important;color:#616c67!important}.dossier-growth b{font-size:28px!important;color:#8d272e!important}
.dossier-tabs{display:grid;grid-template-columns:repeat(4,1fr);height:50px;border-bottom:1px solid #29332f;background:#080c0b}
.dossier-tabs button{border:0;border-right:1px solid #202824;background:transparent;color:#59635f;font-size:9px!important;letter-spacing:.8px}
.dossier-tabs button.active{background:#110d0e;color:#ad5156;border-bottom:2px solid #8b252c}
.dossier-body{height:calc(100% - 366px);overflow:auto;padding:18px 24px 24px}
.dossier-panel{display:none}.dossier-panel.active{display:block}
.dossier-vitals{display:grid;gap:9px}.dossier-vitals>div{border:1px solid #26302c;background:#0d1210;padding:10px}
.dossier-vitals>div>span,.dossier-vitals>div>b{font-size:9px!important}.dossier-vitals>div>b{float:right;color:#b7bfbb}.dossier-vitals i{display:block;height:6px;background:#171d1b;margin-top:8px}.dossier-vitals em{display:block;height:100%;background:#76262c}
.dossier-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.dossier-overview-grid>div{padding:11px;border:1px solid #29332f;background:#0c1110}.dossier-overview-grid small,.dossier-overview-grid b{display:block}.dossier-overview-grid small{font-size:8px!important;color:#626d68}.dossier-overview-grid b{font-size:11px!important;margin-top:4px;color:#aab3af}
.dossier-empty{min-height:300px;display:grid;place-content:center;text-align:center;color:#56605c}.dossier-empty span{font-size:44px}.dossier-empty b{margin-top:10px;color:#78827e}.dossier-empty small{margin-top:6px}
.mutation-rules-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #2a342f;background:#0d1210;margin-bottom:16px}.mutation-rules-strip>div{padding:11px;border-right:1px solid #2a342f}.mutation-rules-strip>div:last-child{border:0}.mutation-rules-strip b,.mutation-rules-strip span{display:block}.mutation-rules-strip b{font-size:9px!important;color:#a23c42}.mutation-rules-strip span{font-size:9px;color:#727d78;margin-top:4px}
.dossier-section-head{display:flex;align-items:center;justify-content:space-between;margin:10px 0 8px;border-bottom:1px solid #29332f;padding-bottom:8px}.dossier-section-head span{font-size:9px;color:#8c3035;font-weight:900}.dossier-section-head small{font-size:9px!important}
.dossier-mutation-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dossier-mutation-row{min-height:58px;display:grid;grid-template-columns:86px 1fr 58px;align-items:center;border:1px solid #29332f;background:#0d1210;padding:0 10px}.dossier-mutation-row small{font-size:8px!important;color:#65706b}.dossier-mutation-row b{font-size:10px!important;color:#aab3af}.dossier-mutation-row button{height:30px;border:1px solid #692127;background:#181011;color:#a95157;font-size:8px}.dossier-mutation-row button:disabled,.dossier-mutation-row.locked{opacity:.42}
.dossier-prime-head{display:flex;align-items:end;justify-content:space-between}.dossier-prime-head small{font-size:9px!important;color:#8b3035}.dossier-prime-head h3{font-size:28px!important;margin:5px 0 0;color:#c5ccca}.dossier-prime-head>span{padding:7px 10px;border:1px solid #4a2426;color:#896166;font-size:9px}.dossier-prime-head>span.prime{border-color:#80631b;color:#d0aa3d;background:#171204}
.dossier-prime-bar{height:7px;background:#151b19;margin:12px 0 16px}.dossier-prime-bar i{display:block;height:100%;width:0;background:#86272e;transition:.2s}
.dossier-prime-tasks{display:grid;gap:7px}.dossier-prime-tasks>div{display:grid;grid-template-columns:28px 1fr;align-items:center;padding:10px;border:1px solid #29332f;background:#0c1110}.dossier-prime-tasks span{font-size:15px;color:#59635f}.dossier-prime-tasks b{font-size:10px!important;color:#87918d}.dossier-prime-tasks>div.done{border-color:#4d2427;background:#120e0f}.dossier-prime-tasks>div.done span,.dossier-prime-tasks>div.done b{color:#b55a60}
.dossier-auto-note{font-size:9px!important;color:#66716c;line-height:1.5;margin:12px 0 0}
.dossier-actions{height:60px;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:7px;padding:8px 14px;border-top:1px solid #29332f;background:#080c0b}.dossier-actions span{height:40px;display:flex;align-items:center;padding:0 12px;border:1px solid #4a2023;color:#9a5155;font-size:9px}.dossier-actions button{height:40px;padding:0 15px;background:#111615;border:1px solid #493237;color:#8f9994;font-size:9px}.dossier-actions button:last-child{background:#68171d;border-color:#8b252c;color:#c6baba}

/* Edit Mutation dialog */
.mutation-edit-dialog{width:min(520px,94vw);padding:0;background:#080d0b;border:1px solid #4b2427;color:#aeb7b3;overflow:visible}
.mutation-edit-head{display:grid;grid-template-columns:44px 1fr 32px;gap:10px;align-items:center;padding:18px;border-top:2px solid #8b252c}.mutation-edit-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #6c2227;color:#b7545a}.mutation-edit-head h3{margin:0;font-size:16px!important}.mutation-edit-head small{font-size:8px!important;color:#9e383e}.mutation-edit-head>button{border:0;background:transparent;color:#69736f;font-size:18px}
.mutation-edit-current{margin:0 18px 16px;padding:13px;border:1px solid #27312d;background:#0d1210}.mutation-edit-current small,.mutation-edit-current b{display:block}.mutation-edit-current small{font-size:8px!important}.mutation-edit-current b{margin-top:5px;font-size:11px!important;color:#858f8b}
.mutation-edit-label{display:block;margin:0 18px 7px;font-size:8px;font-weight:900;color:#737e79;letter-spacing:1px}
.mutation-dropdown-button{width:calc(100% - 36px);height:46px;margin:0 18px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;background:#0c1110;border:1px solid #4c2426;color:#aab2af;text-align:left}
.mutation-dropdown-list{display:none;max-height:330px;overflow:auto;margin:0 18px;border:1px solid #632328;background:#080d0b;position:relative;z-index:5}.mutation-dropdown-list.open{display:block}.mutation-dropdown-list button{width:100%;display:block;text-align:left;padding:11px 12px;background:#0a0f0d;border:0;border-bottom:1px solid #202925;color:#a7b0ac}.mutation-dropdown-list button:hover{background:#151011}.mutation-dropdown-list b,.mutation-dropdown-list small,.mutation-dropdown-list em{display:block}.mutation-dropdown-list b{font-size:10px!important}.mutation-dropdown-list small{font-size:9px!important;margin-top:4px;color:#6f7a75}.mutation-dropdown-list em{font-size:8px;margin-top:4px;color:#8d3439;font-style:normal}
.mutation-edit-cost{margin:16px 18px;padding:14px;border:1px solid #5d4b18;background:#171305;display:flex;justify-content:space-between}.mutation-edit-cost small{font-size:8px!important;color:#a48729}.mutation-edit-cost b{font-size:11px!important;color:#d0a83b}
.mutation-edit-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 18px}.mutation-edit-actions button{height:40px;padding:0 18px;background:#111615;border:1px solid #313c37;color:#8b9691}.mutation-edit-actions button:last-child{background:#68171d;border-color:#8c252c;color:#c7bbbb}

/* Live PRIME tracker */
.live-prime-panel{margin:14px 14px 16px;padding:14px;border:1px solid #342326;background:#0c1110}
.live-prime-head{display:flex;align-items:end;justify-content:space-between}.live-prime-head small{font-size:8px!important;color:#96333a}.live-prime-head h3{margin:4px 0 0;font-size:22px!important}.live-prime-head>span{font-size:8px;padding:6px 8px;border:1px solid #4d2427;color:#82666a}.live-prime-head>span.prime{color:#d0a83a;border-color:#765c19;background:#171204}
.live-prime-progress{height:6px;background:#151b19;margin:10px 0 12px}.live-prime-progress i{display:block;height:100%;background:#84262d;width:0}
.live-prime-tasks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.live-prime-tasks>div{display:grid;grid-template-columns:24px 1fr;align-items:center;padding:8px;border:1px solid #29332f;background:#0a0f0e}.live-prime-tasks span{color:#59635f}.live-prime-tasks b{font-size:9px!important;color:#7e8984}.live-prime-tasks>div.done{border-color:#4d2427}.live-prime-tasks>div.done span,.live-prime-tasks>div.done b{color:#b65359}
.live-child-mutations{margin-top:13px;padding-top:12px;border-top:1px solid #29332f}.live-mutation-slots{display:grid;grid-template-columns:1fr 1fr;gap:6px}.live-mutation-slots>div{padding:9px;border:1px solid #29332f;background:#090e0d}.live-mutation-slots small,.live-mutation-slots b{display:block}.live-mutation-slots small{font-size:8px!important;color:#65706b}.live-mutation-slots b{font-size:9px!important;margin-top:4px;color:#9da6a2}.live-mutation-slots>div.locked{opacity:.45}
.live-prime-note{font-size:9px!important;line-height:1.5;color:#66716c;margin:12px 0 0}

@media(max-width:760px){
 .child-slot-grid,.dossier-mutation-slots,.live-prime-tasks,.live-mutation-slots{grid-template-columns:1fr}
 .dossier-overview-grid,.mutation-rules-strip{grid-template-columns:1fr 1fr}
 .dossier-actions{grid-template-columns:1fr 1fr;height:auto}.dossier-actions span{grid-column:1/-1}
 .dossier-dino-art{inset:10px 5% 45px}
}

/* V58 CONTROL CENTER */
.database-page{margin:0;background:radial-gradient(circle at 60% 20%,#1a0b0d 0,#090909 42%,#050606 100%);color:#b7b1b1;font-family:Arial,sans-serif;min-height:100vh}
.db-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#080808e8;border-bottom:1px solid #2c181b;position:sticky;top:0;z-index:20}.db-head a{color:#c7bcbc;text-decoration:none;font-weight:900;margin-right:24px}.db-head>a{font-size:20px;color:#9b3037;letter-spacing:2px}
.db-shell{width:min(1180px,92vw);margin:54px auto}.db-shell h1{font-size:42px;margin:4px 0 8px;color:#d0c8c8}.eyebrow{font-size:10px!important;letter-spacing:2px;color:#9d343b!important;font-weight:900}.db-toolbar{display:flex;gap:8px;align-items:center;padding:12px;background:#0d0d0f;border:1px solid #2b2426;border-radius:14px;margin:30px 0 20px;position:sticky;top:74px;z-index:10}.db-toolbar input{flex:1;min-width:180px;height:42px;padding:0 14px;background:#151517;border:1px solid #343033;border-radius:10px;color:#ccc}.db-toolbar button{height:36px;padding:0 13px;border-radius:18px;border:1px solid #342c2e;background:#121214;color:#9d9294}.db-toolbar button.active{border-color:#8b2b32;background:#2a1114;color:#d6b8bb}
.species-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.species-card{min-height:190px;position:relative;background:#0c0c0f;border:1px solid #292529;border-radius:18px;color:#c9c1c1;padding:16px;cursor:pointer}.species-card:hover{border-color:#6d2429;transform:translateY(-2px)}.species-orb{width:78px;height:78px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;border:2px solid #59462c;background:radial-gradient(circle,#2a251e,#0c0c0d);color:#9f8256;font-weight:900;font-size:20px}.species-card>b{display:block}.species-card>span,.species-card>em{display:inline-block;margin-top:8px;padding:4px 7px;border:1px solid #44333a;border-radius:10px;font-size:8px;font-style:normal}.species-card>em{border-color:#775a18;color:#c49b32}.species-pop{position:absolute;right:12px;top:12px;color:#9e343a}.species-pop small{color:#71686a}
.species-dossier{width:min(760px,94vw);background:#090b0a;border:1px solid #553036;color:#bbb;padding:24px}.species-dossier::backdrop{background:#000b;backdrop-filter:blur(5px)}.species-dossier>button{float:right;background:none;border:0;color:#888;font-size:24px}.species-dossier h2{font-size:32px;color:#d0caca}.dossier-mini-tabs{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #30292b;margin:20px 0}.dossier-mini-tabs b{padding:12px 5px;text-align:center;font-size:9px;border-right:1px solid #30292b;color:#82787a}.species-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.species-detail-grid>div{padding:16px;background:#101312;border:1px solid #2b312e}.species-detail-grid small,.species-detail-grid strong{display:block}.species-detail-grid small{font-size:8px}.species-detail-grid strong{margin-top:5px;color:#b44b51}.db-note{padding:14px;border-left:2px solid #8b2a31;background:#140e0f}
.mutation-db-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mutation-db-card{min-height:130px;padding:16px;border:1px solid #2b272a;border-radius:16px;background:#0c0c0f}.mutation-db-card>div{display:flex;justify-content:space-between;gap:8px}.mutation-db-card b{color:#d0c8c8}.mutation-db-card span{font-size:8px;padding:4px 7px;border:1px solid #4d354d;border-radius:10px;color:#a985b5}.mutation-db-card p{font-size:12px;line-height:1.45;color:#9e9193}.mutation-db-card small{color:#695f61}
.mode-banner{padding:14px;margin:18px 0;border:1px solid #4b3b1e;background:#161205;color:#b69a54;font-weight:900}.mode-banner.live{border-color:#23513e;background:#08150f;color:#58b38a}
.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 38px}.control-grid article,.integration-contract{padding:18px;background:#0c0e0d;border:1px solid #30282b}.control-grid h3{color:#b84a51}.control-grid label{display:block;font-size:10px;margin:10px 0}.control-grid input,.control-grid select{display:block;width:100%;box-sizing:border-box;height:38px;margin-top:5px;background:#141615;border:1px solid #37302f;color:#bbb;padding:0 10px}.control-grid button,.control-title button{height:38px;border:1px solid #70252a;background:#261013;color:#c59a9d;padding:0 12px}.control-title{display:flex;justify-content:space-between;align-items:end}.admin-pop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.admin-pop-grid article{padding:13px;border:1px solid #2c292a;background:#0c0e0d}.admin-pop-grid article>div{display:flex;justify-content:space-between}.admin-pop-grid b{color:#c7c0c0}.admin-pop-grid span{color:#ad4147}.admin-pop-grid input{width:100%;box-sizing:border-box;margin:10px 0;height:34px;background:#141615;border:1px solid #393031;color:#bbb;padding:0 8px}.admin-pop-grid small{font-size:8px;color:#746a6c}.integration-contract{margin-top:36px}.integration-contract code{display:block;white-space:normal;line-height:2;color:#9d6e71}
@media(max-width:900px){.species-grid{grid-template-columns:repeat(3,1fr)}.mutation-db-grid,.admin-pop-grid{grid-template-columns:repeat(2,1fr)}.control-grid{grid-template-columns:1fr}.db-toolbar{flex-wrap:wrap}.db-toolbar input{flex-basis:100%}}

/* V60 — Lithuanian / English language system */
.de-language-switch{position:fixed;right:16px;top:14px;z-index:100000;display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #3b2729;background:rgba(8,9,9,.92);backdrop-filter:blur(8px);border-radius:7px;box-shadow:0 5px 22px #0008}
.de-language-switch button,.guest-language-select button{border:0;background:transparent;color:#6f7874;font:800 10px/1 Arial;padding:6px 7px;cursor:pointer;border-radius:4px}
.de-language-switch button.active,.guest-language-select button.active{background:#64171d;color:#d0c5c5;box-shadow:inset 0 0 0 1px #87252c}
.de-language-switch span{font-size:9px;color:#3d4642}
.guest-language-select{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:14px;border:1px solid #302527;background:#0b0d0c;padding:4px 6px;border-radius:5px}
.guest-language-select small{font-size:8px!important;color:#626d68!important;margin-right:3px;letter-spacing:1px}
@media(max-width:720px){.de-language-switch{top:auto;bottom:12px;right:12px}.guest-language-select small{display:none}.guest-language-select{margin-right:6px}}

/* V61 — roles, owner, growth and Entomb */
.v61-role-switcher{position:fixed;left:50%;transform:translateX(-50%);top:10px;z-index:100001;display:flex;gap:3px;align-items:center;padding:5px 7px;background:#080a09ee;border:1px solid #392528;border-radius:7px;box-shadow:0 6px 24px #000a}.v61-role-switcher small{font-size:8px;letter-spacing:1px;color:#777;margin-right:4px}.v61-role-switcher button{font:800 9px Arial;padding:6px 8px;border:0;border-radius:4px;background:#151817;color:#69726e;cursor:pointer}.v61-role-switcher button.active{background:#65171d;color:#eee}
.v61-owner-center{margin:24px 0;padding:20px;border:1px solid #6c2429;background:linear-gradient(135deg,#160b0d,#090b0a)}.v61-owner-badge{font-size:10px;color:#d5b45a;border:1px solid #705d28;padding:6px 9px}.v61-owner-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v61-owner-grid article{padding:14px;background:#0c0f0e;border:1px solid #292d2b}.v61-staff-row{display:grid;grid-template-columns:1fr auto auto auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #222}.v61-staff-row small{display:block;color:#6f7773}.v61-staff-row .active{color:#75b98b}.v61-staff-row .off{color:#a94a4f}.v61-audit{padding:9px 0;border-bottom:1px solid #222}.v61-audit span,.v61-audit small{display:block;color:#777}
.v61-growth-control{display:flex;align-items:center;gap:16px;padding:16px;margin:14px 0;border:1px solid #39302b;background:#0c0e0d}.v61-growth-control div{flex:1}.v61-growth-control h3{margin:3px 0}.v61-growth-control p{margin:4px 0;color:#777}.v61-growth-control button{padding:11px 16px;border:1px solid #7c282d;background:#5b171c;color:#eee;font-weight:900}.v61-growth-control button.paused{background:#21332a;border-color:#3d6a51}.v61-growth-control>span{font-size:9px;color:#6d7772}
.v61-entomb-head{grid-column:1/-1;padding:12px;border-top:1px solid #6d5428;margin-top:8px}.v61-entomb-head small{display:block;color:#8a774c}.v61-owner-override{margin-top:16px;padding:14px;border:1px solid #735d2b;background:#161208}.v61-owner-override b,.v61-owner-override span{display:block}.v61-owner-override span{color:#9a8b6c;margin:5px 0 10px}.v61-owner-override button{margin-right:7px}
@media(max-width:800px){.v61-role-switcher{left:10px;right:10px;transform:none;overflow:auto}.v61-owner-grid{grid-template-columns:1fr}.v61-growth-control{align-items:flex-start;flex-direction:column}}

/* V62 */
.v62-card-actions{display:flex;gap:8px;margin-top:12px}.v62-card-actions button{flex:1;padding:9px;background:#171b19;border:1px solid #552126;color:#ddd;font-weight:800}.v62-live-pill{color:#70c38e;font-weight:900}.v62-dossier-status{justify-content:flex-end}.v62-mutation-selector{max-width:900px}.v62-mut-tools{display:flex;gap:10px;flex-wrap:wrap;padding:12px}.v62-mut-tools input{flex:1;min-width:220px;background:#090b0a;border:1px solid #343936;color:#eee;padding:10px}.v62-mut-tools button{padding:8px;border:1px solid #333;background:#111;color:#888}.v62-mut-tools button.active{border-color:#7b252c;color:#fff}.v62-mutation-grid{max-height:420px;overflow:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.v62-mutation-grid button{display:grid;text-align:left;padding:12px;background:#0d100f;border:1px solid #292e2b;color:#ddd}.v62-mutation-grid button.selected{border-color:#8c2c34;background:#1a0d0f}.v62-mutation-grid small,.v62-mutation-grid em{color:#737b77}.v62-elder-title{display:flex;justify-content:space-between;padding:14px 0 6px;border-top:1px solid #49352a;margin-top:12px}.v62-elder-empty{padding:14px;border:1px dashed #3d342e;color:#8b8279}.dossier-mutation-row.elder{border-left:2px solid #876b32}.v62-raised-rules{align-self:start}@media(max-width:700px){.v62-mutation-grid{grid-template-columns:1fr}}
.v62-event-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v62-event-form textarea,.v62-event-form label{grid-column:1/-1}.v62-event-form input,.v62-event-form textarea{background:#0a0d0c;border:1px solid #333;color:#eee;padding:10px}.v62-event-card{display:grid;grid-template-columns:240px 1fr;gap:16px;margin:12px 0}.v62-event-img{min-height:140px;background-size:cover;background-position:center}.v62-commerce{padding:18px}.v62-memberships{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v62-memberships article{padding:16px;border:1px solid #333;background:#0c0f0e}.v62-memberships article.prime{border-color:#81652e}.v62-memberships button,.v62-coinpacks button{padding:10px;background:#59171c;border:1px solid #842830;color:#eee;font-weight:900}.v62-coinpacks{display:flex;gap:10px;flex-wrap:wrap}.v62-payment-note{color:#7d8581;font-size:12px}@media(max-width:800px){.v62-memberships{grid-template-columns:1fr 1fr}.v62-event-card{grid-template-columns:1fr}}
/* V62 PHASE 2 — memberships, commerce, species registry, entomb */
.de-membership-badge{display:inline-block;margin-top:5px;padding:4px 8px;border-radius:10px;border:1px solid #40383a;background:#121414;color:#8b8284;font:900 8px Arial;letter-spacing:1px}
.de-membership-badge.plan-silver{border-color:#70777b;color:#bdc4c8}.de-membership-badge.plan-gold{border-color:#7e6522;color:#d2aa43;background:#191408}.de-membership-badge.plan-prime{border-color:#8b6520;color:#edc75f;background:#211805;box-shadow:0 0 16px #9d6a1724}
.v62-access{margin-top:12px;padding:10px;border:1px solid #302b2d;background:#101211;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.v62-access span{font-size:8px;color:#8b7d7f}.v62-access b{font-size:10px}.v62-access button{padding:8px 10px;border:1px solid #692329;background:#291014;color:#c8aaad;font-weight:900}.v62-access.locked{opacity:.62}.v62-access.locked button{background:#111;border-color:#2a2a2a;color:#555}
.v62-membership-rules{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:12px;background:#0b0d0c;border:1px solid #292b2a}.v62-membership-rules b{color:#c99f3d}.v62-membership-rules span{color:#8d8586;font-size:11px}
.v62-commerce{margin:16px 0 22px;padding:18px}.v62-commerce-note{color:#807778;font-size:11px}.v62-membership-products{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.v62-membership-products article{padding:15px;border:1px solid #302a2c;background:#0e100f}.v62-membership-products article.prime{border-color:#785c1f;background:linear-gradient(145deg,#171308,#0c0e0d)}.v62-membership-products h3{margin:9px 0 5px}.v62-membership-products p{min-height:42px;color:#887f80;font-size:10px}.v62-membership-products b{display:block;color:#d5caca;margin:9px 0}.v62-membership-products b small{font-size:7px;color:#746767}.v62-membership-products button{width:100%;padding:9px;border:1px solid #672329;background:#281014;color:#c7a2a5;font-weight:900}.v62-membership-products .plan{display:inline-block;padding:4px 7px;border-radius:9px;font-size:8px;border:1px solid #343}.v62-membership-products .plan.gold,.v62-membership-products .plan.prime{border-color:#765b1d;color:#d1a83f}
.v62-coin-products{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.v62-coin-products button{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px;border:1px solid #2f302d;background:#111312;color:#bdb6b6}.v62-coin-products b{color:#c49d3d;font-size:18px}.v62-coin-products span,.v62-coin-products em{font-size:8px;font-style:normal;color:#716a6a}.v62-commerce-current{display:flex;gap:20px;margin-top:12px;padding-top:12px;border-top:1px solid #292526}.v62-commerce-current span{font-size:9px;color:#7d7576}.v62-commerce-current b{color:#c5a14b}
.v62-tx{margin:0 0 22px;padding:16px}.v62-tx-row{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:10px 0;border-bottom:1px solid #252525}.v62-tx-row small{display:block;color:#6d6768}.v62-tx-row em{font-style:normal;font-size:8px;padding:4px 7px;border:1px solid #31563f;color:#67a97e}
.v62-checkout{width:min(560px,94vw);background:#0b0d0c;border:1px solid #60242a;color:#bdb7b7}.v62-checkout::backdrop{background:#000c}.v62-checkout-body{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px}.v62-checkout-body>div{padding:12px;background:#111413;border:1px solid #292b2a}.v62-checkout-body small,.v62-checkout-body b{display:block}.v62-checkout-body p{grid-column:1/-1;color:#7d7576}.v62-checkout footer{display:flex;justify-content:flex-end;gap:8px;padding:14px;border-top:1px solid #292526}.v62-checkout footer button{padding:10px 13px;border:1px solid #542126;background:#201014;color:#c4a5a8}
.v62-entomb-cycle{margin-top:18px;padding:14px;border:1px solid #6c5221;background:#151208}.v62-entomb-cycle h3{margin:3px 0;color:#d0aa4c}.v62-entomb-cycle p{color:#8c816d;font-size:10px}.v62-entomb-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v62-entomb-flow span{padding:8px;border:1px solid #373125;color:#716958;font-size:8px}.v62-entomb-flow span.done{border-color:#6e5826;color:#d0aa4c}.v62-entomb-flow b{grid-column:1/-1;margin-top:5px}.v62-entomb-cycle button{margin-top:10px;padding:9px 12px;border:1px solid #7b5e25;background:#251d0b;color:#d5b35c;font-weight:900}
.v62-elder-cycle{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px;border:1px solid #2c2923;background:#0f100d}.v62-elder-cycle-head{grid-column:1/-1;display:flex;justify-content:space-between}.v62-elder-cycle-head small{color:#85785c}
.live-extra-grid.v62-prime-only{grid-template-columns:1fr}.live-extra-grid.v62-prime-only>div{max-width:260px}
@media(max-width:900px){.v62-membership-products,.v62-coin-products{grid-template-columns:repeat(2,1fr)}.v62-entomb-flow,.v62-elder-cycle{grid-template-columns:1fr 1fr}.v62-checkout-body{grid-template-columns:1fr}}

/* V62 PHASE 3 — marketplace, events, owner economy */
.v63-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v63-market-card{border:1px solid #2d292a;background:#0d0f0e;overflow:hidden}.v63-market-card-img{height:150px;background-size:cover;background-position:center;background-color:#181011;position:relative}.v63-market-card-img span{position:absolute;top:9px;left:9px;padding:5px 8px;background:#090b0bdd;border:1px solid #493033;color:#b8acad;font-size:8px}.v63-market-card-body{padding:13px}.v63-market-card-body h3{margin:0 0 7px}.v63-market-tags{display:flex;gap:5px;flex-wrap:wrap}.v63-market-tags span{font-size:8px;padding:4px 6px;border:1px solid #302d2d;color:#777}.v63-market-price{font-weight:900;color:#c2a04d;font-size:17px;margin:10px 0}.v63-market-card-body>button,.v63-market-actions button{padding:9px 11px;border:1px solid #632228;background:#251014;color:#c9a8aa;font-weight:900}.v63-market-actions{display:flex;gap:6px}
.v63-market-dossier,.v63-sell-dialog{width:min(760px,95vw);background:#0b0d0c;border:1px solid #642329;color:#bbb}.v63-market-dossier::backdrop,.v63-sell-dialog::backdrop{background:#000c}.v63-market-hero{height:220px;background-size:cover;background-position:center}.v63-market-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#282323}.v63-market-meta>div{padding:13px;background:#0d100f}.v63-market-meta small,.v63-market-meta b{display:block}.v63-market-dossier section{padding:12px 16px}.v63-market-mutations{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.v63-market-mutations span{padding:9px;border:1px solid #292929;background:#101211}.v63-market-mutations small,.v63-market-mutations b{display:block}.v63-market-mutations small{color:#776d6f;font-size:8px}.v63-market-mutations.elder span{border-color:#4c4026}.v63-market-dossier footer,.v63-sell-dialog footer{display:flex;justify-content:flex-end;gap:7px;padding:13px;border-top:1px solid #282324}.v63-market-dossier footer button,.v63-sell-dialog footer button{padding:10px 13px;border:1px solid #69252a;background:#291014;color:#c8a7aa;font-weight:900}.v63-sell-body{padding:18px}.v63-sell-body p{color:#887d7f}.v63-sell-body label{display:block}.v63-sell-body input{width:100%;box-sizing:border-box;margin-top:6px;padding:11px;background:#101312;border:1px solid #302b2c;color:#ddd}.v63-sell-body small{display:block;margin-top:8px;color:#746c6d}
.v63-event-card{display:grid;grid-template-columns:260px 1fr;overflow:hidden;margin-bottom:10px}.v63-event-card-image{min-height:185px;background:linear-gradient(135deg,#2b1114,#0c0e0d);background-size:cover;background-position:center;position:relative}.v63-event-card-image span{position:absolute;top:10px;left:10px;padding:5px 7px;background:#090b0ddd;border:1px solid #5a292d;font-size:8px}.v63-event-card-body{padding:18px}.v63-event-card-body h2{margin:5px 0}.v63-event-card-body p{color:#817879}.v63-event-card-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;color:#918687;margin:11px 0}.v63-event-card-body button{padding:9px 12px;border:1px solid #632329;background:#271014;color:#c7a4a7;font-weight:900}.v63-event-dossier{width:min(800px,95vw);background:#0a0c0b;color:#bbb;border:1px solid #642329}.v63-event-dossier::backdrop{background:#000c}.v63-event-hero{height:260px;background-size:cover;background-position:center}.v63-event-info{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2d2828}.v63-event-info>div{background:#0d100f;padding:13px}.v63-event-info small,.v63-event-info b{display:block}.v63-event-copy{padding:18px}.v63-event-copy p{white-space:pre-wrap;color:#918788}.v63-event-dossier footer{display:flex;gap:7px;justify-content:flex-end;padding:14px;border-top:1px solid #292526}.v63-event-dossier footer button{padding:10px 13px;border:1px solid #632329;background:#291014;color:#c5a3a5;font-weight:900}.v63-event-help{margin:10px 0 16px;padding:15px}.v63-empty-home{padding:18px;color:#6d6566;font-size:9px}
.v63-economy-center{margin:24px 0;padding:20px;border:1px solid #755a1f;background:linear-gradient(135deg,#171207,#090b0a)}.v63-economy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.v63-economy-grid article{padding:14px;background:#0c0f0e;border:1px solid #2b2c29}.v63-economy-grid label{display:block;margin:8px 0;color:#847c78;font-size:9px}.v63-economy-grid input,.v63-economy-grid select{width:100%;box-sizing:border-box;margin-top:4px;padding:9px;background:#101312;color:#bbb;border:1px solid #302e2b}.v63-economy-grid button{padding:9px 12px;border:1px solid #705a25;background:#211b0b;color:#d0b357;font-weight:900}.v63-economy-grid #v63PriceEditor label{display:grid;grid-template-columns:1fr 90px 35px;gap:7px;align-items:center}.v63-econ-log{padding:8px 0;border-bottom:1px solid #272724}.v63-econ-log span,.v63-econ-log small{display:block;color:#777}
@media(max-width:900px){.v63-market-grid{grid-template-columns:1fr 1fr}.v63-event-card{grid-template-columns:1fr}.v63-market-meta,.v63-event-info{grid-template-columns:1fr 1fr}.v63-market-mutations{grid-template-columns:1fr 1fr}.v63-economy-grid{grid-template-columns:1fr}}

/* V64 FIXES — listings, mutation override, support, membership */
#tabListings small{display:inline-flex;min-width:16px;height:16px;padding:0 4px;align-items:center;justify-content:center;margin-left:4px;border-radius:9px;background:#1a1c1b;color:#867b7c;font-size:8px}
#tabListings.active{border-color:#7a2a31!important;color:#e3c5c8!important;box-shadow:inset 0 -2px #7a2a31}
#tabListings.active small{background:#6b2229;color:#fff}
.v64-mut-admin{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:12px;margin:0 0 12px;border:1px solid #805d24;background:linear-gradient(90deg,#1b1508,#0d0f0e)}
.v64-mut-admin small,.v64-mut-admin b,.v64-mut-admin span{display:block}.v64-mut-admin small{color:#ad8b43;font-size:8px}.v64-mut-admin span{color:#80745d;font-size:9px;margin-top:3px}.v64-mut-admin button{padding:8px 10px;border:1px solid #725624;background:#251d0b;color:#dab758;font-weight:900}.v64-mut-admin em{font-style:normal;color:#c4a44d;font-size:8px}
.v64-mut-empty{grid-column:1/-1;padding:18px;text-align:center;color:#776d6e;border:1px dashed #302b2c}.mutation-edit-current #v64EditOverrideBadge{display:inline-block;margin-left:8px;padding:4px 7px;border:1px solid #75591f;color:#d2aa4a;font-style:normal;font-size:8px}
.v62-elder-cycle.locked{opacity:.55}.dossier-mutation-row.elder button{padding:6px 8px}
.v64-membership-card{margin:14px 0;padding:16px}.v64-membership-card #v64MembershipBadge{padding:5px 9px;border:1px solid #765a20;color:#d4aa43}.v64-membership-details{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.v64-membership-details>div{padding:11px;background:#0e1110;border:1px solid #292b29}.v64-membership-details small,.v64-membership-details b{display:block}.v64-membership-details small{color:#756e6f;font-size:8px}.v64-membership-actions{display:flex;gap:7px;margin-top:10px}.v64-membership-actions button{padding:9px 11px;border:1px solid #65242a;background:#251014;color:#c7a3a6;font-weight:900}
.v64-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.v64-support-grid article,.v64-my-tickets{padding:16px}.v64-support-grid input,.v64-support-grid textarea{width:100%;box-sizing:border-box;margin:5px 0;padding:10px;background:#0f1211;color:#bbb;border:1px solid #2e2b2c}.v64-support-grid textarea{min-height:110px;resize:vertical}.v64-support-grid button{padding:9px 12px;border:1px solid #67242a;background:#281014;color:#c8a5a8;font-weight:900}.v64-ticket-row,.v64-admin-ticket{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #272727}.v64-ticket-row small,.v64-admin-ticket small,.v64-admin-ticket em{display:block;color:#777;font-style:normal}.v64-admin-inbox{margin:20px 0}.v64-inbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v64-inbox-grid article{padding:14px;border:1px solid #2c2d2b;background:#0d100f}.v64-admin-ticket button{padding:7px 9px;border:1px solid #31533c;background:#112017;color:#79aa88}
.v64-staff-row{grid-template-columns:1fr auto auto auto auto!important}.v64-empty-news{padding:16px;color:#756d6e}
@media(max-width:850px){.v64-mut-admin{grid-template-columns:1fr}.v64-membership-details{grid-template-columns:1fr 1fr}.v64-support-grid,.v64-inbox-grid{grid-template-columns:1fr}.v64-staff-row{grid-template-columns:1fr 1fr!important}}

/* V65 role-based access note */
.v65-role-security{margin:18px;padding:15px;border:1px solid #634a1e;background:linear-gradient(135deg,#171208,#0b0d0c)}
.v65-role-security p{color:#8c8480;font-size:10px;line-height:1.5;margin:7px 0 0}

/* V65 PROGRESSION */
.v65-progress{padding-bottom:50px}.v65-wallet{padding:9px 13px;border:1px solid #543d19;background:#161207;color:#927e4d}.v65-wallet b{color:#d4ad50;margin-left:8px}
.v65-progress-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.v65-progress-summary article{padding:13px;border:1px solid #2a2d2b;background:#0d100f}.v65-progress-summary small,.v65-progress-summary b{display:block}.v65-progress-summary small{font-size:8px;color:#766f70}.v65-progress-summary b{margin-top:5px;color:#c6babb}
.v65-progress-tabs{display:flex;gap:5px;margin-bottom:10px}.v65-progress-tabs button{padding:9px 13px;background:#101211;border:1px solid #302d2e;color:#807778;font-weight:900}.v65-progress-tabs button.active{border-color:#74272e;color:#d5b5b8;background:#251014}
.v65-quest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v65-quest{padding:15px}.v65-quest.done{border-color:#38593f}.v65-quest-head{display:flex;justify-content:space-between;gap:10px}.v65-quest-head small{color:#766f70;font-size:8px}.v65-quest-head h3{margin:4px 0}.v65-quest-head>b{color:#c7a548;font-size:11px}.v65-quest p,.v65-buyback-info p{color:#827a7b;font-size:10px;line-height:1.5}.v65-progressbar{height:5px;background:#1b1c1b;margin:13px 0}.v65-progressbar i{display:block;height:100%;background:#6b282e}.v65-quest.done .v65-progressbar i{background:#3f6b49}.v65-quest footer{display:flex;align-items:center;justify-content:space-between}.v65-quest button,.v65-buyback-info button,.v65-playtime-card button{padding:8px 10px;border:1px solid #5d252a;background:#241014;color:#c8a8aa;font-weight:900}
.v65-achievement{padding:14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.v65-achievement>span{font-size:27px;color:#514b4c}.v65-achievement.done>span{color:#b4913d}.v65-achievement h3{margin:0}.v65-achievement p{margin:4px 0;color:#817879;font-size:10px}.v65-achievement small{color:#746d6e}.v65-playtime-card{grid-column:1/-1;padding:22px;text-align:center}.v65-playtime-card h2{font-size:34px;margin:7px}.v65-playtime-card b{display:block;color:#c5a044;margin:13px}
.v65-buyback-info{padding:16px;margin-top:14px}.v65-buyback-price{padding:14px;background:#0e1110;border:1px solid #443719;text-align:center}.v65-buyback-price small,.v65-buyback-price b{display:block}.v65-buyback-price b{font-size:24px;color:#d0aa4d;margin-top:5px}
@media(max-width:900px){.v65-progress-summary,.v65-quest-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.v65-progress-summary,.v65-quest-grid{grid-template-columns:1fr}.v65-progress-tabs{overflow:auto}}

/* V66 OWNER PROGRESSION */
.v66-owner-progression{margin:18px;padding:16px;border-color:#60491d}.v66-owner-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v66-owner-grid article,.v66-owner-editor{padding:14px;background:#0d100f;border:1px solid #2b2d2b}.v66-owner-grid label{display:block;color:#817777;font-size:9px;margin:8px 0}.v66-owner-grid input{width:100%;box-sizing:border-box;padding:9px;margin-top:4px;background:#0a0c0b;border:1px solid #302d2d;color:#ccc}.v66-owner-progression button{padding:8px 10px;border:1px solid #624b1f;background:#211a0b;color:#c8a84e;font-weight:900}.v66-owner-editor{margin-top:10px}.v66-editor-head{display:flex;justify-content:space-between;align-items:center}.v66-admin-row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #272827}.v66-admin-row small{display:block;color:#746d6d;font-size:8px;margin-top:3px}.v66-admin-row .active{color:#73a37f}.v66-admin-row .off{color:#9b6064}.v66-empty{color:#716a6a;font-size:10px}@media(max-width:800px){.v66-owner-grid{grid-template-columns:1fr}.v66-admin-row{grid-template-columns:1fr 1fr}}

/* V67 FINAL POLISH — readability */
body{font-size:15px}
small,.card small,.dossier-panel small,.market-side small,.v62-commerce small{font-size:11px!important;line-height:1.4}
.card p,.dossier-panel p,.v62-commerce p,.market-info p{font-size:13px!important;line-height:1.55}
button,input,select{font-size:13px}
.v63-dialog,.mutation-edit-dialog{font-size:15px}
.v63-dialog p,.v63-dialog label,.v63-dialog input,.v63-dialog button{font-size:14px!important}
.v63-dialog h3,.mutation-edit-dialog h3{font-size:19px}

/* Market: keep only compact fee/info card on right */
.market-layout{grid-template-columns:minmax(0,1fr) 250px!important}
.market-side{display:block!important}
.market-side .market-info{position:sticky;top:16px}
.market-main{min-width:0}
.market-foot{display:none!important}

/* Store has three obvious entrances */
.v67-store-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}
.v67-store-tabs button{min-height:58px;border:1px solid #383233;background:#0c0e0d;color:#a49a9b;font-size:15px;font-weight:900;letter-spacing:.06em}
.v67-store-tabs button.active{border-color:#7d2930;background:#251014;color:#ead4d6}

/* V72 DINO SKINS */
.v72-skin-card>button+button{margin-top:8px}.v72-skin-card>.v72-edit-skin{border-color:#8b6b22;background:#201805;color:#f2c75c}
.v73-skin-price{margin:-2px 0 10px;color:#f2c75c;font-size:13px;font-weight:800;letter-spacing:.04em}.v73-skin-price.free{color:#65d889}
.v72-skin-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.v72-skin-card{display:flex;flex-direction:column;padding:14px;min-height:0}.v72-skin-card h3{margin:0 0 10px;font-size:16px}.v72-skin-card>button{padding:9px 10px}.v72-skin-dialog #v72DeleteSkin{margin-right:auto;border-color:#b6232b;background:#3a080b;color:#ff747b}
.v72-skins-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin-bottom:12px}.v72-skins-head h2{margin:4px 0;font-size:25px}.v72-skins-head p{margin:0;color:#8e9792;font-size:14px}.v72-skins-head>button,.v72-skin-card>button,.v72-skin-dialog footer button{padding:12px 18px;border:1px solid #9e2027;background:#31090b;color:#fff;font-weight:800}.v72-skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v72-skin-card{padding:12px;border:1px solid #2b3431;background:#070a09}.v72-skin-visual{display:grid;place-items:center;height:155px;border:1px solid #28332f;background:radial-gradient(circle,rgba(180,24,34,.24),transparent 60%),#090b0a;color:#e02c36;font-size:52px}.v72-skin-card h3{margin:13px 0;font-size:18px}.v72-skin-card details{margin-bottom:12px;color:#aaa;font-size:13px}.v72-skin-card pre{max-height:120px;overflow:auto;white-space:pre-wrap;padding:10px;border:1px solid #292929;background:#030404;color:#b7c0bb}.v72-skin-card>button{width:100%}.v72-skin-card>button:disabled{opacity:.55;cursor:not-allowed}.v72-skin-dialog{width:min(680px,calc(100vw - 30px));padding:0;border:1px solid #772127;background:#090c0b;color:#fff}.v72-skin-dialog::backdrop{background:rgba(0,0,0,.82)}.v72-skin-dialog form{padding:22px}.v72-skin-dialog header,.v72-skin-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.v72-skin-dialog header>button{border:0;background:transparent;color:#fff;font-size:28px}.v72-skin-dialog label{display:block;margin:18px 0;color:#aab2ae;font-size:14px}.v72-skin-dialog input,.v72-skin-dialog textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #35403b;background:#050706;color:#fff;font:inherit}.v72-skin-dialog textarea{font-family:monospace;resize:vertical}.v72-skin-dialog footer{justify-content:flex-end}@media(max-width:850px){.v72-skin-grid{grid-template-columns:1fr 1fr}.v72-skins-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.v72-skin-grid{grid-template-columns:1fr}}
.v62-commerce.v67-memberships-only .v62-coin-products,.v62-commerce.v67-memberships-only .v62-commerce-current{display:none}
.v62-commerce.v67-coins-only .v62-membership-products,.v62-commerce.v67-coins-only .v62-commerce-current{display:none}
.v62-membership-products article{font-size:14px}.v62-membership-products article h3{font-size:17px}.v62-membership-products article>b{font-size:20px}
.v62-membership-products article p{font-size:13px!important}
.v62-membership-products .membership-benefits{min-height:142px;margin:10px 0 12px;padding:0;list-style:none;color:#a69d9e;font-size:12px;line-height:1.45}.v62-membership-products .membership-benefits li{position:relative;padding:7px 0 7px 17px;border-bottom:1px solid #262223}.v62-membership-products .membership-benefits li:last-child{border-bottom:0}.v62-membership-products .membership-benefits li::before{content:'✓';position:absolute;left:0;color:#d13943;font-weight:900}.v62-membership-products article.prime .membership-benefits li::before{color:#d1a83f}
.v62-membership-products button{font-size:13px!important;min-height:38px}
.v62-coin-products button b{font-size:19px}.v62-coin-products button span,.v62-coin-products button em{font-size:12px!important}

/* Simple mutation selector: one window, one vertical list */
.v62-mut-tools>div{display:none!important}
#inventoryMutationEditor .mutation-option-grid,
#inventoryMutationEditor .mutation-grid,
#inventoryMutationEditor [class*="mutation-list"]{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;gap:6px!important}
#inventoryMutationEditor [data-mutation],
#inventoryMutationEditor .mutation-option{width:100%!important;min-height:52px!important;text-align:left!important}
#v62MutationSearch{font-size:14px!important;min-height:40px}
.v62-mutation-selector{width:min(720px,90vw)!important;max-height:82vh!important}
.v62-mutation-selector .mutation-edit-list{max-height:52vh!important;overflow:auto!important}

/* Staff dino override */
.v67-staff-dino{padding:14px;margin-bottom:12px;border:1px solid #694c20;background:#151108}
.v67-staff-head{display:flex;align-items:center;justify-content:space-between}.v67-staff-head h3{margin:3px 0 0}.v67-staff-head span{color:#c39d45;font-size:10px}
.v67-staff-controls{display:grid;grid-template-columns:1fr 1fr repeat(3,auto);gap:7px;align-items:end;margin-top:10px}
.v67-staff-controls label{font-size:10px;color:#918586}.v67-staff-controls input,.v67-staff-controls select{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:9px;background:#090b0a;color:#ddd;border:1px solid #393331}
.v67-staff-controls button{min-height:38px;padding:8px 10px;border:1px solid #65491d;background:#20190b;color:#d1ad50;font-weight:900}
.v67-staff-dino p{margin:8px 0 0!important;color:#857d79}

/* Sell choices obvious */
#v65BuybackBtn,#dossierMarketBtn{font-size:13px!important;min-height:40px!important}
#v65BuybackBtn{border-color:#72551f!important;color:#d3b154!important}

/* TP never overflows */
.v59-teleport{width:42px!important;min-width:42px!important;max-width:42px!important;padding:7px 0!important;overflow:hidden!important;white-space:nowrap!important;font-size:12px!important;font-weight:900}

#mutationDropdownList{display:flex!important;flex-direction:column!important;gap:6px!important;max-height:50vh!important;overflow-y:auto!important}
#mutationDropdownList>button{display:grid!important;grid-template-columns:minmax(150px,.8fr) minmax(240px,2fr) auto!important;gap:10px!important;align-items:center!important;width:100%!important;min-height:54px!important;padding:10px 12px!important;text-align:left!important}
#mutationDropdownList>button b{font-size:13px!important}#mutationDropdownList>button small{font-size:12px!important}#mutationDropdownList>button em{font-size:10px!important}

/* V68 cleanup */
.de-chat-panel{max-height:min(78vh,760px)!important;bottom:82px!important}.de-chat-header{position:sticky;top:0;z-index:20}.de-chat-head-actions button,#closeInventoryMutationEditor,.mutation-edit-head>button{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:50!important;min-width:42px!important;min-height:42px!important;align-items:center!important;justify-content:center!important}.report-home-btn{width:100%;margin-top:20px}.market-filter-simple{display:flex!important;max-width:360px}.market-filter-simple select{width:100%;min-height:52px}.era-membership-buy{margin-top:10px;width:100%}.mutation-admin-strip{margin-top:22px!important}.sidebar .prime-box{display:none!important}

/* V69 PRE-SERVER FINAL CLEANUP */
.landing #v61RoleSwitcher{display:none!important}
.de-owner-badge{display:inline-flex!important;align-items:center;margin-left:8px;padding:3px 8px;border:1px solid #b89130;border-radius:12px;color:#e6bd4a;background:#211a08;font-size:11px;font-weight:900;letter-spacing:.06em}
.profile-staff-role{display:inline-flex;align-items:center;width:max-content;margin-top:7px;padding:4px 9px;border:1px solid #702329;background:#190d0f;color:#cf6b72;font-size:9px;font-weight:900;letter-spacing:.1em}
.profile-staff-role[hidden]{display:none}
.profile-staff-role[data-staff-role="OWNER"]{border-color:#80651b;background:#1b1607;color:#e0b83e}
.profile-staff-role[data-staff-role="ADMIN"]{border-color:#7e292f;background:#200d10;color:#e16c74}
.profile-staff-role[data-staff-role="MODERATOR"]{border-color:#31583a;background:#09130c;color:#71c87c}
/* The close control is deliberately high-contrast and fixed to every dialog corner. */
dialog{position:fixed!important;overflow:auto!important}
dialog .v69-modal-close,dialog button.v69-modal-close{position:absolute!important;top:12px!important;right:12px!important;z-index:10050!important;width:42px!important;height:42px!important;min-width:42px!important;border:2px solid #d34850!important;border-radius:50%!important;background:#24090c!important;color:#fff!important;font-size:28px!important;font-weight:900!important;line-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important;box-shadow:0 0 0 3px rgba(0,0,0,.45),0 0 18px rgba(211,72,80,.28)!important;cursor:pointer!important}
dialog .v69-modal-close:hover{background:#8a1820!important;transform:scale(1.06)}
/* Existing header close buttons get the same visibility even before V69 JS applies class. */
.mutation-edit-head>button:last-child,.mutation-head>button:last-child,.dossier-topbar>button:last-child,.v63-dialog-head>button:last-child,.de-chat-head-actions>button:last-child{min-width:38px!important;min-height:38px!important;color:#fff!important;border:1px solid #b63840!important;background:#371014!important;font-size:24px!important;opacity:1!important}
/* Inventory top cards: only useful high-level information */
.inventory-wallets{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* Owner/admin mutation controls come after real mutation slots and should not dominate player UI. */
.v64-mut-admin{margin-top:18px!important}
/* Store compactness */
.v62-tx{display:none!important}
.market-info p:not(:first-of-type){display:none!important}
/* No obsolete global EVENT WINS/trophy block */
.top-stats>div:has(>small:first-child:nth-last-child(n+1)){ }
/* Chat only needs one channel */
.de-chat-channels{grid-template-columns:1fr!important}.de-chat-channels button{width:100%!important}
.map-version{display:inline-block;margin-left:7px;padding:3px 6px;border:1px solid #28733c;background:#07130c;color:#65df7a;font-size:8px;vertical-align:middle}
.map-frame-own{height:620px}.map-frame-own .map-note{border-color:#28733c;color:#65df7a}

.v69-modal-close{position:sticky!important;top:8px!important;float:right!important;margin:8px 8px -50px 0!important;z-index:12000!important}

/* V70 AI ecosystem planner */
.ai-admin-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0;padding:16px 18px;border:1px solid #265d43;background:#07130e}.ai-admin-entry div{display:grid;gap:4px}.ai-admin-entry b{color:#72e59e}.ai-admin-entry span{color:#8e9c94;font-size:12px}.ai-admin-entry a,.ai-actions button{padding:12px 16px;border:1px solid #2f8a60;background:#0b2418;color:#7bf0a5;font-weight:900;text-decoration:none}
.ai-shell{max-width:1320px}.ai-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ai-title h1{margin-bottom:6px}.ai-title p{color:#8c9992}.ai-plan-badge{padding:9px 12px;border:1px solid #9b7817;background:#211a06;color:#edc84d;font-size:11px;font-weight:900}.ai-integration{display:flex;gap:14px;align-items:center;margin:18px 0;padding:16px;border:1px solid #70591d;background:#171306}.ai-integration i{width:11px;height:11px;border-radius:50%;background:#e2b632;box-shadow:0 0 13px #e2b632}.ai-integration p{margin:5px 0 0;color:#aca483;font-size:12px}.ai-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}.ai-summary article{display:grid;gap:7px;padding:18px;border:1px solid #26362e;background:#090e0b}.ai-summary small{color:#78857e}.ai-summary strong{color:#63dda0;font-size:24px}.ai-summary .amber{color:#dfbc48;font-size:16px}.ai-species-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-species{padding:17px;border:1px solid #333;background:#0b0e0c;opacity:.66}.ai-species.enabled{border-color:#276344;background:#08140e;opacity:1}.ai-species header{display:flex;justify-content:space-between;gap:10px}.ai-species h3{margin:5px 0;color:#e6eee9}.ai-species header small{color:#65d397}.ai-switch{display:flex;align-items:center;gap:7px;color:#8ea096;font-size:10px;font-weight:900}.ai-switch input{accent-color:#45d785}.ai-fields{display:grid;grid-template-columns:.65fr .65fr 1.7fr;gap:8px;margin-top:16px}.ai-fields label{color:#728078;font-size:9px}.ai-fields input{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #294535;background:#050907;color:#e2e9e5}.ai-species p{margin:12px 0 0;color:#89938d;font-size:11px}.ai-actions{display:flex;align-items:center;gap:10px;margin:18px 0 28px}.ai-actions button:nth-child(2){border-color:#6f5a20;background:#1a1508;color:#dfbd4e}.ai-actions span{color:#69d995;font-size:11px;font-weight:900}.ai-command-plan,.ai-excluded{margin-top:20px;padding:18px;border:1px solid #28372f;background:#080c0a}.ai-command-plan>p{color:#8c9992}.ai-command-plan pre{padding:16px;overflow:auto;border:1px solid #224c35;background:#030705;color:#72d99b;line-height:1.7}.ai-excluded>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.ai-excluded article{display:flex;justify-content:space-between;gap:15px;padding:11px;border:1px solid #392729;background:#12090a}.ai-excluded b{color:#c77878}.ai-excluded span{color:#8c7b7b;font-size:11px}@media(max-width:800px){.ai-species-grid,.ai-summary{grid-template-columns:1fr}.ai-fields{grid-template-columns:1fr 1fr}.ai-fields label:last-child{grid-column:1/-1}.ai-title,.ai-admin-entry,.ai-actions{align-items:stretch;flex-direction:column}.ai-excluded>div{grid-template-columns:1fr}}
.de-pop-unlock button{min-width:116px}.de-pop-unlock button:disabled{border-color:#49402a!important;color:#d8b85d!important;background:#17140b!important;cursor:not-allowed}

/* PARKED dino mutation control */
.dossier-mutation-slots .dossier-mutation-row{min-height:86px;grid-template-columns:120px minmax(0,1fr) 145px;gap:14px;padding:12px 14px}
.dossier-mutation-slots .dossier-mutation-row small{color:#d05a62;font-size:11px!important;font-weight:800}
.dossier-mutation-slots .dossier-mutation-row b{color:#f1f4f2;font-size:15px!important;overflow-wrap:anywhere}
.dossier-mutation-slots .dossier-mutation-row button{min-height:38px;height:auto;padding:8px 12px;background:#240d10;border-color:#8c2c34;color:#f1c9cc;font-size:10px;font-weight:900}
.v62-mutation-grid button.selected{border:2px solid #d43a46;background:#2a0d11;box-shadow:0 0 0 2px rgba(212,58,70,.18) inset}
.v62-mutation-grid .mutation-selected-badge{margin-top:8px;color:#ff6671;font-size:10px;font-weight:900;font-style:normal}
@media(max-width:700px){.dossier-mutation-slots .dossier-mutation-row{grid-template-columns:1fr}}

.v59-rank-empty{padding:28px 16px;text-align:center;color:#777;font-size:9px;letter-spacing:.08em;border-top:1px solid #242424}
.friend-big>span img{width:100%;height:100%;border-radius:50%;object-fit:cover}.friend-big button:disabled{opacity:.35;cursor:not-allowed}.de-tp-requests{border-top:1px solid #252b2c}.de-tp-requests>h3{padding:12px 14px;margin:0;color:#e23a42;font-size:10px}.de-tp-request,.de-friend-result{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #202526}.de-tp-request span,.de-friend-result span{flex:1;font-size:9px}.de-tp-request button,.de-friend-result button{padding:8px 12px;background:#240708;border:1px solid #98171d;color:#eee;font:inherit}.de-friend-results{margin:12px;border:1px solid #252b2c}.v59-teleport{border-color:#98171d!important;color:#fff!important;background:#240708!important}