@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--green:#142922;--lime:#d9e9a1;--paper:#f4f1e8;--muted:#778078;--gold:#e9b95d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--green);font-family:'DM Sans',sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header{padding:22px 5%;display:flex;gap:14px;align-items:center;border-bottom:1px solid #d6d9cd;font-size:12px;font-weight:700;letter-spacing:1px}header small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.brand{background:var(--green);border-radius:50%;color:var(--lime);width:44px;height:44px;text-decoration:none;font-size:25px;display:grid;place-content:center;position:relative}.brand span{font-size:10px;position:absolute;bottom:5px;right:7px}.quiet{margin-left:auto;border:1px solid #c8cdbf;background:transparent;border-radius:7px;padding:9px;font-size:11px;color:var(--green)}main{max-width:1000px;margin:auto;padding:36px 24px 60px}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;line-height:1;text-transform:uppercase}h1{font-size:clamp(52px,8vw,88px);margin:14px 0 22px;letter-spacing:-1px}h2{font-size:40px;margin:18px 0}h3{font-size:27px;margin:8px 0 12px}p{line-height:1.65}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#647664}.hero{background:var(--green);color:var(--paper);border-radius:18px;padding:36px;position:relative;overflow:hidden}.hero .eyebrow{color:var(--lime)}.hero p{max-width:450px;color:#bdc9bc}.hero:after{content:'✦';position:absolute;font-size:240px;right:15px;top:5px;color:#d9e9a10b;pointer-events:none}.label{display:inline-block;border:1px solid #ffffff40;border-radius:30px;font-size:10px;padding:7px 12px;letter-spacing:2px}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.panel{background:white;border:1px solid #dce0d2;border-radius:16px;padding:28px}label{display:block;font-size:12px;font-weight:700;margin:20px 0 9px}input{width:100%;padding:14px;border:1px solid #bfc9b9;border-radius:7px;background:#fbfcf7}input:focus{outline:2px solid #879e5d}.colours{display:flex;gap:10px;flex-wrap:wrap}.colour{width:46px;height:46px;border:3px solid transparent;border-radius:50%;position:relative}.colour.selected{outline:2px solid var(--green);outline-offset:3px}.colour span{position:absolute;left:50%;top:110%;transform:translateX(-50%);font-size:9px}.primary{background:var(--green);color:var(--lime);border:0;padding:16px 20px;border-radius:8px;font-weight:700;width:100%;margin-top:25px}.primary:disabled{opacity:.4;cursor:default}.sub{font-size:12px;color:var(--muted)}.rules{display:flex;gap:16px;font-size:12px;margin-top:24px;flex-wrap:wrap}.dashboard{display:flex;align-items:center;justify-content:space-between;gap:12px}.team{border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}.progress{height:6px;background:#dce1cf;border-radius:5px;overflow:hidden;margin:15px 0 30px}.progress div{height:100%;background:#6d883c;transition:width .5s}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid #d6dcca;border-radius:14px;overflow:hidden;background:white;text-align:left;padding:0;color:var(--green);display:flex;flex-direction:column;transition:transform .2s}.card:hover{transform:translateY(-3px)}.art{height:150px;display:flex;align-items:center;justify-content:center;background:#e8ecdf;position:relative}.art svg{width:130px;height:105px;opacity:.9}.card:nth-child(2) .art{background:#ede2d2}.card:nth-child(3) .art{background:#d9e4dc}.card:nth-child(4) .art{background:#efe7bf}.card:nth-child(5) .art{background:#dbe2d2}.num{position:absolute;top:14px;left:16px;font-size:11px;letter-spacing:1px}.status{position:absolute;bottom:10px;right:12px;border-radius:20px;padding:5px 9px;background:#ffffffb0;font-size:10px;font-weight:700}.body{padding:18px}.body p{font-size:12px;color:var(--muted);margin:0 0 14px}.action{font-size:11px;font-weight:700;letter-spacing:1px}.reward{margin-top:25px;background:var(--green);color:var(--paper);padding:26px;border-radius:14px}.reward p{color:#c6d2c4;font-size:13px}.reward button{background:var(--lime);color:var(--green)}footer{text-align:center;font-size:10px;letter-spacing:1px;color:#778078;padding:20px;border-top:1px solid #d6d9cd;line-height:2}footer span{font-size:9px;letter-spacing:0}dialog{border:none;border-radius:18px;padding:32px;width:min(92vw,500px);background:var(--paper);color:var(--green);max-height:90vh;overflow:auto}dialog::backdrop{background:#071c17bb;backdrop-filter:blur(5px)}.close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:30px;color:var(--green)}.option{display:block;width:100%;padding:14px;text-align:left;border:1px solid #bbc6b0;background:white;border-radius:8px;margin:10px 0;color:var(--green)}.option:hover{background:#e3ebd6}.feedback{color:#56702e;font-size:13px;min-height:20px}.passport{text-align:center;border:2px solid #a7b67d;padding:25px;border-radius:12px;background:white}.passport h2{font-size:45px}.seal{font-size:65px;color:#779a3c}.codes{display:grid;gap:12px}.codes article{border:1px solid #c7d0bd;padding:15px;border-radius:9px}.codes img{width:110px;float:right}.codes code{display:block;font-size:20px;font-weight:700}.codes article:after{content:'';display:block;clear:both}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.toolbar button{margin:0}.notice{padding:12px 16px;background:#e4ead7;border-radius:8px;font-size:12px;line-height:1.5;margin:20px 0}.error{color:#a3422b;font-size:12px}a{color:inherit}@media(max-width:720px){header{padding:16px;letter-spacing:.4px}header>div{font-size:10px}.intro{grid-template-columns:1fr}.hero{padding:28px}.grid{grid-template-columns:repeat(2,1fr)}main{padding:24px 16px 40px}.panel{padding:24px}.art{height:120px}.body{padding:14px}h3{font-size:24px}.dashboard h2{font-size:33px}.quiet{font-size:10px;padding:8px}}@media print{header,footer,.toolbar,.close{display:none}.codes article{break-inside:avoid}dialog{position:static;max-height:none;width:100%;display:block}body:has(dialog[open]) main{display:none}}
.scanner{position:relative;background:#071711;border-radius:14px;overflow:hidden;aspect-ratio:3/4;max-height:420px;margin:20px 0}.scanner video{width:100%;height:100%;object-fit:cover;display:block}.scannerPlaceholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c8e197;gap:20px;font-size:11px;letter-spacing:3px}.scannerPlaceholder[hidden]{display:none}.scannerPlaceholder svg{width:120px;fill:#b3d27c}.reticle{position:absolute;inset:20% 15%;border:2px solid #daf693;border-radius:20px;box-shadow:0 0 0 100px #061b1540;pointer-events:none}.scannerLabel{position:absolute;bottom:20px;left:15px;right:15px;color:#e1efc6;font-size:10px;letter-spacing:1px;text-align:center;background:#0c281cbb;padding:8px}.scanLine{position:absolute;left:15%;right:15%;top:25%;height:2px;background:#d9f5a0;box-shadow:0 0 14px #c6e990;animation:scan 3s ease-in-out infinite;pointer-events:none}.captureButton{background:#b5d17b;color:#10241c;margin-top:10px}.capturePhoto{display:block;width:100%;max-height:350px;object-fit:cover;border-radius:12px}.scanner .primary{position:relative}@keyframes scan{50%{top:70%}}@media(prefers-reduced-motion:reduce){.scanLine{animation:none}}
.catchStage{touch-action:none;isolation:isolate;max-height:440px}.gameLandscape{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,#a1b57c55,transparent 60%),linear-gradient(180deg,#0e322d,#326d46 65%,#142b20);display:flex;align-items:flex-start;justify-content:center;padding-top:45px;color:#b6d294;font-size:8px;letter-spacing:3px}.gameLandscape:after{content:'';position:absolute;bottom:0;width:100%;height:45%;background:repeating-conic-gradient(from 20deg at 50% 100%,#142e2080 0deg 10deg,transparent 10deg 23deg)}.gameLandscape[hidden]{display:none}.targetCreature{position:absolute;width:62%;height:46%;left:19%;top:14%;display:flex;align-items:center;justify-content:center;animation:creatureDrift 3.5s ease-in-out infinite;z-index:2;transition:opacity .4s,filter .4s}.creatureSprite{width:90%;height:80%;display:grid;place-items:center;filter:drop-shadow(0 5px 10px #0009)}.creatureSprite svg{width:100%;height:100%}.creatureSprite svg path{fill:#c8dd88;stroke:#25472b;stroke-width:2}.creatureSprite svg path[fill="none"]{fill:none;stroke:#c8dd88;stroke-width:5}.catchRing{position:absolute;width:88%;aspect-ratio:1;border:3px solid #dfffa0;border-radius:50%;box-shadow:0 0 20px #d5ff673a,inset 0 0 20px #d5ff673a;animation:ringPulse 2s ease-in-out infinite}.creatureName{position:absolute;bottom:-10px;background:#112b20d9;border:1px solid #acd36b88;border-radius:20px;padding:6px 12px;color:#eef8d3;font-size:10px;font-weight:700;white-space:nowrap}.gameHUD{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#e0f3c2;z-index:3}.captureOrb{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);width:66px;height:66px;border:3px solid #e9ffae;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f8ffe2,#a2c658 50%,#315834);box-shadow:0 0 24px #d5f58166,inset 0 -4px 8px #132f2866;z-index:5;color:#1c4029;font-size:28px;touch-action:none;user-select:none}.captureOrb.ready{box-shadow:0 0 35px #e7ffad;outline:4px solid #c3e68655}.captureOrb:disabled{opacity:1}.throwHint{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#d9eac3;font-size:8px;letter-spacing:1.4px}.targetCreature.paused{animation-play-state:paused}.targetCreature.escape{animation:escape .5s ease}.targetCreature.caught{opacity:0;transform:scale(.1);animation:none;transition:opacity .6s,transform .6s}.captureOrb.sealed{animation:orbShake .7s ease;box-shadow:0 0 50px #e6ffac}.catchFlash{position:absolute;inset:0;background:#e4ffc7;opacity:0;pointer-events:none;z-index:6;transition:opacity .15s}.catchFlash.flash{opacity:.5}.capturedArt{background:radial-gradient(circle,#e8f3cd,#d5dfc5);border-radius:14px;display:grid;place-items:center;height:180px;margin-top:20px}.capturedArt svg{height:140px;width:170px}@keyframes creatureDrift{0%,100%{transform:translate(-8%,0) rotate(-3deg)}50%{transform:translate(8%,6%) rotate(3deg)}}@keyframes ringPulse{50%{transform:scale(.82);border-color:#c6f66a}}@keyframes escape{30%{transform:translateX(-20%) rotate(-12deg)}70%{transform:translateX(20%) rotate(12deg)}}@keyframes orbShake{20%,60%{transform:translateX(-60%) rotate(-15deg)}40%,80%{transform:translateX(-40%) rotate(15deg)}}@media(prefers-reduced-motion:reduce){.targetCreature,.catchRing,.captureOrb.sealed{animation:none}}
/* Putra’s bronze-and-jungle party art direction */
:root{--green:#16251b;--lime:#ecc573;--paper:#131a13;--muted:#acb29a;--gold:#d4a65d}body{color:#eee9d7;background-color:#101810;background-image:radial-gradient(ellipse at 20% 0%,#43533966,transparent 55%),repeating-linear-gradient(112deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 5px)}header{border-color:#6e5a3280;background:#0b130ee8}header small{color:#a9b291}.brand{border:1px solid #b7924e;color:#e8c176;background:#243627;box-shadow:inset 0 0 10px #050b06}.quiet{border-color:#866c3d;color:#e6c98d;background:#162419}.eyebrow{color:#c9a563}.hero{border:1px solid #8a7044;border-radius:10px;background:linear-gradient(120deg,#0e1d13 20%,#273a24 90%);box-shadow:0 16px 40px #0005}.hero:after{content:'';width:100%;height:9px;top:auto;bottom:0;right:0;background:repeating-linear-gradient(135deg,#d1a94d 0px,#d1a94d 12px,#121b12 12px,#121b12 24px)}.hero h1{position:relative;z-index:2;color:#efd08a;text-shadow:0 4px 20px #020b06;margin-top:25px;font-size:clamp(48px,6vw,76px)}.hero p{position:relative;z-index:2;color:#ccd1bc;max-width:330px;text-shadow:0 2px 12px #071108}.hero .label{position:relative;z-index:2;background:#112016bb;border-color:#a68549;color:#e2bd74;letter-spacing:1px}.heroDino{position:absolute;right:-20px;top:10px;width:75%;height:100%;opacity:.75;filter:drop-shadow(0 12px 20px #000)}.heroDino .jurassicSprite{width:100%;height:100%}.hero .rules{position:relative;z-index:2;color:#e8d19b;font-size:10px}.panel{background:linear-gradient(140deg,#273323,#172219);border-color:#786740;border-radius:10px;box-shadow:0 16px 40px #0003}.panel h2,.dashboard h2{color:#f1d193}.sub{color:#b6bea8}label{color:#ead4a2}input{background:#0c1911;color:#f6edda;border-color:#82734f}input::placeholder{color:#899580}.colour.selected{outline-color:#f0cf7f}.primary{background:linear-gradient(145deg,#e4c080,#a97938);color:#172013;border:1px solid #e4c68e;box-shadow:0 3px 10px #0003}.option{background:#253323;border-color:#79683e;color:#ecdfbf}.option:hover{background:#34432b}.progress{background:#263523}.progress div{background:linear-gradient(90deg,#9c7539,#e0bc71)}.card{background:#1b271b;color:#eee0bb;border-color:#7a623b;border-radius:9px;box-shadow:0 8px 20px #0003}.card:hover{border-color:#d0ac68}.art,.card:nth-child(n) .art{background:radial-gradient(ellipse,#53643a88 0%,#1b291b 70%);height:190px;border-bottom:1px solid #5f5230}.num{color:#c9ad77;font-size:9px}.status{background:#152313eb;border:1px solid #9b7a44;color:#e5c387;font-size:9px}.body h3{color:#e7c785;letter-spacing:.5px}.body p{color:#b5bba4}.action{color:#e4b66b;font-size:10px}.reward{border:1px solid #a68245;border-radius:10px;background:linear-gradient(115deg,#253521,#142218);position:relative;overflow:hidden}.reward:after{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(135deg,#c29b49 0px,#c29b49 12px,#172317 12px,#172317 24px)}.reward h2{color:#efd095}.reward button{background:linear-gradient(145deg,#e4c080,#a97938)}.notice{background:#25331e;border:1px solid #6c6740;color:#c5cfb1}.error{color:#ffaf93}.feedback{color:#e3ca8b}dialog{background:linear-gradient(145deg,#263321,#101c13);color:#f0e3c7;border:1px solid #ad8750;border-radius:12px;box-shadow:0 20px 100px #000a}.close{color:#e7c581}dialog h2{color:#efca80}.passport{background:radial-gradient(ellipse,#35452a,#142114);color:#f5dbaa;border-color:#a5874d}.seal{height:155px;width:210px;margin:15px auto 0}.seal .jurassicSprite{height:100%;width:100%}.passport .team{border:1px solid #a5874d;color:#cbd9b7}.codes article{border-color:#917243;background:#1b271b}.codes img{background:white;padding:5px;border-radius:4px}.codes code{color:#f2cb7e}footer{color:#b5a174;border-color:#6b5735}.jurassicSprite{display:block;width:165px;height:165px;background-image:url('assets/putra-jurassic-atlas.png');background-size:300% 200%;background-repeat:no-repeat;filter:drop-shadow(0 4px 5px #0004)}.sprite-long{background-position:0% 0%}.sprite-rex{background-position:50% 0%}.sprite-small{background-position:100% 0%}.sprite-egg{background-position:0% 100%}.sprite-fern{background-position:50% 100%}.sprite-badge{background-position:100% 100%}.art>.jurassicSprite{width:170px;height:170px}.creatureSprite .jurassicSprite{width:100%;height:100%}.creatureSprite{width:100%;height:100%;filter:drop-shadow(0 7px 10px #0008)}.catchRing{border-color:#e9b75c;box-shadow:0 0 18px #e8ad4433,inset 0 0 18px #e8ad4433}.creatureName{background:#171e12ef;border-color:#ba8c46;color:#ecd095}.gameLandscape{background:radial-gradient(ellipse at 50% 20%,#80734d55,transparent 65%),linear-gradient(180deg,#182619,#405239 65%,#111a10)}.gameHUD{color:#eaca8d}.captureOrb{background:linear-gradient(180deg,#b88d43 0%,#e7c57f 43%,#14241b 44%,#14241b 58%,#384933 59%,#192719 100%);border:3px solid #ccaa6c;box-shadow:0 0 25px #b48d4933,inset 0 0 8px #0006;display:grid;place-items:center}.orbCore{width:20px;height:20px;border-radius:50%;background:#eed8a1;border:4px solid #172418;box-shadow:0 0 0 2px #ba965c}.capturedArt{background:radial-gradient(ellipse,#68704a55,#182419);height:220px;border:1px solid #a4804b}.capturedArt .jurassicSprite{width:210px;height:210px}.throwHint{color:#e4cc92}.captureOrb.sealed{box-shadow:0 0 50px #e6ba70}.scannerLabel{color:#efd08a}.scannerPlaceholder .jurassicSprite{width:150px;height:150px}@media(max-width:720px){.art,.card:nth-child(n) .art{height:155px}.art>.jurassicSprite{width:145px;height:145px}.heroDino{width:85%;right:-45px;top:5px;opacity:.55}.hero h1{font-size:62px}.hero p{max-width:270px}.hero{min-height:405px}}@media print{body,dialog{background:white!important;color:#1c281c!important}.codes article{background:white;border-color:#555}.codes h3,.codes code,.codes .sub,dialog h2{color:#111!important}}
/* Misty jungle environment, with dark panels for readability. */
body{background-image:linear-gradient(180deg,#08120ccb,#08120c85 45%,#08120cbd),url('assets/putra-jungle.png');background-size:cover;background-position:center;background-attachment:fixed}.hero{background:linear-gradient(105deg,#07140cef 5%,#112518b8 65%,#1d352460),url('assets/putra-jungle.png') center/cover}.panel{background:linear-gradient(140deg,#233521ee,#102015f0);backdrop-filter:blur(8px)}.card{background:#142515f0}.art,.card:nth-child(n) .art{background-image:radial-gradient(ellipse,#8b945124,transparent 70%),linear-gradient(#12231388,#142417c9),url('assets/putra-jungle.png');background-size:cover;background-position:center 35%}.reward{background:linear-gradient(110deg,#18291cf2,#102015c9),url('assets/putra-jungle.png') center/cover}dialog{background:linear-gradient(150deg,#1c2f1bef,#0b1a12f7),url('assets/putra-jungle.png') center/cover}.gameLandscape{background:linear-gradient(#0c211048,#122b1070),url('assets/putra-jungle.png') center/cover}.gameLandscape:after{display:none}.passport{background:linear-gradient(#152713dc,#0c1b13ef),url('assets/putra-jungle.png') center/cover}.seal{width:185px;height:185px}@media(max-width:720px){body{background-attachment:scroll}}@media print{body{background-image:none!important}}
/* Camera-first encounter and throwable rock */
.targetCreature[hidden],.captureOrb[hidden]{display:none}.captureOrb{border:0;border-radius:0;background:none;box-shadow:none;width:78px;height:72px;overflow:visible;padding:0}.rockSprite{display:block;width:100%;height:100%;background:url('assets/capture-rock.png') center/contain no-repeat;filter:drop-shadow(0 5px 6px #0008)}.captureOrb.ready{outline:none;box-shadow:none;filter:drop-shadow(0 0 9px #f0d395)}.captureOrb.sealed{box-shadow:none;filter:drop-shadow(0 0 16px #e9c685)}.practiceButton{display:block;margin:10px auto;font-size:11px}.encounterDialog{width:min(96vw,520px);padding:20px;max-height:96dvh}.encounterDialog h2{font-size:29px;margin:9px 0 12px}.encounterDialog .eyebrow{font-size:9px;padding-right:25px}.encounterDialog .catchStage{height: min(60dvh,530px);aspect-ratio:auto;max-height:none;margin:10px 0}.encounterDialog .feedback{font-size:12px;line-height:1.5;margin:8px 0}.encounterDialog .primary{margin-top:8px;padding:11px}.encounterDialog .option{margin:8px 0;padding:10px;font-size:12px}.encounterDialog .sub{font-size:10px;margin:8px 0}.encounterDialog .close{z-index:10}@media(max-width:720px){.encounterDialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;border:0;margin:0;padding:18px 12px}.encounterDialog .catchStage{height:calc(100dvh - 235px);min-height:300px;border-radius:10px}.encounterDialog .catchStage video{object-fit:cover}.targetCreature{width:62%;height:40%;top:20%}.captureOrb{bottom:30px}.throwHint{bottom:8px}}
button[hidden]{display:none!important}
/* Phone portrait layout on every screen; the expedition never requires rotation. */
main{max-width:500px}.intro{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:58px}.heroDino{opacity:.5}.language{display:flex;gap:3px;margin-left:auto}.language button{padding:9px 8px;background:#152619;border:1px solid #8e7545;color:#e8c985;border-radius:5px;font-size:12px}.language button[aria-pressed=true]{background:#d9b56c;color:#142015}header{max-width:600px;margin:auto;padding:15px 12px;gap:9px;flex-wrap:wrap}header>.quiet{margin-left:0}header>div{flex:1;min-width:135px}.observation{padding:14px;border:1px solid #98783d;background:#2c3b22;border-radius:9px;margin:18px 0}.speciesArt{width:90%;height:90%;filter:drop-shadow(0 5px 8px #0008)}.creatureSprite svg.speciesArt path{fill:revert-layer;stroke:#e0b466}.encounterDialog{width:min(100vw,460px)}@media(min-width:721px){.encounterDialog .catchStage{height:55dvh;min-height:320px}.art,.card:nth-child(n) .art{height:155px}.art>.jurassicSprite{width:145px;height:145px}}@media(max-width:380px){header>div{font-size:9px;min-width:110px}.brand{width:34px;height:34px}.language button{padding:8px 5px}.body{padding:11px}h3{font-size:22px}}
.heroBadge{position:relative;width:135px;height:135px;margin:-8px auto 4px;z-index:2}.heroBadge .jurassicSprite{width:100%;height:100%}.hero h1{font-size:clamp(46px,12vw,64px);margin:12px 0;color:#f1cd81}.heroCall{position:relative;display:block;z-index:2;font-size:13px;letter-spacing:1px;font-weight:700;color:#f4dfaa}.hero p{max-width:none;font-size:13px;line-height:1.7}.heroDino{opacity:.2;top:110px;right:-45px}.hero{padding:26px 24px;min-height:0}.stopLocation{font-size:10px!important;color:#d8bc82!important;line-height:1.4;min-height:29px;margin-bottom:12px!important}.journalBrand{display:flex;align-items:center;gap:12px;margin:-12px 0 18px;padding-bottom:10px;border-bottom:1px solid #7a653d}.journalBrand>div{width:70px;height:70px;flex-shrink:0}.journalBrand .jurassicSprite{width:100%;height:100%}.journalBrand>span{font-family:'Barlow Condensed',sans-serif;font-size:23px;color:#edca81}.journalBrand small{display:block;letter-spacing:1px;font-family:'DM Sans',sans-serif;font-size:9px;margin-top:7px}.art svg.speciesArt{width:135px;height:120px}.observation{border-left:4px solid #d4ad5e}
.heroBadge{width:195px;height:195px;margin:-10px auto 4px}.hero h1{font-size:clamp(40px,10vw,54px);line-height:1.05;text-align:center;letter-spacing:0}.journalBrand>div{width:95px;height:95px}.colour span{color:#fff3d2;font-size:11px;font-weight:700;text-shadow:0 1px 3px #000;white-space:nowrap;top:calc(100% + 7px)}.colours{gap:13px;padding-bottom:19px}.colour{width:48px;height:48px}.heroDino{opacity:.12}@media(max-width:360px){.colours{gap:10px}.colour{width:43px;height:43px}.colour span{font-size:10px}}
.missionPicture{display:block;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 9px #0008)}.art>.missionPicture{width:100%;height:100%;padding:22px 12px 23px}.heroBadge .missionPicture,.seal .missionPicture,.journalBrand .missionPicture{width:100%;height:100%;padding:0}.heroBadge{width:245px;height:245px;max-width:100%;margin:-10px auto 4px}.creatureSprite .missionPicture{width:100%;height:100%;padding:0}.capturedArt .missionPicture{width:100%;height:100%;padding:12px}.card .picture-truck{padding:24px 10px}.card .picture-pitcher{padding:20px 12px 24px}.journalBrand>div{width:100px;height:100px;flex-shrink:0}@media(max-width:360px){.heroBadge{width:210px;height:210px}}