:root{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#314638;background:#f8f7ef;font-synthesis:none;--green:#376c45;--muted:#8a9280;--yellow:#efbe49}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #dca93a;outline-offset:5px}button:disabled{opacity:.45;cursor:default}button{user-select:none}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}.site-header{max-width:1320px;height:106px;margin:auto;padding:0 52px;display:flex;align-items:center;gap:27px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#354e3b;font-size:16px;font-weight:750;letter-spacing:.8px}.brand-mark{width:44px;height:46px;background:#477352;border-radius:15px 15px 15px 5px;color:#fff8db;font-family:Georgia,serif;font-size:39px;line-height:43px;text-align:center;font-weight:bold;letter-spacing:-4px;padding-right:5px}.brand-en{display:block;font-size:8px;letter-spacing:2.2px;color:#8b947f;margin-top:5px;font-weight:500}.made-for{margin-left:auto;font-size:12px;color:#8a9280;letter-spacing:1px;display:flex;align-items:center;gap:8px}.made-for>span{width:6px;height:6px;border-radius:50%;background:#8ba37c}.icon-button{border:1px solid #e3e6d9;background:transparent;width:40px;height:40px;border-radius:50%;color:#57715a;display:grid;place-items:center}.icon-button svg{width:19px;height:19px}.icon-button[aria-pressed=false] .sound-waves{display:none}.icon-button[aria-pressed=false]{color:#a0a294}main{max-width:1216px;margin:auto;padding:0 30px}.intro{text-align:center;margin:23px 0 34px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.5px;color:#8a9677}.eyebrow>span{color:#b3bc92;padding:0 12px}h1{font-size:clamp(29px,3.5vw,45px);line-height:1.5;letter-spacing:1px;margin:12px 0 10px;font-weight:800}h1>span{position:relative;color:#54794c;margin-left:9px;white-space:nowrap}h1 svg{position:absolute;bottom:-6px;left:0;width:100%;height:13px;fill:none;stroke:#e5bd58;stroke-width:5;stroke-linecap:round}.intro>p{font-size:13px;color:#919585;margin-top:18px;letter-spacing:.8px}.game-shell{background:white;border:1px solid #e0e5d5;border-radius:23px;overflow:hidden;box-shadow:0 10px 32px #48633b08}.game-topline{height:41px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#86927b;background:#fffef8}.game-topline>span:first-child{display:flex;align-items:center;gap:7px;font-weight:600;color:#62765c}.game-topline i{width:6px;height:6px;border-radius:50%;background:#92aa71}.tiny-sun{font-size:16px;padding-left:7px;color:#b3ad77}.playfield{position:relative;height:clamp(340px,38vw,470px);overflow:hidden;background:#e8f1d7}canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px!important}.game-hud{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;gap:12px;pointer-events:none}.coin-counter{height:47px;border-radius:24px;background:#fffef2e8;display:flex;align-items:center;padding:0 17px 0 8px;gap:9px;box-shadow:0 3px 0 #c4d2a53d;color:#5a6846;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.coin-icon{border:2px solid #e9ab2e;background:#f9d869;border-radius:50%;color:#dfa22b;width:32px;height:32px;display:grid;place-items:center;font-size:18px;box-shadow:inset 0 0 0 3px #ffe6a2}.score-goal{font-size:13px;color:#9da18a;font-weight:500;margin-left:-4px}.round-pill{font-size:11px;color:#83916c;background:#f9fce7ae;border-radius:20px;padding:10px 14px;letter-spacing:1px}.pause-button{pointer-events:auto;margin-left:auto;background:#fffef1cc;border:0;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:#6c8154}.pause-button svg{width:18px;height:18px}.dino-label{position:absolute;top:35%;left:21%;transform:translateX(-50%);background:#fffef4;border-radius:14px;padding:11px 16px;font-size:12px;letter-spacing:.6px;color:#687d50;box-shadow:0 4px 0 #607e3810;pointer-events:none;white-space:nowrap}.dino-label:after{content:"";position:absolute;left:46%;bottom:-8px;border-top:9px solid #fffef4;border-left:7px solid transparent;border-right:7px solid transparent}.dino-label>span{color:#ddab57;margin-left:9px}.start-panel{position:absolute;bottom:13%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.primary-button{border:1px solid #37623b;color:#fffef1;background:#477749;border-radius:16px;min-height:56px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-weight:650;font-size:17px;letter-spacing:2px;box-shadow:0 4px 0 #2f5634,0 6px 16px #355c3924}.primary-button:hover{background:#3a693e}.button-arrow{font-size:23px;font-weight:400}.start-panel p{color:#6b7c53;font-size:10px;letter-spacing:1px;margin:15px 0 0}.scene-caption{position:absolute;right:24px;bottom:18px;letter-spacing:2px;font-size:9px;color:#6f8d53;pointer-events:none}.control-bar{display:flex;align-items:center;justify-content:space-between;min-height:91px;padding:15px 26px;background:#fffef8}.movement-controls,.jump-controls{display:flex;align-items:center;gap:10px}.control-button{border:1px solid #dfe5d2;border-bottom:4px solid #dfe5d2;border-radius:13px;background:#f6f8ee;color:#6e835d;width:58px;height:53px;font-size:28px;line-height:1}.control-button:hover,.control-button.held{background:#e5edd7}.control-caption{font-size:11px;color:#8e9682;letter-spacing:1px;margin:0 5px}.tap-hint{color:#97a08b;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.tap-hint>span{font-size:23px;filter:grayscale(1);opacity:.6}.jump-button{background:#f8edc9;color:#968144;border:1px solid #eddfad;border-bottom:4px solid #eddfad;border-radius:13px;height:53px;padding:0 22px;display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1px}.jump-button:hover{background:#f5e5b1}.jump-button svg{width:20px;height:20px}.under-game{display:flex;justify-content:space-between;align-items:center;margin:17px 5px;font-size:10px;letter-spacing:.5px;color:#9a9f90}.under-game>span:first-child{display:flex;align-items:center;gap:7px}.under-game svg{width:13px;height:13px;color:#8f9f7e}kbd{font-family:inherit;border:1px solid #dfe2d5;border-radius:4px;font-size:10px;padding:2px 5px;background:#fbfaf4;color:#87907c}footer{display:flex;align-items:center;justify-content:center;gap:9px;color:#a1a492;font-size:10px;letter-spacing:1px;margin:39px 16px 28px}.footer-flower{color:#a4b18a;font-size:22px}.footer-dot{padding:0 3px}.modal-backdrop{position:absolute;inset:0;background:#dce7c18a;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:15px;z-index:5}.modal-card{text-align:center;width:360px;max-width:100%;padding:24px 22px 19px;border-radius:25px;border:2px solid #fff;background:#fffdf0;box-shadow:0 15px 50px #37563120}.modal-illustration{font-size:45px;line-height:1.2}.modal-card .eyebrow{font-size:9px;letter-spacing:1.5px;margin:12px 0}.modal-card h2{font-size:25px;margin:8px 0;color:#4e7148}.modal-card>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#899075}.star-row{font-size:29px;letter-spacing:10px;color:#eaba4b;margin:12px 0 18px;padding-left:10px}.modal-card .primary-button{min-height:49px;font-size:14px;padding:0 22px}.text-button{display:block;margin:15px auto 0;background:transparent;border:0;color:#929980;font-size:11px;min-height:25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1500px){.intro{margin-top:37px;margin-bottom:40px}.site-header{height:115px}footer{margin-top:46px}}@media(max-width:700px){.site-header{height:83px;padding:0 22px}.brand{font-size:13px;gap:9px}.brand-mark{width:36px;height:39px;font-size:33px;line-height:37px;border-radius:12px 12px 12px 4px}.brand-en{font-size:7px;letter-spacing:1.4px}.made-for{display:none}.icon-button{margin-left:auto;width:38px;height:38px}main{padding:0 15px}.intro{margin:13px 0 26px}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:29px;letter-spacing:0;margin-top:12px}h1>span{margin-left:4px}.intro>p{font-size:10px;line-height:1.9;letter-spacing:.1px;margin:13px 7px 0}.game-shell{border-radius:20px}.playfield{height:410px}.game-topline{padding:0 15px;font-size:9px;height:36px;letter-spacing:.3px}.game-topline>span:last-child{font-size:8px}.game-hud{top:15px;left:13px;right:13px;gap:7px}.coin-counter{height:42px;font-size:21px;padding-right:12px;gap:7px}.coin-icon{width:29px;height:29px}.round-pill{font-size:9px;padding:9px;letter-spacing:0}.pause-button{width:38px;height:38px}.dino-label{left:24%;top:40%;font-size:10px;padding:10px 12px}.start-panel{bottom:11%}.primary-button{font-size:16px;min-height:54px}.scene-caption{display:none}.control-bar{padding:14px 14px;min-height:85px}.control-button{width:57px;height:55px}.jump-button{height:55px;padding:0 17px}.control-caption,.tap-hint,.keyboard-hint{display:none}.under-game{justify-content:center;margin-top:15px;font-size:9px}footer{font-size:9px;letter-spacing:.3px;gap:6px;margin-top:27px;margin-bottom:21px}.modal-card{padding:23px 16px}.modal-card h2{font-size:23px}.modal-card .eyebrow{font-size:8px}}@media(max-width:370px){h1{font-size:25px}.brand{font-size:12px}.playfield{height:375px}.game-topline>span:last-child{display:none}.round-pill{font-size:8px}.jump-button{padding:0 13px}.control-button{width:51px}.movement-controls{gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.world-picker{display:flex;justify-content:center;align-items:center;gap:9px;margin:-9px 0 23px}.world-picker>span{font-size:11px;color:#909681;margin-right:5px}.world-picker button{border:1px solid #e0e5d5;border-radius:20px;padding:9px 16px;background:#fffdf6;color:#839077;font-size:11px;min-height:38px}.world-picker button[aria-pressed=true]{background:#e8eedb;border-color:#aebf99;color:#507142;box-shadow:0 2px 0 #d4ddc4}.discovery-toast{position:absolute;top:84px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#fffdf1ed;border:1px solid #e7e5c7;border-radius:22px;color:#6d8051;white-space:nowrap;font-size:12px;pointer-events:none;box-shadow:0 4px 15px #6c774c0c}.discovery-book{border:1px solid #e3e6d7;border-radius:18px;background:#fcfbf3;padding:19px 23px;margin-top:25px}.book-title{display:flex;justify-content:space-between;align-items:center;color:#6e815f;font-size:13px;font-weight:650;gap:12px}.book-title small{font-size:10px;color:#9ca38a;font-weight:400;padding-left:7px}.book-title>span:last-child{font-size:10px;color:#a0a38d;font-weight:400}.friend-list{display:flex;gap:12px;margin-top:16px}.friend-card{border:1px solid #e6e5d7;border-radius:13px;flex:1;display:flex;align-items:center;gap:12px;padding:9px 15px;background:#fffef7;text-align:left;min-width:0;color:#6b7d5d;min-height:66px}.friend-card[aria-pressed=true]{border-color:#adc18c;background:#f0f4e4}.friend-card:disabled{opacity:.7}.friend-card svg{width:47px;height:43px;flex-shrink:0}.friend-card .sleeping-egg{font-size:28px;min-width:47px;text-align:center}.friend-card strong{display:block;font-size:12px;font-weight:600}.friend-card small{display:block;font-size:9px;color:#9ca189;margin-top:4px;line-height:1.4}.little-discoveries{display:flex;justify-content:center;gap:25px;font-size:10px;color:#8b977c;border-top:1px dashed #e4e7d9;margin-top:15px;padding-top:13px}.little-discoveries b{color:#77945b;font-weight:600;font-variant-numeric:tabular-nums}.egg-button{display:flex;flex-direction:column;align-items:center;margin:10px auto;border:0;background:none;color:#a18b58;font-size:11px;letter-spacing:2px;min-width:110px}.egg-button svg{width:83px;height:92px;transition:transform .2s}.egg-button:hover svg{transform:rotate(7deg)}.egg-button span{margin-top:3px}.modal-illustration svg{height:68px;width:88px}.modal-card:has(.egg-button:not([hidden])) .modal-illustration{display:none}.modal-card:has(.egg-button:not([hidden])){padding-top:15px;padding-bottom:14px}.modal-card:has(.egg-button:not([hidden])) h2{font-size:23px}.modal-card:has(.egg-button:not([hidden])) .eyebrow{margin-top:5px}.modal-card:has(.egg-button:not([hidden])) .text-button{margin-top:5px}.game-topline:has(+.playfield) #magic-status{letter-spacing:.3px}.world-picker button:disabled{opacity:.5}
@media(max-width:700px){.world-picker{gap:6px;margin:-7px 0 18px}.world-picker>span{display:none}.world-picker button{font-size:10px;padding:9px 11px}.discovery-toast{font-size:10px;padding:9px 12px;top:71px}.discovery-book{padding:16px 12px;margin-top:22px}.book-title{font-size:12px;gap:7px}.book-title>span:last-child{font-size:8px}.friend-list{gap:7px;margin-top:13px}.friend-card{flex-direction:column;gap:3px;padding:10px 3px;text-align:center}.friend-card strong{font-size:11px}.friend-card small{font-size:8px}.little-discoveries{font-size:9px;gap:13px}.modal-card{max-height:calc(100% - 10px);overflow:auto}.intro{margin-bottom:24px}}
.egg-button{border-radius:25px}
/* Audio and fullscreen controls stay inside the game, including native fullscreen. */
.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#fffef8;border-bottom:1px solid #e9ecdf}.toolbar-title{color:#819173;font-size:11px;letter-spacing:1px}.toolbar-title>span{color:#c2af7e;margin-left:6px}.game-tools{display:flex;align-items:center;gap:8px}.game-tools .icon-button{margin:0;flex-shrink:0;width:44px;height:44px}.tool-button,.fullscreen-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid #e2e7d6;border-radius:12px;background:#f7f9ef;color:#6d805e;padding:0 13px;font-size:11px;white-space:nowrap}.tool-button[aria-pressed=false]{color:#9ca291;background:#f5f4ed}.fullscreen-button{background:#e6edda;color:#51713e;border-color:#c6d4b1;font-weight:650;padding:0 17px}.fullscreen-button>span:first-child{font-size:22px}.modal-replay{background:none;border:0;min-height:34px;margin:4px auto 0;color:#879373;font-size:11px}.voice-caption{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:max-content;margin:0;padding:8px 15px;border-radius:15px;background:#fffdf0ee;color:#657949;text-align:center;font-size:12px;line-height:1.6;pointer-events:none;box-shadow:0 2px 8px #5069350d}.playfield:has(.voice-caption:not([hidden])) .scene-caption{display:none}.modal-card{max-height:calc(100% - 10px);overflow:auto;overscroll-behavior:contain}.game-focused,.game-focused body{overflow:hidden;overscroll-behavior:none}.game-shell.is-focused{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;border:0;border-radius:0;z-index:1000;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#fffef8}.is-focused .game-toolbar{flex:0 0 auto;padding:8px 20px}.is-focused .game-topline{height:30px;flex:0 0 auto}.is-focused .playfield{flex:1 1 0;min-height:0;height:auto}.is-focused canvas{position:absolute;inset:0}.is-focused .control-bar{flex:0 0 auto;min-height:104px;padding:14px 28px}.is-focused .control-button{width:84px;height:70px;font-size:36px}.is-focused .jump-button{min-width:138px;height:70px;font-size:16px}.is-focused .movement-controls{gap:16px}.is-focused .dino-label{top:auto;bottom:calc(22.5% + 150px)}.is-focused .start-panel{bottom:9%}.is-focused .voice-caption{font-size:14px}.is-focused .modal-backdrop{padding:10px}.is-focused .modal-card{max-height:100%}.is-focused::backdrop{background:#f8f7ef}
@media(max-width:700px){.game-toolbar{padding:10px 12px;justify-content:center}.toolbar-title{display:none}.game-tools{width:100%;justify-content:space-between;gap:6px}.tool-button{padding:0 10px;font-size:10px}.fullscreen-button{padding:0 11px;font-size:11px}.voice-caption{font-size:10px}.is-focused .game-toolbar{padding:8px 12px}.is-focused .control-bar{padding:14px 16px;min-height:104px}.is-focused .control-button{width:66px;height:72px}.is-focused .movement-controls{gap:12px}.is-focused .jump-button{min-width:112px;height:72px;padding:0 15px;font-size:14px}.is-focused .voice-caption{font-size:12px}.is-focused .dino-label{bottom:calc(22.5% + 125px)}}
@media(max-height:520px) and (orientation:landscape){.is-focused .game-toolbar{padding:3px 14px}.is-focused .game-topline{height:23px}.is-focused .control-bar{min-height:72px;padding:7px 22px}.is-focused .control-button{height:56px;width:76px}.is-focused .jump-button{height:56px}.is-focused .game-hud{top:10px}.is-focused .dino-label{display:none}.is-focused .start-panel{bottom:8%}.is-focused .start-panel p{display:none}.is-focused .discovery-toast{top:57px}.is-focused .modal-card{padding:12px 20px;width:430px}.is-focused .modal-illustration,.is-focused .modal-card .eyebrow,.is-focused .star-row{display:none}.is-focused .modal-card h2{font-size:20px;margin:3px 0}.is-focused .modal-card>p:not(.eyebrow){margin:5px 0;font-size:11px}.is-focused .modal-card .primary-button{min-height:42px}.is-focused .modal-card .text-button,.is-focused .modal-replay{display:inline-block;margin:5px 12px 0;min-height:30px}.is-focused .egg-button{margin:2px auto}.is-focused .egg-button svg{height:65px;width:60px}.is-focused .egg-button span{display:none}.is-focused .voice-caption{padding:4px 12px;font-size:11px}}
/* A page-sized collection lives inside the game so it also opens in native fullscreen. */
.game-topline{height:52px;gap:12px}.game-topline #magic-status{margin-left:auto}.atlas-entry,.book-open{border:1px solid #d8e2c8;background:#eef3e2;color:#5b774c;border-radius:12px;min-height:40px;padding:0 13px;white-space:nowrap;font:inherit;font-size:11px;cursor:pointer}.atlas-entry b{font-size:10px;margin-left:5px;color:#879773}.is-focused .game-topline{height:48px}.collection-summary{display:flex;align-items:center;gap:16px;margin-top:8px}.collection-summary>div:first-child{width:92px;flex-shrink:0}.collection-summary svg{display:block;width:100%;height:75px}.collection-summary strong{font-size:13px;color:#617b50}.collection-summary p{font-size:11px;color:#98a08a;line-height:1.8;margin:5px 0}.reward-atlas{display:block;margin:5px auto 13px;border:0;background:#edf2de;border-radius:12px;color:#6c8451;font-size:12px;padding:9px 16px;min-height:40px}.modal-illustration svg{width:150px;height:108px}.modal-card h2{font-size:23px}.atlas-page{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#f8f7ef;color:#38513d;overflow:auto;overscroll-behavior:contain}.atlas-page::backdrop{background:#f8f7ef}.atlas-wrap{max-width:1040px;margin:auto;padding:calc(23px + env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left))}.atlas-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.atlas-header>span{font-size:9px;letter-spacing:2.5px;color:#9ca58e}.atlas-back,.atlas-audio{border:1px solid #dbe2cf;border-radius:14px;background:#fffef7;min-height:46px;padding:0 20px;color:#668154;font-size:12px}.atlas-heading{text-align:center;margin:32px 0 23px}.atlas-heading h1{font-size:39px;margin:10px 0;color:#415b40;letter-spacing:2px}.atlas-heading h1 span{color:#819666}.atlas-heading>p:not(.eyebrow){font-size:12px;color:#929d84;margin:12px 0 14px}.atlas-progress-track{height:6px;width:180px;background:#e3e8d6;border-radius:8px;margin:auto;overflow:hidden}.atlas-progress-track>span{display:block;height:100%;background:#a3b986;border-radius:8px}.atlas-hero{display:flex;align-items:center;gap:30px;background:#edf1df;border:1px solid #dde5cc;border-radius:26px;padding:23px 38px;scroll-margin-top:16px}.atlas-hero-art{width:45%;max-width:340px;flex-shrink:0;position:relative}.atlas-hero-art:before{content:'';position:absolute;width:70%;height:70%;border-radius:50%;background:#f8f8e9;inset:15%}.atlas-hero-art svg{display:block;width:100%;position:relative}.atlas-hero-copy>p:first-child{font-size:10px;letter-spacing:1.5px;color:#91a17c}.atlas-hero-copy h2{font-size:28px;letter-spacing:1px;margin:12px 0;color:#507043}.atlas-hero-copy strong{font-size:13px;font-weight:600;color:#849766}.atlas-hero-copy>p:not(:first-child){font-size:12px;color:#929e7b;line-height:1.9}.atlas-hero-copy .primary-button{font-size:13px;min-height:47px;margin-top:8px;letter-spacing:1px;gap:12px}.atlas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:23px}.atlas-card{position:relative;border:1px solid #e0e6d4;border-radius:21px;background:#fffef6;color:#607a4d;text-align:center;padding:20px 12px 17px;min-width:0}.atlas-card[aria-pressed=true]{border:2px solid #9bb47c;background:#f1f5e6;padding:19px 11px 16px}.atlas-card-art{display:block;max-width:180px;margin:auto}.atlas-card-art svg{display:block;width:100%;aspect-ratio:1.25}.atlas-card strong,.atlas-card small{display:block}.atlas-card strong{font-size:15px;margin-top:7px;letter-spacing:1px}.atlas-card small{font-size:10px;color:#9fa88e;margin-top:7px;line-height:1.5}.atlas-card-number{position:absolute;top:13px;left:16px;color:#b4bca7;font-size:10px;letter-spacing:1px}.atlas-card-star{position:absolute;top:13px;right:15px;color:#c9b25f}.atlas-card:disabled{opacity:1;background:#f0f0e7;border-style:dashed;color:#a4aa98}.atlas-card:disabled .atlas-card-art{filter:grayscale(1);opacity:.16}.atlas-lock{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:33px;color:#aeb99e}.atlas-note{font-size:11px;line-height:1.9;color:#9ba48d;text-align:center;margin:27px 0 5px;letter-spacing:.5px}.atlas-storage{text-align:center;color:#a89368;font-size:11px}.atlas-page button:focus-visible{outline-offset:3px}
@media(max-width:700px){.game-topline{padding:0 12px;gap:7px;font-size:9px}.atlas-entry{padding:0 10px;font-size:11px}.game-topline #magic-status{font-size:8px;letter-spacing:0}.atlas-wrap{padding:calc(15px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom))}.atlas-header>span{display:none}.atlas-back,.atlas-audio{padding:0 15px;min-height:46px}.atlas-heading{margin:27px 0 20px}.atlas-heading h1{font-size:31px}.atlas-heading>p:not(.eyebrow){font-size:11px}.atlas-hero{gap:4px;border-radius:23px;padding:16px 12px}.atlas-hero-art{width:43%}.atlas-hero-copy h2{font-size:19px;letter-spacing:0;margin:8px 0}.atlas-hero-copy>p:first-child{font-size:8px;letter-spacing:0}.atlas-hero-copy strong{font-size:10px}.atlas-hero-copy>p:not(:first-child){font-size:10px}.atlas-hero-copy .primary-button{font-size:11px;padding:0 13px;min-height:44px;letter-spacing:0}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.atlas-card{padding:19px 9px 15px;border-radius:18px}.atlas-card[aria-pressed=true]{padding:18px 8px 14px}.atlas-card-art{max-width:155px}.atlas-card strong{font-size:13px}.atlas-card small{font-size:9px}.atlas-note{font-size:10px}.book-title .book-open{font-size:10px;min-height:40px;padding:0 11px}.collection-summary{gap:10px}.collection-summary>div:first-child{width:74px}.collection-summary p{font-size:10px}.collection-summary strong{font-size:12px}}
@media(max-width:370px){.game-topline #magic-status{display:none}.atlas-entry{margin-left:auto}.atlas-hero{gap:0;padding:13px 9px}.atlas-hero-copy h2{font-size:17px}.atlas-hero-copy strong{font-size:9px}.atlas-hero-art{width:41%}.atlas-hero-copy>p:not(:first-child){font-size:9px}}
@media(max-height:520px) and (orientation:landscape){.is-focused .game-topline{height:44px}.is-focused .atlas-entry{min-height:36px}.is-focused .reward-atlas{display:inline-block;margin:4px 7px;min-height:36px;font-size:10px;padding:5px 10px}.is-focused .modal-card h2{font-size:19px}.atlas-heading{margin:18px 0}.atlas-hero{padding:12px 30px}.atlas-hero-art{width:30%}.atlas-hero-copy h2{font-size:23px}.atlas-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.atlas-header{position:sticky;top:0;z-index:2;background:#f8f7eff2;backdrop-filter:blur(8px);padding:8px 0}
/* A quiet, pastel transformation: gather, tuck into light, reveal, then return to the grass. */
.transform-overlay{position:absolute;inset:0;z-index:4;overflow:hidden;background:linear-gradient(180deg,#f5f7eac9,#edf3ddba 65%,#dce8c45c);isolation:isolate}.transform-heading{position:absolute;top:12%;left:12px;right:12px;text-align:center;color:#6e8653;pointer-events:none}.transform-heading>p{font-size:19px;letter-spacing:2px;margin:0}.transform-heading>div{position:absolute;inset:0}.transform-heading span{display:block;font-size:11px;letter-spacing:2px;color:#9ca582;margin-bottom:8px}.transform-heading strong{font-size:25px;letter-spacing:1px;font-weight:700}.transform-stage{position:absolute;width:min(62%,270px);aspect-ratio:1.25;left:50%;top:55%;transform:translate(-50%,-50%)}.transform-dino{position:absolute;inset:0;transform-origin:48% 92%;will-change:transform,opacity}.transform-dino svg{display:block;width:100%;height:100%}.transform-glow{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(ellipse,#fff4c8cc 0%,#fff8d4aa 26%,#d9e8b980 47%,transparent 70%);box-shadow:inset 0 0 35px #e8efc333;transform-origin:center}.transform-glow:before,.transform-glow:after{content:'';position:absolute;inset:9%;border-radius:50%;border:2px solid #edda9766}.transform-glow:after{inset:18%;border:2px dashed var(--transform-accent,#a8bb8c);opacity:.6}.transform-sparks{position:absolute;inset:-20%;transform-origin:center;pointer-events:none}.transform-sparks>span{position:absolute;color:var(--spark-color);font-size:22px;transform:translate(-50%,-50%);text-shadow:0 2px 6px #fff9}.transform-sparks>span:nth-child(even){font-size:14px}.transform-skip{position:absolute;bottom:12px;right:17px;border:1px solid #d7dfc4;background:#fffdf0bf;color:#81906c;border-radius:14px;min-height:44px;padding:0 17px;font-size:11px}.is-transforming .discovery-toast,.is-transforming .voice-caption,.is-transforming .scene-caption{visibility:hidden}.is-transforming .game-hud{opacity:.35}.atlas-entry:disabled,.book-open:disabled{opacity:.5}.is-focused .transform-stage{width:min(64%,320px)}
@media(max-width:700px){.transform-heading{top:16%}.transform-heading>p{font-size:17px}.transform-heading strong{font-size:21px}.transform-stage{width:65%}.transform-sparks>span{font-size:19px}.transform-skip{right:12px;bottom:10px;padding:0 13px}}
@media(max-height:520px) and (orientation:landscape){.is-focused .transform-heading{top:5%}.is-focused .transform-heading>p{font-size:15px}.is-focused .transform-heading strong{font-size:18px}.is-focused .transform-heading span{font-size:9px;margin-bottom:3px}.is-focused .transform-stage{width:180px;top:61%}.is-focused .transform-skip{bottom:8px;right:12px}}
/* Safari needs its prefixed selection/callout rules on the game and nested labels. */
.game-shell,.game-shell *,.world-picker,.world-picker *,.discovery-book,.discovery-book *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.game-shell svg,.game-shell img,.game-shell canvas{-webkit-user-drag:none}
.movement-controls,.jump-controls{touch-action:none}
.atlas-motion{display:block;margin-top:12px;min-height:44px;padding:0 16px;border:1px solid #c5d8bf;border-radius:14px;background:#fffdf1;color:#64846a;font-size:12px}.atlas-motion:active{background:#e4edda}
@media(max-width:700px){.atlas-motion{font-size:10px;padding:0 10px;margin-top:9px}}
button.atlas-hero-art{border:0;padding:0;background:transparent;color:inherit;touch-action:manipulation;border-radius:22px;cursor:pointer}
