/* ISLE VILLAGE — the island's new Tyrannosaurus mark. */
.sidebar .brand{gap:12px!important;padding:4px 0 24px!important;align-items:center}
.sidebar .brand>img{width:70px!important;height:70px!important;object-fit:contain;flex-shrink:0;filter:none}
.sidebar .brand>span{font:800 27px/.95 'Segoe UI',Arial,sans-serif!important;letter-spacing:3px!important;color:#f1ead7}
.sidebar .brand .brand-sub{font:600 10px/1.3 'Segoe UI',Arial,sans-serif!important;letter-spacing:4.7px!important;margin:9px 0 0!important;color:#c8bd9d}
.server-emblem img{width:36px;height:36px;object-fit:contain;filter:none}
@media(max-width:1100px) and (min-width:701px){.sidebar .brand{justify-content:center;gap:0!important}.sidebar .brand>img{width:54px!important;height:54px!important}}
@media(max-width:700px){.sidebar .brand{padding:0!important;gap:8px!important}.sidebar .brand>img{width:48px!important;height:48px!important}.sidebar .brand>span{font-size:20px!important;letter-spacing:2px!important}.sidebar .brand .brand-sub{font-size:8px!important;letter-spacing:3.4px!important;margin-top:6px!important}}

.ch-self-service{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 30px;padding:20px 0;border-top:1px solid #56604b55}.ch-self-service b{font-size:13px;color:#d7c4ae}.ch-self-service p,.ch-self-service small{font-size:11px;color:#a4af9c;line-height:1.6}.ch-self-service .danger{border-color:#ab6b5b88;color:#dfb0a2;white-space:nowrap}.ch-self-service .danger:not(:disabled):hover{background:#773c3433}@media(max-width:700px){.ch-self-service{margin:20px;flex-wrap:wrap}}

.moderation-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.moderation-form label{display:grid;gap:8px;color:#b9c6ad;font-size:11px}.moderation-form input,.moderation-form select{background:#10221b;border:1px solid #58735b66;color:#e0e8d9;padding:12px;border-radius:7px;width:100%;min-width:0}.moderation-form label:nth-child(3){grid-column:1/-1}#moderation-dialog{max-width:520px;padding:32px;background:#15281d;color:#e3e6d4;border:1px solid #657259;border-radius:14px}#moderation-dialog p{line-height:1.8;color:#b6c5ad}#moderation-dialog::backdrop{background:#000b}@media(max-width:700px){.moderation-form{grid-template-columns:1fr}}

/* Cohesive 24px symbols, readable at normal browser scale. */
.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.nav-relic-icon{width:24px!important;height:24px!important}.language-picker>img{flex-shrink:0}.header-currency>img{width:25px;height:25px}.patreon-quick,.patreon-button{gap:9px}.ch-icon-button img{display:block;margin:auto}.ch-quick-actions [data-growth-button]:before{background-image:url('/icons/pause.svg?v=19')}.ch-quick-actions [data-growth-button][data-mode=play]:before{background-image:url('/icons/play.svg?v=19')}.ch-quick-actions [data-suicide-button]:before{content:'';background-image:url('/icons/suicide.svg?v=19')}.ch-quick-actions .primary:before{filter:brightness(.22)}.ch-bodydrop-inline{display:flex;align-items:center;gap:12px;padding:13px 15px;margin-top:14px;background:#0d211d;border:1px solid #b8ca9823;border-radius:10px}.ch-bodydrop-inline>img{flex-shrink:0}.ch-bodydrop-inline b{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#d6c6a0}.ch-bodydrop-inline p{font-size:12px;margin:5px 0 0;color:#b7c8bd;line-height:1.5;font-variant-numeric:tabular-nums}.ch-bodydrop-inline a{margin-left:auto;font-size:11px;color:#b7c8bd}.ch-prime-badge>img{flex-shrink:0}

.membership-gift{display:flex;align-items:center;gap:22px;padding:26px;margin:22px 0 34px;border:1px solid #8c765640;border-radius:18px;background:linear-gradient(115deg,#1f302c,#15201e)}.membership-gift>img{width:48px;height:48px}.membership-gift>div{flex:1}.membership-gift h3{margin:6px 0;color:#ead8b4}.membership-gift p{max-width:65ch;color:#a9b8af;line-height:1.6}.mutation-slots{display:grid;grid-template-columns:1fr!important;gap:0;border:1px solid #50695855;border-radius:14px;overflow:hidden}.mutation-slots form{display:flex;align-items:end;gap:16px;padding:16px 18px;background:#10221c66;border-bottom:1px solid #50695833}.mutation-slots form:last-child{border:0}.mutation-slots label{display:grid;grid-template-columns:minmax(185px,1fr) minmax(160px,1.4fr);flex:1;align-items:center;gap:16px}.mutation-slots label>span{font-size:12px;letter-spacing:.04em;color:#b4c5b8}.mutation-slots select{width:100%;min-height:42px}.mutation-slots button{font-size:12px;min-height:42px}.mutation-slots select:disabled{opacity:.5}@media(max-width:720px){.membership-gift{flex-wrap:wrap}.membership-gift>div{min-width:210px}.mutation-slots label{display:flex;flex-direction:column;align-items:stretch}.mutation-slots form{padding:14px;gap:10px}}

/* ISLE VILLAGE / Gateway field atlas */
.atlas-site {
  --atlas-ground: #101a18;
  --atlas-panel: #182623;
  --atlas-line: #37453d;
  --atlas-paper: #eee8d5;
  --atlas-moss: #a5ba8b;
  --atlas-ink: #182d23;
  --atlas-muted: #b8c1af;
  --atlas-type: Georgia, 'Times New Roman', serif;
  --atlas-mono: ui-monospace, Consolas, monospace;
  background: var(--atlas-ground);
}
.atlas-site .sidebar {background:#101c19;border-color:#354037}
.atlas-site .sidebar .side-label {color:#a7b29e;letter-spacing:.16em}
.atlas-site .sidebar nav a {border-radius:4px;line-height:1.3}
.atlas-site .sidebar nav a.active {border-color:#59694d;background:#273825;color:#edf3d3}
.atlas-site .sidebar nav a.active::before {background:#c5d590}
.atlas-site .sidebar nav a:hover {background:#20312a}
.atlas-site .shell .topbar {background:#101c19;border-color:#323f36}
.atlas-site .breadcrumb {color:#afbcad}
.atlas-site :where(button,a,select,summary):focus-visible {outline:3px solid #ebb86f;outline-offset:3px}
.atlas-site .atlas-menu-button {display:none}
.atlas-site .topbar .language-picker, .atlas-site .patreon-quick, .atlas-site .header-currency {border-radius:4px}
.atlas-site .page-heading h1,.atlas-site .section-heading h2 {text-wrap:balance}
.atlas-site .page-heading>p,.atlas-site .section-heading .quiet {color:var(--atlas-muted)}
.atlas-site .hero {
  display:grid;grid-template-columns:minmax(0,45%) minmax(0,1fr);align-items:stretch;
  min-height:clamp(395px,34vw,555px);overflow:hidden;border:1px solid #bfc2a1;
  border-radius:3px;background:var(--atlas-paper);box-shadow:0 16px 45px #050d0a29;
}
.atlas-site .hero .hero-art {
  position:absolute;inset:0 0 0 auto;width:55%;height:100%;max-width:none;
  object-fit:cover;object-position:10% center;opacity:1;animation:none;z-index:0;
}
.atlas-site .hero .hero-shade {
  position:absolute;inset:0 0 0 45%;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 48%,#0c1b16b3);
}
.atlas-site .hero-content {
  grid-column:1;position:relative;z-index:2;max-width:none;align-self:stretch;display:flex;
  flex-direction:column;align-items:flex-start;justify-content:center;
  padding:clamp(25px,3.3vw,65px);color:var(--atlas-ink);background:var(--atlas-paper);
  background-image:radial-gradient(ellipse farthest-corner at 5% 0%,#faf4df 0,transparent 75%);
  border-right:1px solid #70816a;animation:none;
}
.atlas-site .hero-content::after {
  content:"";position:absolute;bottom:0;left:clamp(25px,3.3vw,65px);right:clamp(25px,3.3vw,65px);
  height:7px;background:repeating-linear-gradient(90deg,#7a836d 0px 1px,transparent 1px 10px);opacity:.55;
}
.atlas-site .hero .eyebrow {color:#4a5a49;font:650 10px/1.4 var(--atlas-mono);letter-spacing:.12em}
.atlas-site .hero .eyebrow::before {content:"";display:inline-block;width:21px;height:2px;background:#93723d;vertical-align:middle;margin-right:8px}
.atlas-site .hero h1 {
  font:500 clamp(40px,4.8vw,87px)/.97 var(--atlas-type);letter-spacing:-.058em;
  color:#1c3024;margin:clamp(21px,2.1vw,36px) 0 17px;text-shadow:none;
}
.atlas-site .hero h1 em {color:#526341;font:italic 400 .81em/1.12 var(--atlas-type);letter-spacing:-.052em}
.atlas-site .hero p {font-size:clamp(13px,1.02vw,17px);max-width:42ch;line-height:1.62;color:#425143;margin:0}
.atlas-site .hero-actions {display:flex;flex-direction:row;flex-wrap:wrap;max-width:none;gap:10px;margin:23px 0 0}
.atlas-site .hero-actions .button {font-size:12px;letter-spacing:.008em;line-height:1.25;min-height:44px;border-radius:3px;padding:12px 15px;gap:11px}
.atlas-site .hero-actions .button.primary {color:#fff8dc;background:#264833;border:1px solid #264833;box-shadow:none}
.atlas-site .hero-actions .button.primary:hover {background:#345d40}
.atlas-site .hero-actions .button.ghost {color:#263e2c;border:1px solid #86917b;background:transparent}
.atlas-site .hero-actions .button.ghost:hover {background:#dedfc9}
.atlas-site .hero-tags {display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0}
.atlas-site .hero-tags span {color:#526048;font:600 10px/1.4 var(--atlas-mono);letter-spacing:.015em;border:0;border-radius:0;background:none;padding:0}
.atlas-site .hero-tags span+span::before {content:"/";color:#858b73;margin-right:7px}
.atlas-site .hero-caption {
  display:grid;align-content:end;justify-content:start;gap:3px;position:absolute;z-index:2;
  inset:auto 28px 23px calc(45% + 27px);margin:0;line-height:1.45;pointer-events:none;text-shadow:0 2px 6px #000;
}
.atlas-site .hero-caption .atlas-plate {font:600 10px/1.45 var(--atlas-mono);letter-spacing:.16em;color:#e8dfb9}
.atlas-site .hero-caption .atlas-taxon {font:italic 500 clamp(19px,1.75vw,30px)/1.1 var(--atlas-type);letter-spacing:0;color:#fff8de;text-transform:none;display:block}
.atlas-site .atlas-finder {position:absolute;right:22px;top:21px;z-index:2;width:47px;height:47px;color:#fff5cb;filter:drop-shadow(0 1px 3px #162114);pointer-events:none}
.atlas-site .server-strip {margin:12px 0 0;border:1px solid #405344;border-radius:3px;background:#192923;box-shadow:none;gap:16px}
.atlas-site .server-strip small {color:#b4c3a7}
.atlas-site .server-strip strong {font-family:var(--atlas-mono);font-size:clamp(17px,1.5vw,23px);color:#f6f2df}
.atlas-site .server-strip .server-join {color:#d8e2c3;border-color:#687957;background:transparent;border-radius:3px}
.atlas-site .community-link {margin:12px 0}
.atlas-site .community-link .button {color:#c2d1b5;background:transparent;border:none;padding:6px 0;font-weight:500}
.atlas-site #island>.section-heading {margin:34px 0 17px}
.atlas-site #island .section-heading h2 {color:#f2ecda;font:500 clamp(28px,2.8vw,48px)/1.08 var(--atlas-type);letter-spacing:-.04em;margin:6px 0 0}
.atlas-site #island .feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.3vw,23px)}
.atlas-site #island .feature-card {
  position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;padding:17px 21px 18px;
  min-height:235px;border:1px solid #465347;border-radius:3px;background:#1c2c26;box-shadow:none;
}
.atlas-site #island .feature-card:hover {border-color:#a0ad82;transform:translateY(-2px)}
.atlas-site .feature-card::before {content:none}
.atlas-site .atlas-graphic {position:absolute;z-index:-1;inset:0 0 auto;height:93px;pointer-events:none;overflow:hidden;border-bottom:1px solid #c3d0a91f}
.atlas-site .atlas-graphic-photo {background:linear-gradient(90deg,#1828206e,transparent 60%),url('/dinos/carnotaurus.webp') 52% 44% / cover no-repeat}
.atlas-site .atlas-graphic-map {background:#354939}
.atlas-site .atlas-graphic-dice {background:#463c32}
.atlas-site .atlas-graphic svg {display:block;margin-left:auto;width:100%;height:100%;color:#ced8b4;opacity:.83}
.atlas-site .atlas-graphic-dice svg {color:#ead0a1}
.atlas-site #island .feature-icon,.atlas-site #island .card-index {display:none}
.atlas-site #island .feature-card h3 {padding:0;margin:93px 0 6px;color:#f5efdb;font:500 clamp(19px,1.75vw,28px)/1.16 var(--atlas-type);letter-spacing:-.025em}
.atlas-site #island .feature-card p {min-height:0;margin:0 0 16px;font-size:13px;line-height:1.5;max-width:42ch;color:#bfccbb}
.atlas-site #island .feature-card .card-link {display:flex;align-items:center;justify-content:space-between;margin-top:auto;width:100%;padding-top:10px;border-top:1px solid #425246;color:#d9e2be}
.atlas-site #island .island-details>article,.atlas-site .rules-grid .panel {background:#182622;border:1px solid var(--atlas-line);border-radius:4px}
.atlas-site #island .notice {border-radius:3px}
.atlas-site #dashboard>.page-heading {position:relative;padding:10px 0 19px;margin-bottom:17px;border-bottom:1px solid #53614d}
.atlas-site #dashboard>.page-heading h1 {font:500 clamp(37px,3.8vw,63px)/1.04 var(--atlas-type);letter-spacing:-.05em;color:#f0ead6;margin:7px 0}
.atlas-site #dashboard>.page-heading .eyebrow {color:#bdcca5;font-family:var(--atlas-mono)}
.atlas-site .auth-wall {
  align-items:flex-start;justify-content:center;text-align:left;border:1px solid #566047;border-radius:4px;
  padding:clamp(28px,4.6vw,76px);background:#18251d;min-height:clamp(330px,31vw,520px);
}
.atlas-site .auth-wall .auth-art {background:linear-gradient(90deg,#102018f5 4%,#102018d9 41%,#10201825 88%),url('/tiers/straznik.webp') center 52% / cover no-repeat}
.atlas-site .auth-wall .feature-icon {display:none}
.atlas-site .auth-wall .eyebrow {color:#d3d9ae;font-family:var(--atlas-mono)}
.atlas-site .auth-wall h2 {font:500 clamp(30px,3.3vw,57px)/1.03 var(--atlas-type);letter-spacing:-.045em;color:#fff6dd;margin:.15em 0}
.atlas-site .auth-wall p {color:#d2d6c5;max-width:34ch;font-size:14px;line-height:1.55;margin-bottom:12px}
.atlas-site .character-hub {--ch-border:#53634b;--ch-gold:#e0c88c;border-radius:5px;background:#15241f;box-shadow:none}
.atlas-site .ch-top {background:#1c2e26;border-color:#425442}
.atlas-site .ch-top h2 {font:500 clamp(27px,2.6vw,44px)/1.1 var(--atlas-type);letter-spacing:-.035em;color:#f2ead2}
.atlas-site .ch-telemetry {background:#101e19}
.atlas-site .ch-growth>strong {font-family:var(--atlas-mono);font-variant-numeric:tabular-nums;letter-spacing:-.055em;color:#e9ebcf}
.atlas-site .ch-vital>div {color:#d2dbc8;font-size:12px}
.atlas-site .ch-vital b {color:#f3ecd8}
.atlas-site .ch-controls {background:#21362b}
.atlas-site .ch-quick-actions .button,.atlas-site .ch-icon-button {border-radius:4px}
.atlas-site .ch-model-caption {border:1px solid #b0bf9440;background:#14241ee8}
.atlas-site .shell footer {border-top-color:#3e4b3e}
@media(max-width:1100px) and (min-width:701px) {
  .atlas-site .hero {grid-template-columns:minmax(0,48%) minmax(0,1fr);min-height:370px}
  .atlas-site .hero .hero-art {width:52%}
  .atlas-site .hero .hero-shade {left:48%}
  .atlas-site .hero-caption {left:calc(48% + 20px)}
  .atlas-site .hero-content {padding:26px}
  .atlas-site .hero h1 {font-size:clamp(37px,5.4vw,60px)}
}
@media(max-width:700px) {
  .atlas-site .sidebar[data-menu-ready] {
    position:sticky;inset:0 0 auto;z-index:32;display:flex;flex-direction:row;align-items:center;justify-content:space-between;
    width:100%;height:auto;min-height:61px;padding:6px 16px;border:0;border-bottom:1px solid #3e5041;background:#101c19;
  }
  .atlas-site .sidebar[data-menu-ready] .brand>span {display:block}
  .atlas-site .sidebar[data-menu-ready] .side-label,.atlas-site .sidebar[data-menu-ready] .side-bottom {display:none}
  .atlas-site .sidebar[data-menu-ready] .admin-shortcut {position:static;inset:auto;margin:0 4px 0 auto;padding:7px;border:0;box-shadow:none;background:transparent}
  .atlas-site .sidebar[data-menu-ready] .admin-shortcut span {display:none}
  .atlas-site .sidebar[data-menu-ready] .atlas-menu-button {
    display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;background:#213128;
    color:#f0ead8;border:1px solid #54634e;border-radius:4px;padding:7px 12px;font:600 12px/1.25 var(--font);
  }
  .atlas-site .atlas-menu-button svg {width:18px;height:18px}
  .atlas-site .sidebar[data-menu-ready] nav {
    position:absolute;inset:100% 0 auto;z-index:36;display:none;width:100%;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);
    padding:10px 12px max(12px,env(safe-area-inset-bottom));gap:3px 6px;overflow:auto;overscroll-behavior:contain;
    background:#14221e;border:1px solid #52634d;border-top:0;box-shadow:0 12px 28px #060d0a88;
  }
  .atlas-site .sidebar[data-menu-ready][data-menu-open] nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .atlas-site .sidebar[data-menu-ready] nav a {width:auto;min-width:0;min-height:44px;display:flex;gap:8px;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;padding:6px 8px}
  .atlas-site .sidebar[data-menu-ready] nav a[hidden],.atlas-site .sidebar[data-menu-ready] .admin-shortcut[hidden] {display:none}
  .atlas-site .sidebar[data-menu-ready] nav .nav-label {display:block;width:auto;text-align:left;white-space:normal;font:500 12px/1.25 var(--font)}
  .atlas-site .sidebar[data-menu-ready] nav a::before {display:none}
  .atlas-site .sidebar[data-menu-ready] nav a .nav-relic-icon {width:20px!important;height:20px!important}
  .atlas-site .sidebar[data-menu-ready]~.shell {margin:0;padding-bottom:0}
  .atlas-site .shell .topbar,.atlas-site .shell .topbar:has(.header-wallet:not([hidden])) {position:relative;inset:auto;width:100%;height:auto;min-height:50px;padding:7px 14px;background:#17251e;border-bottom:1px solid #364438}
  .atlas-site .shell .topbar .top-right {display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;width:100%}
  .atlas-site .shell .topbar .breadcrumb {display:none}
  .atlas-site .topbar .test-badge,.atlas-site .topbar .connection-badge {display:none}
  .atlas-site .shell .topbar .language-picker {padding:4px 5px;gap:4px;max-width:108px}
  .atlas-site .shell .topbar .language-picker select {width:66px;max-width:66px}
  .atlas-site .shell .topbar .steam-btn img {width:110px;max-width:110px;height:auto}
  .atlas-site main,.atlas-site .shell:has(.header-wallet:not([hidden])) main {padding:14px}
  .atlas-site .hero {
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    min-height:0;border-radius:3px;--photo-height:clamp(160px,44vw,265px);padding-top:var(--photo-height);
  }
  .atlas-site .hero .hero-art {inset:0 0 auto;width:100%;height:var(--photo-height);object-position:center 45%}
  .atlas-site .hero .hero-shade {inset:0 0 auto;height:var(--photo-height);background:linear-gradient(0deg,#0a1c13a1,transparent 60%)}
  .atlas-site .hero-content {padding:21px clamp(20px,5vw,35px) 25px;border-right:0;border-top:1px solid #b9c19f}
  .atlas-site .hero h1 {font-size:clamp(39px,8.7vw,57px);margin:15px 0 9px}
  .atlas-site .hero h1 br {display:none}
  .atlas-site .hero h1 em {display:block;font-size:.84em}
  .atlas-site .hero p {font-size:13px;max-width:none}
  .atlas-site .hero-actions {margin-top:15px;flex-direction:row}
  .atlas-site .hero-tags {margin-top:13px}
  .atlas-site .hero-caption {inset:calc(var(--photo-height) - 56px) 17px auto 17px}
  .atlas-site .hero-caption .atlas-plate {font-size:9px}
  .atlas-site .atlas-finder {width:34px;height:34px;top:13px;right:13px}
  .atlas-site .server-strip {grid-template-columns:repeat(3,minmax(0,1fr));margin-top:9px;padding:14px;gap:11px}
  .atlas-site .server-strip>.server-name {grid-column:1/-1;padding-bottom:9px;border-bottom:1px solid #405141}
  .atlas-site .server-strip>div:nth-child(4) {grid-column:auto;display:block;border:0;padding:0}
  .atlas-site .server-strip>div>small {display:block;line-height:1.3}
  .atlas-site .server-strip strong {font-size:15px;overflow-wrap:anywhere}
  .atlas-site .server-strip .server-join {display:none}
  .atlas-site #island>.section-heading {margin:25px 0 14px}
  .atlas-site #island .section-heading .quiet {font-size:9px}
  .atlas-site #island .feature-grid {grid-template-columns:1fr}
  .atlas-site #island .feature-card {min-height:118px;padding:16px 16px 16px 35%}
  .atlas-site .feature-card .atlas-graphic {inset:0 auto 0 0;width:31%;height:100%;border:0;border-right:1px solid #c3d0a91f}
  .atlas-site .feature-card .atlas-graphic-photo {background-position:53% 40%}
  .atlas-site #island .feature-card h3 {margin:0 0 6px;font-size:22px}
  .atlas-site #island .feature-card p {font-size:12px;margin:0 0 7px}
  .atlas-site #island .feature-card .card-link {padding-top:6px}
  .atlas-site .island-details {grid-template-columns:minmax(0,1fr)}
  .atlas-site .island-details>article {min-width:0;padding:20px 17px;overflow-wrap:anywhere}
  .atlas-site .island-details .mechanic-row {grid-template-columns:21px minmax(0,1fr) auto;gap:9px}
  .atlas-site .island-details .outline-mark {display:none}
  .atlas-site .ch-quick-actions {grid-template-columns:repeat(2,minmax(0,1fr))}
  .atlas-site .character-hub .ch-top {padding:17px 15px}
  .atlas-site .ch-model-caption {font-size:8px}
}
@media(prefers-reduced-motion:reduce) {
  .atlas-site #island .feature-card:hover {transform:none}
}

.atlas-nav-group {font:600 9px/1.3 var(--atlas-mono);letter-spacing:.15em;text-transform:uppercase;color:#acb89e;margin:13px 9px 1px;padding-top:11px;border-top:1px solid #344336}
.atlas-site .sidebar .side-label {padding-bottom:9px}
.atlas-site .sidebar nav {gap:4px}
.atlas-site .atlas-wordmark span,.atlas-site .atlas-wordmark em {display:block}
.atlas-site .hero h1.atlas-wordmark {margin:18px 0 16px;font:800 clamp(50px,6.1vw,109px)/.85 'Segoe UI',Arial,sans-serif;letter-spacing:-.061em}
.atlas-site .hero h1.atlas-wordmark em {font:italic 500 .85em/.99 var(--atlas-type);color:#3c533f;letter-spacing:-.055em}
.atlas-site .hero p {font-size:clamp(14px,1.22vw,21px);font-weight:500;color:#304836}
.atlas-site .atlas-rules {display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.atlas-rules a {display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:4px 9px;color:#243d2c;border:1px solid #84917a;border-radius:3px;font:600 12px/1.25 var(--font)}
.atlas-rules a img {width:16px;height:16px;filter:brightness(.35)}
.atlas-rules a:hover {background:#dadfc9}
.atlas-rules a strong {letter-spacing:-.025em}
.atlas-site .hero-actions {margin-top:19px}
.atlas-site .hero .hero-art {object-position:2% 53%}
.atlas-site .hero[data-species=tyrannosaurus] .hero-art {object-position:10% center}
.atlas-site .hero[data-species=stegosaurus] .hero-art {object-position:31% center}
.atlas-site .hero .hero-shade {background:linear-gradient(0deg,#071912eb,transparent 57%,#07191226)}
.atlas-site .hero-caption {bottom:90px}
.atlas-site .hero-caption .atlas-taxon {font-size:clamp(24px,2.5vw,43px)}
.atlas-plates {position:absolute;z-index:3;inset:auto 22px 17px calc(45% + 27px);border-top:1px solid #e9efcb80;padding-top:7px}
.atlas-plates-title {color:#eee8ca;font:600 9px/1.3 var(--atlas-mono);letter-spacing:.13em;text-transform:uppercase}
.atlas-plates [role=group] {display:flex;gap:4px;margin-top:5px}
.atlas-plates button {flex:1 1 0;min-width:0;min-height:37px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d2ddc599;border-radius:3px;background:#17281fed;color:#eef0d9;font:500 11px/1.2 var(--font);padding:5px}
.atlas-plates button span {color:#c5cda9;font:600 9px/1 var(--atlas-mono)}
.atlas-plates button[aria-pressed=true] {border-color:#e9e4b6;background:#ece4bf;color:#223329}
.atlas-plates button[aria-pressed=true] span {color:#485b40}
.atlas-plates button:hover {border-color:#fff2a9}
.atlas-welcome {
  display:flex;align-items:center;gap:16px;padding:17px 21px;margin-top:12px;border:1px solid #8a8460;
  border-radius:3px;background:linear-gradient(95deg,#303d2a,#24352b);color:#f3edd4;
}
.atlas-welcome:hover {border-color:#d5c38c;background:#314433}
.atlas-gift-symbol {flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid #a18e61;border-radius:50%}
.atlas-gift-title {flex:1;min-width:0}
.atlas-gift-title strong {display:block;font:500 clamp(19px,1.7vw,27px)/1.1 var(--atlas-type);letter-spacing:-.02em}
.atlas-gift-title small,.atlas-benefits small {color:#d3dcc2;font:500 11px/1.35 var(--font)}
.atlas-benefits {display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.atlas-benefits>span {display:flex;flex-direction:column;min-width:55px;margin:0;padding-left:14px;border-left:1px solid #89977775}
.atlas-benefits b {font:600 clamp(15px,1.45vw,22px)/1.3 var(--atlas-mono);color:#f9e9b1}
.atlas-gift-arrow {color:#e8d69f;font-size:19px}
.atlas-site #dashboard>.page-heading {
  padding:clamp(20px,2.5vw,37px);overflow:hidden;border:1px solid #66725c;border-left:4px solid #d4bf87;
  background:linear-gradient(100deg,#213526 60%,#233629b3 80%,#233629a6),url('/habitat-v1.webp') center 52% / cover;
}
.atlas-player-links {display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.atlas-player-links a {display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:5px 10px;border:1px solid #75856a;border-radius:3px;color:#f3efd8;background:#1b2d23;font-size:12px}
.atlas-player-links a:hover {background:#354833}
.atlas-player-links img {width:17px;height:17px}
@media(min-width:701px) and (max-width:1100px) {
  .atlas-nav-group {font-size:0;line-height:0;padding:0;margin:6px 8px 3px}
  .atlas-site .atlas-plates {left:calc(48% + 17px);right:12px}
  .atlas-site .hero-caption {bottom:89px}
  .atlas-benefits {gap:10px}
  .atlas-benefits>span {padding-left:9px}
}
@media(max-width:700px) {
  .atlas-site .sidebar[data-menu-ready][data-menu-open] nav {gap:3px 6px}
  .atlas-nav-group {grid-column:1/-1;margin:3px 6px 0;padding:5px 0 1px;font-size:9px}
  .atlas-site .hero {--photo-height:clamp(207px,51vw,305px)}
  .atlas-site .hero .hero-art {object-position:center}
  .atlas-site .hero-caption {inset:calc(var(--photo-height) - 105px) 15px auto}
  .atlas-site .hero-caption .atlas-taxon {font-size:23px}
  .atlas-site .atlas-plates {inset:calc(var(--photo-height) - 57px) 13px auto;padding-top:3px}
  .atlas-site .atlas-plates-title {display:none}
  .atlas-site .atlas-plates button {min-height:39px;font-size:10px;gap:3px}
  .atlas-site .hero h1.atlas-wordmark {display:flex;flex-wrap:wrap;align-items:baseline;gap:.12em;margin:9px 0 8px;font-size:clamp(39px,9.4vw,62px)}
  .atlas-site .hero h1.atlas-wordmark em {display:inline}
  .atlas-site .hero p {font-size:14px}
  .atlas-site .atlas-rules {margin-top:10px}
  .atlas-site .hero-actions {margin-top:10px}
  .atlas-welcome {display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:10px;padding:13px}
  .atlas-gift-symbol {width:28px;height:28px}
  .atlas-gift-symbol img {width:18px;height:18px}
  .atlas-benefits {grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:5px}
  .atlas-benefits>span {padding-left:9px;min-width:0}
  .atlas-benefits>span:first-child {padding-left:0;border:0}
  .atlas-gift-arrow {grid-column:3;grid-row:1}
  .atlas-benefits b {font-size:15px}
  .atlas-site #dashboard>.page-heading {padding:18px 16px}
  .atlas-player-links a {font-size:11px;min-height:40px}
}

/* A field catalogue with three photographic diet filters, and a personal archive. */
.atlas-site .field-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:4px 0 clamp(18px,2.5vw,34px);padding-bottom:18px;border-bottom:1px solid #576454}
.atlas-site .field-heading h1 {margin:.12em 0 .1em;font:normal clamp(42px,5.2vw,86px)/.98 Georgia,serif;letter-spacing:-.052em;color:#fbf2d9}
.atlas-site .field-heading p {color:#ced8ce;margin:10px 0 0;font-size:clamp(13px,1.2vw,16px);line-height:1.5}
.atlas-site .field-heading .eyebrow {font-size:10px;color:#cfbc83;font-weight:700;letter-spacing:.18em}
.atlas-site .field-heading .button {display:inline-flex;align-items:center;gap:9px;border:1px solid #859277;color:#eee7cf;border-radius:3px;flex-shrink:0}
.atlas-site .field-plates {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.15vw,18px);margin-bottom:10px}
.atlas-site .field-plate {isolation:isolate;position:relative;display:flex;align-items:flex-end;min-width:0;min-height:clamp(155px,14.2vw,255px);padding:clamp(12px,1.4vw,24px);text-align:left;overflow:hidden;color:#fff7e3;background:#263d30;border:1px solid #65715f;border-radius:2px;transition:border-color .18s ease;cursor:pointer}
.atlas-site .field-plate img {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .35s ease;filter:saturate(.94)}
.atlas-site .field-plate::after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#081714ed 0%,#10211ace 16%,#13271b1a 74%,#0b170d38)}
.atlas-site .field-plate-no {position:absolute;top:12px;left:14px;padding:2px 5px;border:1px solid #e9e2c988;background:#10221adc;font:11px/1.5 ui-monospace,monospace;letter-spacing:.05em;color:#fcf2d6}
.atlas-site .field-plate-copy {display:grid;gap:6px;min-width:0}
.atlas-site .field-plate-copy strong {color:white;font:normal clamp(19px,2.1vw,34px)/1.05 Georgia,serif;overflow-wrap:anywhere;letter-spacing:-.035em}
.atlas-site .field-plate-copy i {font:italic 13px/1.1 Georgia,serif;color:#e6debd}
.atlas-site .field-plate-arrow {margin-left:auto;padding-left:6px;align-self:flex-end;color:#e9db9e;font-size:22px;line-height:1}
.atlas-site .field-plate:hover,.atlas-site .field-plate[aria-pressed=true] {border-color:#ebd397;box-shadow:inset 0 -3px #e2c985}
.atlas-site .field-plate:hover img {transform:scale(1.035)}
.atlas-site .field-plate:disabled {cursor:default}
.atlas-site #shop .shop-hero,.atlas-site #shop .shop-inventory-link {display:none}
.atlas-site #shop .shop-summary {gap:clamp(14px,2vw,32px);padding:12px 3px;border-bottom:1px solid #405246}
.atlas-site #shop .shop-summary>div {display:flex;align-items:center;gap:9px}
.atlas-site #shop .shop-summary b {font:600 17px/1.1 ui-monospace,monospace;color:#e4c692}
.atlas-site #shop .shop-summary>p {margin:0 0 0 auto;font-size:11px;line-height:1.4;color:#bfcbbd}
.atlas-site #shop .shop-controls {margin:20px 0 15px;padding:0;gap:12px;scroll-margin-top:76px;background:transparent;border:0}
.atlas-site #shop .shop-controls input,.atlas-site #shop .shop-controls select {border:1px solid #617161;border-radius:3px;color:#202e27;background:#edeadc;min-height:44px}
.atlas-site #shop .shop-controls label {color:#d7dccb;gap:5px}
.atlas-site #shop .catalog-heading {border-top:1px solid #425245;padding-top:11px;color:#c6cfbc}
.atlas-site #shop .dino-catalog {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(226px,100%),1fr));gap:16px}
.atlas-site #shop .dino-card {border:1px solid #bdbba5;border-radius:3px;color:#17251f;background:#f0eadd;box-shadow:0 8px 18px #0002;overflow:hidden}
.atlas-site #shop .dino-art {height:auto;aspect-ratio:2/1;border-bottom:1px solid #b4b19a;background:#304538}
.atlas-site #shop .dino-art>img {display:block;width:100%;height:100%;object-fit:cover}
.atlas-site #shop .dino-card-body {padding:14px 15px;background:#f0eadd}
.atlas-site #shop .dino-card-kicker {color:#4c6353;line-height:1.2}
.atlas-site #shop .dino-card h3 {color:#1e3229;margin:7px 0 11px;font:normal clamp(21px,1.85vw,29px)/1.12 Georgia,serif;letter-spacing:-.045em;overflow-wrap:anywhere}
.atlas-site #shop .dino-card-wallet {padding:10px 0;border-block:1px solid #b9bdac;color:#49564a;background:transparent}
.atlas-site #shop .dino-card-wallet small,.atlas-site #shop .dino-card-wallet>span {color:#4e5b50}
.atlas-site #shop .dino-card-wallet b {color:#233c2c;font-variant-numeric:tabular-nums}
.atlas-site #shop .dino-card-wallet .ui-icon {background:#1e362e;border-radius:3px;padding:1px}
.atlas-site #shop .dino-card-bottom {padding-top:12px;border:0}
.atlas-site #shop .dino-card .button.ghost {border-radius:3px;background:#23382c;border:1px solid #23382c;color:white}
.atlas-site #shop .dino-card-bottom .prime-badge {background:#243d31;color:#f5e3a7}
.atlas-site #inventory .field-inventory {padding:clamp(20px,3.8vw,56px);min-height:clamp(155px,19vw,240px);position:relative;isolation:isolate;overflow:hidden;border:1px solid #73846a;border-radius:2px;background:#1e3529}
.atlas-site #inventory .field-inventory::before {content:'';position:absolute;z-index:-2;inset:0;background:url('/dinos/stegosaurus.webp') right 46% / cover no-repeat}
.atlas-site #inventory .field-inventory::after {content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#10211ef5 7%,#10271fde 35%,#10211e38 76%)}
.atlas-site #inventory .field-inventory>div {max-width:62%}
.atlas-site #inventory .field-inventory p {color:#e0e7d6;max-width:33em}
.atlas-site #inventory .field-inventory .button {background:#182a23e8}
.atlas-site #inventory .iv-heading {display:none}
.atlas-site #inventory .iv-inventory {border:0;padding:0;background:transparent;box-shadow:none}
.atlas-site #inventory .iv-tabs {display:flex;align-items:center;gap:0;border:1px solid #6b7565;background:#213128;border-radius:3px;overflow:hidden;width:fit-content;max-width:100%}
.atlas-site #inventory .iv-tabs button {border:0;border-radius:0;min-height:44px;padding:10px 20px;color:#d3dbc9;background:transparent}
.atlas-site #inventory .iv-tabs button.active,.atlas-site #inventory .iv-tabs [aria-selected=true] {background:#ede8d7;color:#25372b}
.atlas-site #inventory .iv-tabs span {color:inherit}
.atlas-site #inventory .iv-toolbar {padding:15px 0;border-block:1px solid #475c4c;margin:16px 0}
.atlas-site #inventory .iv-items {gap:16px}
.atlas-site #inventory .iv-item {border-radius:3px;border:1px solid #71826d;background:#1d3128}
.atlas-site #inventory .iv-item-copy {color:#dce5d4}
.atlas-site #inventory .iv-item-copy strong {color:#fff1cd;line-height:1.15}
.atlas-site #inventory .iv-welcome-banner {border:1px solid #ad995c;border-left:4px solid #ddbf78;border-radius:2px}
.atlas-site #inventory .auth-wall {min-height:230px;align-items:start;text-align:left;border:1px solid #687863;border-radius:3px;padding:clamp(20px,4vw,52px);color:#14281d;background:#e9e5d5}
.atlas-site #inventory .auth-wall .auth-art,.atlas-site #inventory .auth-wall .feature-icon {display:none}
.atlas-site #inventory .auth-wall h2 {color:#223b2b;text-align:left;font:normal clamp(26px,3.3vw,44px)/1.1 Georgia,serif}
.atlas-site #inventory .auth-wall p,.atlas-site #inventory .auth-wall .eyebrow {color:#415947;text-align:left}
.atlas-site #inventory .auth-wall a {width:fit-content}
@media(max-width:700px) {
 .atlas-site .field-heading {align-items:center;gap:9px;margin:3px 0 15px;padding-bottom:13px}
 .atlas-site .field-heading p {font-size:13px;line-height:1.4}
 .atlas-site .field-heading .button {padding:8px;min-height:42px;gap:5px;font-size:11px}
 .atlas-site .field-plates {gap:5px}
 .atlas-site .field-plate {min-height:133px;padding:9px 6px}
 .atlas-site .field-plate-no {top:6px;left:6px;font-size:9px}
 .atlas-site .field-plate-copy strong {font:600 clamp(10px,3.1vw,17px)/1.2 system-ui,sans-serif;letter-spacing:-.025em}
 .atlas-site .field-plate-copy i {font-size:10px}
 .atlas-site .field-plate-arrow {display:none}
 .atlas-site #shop .shop-summary {flex-wrap:wrap;gap:5px 15px}
 .atlas-site #shop .shop-summary>p {margin:0}
 .atlas-site #shop .shop-controls {gap:8px;grid-template-columns:1fr 1fr;scroll-margin-top:65px}
 .atlas-site #shop .shop-search {grid-column:1/-1}
 .atlas-site #shop .catalog-heading>span+span {display:none}
 .atlas-site #shop .dino-catalog {grid-template-columns:repeat(auto-fill,minmax(min(155px,100%),1fr));gap:9px}
 .atlas-site #shop .dino-card-body {padding:9px}
 .atlas-site #shop .dino-card h3 {font-size:19px}
 .atlas-site #shop .dino-card-wallet {flex-wrap:wrap;gap:2px}
 .atlas-site #shop .dino-card-bottom {flex-wrap:wrap;gap:6px}
 .atlas-site #inventory .field-inventory {align-items:flex-end;padding:16px;min-height:160px}
 .atlas-site #inventory .field-inventory>div {max-width:72%}
}
@media(prefers-reduced-motion:reduce){.atlas-site .field-plate,.atlas-site .field-plate img{transition:none}.atlas-site .field-plate:hover img{transform:none}}