:root{color-scheme:dark;--leaf: #123f35;--leaf-2: #1b6049;--canopy: #2f8f5f;--sun: #ffd166;--coral: #ff715b;--aqua: #6be7d8;--cream: #fff4d4;--ink: #10201e;--panel: rgba(13, 46, 39, .88);--panel-2: rgba(255, 244, 212, .92);--shadow: 0 24px 80px rgba(3, 20, 17, .42)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,209,102,.16),transparent 22rem),radial-gradient(circle at 88% 82%,rgba(107,231,216,.16),transparent 18rem),linear-gradient(135deg,#0f2e2c,#16503f 46%,#234b6f);color:var(--cream);font-family:Nunito,system-ui,sans-serif}button{border:0;font:inherit;cursor:pointer}.game-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,380px);gap:clamp(12px,2vw,24px);width:100vw;height:100dvh;padding:clamp(10px,1.7vw,22px)}.playfield-panel{position:relative;min-width:0;min-height:0;overflow:hidden;border:3px solid rgba(255,244,212,.54);border-radius:8px;box-shadow:var(--shadow);background:#25664a}#game{display:block;width:100%;height:100%;touch-action:none}.screen-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #04181373}.hud-panel{position:relative;z-index:4;display:flex;min-height:0;flex-direction:column;gap:6px;overflow:auto;border:2px solid rgba(255,244,212,.38);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-row,.book-head,.action-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.action-row{flex-wrap:wrap;gap:8px}.action-row .ghost-btn{flex:1 1 calc(50% - 6px);padding:0 10px}.eyebrow,.kicker{margin:0;color:var(--sun);font-size:.75rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3{margin:0;font-family:"Baloo 2",system-ui,sans-serif;line-height:.98;letter-spacing:0}.brand-row h2{max-width:15ch;font-size:clamp(1.35rem,2.2vw,1.86rem)}.icon-btn{flex:0 0 auto;width:38px;height:38px;border-radius:8px;background:#fff4d4;color:var(--ink);font-weight:900;box-shadow:0 5px #d9b757}.primary-btn,.ghost-btn,.touch-actions button{min-height:36px;border-radius:8px;padding:0 18px;font-weight:900}.primary-btn{background:var(--sun);color:#173029;box-shadow:0 5px #b78622}.ghost-btn{border:2px solid rgba(255,244,212,.74);background:#fff4d41f;color:var(--cream)}.level-strip,.meter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.level-strip>div,.meter-card,.mission-card,.controls-card{border-radius:8px;background:#fff4d41f;padding:7px 9px}.level-strip span,.meter-card span,.control-grid span{display:block;color:#fff4d4c7;font-size:.74rem;font-weight:900;text-transform:uppercase}.level-strip strong,.meter-card strong{display:block;overflow-wrap:anywhere;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.12rem;line-height:1.05}.level-strip strong{font-size:1rem}.meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bar{height:9px;margin-top:5px;overflow:hidden;border-radius:999px;background:#03141161}.bar i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sun),var(--coral))}.bar.rescue i{background:linear-gradient(90deg,var(--aqua),#a7f56d)}.bar.care i{background:linear-gradient(90deg,#a7f56d,var(--sun))}.mini-note{margin-top:2px;color:var(--aqua);font-size:.85rem;font-weight:900}.mission-card h3,.controls-card h3{margin-bottom:4px;font-size:1rem}.mission-card p{margin:0;color:#fff4d4e6;line-height:1.22;font-size:.94rem}.control-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px}.control-grid strong{text-align:right}.start-card,.result-card{position:absolute;left:50%;top:50%;width:min(640px,calc(100% - 28px));transform:translate(-50%,-50%);border:3px solid rgba(255,244,212,.82);border-radius:8px;background:#0f372df0;box-shadow:var(--shadow);padding:clamp(20px,4vw,34px)}.start-card{overflow:hidden}.feature-art{position:absolute;right:-64px;bottom:-38px;width:min(44%,290px);margin:0;opacity:.88;pointer-events:none}.feature-art:before{content:"";position:absolute;inset:18% 12% 6%;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.28),transparent 70%);filter:blur(12px)}.feature-art img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(4,21,18,.45))}.start-card h1,.result-card h2{margin:8px 0 10px;font-size:clamp(2rem,5vw,4.4rem)}.start-card p,.result-card p{max-width:36rem;margin:0;color:#fff4d4e0;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.38}.start-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;position:relative;z-index:1}.start-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;position:relative;z-index:1}.start-options label,.best-preview,.selection-note{display:grid;gap:7px;border-radius:8px;background:#fff4d41f;padding:10px}.start-options span,.best-preview,.selection-note{color:#fff4d4d1;font-size:.78rem;font-weight:900;text-transform:uppercase}.start-options small{min-height:2.35em;color:#fff4d4c7;font-size:.78rem;font-weight:700;line-height:1.18;text-transform:none}.start-options select,.start-options input{width:100%}.start-options select{min-height:40px;border:2px solid rgba(255,244,212,.5);border-radius:8px;background:#fff4d4;color:#10201e;font:900 .95rem Nunito,system-ui,sans-serif}.start-options input{accent-color:var(--sun)}.start-options strong{justify-self:end;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.25rem}.best-preview{margin-top:10px;color:var(--aqua);position:relative;z-index:1}.selection-note{margin-top:10px;color:#fff4d4e6;text-transform:none;position:relative;z-index:1}.hidden{display:none!important}.touch-controls{position:fixed;inset:auto 0 max(12px,env(safe-area-inset-bottom)) 0;display:none;align-items:end;justify-content:space-between;padding:0 18px;pointer-events:none;z-index:3}.stick{position:relative;width:112px;height:112px;border:2px solid rgba(255,244,212,.5);border-radius:50%;background:#0a272170;pointer-events:auto;touch-action:none}.stick span{position:absolute;left:34px;top:34px;width:40px;height:40px;border-radius:50%;background:var(--sun);box-shadow:0 4px #b78622}.touch-actions{display:grid;gap:10px;pointer-events:auto}.touch-actions button{width:86px;background:var(--cream);color:var(--ink);box-shadow:0 4px #10201e47}.book-dialog{width:min(860px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));border:3px solid rgba(255,244,212,.9);border-radius:8px;background:#123f35;color:var(--cream);box-shadow:var(--shadow);padding:18px}.book-dialog::backdrop{background:#041512b3}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.guide-dialog{width:min(900px,calc(100vw - 28px))}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.guide-card{border-radius:8px;background:#fff4d41f;padding:14px}.guide-card h3{margin-bottom:6px;font-size:1.12rem}.guide-card p{margin:0;color:#fff4d4d1;line-height:1.32}.book-entry{border-radius:8px;background:#fff4d41f;padding:12px}.book-entry .dino-face{display:grid;width:76px;height:76px;margin-bottom:8px;place-items:center;border-radius:50%;color:#13231f;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.7rem;font-weight:900;overflow:hidden}.book-entry .dino-face img{width:118%;height:118%;object-fit:cover}.book-entry h3{font-size:1.05rem}.book-entry p{margin:4px 0 0;color:#fff4d4c7;font-size:.88rem;line-height:1.28}@media(max-width:980px){body{overflow:auto}.game-shell{height:auto;min-height:100dvh;grid-template-columns:1fr}.playfield-panel{aspect-ratio:16 / 10;min-height:420px}.hud-panel{max-height:none}.touch-controls{display:flex}}@media(max-width:620px){.game-shell{gap:10px;padding:8px}.playfield-panel{aspect-ratio:10 / 12;min-height:420px}.brand-row h2{font-size:1.45rem}.level-strip,.meter-grid{grid-template-columns:1fr 1fr}.start-options{grid-template-columns:1fr}.feature-art{display:none}.book-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.action-row,.start-actions{align-items:stretch;flex-direction:column}.start-card,.result-card{top:44%}}