/* Prehistoric Farm Wiki — image-led field-guide redesign v3.
   Official promotional image is from Roblox; creature art is openly licensed
   paleontological reference, never presented as an in-game render. */
:root{--forest:#142f24;--forest-dark:#091c17;--forest-mid:#28523d;--moss:#bbee79;--moss-soft:#e7f1db;--gold:#f5c270;--gold-strong:#f6c67b;--paper:#f5f6ee;--cream:#fafbf5;--text:#21382d;--muted:#657969;--border:#dfe7d9;--display:"Barlow Condensed","DM Sans",sans-serif;--body:"DM Sans",sans-serif}
body{background:#f4f6ed;color:var(--text)}
.site-header{background:#0d211b;border-bottom:1px solid rgba(188,233,168,.13)}
.header-inner{min-height:73px}
.brand>img{border-radius:11px;object-fit:cover}
.brand-text strong{font-size:16px;letter-spacing:-.04em;color:#fff}
.brand-text small{color:#9fbaa8;font-size:8px}
.brand-accent{color:#bbed7e}
.desktop-nav a,.nav-search{color:#e1efe1}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#c0f38b}
.desktop-nav a[aria-current=page]{box-shadow:inset 0 -2px #baeb79}.nav-search{border-color:#3b5c4a;background:#162e23}.nav-search kbd{border-color:#496852;color:#9dbaa8}
.top-strip{background:#091812}.top-strip-inner{min-height:30px}
.top-strip-label{color:#bcd0ba}.top-strip-update{color:#829b85}.mini-star{color:#d1e995}
.mobile-menu-button{background:#1a3829;color:#e2f4da;border-color:#47674e}
.mobile-nav{background:#183528;border-color:#3b5f43}.mobile-nav a{color:#e2f2dc}.mobile-nav a:hover,.mobile-nav a[aria-current=page]{background:#2c5740;color:#fff}
.site-footer{background:#0a2017}.footer-about>p,.footer-columns a{color:#a8c4aa}.footer-columns h3{color:#c6ef91}.footer-bottom{border-color:#325342}
.btn{border-radius:10px}
.field-home{background:#f4f6ed}
.field-hero{overflow:hidden;position:relative;color:#fff;background:radial-gradient(ellipse at 75% 45%,#396d3d 0%,#152d25 42%,#091c17 85%);border-bottom:1px solid #3c6248}
.field-hero:before{position:absolute;content:"";inset:0;pointer-events:none;opacity:.21;background-image:radial-gradient(#8abd80 .8px,transparent .8px);background-size:26px 26px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.field-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:center;gap:40px;padding-top:55px;padding-bottom:58px}
.field-led{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;letter-spacing:.115em;font-weight:850;color:#caeda6}
.field-led>span{width:8px;height:8px;border-radius:50%;background:#a8e879;box-shadow:0 0 0 5px #bdf08718}
.field-led b{border:1px solid #80bd7470;border-radius:4px;padding:4px 7px;color:#bcdda5;font-size:9px;letter-spacing:.07em}
.field-hero h1{font:850 clamp(61px,6.1vw,89px)/.89 var(--display);letter-spacing:-.013em;max-width:660px;margin:25px 0 19px;text-transform:none}
.field-hero h1 em{display:block;font-style:normal;color:#b9f27d;line-height:1.03}
.field-hero-slogan{font-size:clamp(19px,2vw,25px);line-height:1.34;font-weight:750;margin:0 0 10px;letter-spacing:-.024em}
.field-hero-slogan strong{color:#f4c67e}
.field-hero-desc{font-size:13px;line-height:1.82;color:#c2d4c5;max-width:520px;margin:0 0 23px}
.field-hero-search{background:#fff;color:#426346;border-radius:11px;max-width:580px;display:flex;gap:12px;align-items:center;padding:6px 7px 6px 16px;box-shadow:0 15px 34px #0003}
.field-hero-search:focus-within{outline:3px solid #bceb82}
.field-hero-search input{border:0;min-width:0;flex:1;outline:0;padding:11px 0;color:#243c2d;font-size:13px}
.field-hero-search button{border:0;border-radius:7px;min-height:43px;padding:0 17px;display:inline-flex;align-items:center;gap:8px;background:#b9ed7b;color:#193026;font-size:12px;font-weight:850}
.field-hero-search button:hover{background:#d6ffa5}
.field-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.field-hero-actions .btn-solid{background:#f4c57a;color:#273826}
.field-hero-actions .btn-outline{border-color:#789c79;background:#10281cc5;color:#f7f9ee}
.field-trend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:25px}
.field-trend>span{font-size:9px;letter-spacing:.09em;font-weight:850;color:#99b89c;margin-right:3px}
.field-trend a{display:inline-flex;align-items:center;min-height:30px;padding:4px 11px;border:1px solid #91bb915a;background:#183b2cb5;color:#d7edc4;border-radius:100px;font-size:11px;font-weight:680}
.field-trend a:hover{background:#416d3d;color:#fff}
.field-hero-visual{border-radius:18px;overflow:hidden;position:relative;box-shadow:0 24px 65px #0008;outline:1px solid #7aaf805c;border:7px solid #244739;min-width:0}
.field-hero-visual>img{display:block;width:100%;height:auto;aspect-ratio:768/429;object-fit:cover}
.field-visual-source{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:11px 14px;color:#c5e7ca;background:#112d21;font-size:10px;font-weight:800;letter-spacing:.065em}
.field-visual-source a{color:#d4f993;display:inline-flex;align-items:center;gap:7px;text-transform:none}
.field-guide-bar{background:#11291e;border-top:1px solid #3d613e;border-bottom:1px solid #597b54}
.field-guide-bar>.container{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;color:#dbeccf}
.field-guide-bar .container>div{display:flex;align-items:baseline;gap:10px}
.field-guide-bar strong{font:800 27px var(--display);color:#c1ed88}
.field-guide-bar span{font-size:11px;color:#c3d8b8}
.field-guide-bar a{display:flex;align-items:center;gap:7px;font-size:11px;color:#cfe7b6;font-weight:700}
.field-main{padding-top:8px;padding-bottom:85px}
.field-section{margin-top:58px}
.field-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:23px}
.field-overline{display:block;font-size:10px;letter-spacing:.14em;font-weight:850;color:#4e8360}
.field-section-heading h2,.field-tracker-text h2,.field-credits-band h2{font:800 clamp(32px,3.1vw,44px)/1.02 var(--display);letter-spacing:-.008em;margin:8px 0 0}
.field-section-heading>p{font-size:13px;color:#6c806d;margin:0 0 4px;max-width:350px}
.field-section-heading>a{font-size:12px;font-weight:830;color:#337d3e;display:flex;align-items:center;gap:10px;white-space:nowrap}
.field-section-heading>a:hover{text-decoration:underline;text-underline-offset:5px}
.field-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.field-category{position:relative;min-width:0;height:255px;overflow:hidden;display:flex;align-items:flex-end;border-radius:16px;background:#213a31;box-shadow:0 3px 9px #16372118;isolation:isolate;border:1px solid #39634870;transition:transform .24s,box-shadow .24s}
.field-category:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1e422d2c}
.field-category-art,.field-category-art>img,.category-shade{position:absolute;inset:0;width:100%;height:100%}
.field-category-art>img{object-fit:cover;display:block;transition:transform .55s,filter .3s}
.field-category:hover .field-category-art>img{transform:scale(1.06)}
.category-shade{background:linear-gradient(180deg,#12291b1e 0%,#091a10a1 58%,#041209f5 100%)}
.field-category-creature .category-shade,.field-category-fossils .category-shade{background:linear-gradient(180deg,#142c1c05,#11211da8 54%,#06120fe8)}
.field-category-icon{position:absolute;left:18px;top:18px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#122e20c4;border:1px solid #c2eab34f;color:#d1f5ad;backdrop-filter:blur(10px)}
.field-category-copy{position:relative;z-index:2;width:100%;color:#fff;padding:17px 22px 21px}
.field-category-kicker{display:block;color:#d2ecad;font-size:9px;font-weight:850;letter-spacing:.14em;margin-bottom:4px}
.field-category-copy strong{display:block;font:750 29px/.99 var(--display);letter-spacing:.005em;padding-right:19px}
.field-category-copy small{display:block;color:#e0e8d9;font-size:11px;line-height:1.6;margin-top:8px;padding-right:16px}
.field-category-go{position:absolute;right:17px;bottom:28px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#193124;background:#c2ee85}
.field-category-codes img,.field-category-tracker img{object-position:50% 28%}
.field-category-fossils img,.field-category-creature img{object-position:50% 48%}
.field-art-note{color:#6f846f;font-size:11px;margin:13px 2px 0;line-height:1.6}
.field-art-note a{color:#3a804b;text-decoration:underline;text-underline-offset:3px}
.field-two-col{display:grid;grid-template-columns:1fr 1fr;gap:21px}
.field-info-panel{background:#fff;border:1px solid #dde7db;border-radius:16px;padding:26px 29px;min-width:0;box-shadow:0 4px 25px #21422f10}
.field-info-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.field-small-pill{padding:5px 9px;border-radius:30px;font-size:10px;color:#507b4b;background:#edf4e8;font-weight:750}
.field-info-panel h2{font:800 33px/.98 var(--display);margin:13px 0 7px}
.field-info-panel>p{font-size:12px;color:#738673;line-height:1.7;margin-bottom:18px}
.field-code-list{border-top:1px solid #e8eee4}
.field-code{display:flex;gap:9px;align-items:center;justify-content:space-between;border-bottom:1px solid #ebf0e8;padding:13px 0}
.field-code>div{min-width:0}
.field-code code{display:block;font:800 13px var(--body);color:#285338;overflow-wrap:anywhere}
.field-code small{display:block;color:#708271;font-size:10px;margin-top:5px;line-height:1.5}
.field-code .copy-btn{min-width:82px;flex-shrink:0;min-height:36px;background:#e4f4d9;border-color:#b9dca3;color:#346235}
.field-code .copy-btn:hover{background:#d2eebf}
.field-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px}
.field-panel-foot a,.field-panel-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#2d7c44}
.field-panel-foot small{font-size:9px;color:#839684}
.field-steps{list-style:none;margin:16px 0 19px;padding:0}
.field-steps li{display:flex;align-items:center;gap:16px;border-bottom:1px solid #e9eee8;padding:9px 0}
.field-steps li>span{font:800 25px var(--display);color:#85ae65;width:26px;flex-shrink:0}
.field-steps strong,.field-steps small{display:block}
.field-steps strong{color:#294331;font-size:12px;font-weight:800}
.field-steps small{font-size:10px;color:#7b8e78;margin-top:2px}
.field-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.field-featured-card{background:#fff;border:1px solid #dce7da;overflow:hidden;border-radius:14px;box-shadow:0 4px 15px #17332212;min-width:0;transition:transform .22s,border-color .22s}
.field-featured-card:hover{transform:translateY(-4px);border-color:#9ccc85}
.field-featured-image{display:block;position:relative;height:195px;background:radial-gradient(circle at 50% 10%,#7da77c,#133c39 78%);overflow:hidden}
.field-featured-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.field-featured-card:hover .field-featured-image>img{transform:scale(1.055)}
.field-featured-image .no-reference-art{width:100%;height:100%}
.field-featured-image .rarity{position:absolute;right:12px;top:13px;color:#fff;border-radius:30px;font-size:10px;font-weight:800;padding:6px 10px;box-shadow:0 3px 10px #0003}
.ribbon-common{background:#73846d}.ribbon-rare{background:#4884ad}.ribbon-uncommon{background:#4b9072}.ribbon-epic{background:#9062b8}.ribbon-legendary{background:#a86a23}
.field-featured-info{padding:17px 18px 18px;display:flex;align-items:center;gap:10px;justify-content:space-between}
.field-featured-info small{font-size:9px;color:#738871;letter-spacing:.06em;font-weight:850}
.field-featured-info h3{font:760 24px var(--display);margin:5px 0 0;line-height:1.05}
.field-featured-info>a{display:grid;place-items:center;flex:0 0 auto;width:33px;height:33px;background:#e7f5dd;border-radius:9px;color:#366b3e}
.field-eras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.field-era{position:relative;display:block;height:217px;border-radius:15px;background:#0e2d26;overflow:hidden;color:#fff}
.field-era>img,.field-era-overlay{position:absolute;inset:0;width:100%;height:100%}
.field-era>img{object-fit:cover;transition:transform .4s}
.field-era:hover>img{transform:scale(1.07)}
.field-era-overlay{background:linear-gradient(180deg,#10261c11 0%,#0d1a12e6 100%)}
.field-era>span:last-child{position:absolute;bottom:20px;left:22px;right:18px;display:flex;flex-direction:column;gap:5px}
.field-era small{font-size:9px;font-weight:850;letter-spacing:.1em;color:#cce7b2}
.field-era strong{font:800 38px var(--display);letter-spacing:.02em;line-height:1}
.field-era em{font-size:11px;font-weight:850;display:flex;align-items:center;gap:7px;color:#d2f3a4;font-style:normal;margin-top:4px}
.field-tracker-banner{display:grid;grid-template-columns:minmax(0,.34fr) 1fr;background:#112e24;color:#fff;border-radius:16px;overflow:hidden;min-height:264px;margin-top:60px}
.field-tracker-art{position:relative;overflow:hidden;background:#163e34}.field-tracker-art>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.2)}
.field-tracker-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#091e1240,#102b22)}
.field-tracker-text{padding:35px 43px}
.field-tracker-text .field-overline{color:#b3e67e}
.field-tracker-text h2{font-size:37px;max-width:630px;margin:9px 0 11px}
.field-tracker-text p{font-size:13px;color:#c0d8bd;line-height:1.7;max-width:580px;margin-bottom:19px}
.field-tracker-text .btn{min-height:46px;background:#c6ee88;color:#223821;padding:10px 18px;font-size:12px}
.field-gear-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.gear-stop{background:#fff;border:1px solid #dce7db;padding:17px;border-radius:13px;display:flex;flex-direction:column;gap:6px}
.gear-stop-top{display:flex;align-items:center;justify-content:space-between;color:#6d9b59;border-bottom:1px solid #e6eee1;padding-bottom:12px;margin-bottom:3px}
.gear-stop-top span{font:800 24px var(--display)}
.gear-stop strong{font:800 22px/1.1 var(--display)}
.gear-stop small{font-size:11px;color:#80947d}
.gear-stop b{font-size:12px;color:#467a42;margin-top:8px}
.field-gear-warning{display:flex;align-items:flex-start;gap:11px;background:#fff3da;border:1px solid #ecd9ad;padding:13px 17px;border-radius:10px;margin-top:13px;color:#76562b}
.field-gear-warning svg{margin-top:4px;flex-shrink:0}
.field-gear-warning p{font-size:11px;line-height:1.7;margin:0}
.field-gear-warning a{font-weight:800;text-decoration:underline}
.field-credits-band{margin-top:54px;border-radius:14px;padding:27px 31px;display:flex;align-items:center;gap:28px;justify-content:space-between;border:1px solid #dbe6d7;background:#e9f1e1}
.field-credits-band h2{font-size:29px;margin:7px 0 9px}
.field-credits-band p{font-size:12px;color:#70816d;line-height:1.75;max-width:750px;margin:0}
.field-credits-band>a{display:inline-flex;align-items:center;gap:10px;color:#316f3f;font-size:12px;font-weight:850;white-space:nowrap}
.no-reference-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,#33553d,#18382a);color:#cce8b0;min-height:120px}
.no-reference-art small{font-size:11px;color:#e6f7da;font-weight:650}
.credits-page{padding-bottom:90px}
.credits-disclosure{background:#e8f0df;border:1px solid #cbdcbb;border-radius:14px;padding:20px 24px;margin-bottom:28px}
.credits-disclosure strong{font-size:16px}
.credits-disclosure p{font-size:13px;max-width:880px;color:#61755d;line-height:1.8;margin:8px 0}
.credits-disclosure a{color:#3b7643;text-decoration:underline;font-size:12px}
.credits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.credits-record{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:12px;background:#fff;border:1px solid #dce7d8;border-radius:11px;min-width:0}
.credits-picture{height:130px;background:#e4ede0;border-radius:8px;overflow:hidden}
.credits-picture img{width:100%;height:100%;object-fit:cover}
.credits-record h2{font:800 21px var(--display);margin:4px 0 5px}
.credits-record p{font-size:11px;color:#6b826c;margin:0 0 6px}
.credits-record small{display:block;font-size:10px;color:#7c8d7b;overflow-wrap:anywhere}
.credits-record>div:last-child>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.credits-record a{font-size:11px;color:#43824c;text-decoration:underline;font-weight:750;display:inline-flex;gap:4px;align-items:center}
.page-intro{background:#f1f5ec;padding-top:37px;padding-bottom:23px}
.page-intro h1{font:850 clamp(42px,5.3vw,66px)/.94 var(--display);letter-spacing:-.005em;margin:10px 0 15px}
.page-intro .eyebrow{color:#53835e}
.page-intro .page-lead{max-width:850px;font-size:15px;color:#647a64}
.page-intro .breadcrumbs{margin-bottom:22px}
.page-intro .updated{font-size:10px}
.article-visual{position:relative;height:286px;border-radius:16px;overflow:hidden;background:#1c352a;margin:18px 0 32px;box-shadow:0 8px 25px #1b31251a}
.article-visual>img{width:100%;height:100%;object-fit:cover}
.article-visual:after{pointer-events:none;position:absolute;content:"";inset:40% 0 0;background:linear-gradient(0deg,#061b11d9,transparent)}
.article-visual figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;gap:20px;justify-content:space-between;align-items:center;z-index:2;color:#eff8e9;padding:19px 22px;font-size:11px;background:linear-gradient(0deg,#081a13,transparent)}
.article-visual figcaption span{font-weight:770}
.article-visual figcaption a{color:#cdf299;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.reading-grid{padding-top:0;gap:52px}
.prose-column>h2{font:800 32px var(--display);line-height:1.1;margin:37px 0 14px}
.prose-column>h3{font-family:var(--display);font-weight:800}
.prose-column p a:not(.btn){color:#36794a}
.creature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.creature-card{border-color:#dce6d9;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #112b1710}
.creature-art{height:195px!important;background:radial-gradient(ellipse at 54% 5%,#7aa58c,#294e3f 68%,#0f3029);border-radius:0!important;overflow:hidden}
.creature-art>img{width:100%;height:100%;display:block;object-fit:cover}
.creature-art .no-reference-art{width:100%;height:100%}
.creature-art:has(img)::before{display:none}
.creature-stamp{position:absolute;top:11px;left:13px;bottom:auto;right:auto;font-size:10px;font-weight:850;letter-spacing:.11em;padding:5px 8px;border-radius:6px;background:#0b261cbb;color:#dbf9d7}
.creature-body h2{font:800 26px var(--display);margin:10px 0 16px}
.creature-license{margin-top:10px;border-top:1px solid #e9efe6;padding-top:12px}
.creature-license a{font-size:10px;display:inline-flex;align-items:center;gap:5px;color:#497a4b}
.creature-meta .rarity{border-radius:100px;padding:5px 9px;font-size:10px}
.catalog-controls{background:#fff;border-radius:12px;border:1px solid #dce7d7;padding:15px}
.catalog-controls input,.catalog-controls select{background:#f7f9f5}
.result-counter{margin-top:19px;color:#69836b}
.reading-sidebar .side-box{background:#fff;border-color:#dce9da}
.side-box h2{font:800 25px var(--display)}
.side-box a:hover{color:#37794b}
.sidebar-official{background:#173b2b}.sidebar-official .btn-solid{background:#c7ec8f;color:#25402b}
.source-panel{background:#ecf3e7;border-color:#d3e3ca}
.source-panel h2{font:800 24px var(--display)}
.table-scroll{border-color:#dae5d6}.data-table th{background:#e9f1e2;color:#426e48}
.code-table td,.data-table td{color:#465b4c}.code-table code{background:#edf4e7;color:#315a40}
.notice-amber{background:#fff4dc;border-color:#ead8b5}.notice-green{background:#eaf5e5;border-color:#d1e6c9}
.tracker-item,.planner-tool{border-color:#dae7d6}
.tracker-top .rarity{font-size:9px}
.tracker-creature-media{position:relative;height:86px;overflow:hidden;border-radius:8px;margin-top:12px;background:#1a4132}
.tracker-creature-media img{width:100%;height:100%;object-fit:cover}
.tracker-creature-media .no-reference-art{height:100%;min-height:0}
.tracker-creature-media-label{position:absolute;bottom:0;left:0;right:0;text-align:right;font-size:8px;color:#e5f1d9;background:#0821179c;padding:4px}
@media(max-width:1100px){
 .field-hero-grid{grid-template-columns:1fr 1fr;gap:20px}
 .field-hero h1{font-size:67px}
 .field-category-copy strong{font-size:26px}
 .field-guide-bar>.container{gap:10px}
 .field-guide-bar a{display:none}
 .field-featured-grid{grid-template-columns:repeat(3,1fr)}
 .field-featured-image{height:170px}
 .field-featured-info h3{font-size:20px}
 .field-category{height:225px}
 .reading-grid{gap:32px}
}
@media(max-width:800px){
 .field-hero-grid{grid-template-columns:1fr;padding-top:43px;padding-bottom:38px;gap:27px}
 .field-hero h1{font-size:clamp(65px,9vw,84px)}
 .field-hero-desc{max-width:600px}
 .field-hero-visual{max-width:650px;width:100%}
 .field-guide-bar>.container{min-height:70px}
 .field-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .field-category{height:225px}
 .field-two-col{grid-template-columns:1fr}
 .field-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .field-eras{grid-template-columns:1fr 1fr}
 .field-tracker-banner{grid-template-columns:1fr 1.4fr}
 .field-gear-row{grid-template-columns:repeat(3,1fr)}
 .field-credits-band{flex-direction:column;align-items:flex-start}
 .credits-grid{grid-template-columns:1fr}
 .article-visual{height:250px}
}
@media(max-width:560px){
 .field-hero-grid{padding-top:33px;gap:25px}
 .field-hero h1{font-size:clamp(58px,14.6vw,80px);letter-spacing:-.004em}
 .field-hero-slogan{font-size:20px}
 .field-hero-desc{font-size:12px}
 .field-led{font-size:9px}
 .field-led b{font-size:8px}
 .field-hero-search input{font-size:11px}
 .field-hero-search button{min-height:42px;padding:0 10px;font-size:11px}
 .field-hero-actions{gap:8px}
 .field-hero-actions .btn{min-height:44px;padding:12px;font-size:11px}
 .field-trend{gap:6px;margin-top:18px}
 .field-trend a{font-size:10px}
 .field-hero-visual{border-width:4px;border-radius:13px}
 .field-visual-source{font-size:8px}
 .field-guide-bar>.container{gap:9px;min-height:63px}
 .field-guide-bar .container>div{display:block;text-align:center;flex:1}
 .field-guide-bar strong{display:block;font-size:25px;line-height:1}
 .field-guide-bar span{display:block;font-size:9px;line-height:1.5;margin-top:7px}
 .field-main{padding-top:1px}
 .field-section{margin-top:41px}
 .field-section-heading{display:block;margin-bottom:16px}
 .field-section-heading h2{font-size:34px}
 .field-section-heading>a,.field-section-heading>p{margin-top:12px}
 .field-category-grid{gap:10px}
 .field-category{height:188px;border-radius:12px}
 .field-category-icon{left:11px;top:11px;width:33px;height:33px;border-radius:8px}
 .field-category-icon svg{width:19px;height:19px}
 .field-category-copy{padding:10px 12px 15px}
 .field-category-kicker{font-size:8px}
 .field-category-copy strong{font-size:23px;line-height:1.03}
 .field-category-copy small{font-size:9px;line-height:1.35;margin-top:5px;padding-right:0}
 .field-category-go{display:none}
 .field-art-note{font-size:10px}
 .field-info-panel{padding:20px 16px}
 .field-info-panel h2{font-size:30px}
 .field-panel-foot{align-items:flex-start;flex-direction:column}
 .field-featured-grid{gap:9px}
 .field-featured-card{border-radius:10px}
 .field-featured-image{height:134px}
 .field-featured-info{padding:11px;gap:5px}
 .field-featured-info small{font-size:8px}
 .field-featured-info h3{font-size:18px;overflow-wrap:anywhere}
 .field-featured-info>a{width:27px;height:27px}
 .field-eras{grid-template-columns:1fr;gap:11px}
 .field-era{height:175px}
 .field-tracker-banner{grid-template-columns:1fr;min-height:0}
 .field-tracker-art{height:140px}
 .field-tracker-text{padding:23px}
 .field-tracker-text h2{font-size:30px}
 .field-gear-row{grid-template-columns:repeat(2,1fr);gap:9px}
 .gear-stop{padding:14px}
 .gear-stop strong{font-size:20px}
 .field-credits-band{padding:20px}
 .field-credits-band h2{font-size:28px}
 .page-intro{padding-top:27px}
 .page-intro h1{font-size:clamp(41px,11vw,58px)}
 .article-visual{height:190px;margin-top:15px;margin-bottom:27px}
 .article-visual figcaption{padding:11px 12px;gap:10px;line-height:1.4}
 .article-visual figcaption span{font-size:9px}
 .article-visual figcaption a{font-size:9px}
 .creature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .creature-art{height:117px!important}
 .creature-body{padding:12px}
 .creature-body h2{font-size:21px;margin:8px 0 9px}
 .creature-meta{gap:5px;font-size:8px}
 .creature-meta .rarity{font-size:8px}
 .creature-body dl>div{gap:5px}
 .creature-body dt{font-size:9px}
 .creature-body dd{font-size:9px;text-align:right}
 .creature-license a{font-size:8px}
 .creature-stamp{font-size:8px;padding:3px 5px;left:7px;top:6px}
 .credits-record{grid-template-columns:85px minmax(0,1fr);gap:10px}
 .credits-picture{height:112px}
 .credits-record h2{font-size:19px}
 .credits-record>div:last-child>div{gap:5px}
}
@media(max-width:355px){
 .field-category-grid{grid-template-columns:1fr}
 .field-category{height:175px}
 .creature-grid{grid-template-columns:1fr}
 .creature-art{height:160px!important}
 .field-hero h1{font-size:58px}
 .field-hero-actions .btn{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.field-category,.field-featured-card,.field-era,.field-category img,.field-era>img{transition:none!important}}

/* V3 visual review refinements: integrated panoramic cover and shorter first viewport. */
@media(min-width:801px){
 .field-hero-grid{display:block;min-height:466px;padding-top:33px;padding-bottom:33px}
 .field-hero-intro{position:relative;z-index:3;width:58%;max-width:680px}
 .field-hero-visual{position:absolute;z-index:1;right:0;top:28px;width:64%;height:405px;border:0;border-radius:16px;outline:0;box-shadow:0 16px 35px #051e1138}
 .field-hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center}
 .field-hero-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0e251b 0%,#0e251bdf 10%,#0e251b70 31%,transparent 67%);border-radius:16px}
 .field-hero h1{font-size:clamp(58px,5.6vw,76px);line-height:.88;margin:13px 0 12px;max-width:640px}
 .field-hero-slogan{font-size:21px;line-height:1.22;margin-bottom:7px}
 .field-hero-desc{max-width:495px;font-size:12px;line-height:1.55;margin-bottom:13px}
 .field-hero-search{max-width:510px}
 .field-hero-search input{padding:9px 0}
 .field-hero-search button{min-height:40px}
 .field-hero-actions{margin-top:12px}
 .field-hero-actions .btn{min-height:43px;padding:10px 17px}
 .field-trend{margin-top:15px}
 .field-visual-source{position:absolute;bottom:0;right:0;left:32%;z-index:3;background:linear-gradient(90deg,transparent,#0b261ae8 32%);border-radius:0 0 16px 0;font-size:9px}
}
@media(max-width:800px){
 .field-hero-grid{padding-top:27px;padding-bottom:31px;gap:19px}
 .field-hero h1{margin:14px 0 10px;line-height:.88;font-size:clamp(57px,10vw,77px)}
 .field-hero-slogan{font-size:20px;line-height:1.25;margin-bottom:8px}
 .field-hero-desc{font-size:12px;line-height:1.65;margin-bottom:15px}
 .field-hero-actions{margin-top:12px}
 .field-trend{margin-top:15px}
 .field-hero-visual{max-width:650px}
}
@media(max-width:560px){
 .field-hero h1{font-size:clamp(56px,13.7vw,73px);margin:12px 0 9px}
 .field-hero-slogan{font-size:19px}
 .field-hero-search input{padding:7px 0}
 .field-hero-actions{margin-top:11px}
 .field-trend{display:none}
 .field-hero-visual{margin-top:1px}
 .field-main{padding-top:0}
 .field-section{margin-top:38px}
}

/* Focused V3.1 polish: faster access to player tasks and a readable catalog. */
.field-hero-desc{font-size:14px;line-height:1.55}
.field-trend a{min-height:38px;font-size:12px;padding:7px 12px}
.field-category-copy small{font-size:12px}
.catalog-source{background:#eaf5e6;border:1px solid #cde3c8;border-radius:12px;color:#365841;margin:14px 0 18px;overflow:hidden}
.catalog-source summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:63px;padding:13px 50px 13px 18px;cursor:pointer}
.catalog-source summary::-webkit-details-marker{display:none}
.catalog-source summary::marker{content:""}
.catalog-source summary::after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:23px;font-weight:650;line-height:1}
.catalog-source[open] summary::after{content:"−"}
.catalog-source summary:hover{background:#e1f0dc}
.catalog-source summary:focus-visible,.catalog-clear:focus-visible{outline:3px solid #5f9967;outline-offset:-3px}
.catalog-source-label{display:inline-flex;align-items:center;gap:10px}
.catalog-source-label strong{font-size:14px;color:#214b30}
.catalog-source summary>span:nth-child(2){font-size:12px;color:#557d5e}
.catalog-source p{margin:0;padding:4px 18px 18px;font-size:13px;line-height:1.75;max-width:870px}
.catalog-source p a{color:#286d37;text-underline-offset:3px}
.catalog-controls{margin-top:15px}
.catalog-status-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 16px}
.catalog-status-row .result-counter{margin:0;font-size:13px}
.catalog-clear{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 13px;border:1px solid #cfe0c9;background:#fff;color:#345b3b;border-radius:8px;font:700 12px var(--body);cursor:pointer}
.catalog-clear:hover{background:#eaf5e6}
.creature-art>img.is-contain{object-fit:contain;background:#edf3ed;padding:12px}
@media(max-width:560px){
 .field-hero-desc{font-size:14px;line-height:1.5}
 .field-hero-search input{font-size:16px}
 .field-trend{display:flex;gap:7px;margin-top:13px}
 .field-trend>span{display:none}
 .field-trend a{min-height:38px;font-size:12px;padding:8px 11px}
 .field-category-kicker{font-size:9px}
 .field-category-copy small{font-size:11px;line-height:1.35}
 .catalog-source{margin:8px 0 13px}
 .catalog-source summary{align-items:flex-start;flex-direction:column;gap:7px;padding:12px 45px 12px 13px;min-height:0}
 .catalog-source-label strong{font-size:13px}
 .catalog-source summary>span:nth-child(2){font-size:11px}
 .catalog-source p{font-size:12px;padding:3px 13px 14px}
 .catalog-controls{margin-top:13px}
 .catalog-status-row .result-counter{font-size:12px}
 .creature-art>img.is-contain{padding:7px}
}

/* Useful boat-vs-shovel decision layout for the dedicated ocean guide. */
.boat-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0 31px}
.boat-decision{background:#fff;border:1px solid #d7e4d2;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 3px 14px #0c2e1610}
.boat-decision:nth-child(2){background:#f6f8ee}
.boat-decision h3{font:800 25px/1.15 var(--display);color:#203c2b;margin:0;display:flex;align-items:center;gap:10px}
.boat-decision h3 svg{color:#4a8553;flex:none}
.boat-decision p{margin:0;font-size:13px;line-height:1.7;flex:1;color:#4e6956}
.boat-decision a{font-size:13px;font-weight:750;display:inline-flex;align-items:center;gap:7px;color:#367844;padding:9px 0}
.boat-price-note{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:22px;background:#153e2d;border-radius:15px;padding:24px;color:#f4f9ec;margin:19px 0 24px}
.boat-price-note>div{display:grid;gap:7px;border-right:1px solid #ffffff3a;padding-right:20px}
.boat-price-note .eyebrow{color:#b6e19c}
.boat-price-note strong{font:800 39px/1 var(--display);color:#f9cb78}
.boat-price-note small{color:#c9dfce;font-size:11px;line-height:1.5}
.boat-price-note p{color:#dcebdd;font-size:13px;line-height:1.7;margin:0}
.ocean-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 29px}
.ocean-activity-grid>div{background:#edf5e8;border:1px solid #d6e5cc;border-radius:12px;padding:17px}
.ocean-activity-grid h3{font:800 21px/1.15 var(--display);color:#274d31;margin:0 0 10px}
.ocean-activity-grid p{font-size:12px;line-height:1.7;color:#4b6752;margin:0}
@media(max-width:750px){
 .boat-decision-grid,.ocean-activity-grid{grid-template-columns:1fr}
 .boat-decision{padding:19px}
 .boat-price-note{grid-template-columns:1fr;gap:13px;padding:20px}
 .boat-price-note>div{border-right:0;border-bottom:1px solid #ffffff3a;padding-bottom:15px}
}

.field-live-proof{display:grid;grid-template-columns:1fr minmax(0,1fr);gap:24px;align-items:center;background:#123e2b;color:#f3f7e7;border-radius:19px;overflow:hidden;padding:25px 25px 25px 31px;box-shadow:0 11px 32px #1137271d}
.field-live-proof-copy .field-overline{color:#b4e78e}
.field-live-proof-copy h2{font:800 clamp(30px,3.2vw,43px)/1.05 var(--display);margin:13px 0}
.field-live-proof-copy p{font-size:14px;line-height:1.75;color:#dfebd9;max-width:470px}
.field-live-proof-copy a{display:inline-flex;align-items:center;gap:8px;color:#c7f39c;font-weight:800;font-size:13px;margin-top:7px}
/* Language-neutral, source-led English research cards. Never imitate the Roblox UI. */
.field-live-proof-ledger{min-width:0;background:#091f17;border:1px solid #a2cf8866;border-radius:13px;padding:18px;box-shadow:inset 0 1px #ffffff17}
.field-proof-ledger-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;color:#c2e5a5;font-size:10px;font-weight:850;letter-spacing:.12em;padding-bottom:13px;border-bottom:1px solid #bad4b435}
.field-proof-ledger-head span:last-child{color:#90aa9a}
.field-proof-ledger-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.field-proof-ledger-grid>div{display:flex;flex-direction:column;gap:6px;background:#174433;border:1px solid #c5dfad29;border-radius:8px;padding:14px 10px;min-width:0}
.field-proof-ledger-grid small{color:#c1d8c0;font-size:9px;letter-spacing:.09em;font-weight:800}
.field-proof-ledger-grid strong{color:#c9ef9b;font:850 clamp(24px,2.5vw,35px)/1 var(--display)}
.field-proof-ledger-grid em{font:750 11px var(--body);font-style:normal;color:#dee9d6}
.field-proof-ledger-grid span{color:#c7d7ca;font-size:10px}
.field-proof-ledger-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 1px;border-top:1px solid #bad4b435;color:#fff3d4}
.field-proof-ledger-foot code{font-size:14px;font-weight:800;color:#fae7b0;overflow-wrap:anywhere}
.field-proof-ledger-foot strong{font-size:11px;border:1px solid #ffcf7966;background:#7b4f2852;padding:6px 9px;border-radius:7px}
.field-live-proof-ledger>p{font-size:10px;color:#b3ccbb;margin:1px 0 0;line-height:1.5}
@media(max-width:750px){.field-live-proof{grid-template-columns:1fr;padding:20px;gap:16px}.field-live-proof-copy h2{font-size:32px}}
@media(max-width:420px){.field-proof-ledger-grid{gap:5px}.field-proof-ledger-grid>div{padding:11px 6px}.field-proof-ledger-grid em{display:block;margin-top:4px}}

.game-observation-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:13px;overflow:hidden;background:#285b3c;margin:19px 0 31px}
.game-observation-strip>div{background:#173d2c;padding:18px;color:#eef8eb;display:grid;gap:6px}
.game-observation-strip span{font-size:10px;letter-spacing:.13em;color:#b7ddb2;font-weight:800}
.game-observation-strip strong{font-size:15px}
.field-observation-panel{background:#fcfef7;border:1px solid #d5e2cc;border-radius:16px;overflow:hidden;margin:23px 0 30px;box-shadow:0 7px 24px #183c2710}
.field-observation-panel>header{padding:21px 24px 15px;background:linear-gradient(115deg,#ebf5e6,#f8f9ef)}
.field-observation-kicker{display:inline-flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.12em;font-weight:850;color:#3b7b4a}
.field-observation-panel h3{font:800 clamp(23px,3vw,32px)/1.12 var(--display);color:#20452f;margin:11px 0 7px}
.field-observation-panel header p{color:#536b58;font-size:13px;line-height:1.65;max-width:670px;margin:0}
.field-observation-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:1px;background:#d8e5cf;border-top:1px solid #d8e5cf;border-bottom:1px solid #d8e5cf}
.field-observation-cell{background:#fff;min-width:0;display:flex;flex-direction:column;gap:9px;padding:20px 19px}
.field-observation-cell>span{font-size:10px;letter-spacing:.1em;font-weight:850;color:#657963}
.field-observation-reading{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;min-width:0}
.field-observation-reading strong{font:850 clamp(26px,4vw,39px)/1 var(--display);color:#255c3a;overflow-wrap:anywhere}
.field-observation-reading em{font-style:normal;color:#58765f;font-size:12px;font-weight:750}
.field-observation-cell small{color:#586c59;font-size:12px;line-height:1.45}
.field-observation-panel footer{padding:10px 20px;color:#59755d;font-size:9px;font-weight:800;letter-spacing:.12em;background:#f8faf3}
.field-check-result{margin:20px 0 31px;background:#18372b;color:#f8f9ed;border:1px solid #325f44;border-radius:14px;padding:20px 24px}
.field-check-result-top{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#bbdca9;font-weight:850}
.field-check-result-main{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:18px 0}
.field-check-result-main code{font-size:clamp(19px,3vw,29px);color:#faf0c8;font-weight:800;overflow-wrap:anywhere}
.field-check-result-main strong{border:1px solid #e5b97966;background:#6d442c;padding:8px 14px;border-radius:8px;color:#ffe0b5;font-size:13px}
.field-check-result p{color:#e1e9db;font-size:13px;line-height:1.65;margin:0 0 11px}
.field-check-result a{color:#c7eeab;font-size:13px;font-weight:800;text-underline-offset:3px}
.field-observed-table .field-observed-label{border:1px solid #e7cfaf;background:#fff7e6;color:#765d2d;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap}
.field-observed-table .field-observed-label.is-checked{border-color:#c2dec2;background:#e8f5e6;color:#2f6939}
.field-observation-inline{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin:20px 0 27px;padding:19px 20px;border:1px solid #cfdfc9;background:#edf5e8;border-radius:13px;color:#2c5a3d}
.field-observation-inline>svg{flex:none}
.field-observation-inline>div{flex:1 1 210px}
.field-observation-inline strong{font-size:14px}
.field-observation-inline p{font-size:13px;line-height:1.65;margin:5px 0 0;color:#4a6550}
.field-observation-inline>a{font-size:12px;font-weight:800;color:#307849;display:inline-flex;align-items:center;gap:5px}
@media(max-width:750px){.game-observation-strip{grid-template-columns:1fr}.game-observation-strip>div{padding:12px 15px}.field-observation-panel>header{padding:19px}.field-observation-cell{padding:16px 13px}}