@import url('../assets/fonts.css');
.brand-art{display:block;width:150px;height:69px;background-image:url('../assets/mockup-original.png');background-repeat:no-repeat;background-size:866.165px auto;background-position:-7.895px -214.85px}
@media(max-width:600px){.brand-art{width:117px;height:54px;background-size:675.61px auto;background-position:-6.158px -167.583px}}
:root{color-scheme:dark;--ink:#0b1713;--panel:#14221c;--gold:#d8b475;--cream:#eee9db;--muted:#a8b3a3;--line:#bfa16b40;--serif:Georgia,'Times New Roman',serif;font-family:'Trebuchet MS',Arial,sans-serif;color:var(--cream);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #edd39d;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif)}h1{font-size:clamp(42px,6vw,78px);line-height:1.05}h2{font-size:clamp(30px,4vw,48px)}h3{font-size:20px}p{line-height:1.7}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.23em;text-transform:uppercase;font-weight:700}.muted{color:var(--muted)}.gold{color:var(--gold)}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.shell{min-height:100dvh;background:radial-gradient(ellipse at 50% 0,#27372a80,transparent 60%),#0c1713}.topbar{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 4.5vw;background:#0c1813d9;position:relative;z-index:3}.brand img{width:150px;height:62px;object-fit:contain}.toplinks{display:flex;gap:32px;font-size:12px;color:#d8dfd0}.toplinks button{background:none;border:0;padding:12px 0}.toplinks button.active{color:var(--gold);border-bottom:1px solid var(--gold)}.profile{display:flex;align-items:center;gap:14px;background:none;border:0;text-align:left}.avatar{width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:#293c2a;color:var(--gold);font-size:21px}.profile small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.balance{border-left:1px solid var(--line);padding-left:18px;color:var(--gold);font-size:14px}.page{max-width:1240px;margin:auto;padding:40px 36px 100px}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.heading .eyebrow{margin-bottom:12px}.heading p{max-width:480px;font-size:13px;margin-top:14px}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);padding:8px 12px;border-radius:30px;color:#c2ceb9;font-size:10px}.home-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px}.adventure-hero{position:relative;min-height:480px;overflow:hidden;border:1px solid #beaa7750;border-radius:3px 3px 44px 3px;background:url('../assets/forest-clean.webp') 55% center/cover}.adventure-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07120ff5 0%,#0a1b1160 52%,#11221810)}.hero-copy{position:absolute;z-index:1;left:34px;right:34px;bottom:32px}.hero-copy h2{font-size:49px;margin:13px 0}.hero-copy p{font-size:13px;color:#d0d9c7;max-width:350px;margin-bottom:24px}.hero-copy .eyebrow{color:#f1d7a0}.hero-badge{position:absolute;z-index:1;left:26px;top:25px;background:#10251cc9;backdrop-filter:blur(8px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:12px 23px;background:linear-gradient(110deg,#e8c887,#c39a54);border:1px solid #f3d798;color:#1a2519;font-size:12px;font-weight:700;letter-spacing:.02em;border-radius:2px;transition:filter .2s,transform .2s}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn.secondary{background:#18271eb3;border:1px solid #a1b09460;color:#e1e5d6}.btn.danger{background:#7b392b;border-color:#b96650;color:white}.btn.small{min-height:40px;padding:9px 14px;font-size:11px}.mode-list{display:flex;flex-direction:column;gap:13px}.mode-card{position:relative;flex:1;border:1px solid var(--line);background:linear-gradient(105deg,#1b2b22,#14221c);text-align:left;padding:24px 24px;overflow:hidden;min-height:140px;border-radius:3px;transition:border-color .2s,background .2s}.mode-card:hover{border-color:#cfb276;background:#253c2b}.mode-card img{position:absolute;right:10px;bottom:-14px;width:140px;height:150px;object-fit:contain;filter:drop-shadow(0 5px 18px #0009);opacity:.85;transform:rotate(-7deg)}.mode-card .mode-text{position:relative;z-index:1;max-width:65%}.mode-card .eyebrow{font-size:9px}.mode-card h3{font-family:var(--serif);font-size:26px;margin:8px 0}.mode-card p{font-size:11px;color:#bec8b7}.mode-arrow{position:absolute;right:19px;top:16px;font-size:20px;color:var(--gold)}.journal-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border:1px solid var(--line)}.journal-link{display:flex;gap:17px;align-items:center;text-align:left;padding:24px;background:none;border:0}.journal-link+.journal-link{border-left:1px solid var(--line)}.journal-link>span{font-size:28px;color:var(--gold)}.journal-link h3{font-family:var(--serif);font-size:20px;margin-bottom:5px}.journal-link p{font-size:11px;color:var(--muted)}.bottom-note{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:10px;color:#95a48f}.bottom-note a{color:var(--gold)}.progress{height:4px;background:#45503a;border-radius:2px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#889e54,#d7bb79)}
.forest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.forest-card{border:1px solid var(--line);position:relative;overflow:hidden;background:#17261e}.forest-card>img{width:100%;height:190px;object-fit:cover}.forest-card:nth-child(2)>img{object-position:25% 40%;filter:hue-rotate(13deg) saturate(.6)}.forest-card:nth-child(3)>img{object-position:70% 20%}.forest-card:nth-child(4)>img{filter:brightness(.5) hue-rotate(18deg)}.forest-card.locked>img{filter:grayscale(.7) brightness(.5)}.forest-card .body{padding:22px}.forest-card h3{font-family:var(--serif);font-size:26px}.forest-card p{font-size:12px;margin:12px 0 20px;color:var(--muted)}.stars{letter-spacing:3px;color:#e6bd67;font-size:20px;margin:12px 0}.locked-tag{position:absolute;top:15px;right:15px;background:#0b1816db;padding:8px 12px;font-size:10px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.field{background:#14251c;border:1px solid #a1b09450;color:var(--cream);padding:14px 16px;min-height:48px;border-radius:2px}.field:focus{border-color:var(--gold)}.toolbar input{flex:1;min-width:180px}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 16px;border-radius:2px;font-size:11px}.chip.active{background:#d9b776;color:#142018;border-color:#d9b776}.species-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.species-card{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 30%,#32442d60,transparent 75%),#122119;text-align:left;padding:20px;position:relative}.species-card img{width:100%;height:180px;object-fit:contain;filter:drop-shadow(0 10px 15px #0007)}.species-card h3{font-family:var(--serif);font-size:21px;margin:14px 0 6px}.species-card small{font-style:italic;color:var(--muted);font-size:11px}.species-card .count{position:absolute;top:12px;right:12px;color:var(--gold);font-size:11px}.species-card.unknown img{filter:brightness(0);opacity:.5}.species-card .status{font-size:10px;margin-top:17px;color:#bcc5ae}.empty{border:1px dashed var(--line);padding:50px 24px;text-align:center;color:var(--muted)}.empty h3{font-family:var(--serif);font-size:26px;color:var(--cream);margin-bottom:10px}.empty p{font-size:13px}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.equipment-card{background:#14241c;border:1px solid var(--line);padding:26px}.equipment-card>span{font-size:36px;color:var(--gold)}.equipment-card h3{font-family:var(--serif);font-size:25px;margin:18px 0 10px}.equipment-card p{font-size:12px;color:var(--muted);min-height:65px;margin-bottom:20px}.equipment-card .price-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--gold)}.sale-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.sale-row img{height:65px;width:70px;object-fit:contain}.sale-row div{flex:1}.sale-row p{font-size:11px;color:var(--muted)}.subheading{margin:40px 0 24px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:30px;border:1px solid var(--line);background:#15231c}.panel h3{font-family:var(--serif);font-size:26px;margin-bottom:20px}.panel p{font-size:12px;color:var(--muted);margin-bottom:20px}.form-row{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.form-row label{font-size:11px;color:var(--muted)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;gap:20px}.toggle-row input{accent-color:var(--gold);width:20px;height:20px}.rank-row{display:grid;grid-template-columns:40px 1fr 100px;align-items:center;padding:22px 20px;border-bottom:1px solid var(--line);font-size:13px}.rank-row strong{text-align:right;color:var(--gold)}
.play-wrap{min-height:100dvh;background:radial-gradient(ellipse at 50% 35%,#2e4028,#0b1713 70%);display:flex;flex-direction:column;align-items:center;padding:24px}.play-top{width:min(100%,850px);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px}.icon-btn{display:grid;place-items:center;width:46px;height:46px;background:#13241de6;border:1px solid var(--line);border-radius:50%;font-size:22px;flex-shrink:0}.play-title{text-align:center}.play-title .eyebrow{margin-bottom:7px}.play-title h2{font-size:30px}.play-score{font-size:12px;color:var(--gold)}.quick-arena{width:min(100%,540px)}.question{text-align:center;margin:15px 0 25px}.question h3{font-family:var(--serif);font-size:27px;line-height:1.3;margin:10px 0}.quiz-choice{display:block;width:100%;height:220px;position:relative;overflow:hidden;background:linear-gradient(#14281ab0,#07140bd0),url('../assets/forest-clean.webp') center/cover;border:1px solid var(--line);margin:12px 0}.quiz-choice:hover{border-color:var(--gold)}.quiz-choice img{height:92%;width:75%;object-fit:contain;filter:drop-shadow(0 10px 15px #000a)}.quiz-choice .choice-index{position:absolute;left:17px;top:17px;border:1px solid var(--line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:var(--gold);font-size:11px}.quiz-choice.correct{border-color:#c9db84;background-color:#31482a}.quiz-choice.wrong{border-color:#c87864}.feedback{width:min(100%,540px);padding:22px;border:1px solid var(--line);background:#192b21;text-align:center}.feedback h3{font-family:var(--serif);font-size:25px;margin-bottom:10px}.feedback p{font-size:12px;color:var(--muted);margin-bottom:18px}.game-intro{max-width:590px;text-align:center;margin:auto 0;padding:40px 20px}.game-intro .intro-symbol{height:190px;width:190px;object-fit:contain;margin-bottom:20px}.game-intro h1{font-size:58px;margin:15px 0}.game-intro p{font-size:14px;color:var(--muted);margin:20px 0 30px}.game-intro .toolbar{justify-content:center}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:min(100%,640px);margin:25px 0}.memory-card{aspect-ratio:.82;border:1px solid #ad9b6660;border-radius:4px;background:repeating-linear-gradient(45deg,#193025,#193025 8px,#1b3227 8px,#1b3227 9px);display:grid;place-items:center;position:relative}.memory-card:after{content:'✧';font-size:38px;color:#7a9463}.memory-card img{display:none;width:95%;height:85%;object-fit:contain;position:absolute;inset:5% 2%}.memory-card.flipped{background:#24372b}.memory-card.flipped:after{display:none}.memory-card.flipped img{display:block}.memory-card.matched{border-color:#dbbf7b;background:#31482a}.memory-card.matched:before{content:'✓';position:absolute;top:8px;right:10px;color:#ddcf97}.roulette-image{height:300px;width:min(100%,400px);object-fit:contain;filter:drop-shadow(0 15px 30px #0009);margin:25px auto}.roulette-name{font-family:var(--serif);font-size:31px;text-align:center}.roulette-buttons{display:flex;gap:14px;margin:25px 0}.result-score{font-family:var(--serif);font-size:88px;color:var(--gold);margin:25px 0}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.safety{font-size:10px!important;line-height:1.6!important;color:#b2bba4!important;max-width:530px;margin:22px auto!important}.difficulty{display:flex;gap:8px;justify-content:center;margin-bottom:28px}.difficulty .chip{padding:12px 15px}
/* The entire forest is a true world-space canvas. HUD never moves with it. */
.forest-screen{position:fixed;inset:0;background:#0d1b13;overflow:hidden}.forest-screen canvas.world{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.forest-screen canvas.world:active{cursor:grabbing}.forest-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #06120c99;background:linear-gradient(#06140d85,transparent 22%,transparent 75%,#05140bbb)}.forest-top{position:absolute;left:25px;right:25px;top:max(20px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:flex-start;gap:15px;pointer-events:none}.forest-top>*{pointer-events:auto}.forest-name{display:flex;gap:15px;align-items:flex-start}.forest-name h2{font-size:30px;text-shadow:0 2px 12px #000}.forest-name .eyebrow{font-size:9px;margin:4px 0}.forest-stats{display:flex;gap:10px;align-items:center}.hud-pill{padding:12px 18px;background:#0e2118db;border:1px solid #bda36370;backdrop-filter:blur(8px);border-radius:30px;font-size:12px;color:#f0dfb1}.mission{position:absolute;top:130px;left:26px;background:#10221ad9;backdrop-filter:blur(8px);padding:15px 22px;border-left:2px solid var(--gold);max-width:380px;pointer-events:none}.mission .eyebrow{font-size:8px;margin-bottom:5px}.mission p{font-size:12px}.forest-tools{position:absolute;right:26px;top:40%;display:flex;flex-direction:column;gap:12px}.forest-tools .icon-btn{width:54px;height:54px;border-color:#c7ac72;color:#ebd9ac;background:#10231cdb;backdrop-filter:blur(8px)}.forest-bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:26px;right:26px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.forest-bottom>*{pointer-events:auto}.basket-hud{display:flex;gap:18px;padding:15px 20px;background:#0c1e16df;border:1px solid #c3a97060;align-items:center;border-radius:4px}.basket-hud img{height:48px;width:43px;object-fit:contain}.basket-hud .basket-count{font-family:var(--serif);font-size:26px;color:var(--gold)}.basket-hud small{display:block;font-size:9px;color:#bdc9b2;margin-top:4px}.forest-hint{position:absolute;bottom:130px;left:50%;transform:translateX(-50%);text-align:center;color:#e2e6d3;font-size:11px;background:#0b2116b0;padding:12px 22px;border-radius:30px;pointer-events:none;white-space:nowrap}.minimap{position:absolute;top:118px;right:26px;width:130px;height:98px;pointer-events:none;border:1px solid #d3b67b;border-radius:4px;background:#102015d9;overflow:hidden}.minimap canvas{width:100%;height:100%}.compass-indicator{position:absolute;top:240px;right:26px;color:var(--gold);font-size:12px;text-align:center;width:130px;background:#0a2119b0;padding:8px}.found-flash{position:absolute;left:50%;top:38%;transform:translateX(-50%);pointer-events:none;animation:found 1.8s both;background:#14281fe8;padding:15px 24px;border:1px solid var(--gold);text-align:center}.found-flash p{font-family:var(--serif);font-size:23px}.found-flash small{color:var(--gold);font-size:11px}.forest-screen.dark .world{filter:brightness(.65) saturate(.75)}.forest-screen.dark.lit .world{filter:brightness(.95)}@keyframes found{0%{opacity:0;translate:0 15px}15%,70%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -20px}}
dialog{width:min(92vw,580px);max-height:88dvh;overflow:auto;background:radial-gradient(ellipse at top,#2c3d2c,#13231b);border:1px solid #ccb07880;color:var(--cream);padding:35px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#03100bd6;backdrop-filter:blur(8px)}dialog .close{float:right;background:none;border:0;font-size:25px;width:40px;height:40px}dialog h2{margin:8px 0 18px}dialog p{font-size:13px;color:var(--muted);margin:14px 0}dialog .species-detail img{width:100%;height:230px;object-fit:contain}dialog .detail-line{padding:15px 0;border-top:1px solid var(--line)}dialog .detail-line strong{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}dialog .detail-line p{margin:7px 0}.dice{font-size:90px;text-align:center;color:var(--gold);margin:30px 0}.dice.rolling{animation:roll .15s infinite}@keyframes roll{50%{transform:rotate(16deg) scale(.9)}}#toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translate(-50%,20px);max-width:min(90vw,520px);padding:15px 23px;background:#e5c88e;color:#17251a;font-size:12px;border:1px solid #f6e1b3;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 5px 30px #0006;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:1500px){.page{padding-top:55px}.adventure-hero{min-height:540px}}
@media(max-width:900px){.toplinks{gap:17px}.page{padding:30px 22px 60px}.topbar{padding:12px 22px}.home-layout{grid-template-columns:1.35fr 1fr}.adventure-hero{min-height:465px}.hero-copy{left:24px;right:24px}.hero-copy h2{font-size:41px}.mode-card{padding:22px 17px}.mode-card img{width:100px;right:-10px}.mode-card h3{font-size:23px}.species-grid{grid-template-columns:repeat(2,1fr)}.equipment-grid,.forest-grid{grid-template-columns:repeat(2,1fr)}.journal-link{padding:20px 15px;gap:10px}.journal-link h3{font-size:18px}}
@media(max-width:600px){.topbar{height:76px;padding:8px 18px}.brand img{width:117px;height:54px}.toplinks{display:none}.profile{gap:9px}.profile .avatar{width:34px;height:34px;font-size:18px}.profile strong{font-size:11px}.balance{padding-left:10px;font-size:12px}.page{padding:26px 18px 40px}.heading{align-items:flex-start;margin-bottom:23px}.heading h1{font-size:41px}.heading .pill{display:none}.heading p{font-size:12px}.home-layout{display:block}.adventure-hero{min-height:400px;border-radius:3px 3px 34px 3px}.hero-copy h2{font-size:43px}.hero-copy{bottom:27px}.hero-copy p{font-size:12px}.mode-list{margin-top:15px;gap:10px}.mode-card{min-height:117px;padding:18px 22px}.mode-card img{height:145px;width:150px;right:3px;bottom:-23px}.mode-card h3{font-size:26px}.mode-card .mode-text{max-width:65%}.journal-row{grid-template-columns:1fr;margin-top:18px}.journal-link{padding:18px 22px}.journal-link+.journal-link{border-left:0;border-top:1px solid var(--line)}.journal-link h3{font-size:21px}.bottom-note{flex-direction:column;gap:12px}.forest-grid{grid-template-columns:1fr}.forest-card>img{height:200px}.species-grid{gap:10px}.species-card{padding:14px}.species-card img{height:130px}.species-card h3{font-size:19px}.equipment-grid,.account-grid{grid-template-columns:1fr}.play-wrap{padding:18px 16px}.play-top{gap:10px}.play-title h2{font-size:24px}.play-title .eyebrow{font-size:8px}.play-score{font-size:10px}.quick-arena .question{margin:5px 0 16px}.question h3{font-size:24px}.quiz-choice{height:210px}.memory-grid{gap:8px}.memory-card{aspect-ratio:.7}.roulette-image{height:260px}.game-intro h1{font-size:48px}.game-intro p{font-size:13px}.forest-top{top:max(14px,env(safe-area-inset-top));left:14px;right:14px;gap:8px}.forest-name{gap:9px}.forest-name h2{font-size:22px;margin-top:2px}.forest-name .stars{font-size:16px;letter-spacing:1px;margin:7px 0}.forest-name .eyebrow{font-size:8px}.forest-top .icon-btn{width:38px;height:38px;font-size:19px}.forest-stats .hud-pill{display:none}.mission{top:109px;left:14px;padding:12px 14px;max-width:210px}.mission p{font-size:10px}.minimap{width:91px;height:70px;right:14px;top:109px}.forest-tools{right:14px;gap:10px;top:36%}.forest-tools .icon-btn{width:47px;height:47px}.forest-bottom{left:14px;right:14px;bottom:max(18px,env(safe-area-inset-bottom));gap:10px}.basket-hud{padding:11px 13px;gap:10px}.basket-hud img{width:32px;height:40px}.basket-hud .basket-count{font-size:22px}.forest-bottom .btn{padding:12px 14px;font-size:10px;gap:8px}.forest-hint{font-size:9px;bottom:106px;padding:10px 14px}.compass-indicator{right:14px;top:186px;width:91px;font-size:9px}.found-flash{width:230px;top:30%}.found-flash p{font-size:20px}.panel{padding:23px}.roulette-buttons .btn{padding:13px 17px;gap:10px}dialog{padding:25px}}