:root{color:#fff4d6;font-synthesis:none;--navy:#082b4a;--navy-2:#0d426c;--navy-3:#176b9b;--cream:#fff4d6;--leaf:#8dd33d;--sky:#35bdf2;--orange:#ff8a34;--coral:#ff5d4d;--lavender:#9b73ff;--yellow:#ffd43b;--ink:#061c32;--shadow:0 16px 40px #03172a57;background:#082b4a;font-family:ui-rounded,Avenir Next Rounded,Nunito,Hiragino Maru Gothic ProN,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,select{font:inherit}button{color:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.app-shell{background:linear-gradient(#082b4a1f,#082b4a80),url(/assets/arena-gummy-grassland.png) 50%/cover fixed;min-height:100dvh;padding-top:14px;position:relative}.app-shell:before{content:"";pointer-events:none;background:linear-gradient(#082b4a1a 0 58%,#082b4ab3);position:fixed;inset:0}.topbar{z-index:10;width:min(1180px,100% - 28px);min-height:78px;box-shadow:inset 0 2px #fff3, var(--shadow);background:linear-gradient(#0d426c,#082b4a);border:3px solid #061c32;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:10px 16px 10px 22px;display:flex;position:relative}.brand{text-align:left;cursor:pointer;filter:drop-shadow(0 3px #061c32);background:0 0;border:0;padding:0;display:grid;transform:rotate(-2deg)}.brand span,.brand strong{letter-spacing:-2px;-webkit-text-stroke:1px #061c32;font-weight:950;line-height:.76}.brand span{color:var(--leaf);font-size:30px}.brand strong{color:var(--orange);font-size:26px}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-actions>button,.topbar-actions select{min-height:44px;color:var(--cream);cursor:pointer;background:#0b365a;border:2px solid #35bdf26b;border-radius:14px;padding:8px 13px;font-size:14px;font-weight:850}.topbar-actions>button:not(.account-button){width:46px;padding:0;font-size:20px}.account-button{text-align:left;grid-template-rows:auto auto;grid-template-columns:30px auto;min-width:140px;display:grid}.account-button span{width:28px;height:28px;color:var(--leaf);border-radius:50%;grid-row:1/3;place-items:center;font-size:30px;display:grid}.account-button strong{text-overflow:ellipsis;max-width:120px;font-size:13px;overflow:hidden}.account-button small{color:#9bdcff;font-size:11px}.offline-banner,.sync-status{z-index:8;width:max-content;max-width:calc(100% - 32px);color:var(--cream);border:2px solid var(--sky);background:#082b4aeb;border-radius:999px;margin:10px auto 0;padding:8px 14px;font-size:13px;font-weight:800;position:relative}.offline-banner{border-color:var(--orange)}.home-page,.tutorial-page,.result-page{z-index:2;width:min(1180px,100% - 28px);margin:18px auto 0;padding-bottom:36px;position:relative}.home-page{padding-bottom:18px}.home-intro{text-shadow:0 3px 12px #061c32;justify-content:space-between;align-items:end;gap:24px;padding:8px 6px 16px;display:flex}.home-intro h1{letter-spacing:-2px;margin:0;font-size:clamp(36px,5vw,62px);font-weight:950;line-height:1}.home-intro p{margin:8px 0 0;font-size:clamp(15px,2vw,20px);font-weight:800}.home-stats{gap:8px;display:flex}.home-stats span{text-align:center;min-width:82px;box-shadow:var(--shadow);background:#082b4af0;border:2px solid #176b9b;border-radius:15px;padding:10px 14px;font-weight:900}.selection-section{box-shadow:inset 0 2px #ffffff24, var(--shadow);background:linear-gradient(#082b4af7,#061c32f5);border:3px solid #061c32;border-radius:24px;margin-top:14px;padding:18px}.selection-section h2{letter-spacing:.2px;margin:0 0 14px;font-size:20px;font-weight:950}.dino-roster{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.dino-card{cursor:pointer;background:linear-gradient(#165783,#0d365a);border:3px solid #176b9b;border-radius:18px;justify-items:center;gap:4px;min-width:0;padding:9px 8px 11px;transition:transform .16s,border-color .16s,background .16s;display:grid}.dino-card:hover{transform:translateY(-3px)}.dino-card.selected{border-color:var(--yellow);background:linear-gradient(#176b9b,#0d426c);box-shadow:0 0 0 3px #ffd43b2e,inset 0 0 18px #35bdf22e}.dino-card.locked{filter:saturate(.55);opacity:.74;cursor:not-allowed}.dino-card strong{text-align:center;font-size:13px;font-weight:950;line-height:1.15}.dino-card small{color:#9bdcff;text-align:center;font-size:10px;font-weight:800;line-height:1.15}.dino-card.locked small{color:#ffd29e}.dino-role-tip{color:#b9e8ff;background:#0d426c8c;border:1px solid #35bdf273;border-radius:12px;margin:12px 2px 0;padding:9px 12px;font-size:12px;font-weight:800}.dino-role-tip strong{color:var(--yellow)}.dino-portrait{aspect-ratio:1/.9;filter:drop-shadow(0 7px 5px #02101e47);width:100%;max-width:132px;display:block}.palette-row{justify-content:center;gap:8px;padding-top:14px;display:flex}.palette-row button{border:2px solid var(--cream);background:hsl(var(--swatch-hue) 75% 58%);cursor:pointer;border-radius:50%;width:24px;height:24px}.palette-row button.selected{outline:3px solid var(--yellow);outline-offset:2px;transform:scale(1.12)}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2{margin:0}.mode-switch{background:#061c32;border-radius:12px;padding:3px;display:flex}.mode-switch button{color:#8bb6d4;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:12px;font-weight:900}.mode-switch button.selected{background:var(--sky);color:var(--ink)}.mode-switch button:disabled{opacity:.45;cursor:not-allowed}.cup-list{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.cup-card{cursor:pointer;text-align:left;background-position:50%;background-size:cover;border:3px solid #176b9b;border-radius:18px;align-items:end;min-height:138px;padding:0;transition:transform .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.cup-card:before{content:"";background:linear-gradient(#0000,#031426f2);position:absolute;inset:35% 0 0}.cup-card span{z-index:1;width:100%;padding:26px 14px 12px;display:grid;position:relative}.cup-card strong{font-size:17px;font-weight:950}.cup-card small{color:#b8e8ff;font-size:11px;font-weight:800}.cup-card:hover{transform:translateY(-3px)}.cup-card.selected{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd43b33}.cup-card.locked{filter:saturate(.4);cursor:not-allowed}.home-actions{grid-template-columns:minmax(210px,auto) minmax(270px,1fr);align-items:stretch;gap:12px;margin:16px 0 0;display:grid}.quick-start{box-shadow:inset 0 2px #ffffff24, var(--shadow);background:linear-gradient(#082b4af7,#061c32f5);border:3px solid #061c32;border-radius:24px;padding:16px 18px 18px}.quick-heading{text-shadow:0 3px 12px #061c32;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.quick-heading h2{margin:0;font-size:clamp(22px,3.4vw,32px);font-weight:950;line-height:1.1}.quick-heading p{color:#dff4ff;margin:6px 0 0;font-size:clamp(14px,2vw,19px);font-weight:800}.rumble-button{letter-spacing:.5px;width:100%;min-height:58px;margin-top:14px;font-size:20px}.cup-play-button{width:100%;margin-top:14px}.section-sub{color:#9bdcff;margin-top:3px;font-size:12px;font-weight:800;display:block}.cups-section .section-heading h2{margin:0}.near-miss{color:var(--yellow);margin:0;font-size:clamp(18px,3vw,24px);font-weight:950}.new-best{background:var(--yellow);color:var(--ink);border-radius:999px;justify-self:center;padding:6px 16px;font-weight:950;animation:.6s cubic-bezier(.2,1.6,.4,1) both new-best-pop}.again-button{min-width:210px;min-height:60px;font-size:21px}.result-actions .button{white-space:nowrap}.again-button span{margin-left:8px}@keyframes rumble-breathe{50%{filter:brightness(1.08);transform:scale(1.025)}}@keyframes new-best-pop{0%{opacity:0;transform:scale(.3)rotate(-8deg)}}.achievement-panel{box-shadow:var(--shadow);background:linear-gradient(#0d426cf7,#061c32f7);border:3px solid #061c32;border-radius:18px;margin-top:14px;overflow:hidden}.achievement-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 16px;font-weight:950;display:flex}.achievement-panel summary strong{color:var(--yellow)}.achievement-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 13px 13px;display:grid}.achievement-grid>div{background:#0d365a;border:2px solid #176b9b;border-radius:13px;align-items:center;gap:9px;min-height:52px;padding:8px 10px;display:flex}.achievement-grid>div.locked{opacity:.52;filter:grayscale(.7)}.achievement-grid span{width:30px;height:30px;color:var(--yellow);background:#082b4a;border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.achievement-grid strong{font-size:12px}.button{cursor:pointer;border:3px solid #061c32;border-radius:16px;min-height:52px;padding:12px 20px;font-size:15px;font-weight:950;transition:transform .12s,filter .12s;box-shadow:inset 0 2px #ffffff3d,0 7px #0314268c}.button:hover{filter:brightness(1.08);transform:translateY(-2px)}.button:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff24,0 3px #0314268c}.button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.button-primary{color:var(--ink);background:linear-gradient(#a9ea50,#72bb28)}.button-secondary{background:linear-gradient(#7459cc,#533a9f)}.button-orange{background:linear-gradient(#ff9b3f,#ef6d25)}.play-button{font-size:18px}.play-button span{margin-left:10px}.parent-gate{--hold-progress:0deg;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#0f4d7c,#082b4a);border:3px solid #061c32;border-radius:17px;align-items:center;gap:12px;min-height:60px;padding:7px 14px 7px 8px;display:flex;box-shadow:inset 0 2px #ffffff29,0 7px #0314268c}.parent-gate-ring{background:conic-gradient(var(--leaf) var(--hold-progress), #24597a 0);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.parent-gate-ring span{background:var(--navy);border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.parent-gate>span:last-child{gap:2px;display:grid}.parent-gate strong{font-size:12px}.parent-gate small{color:#9bdcff;font-size:10px}.full-game-owned{color:#caff9d;background:#115332eb;border:3px solid #285d42;border-radius:17px;place-items:center;font-weight:900;display:grid}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#031426bd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.parent-modal{text-align:center;background:linear-gradient(#0d426c,#061c32);border:4px solid #176b9b;border-radius:28px;width:min(590px,100%);max-height:calc(100dvh - 28px);padding:28px;position:relative;overflow:auto;box-shadow:inset 0 2px #ffffff2e,0 30px 80px #020f1c99}.modal-close{cursor:pointer;background:#082b4a;border:2px solid #176b9b;border-radius:50%;width:40px;height:40px;font-size:25px;position:absolute;top:12px;right:14px}.parent-lock-mark{background:var(--leaf);border:4px solid #c9ff7d;border-radius:22px;place-items:center;width:66px;height:66px;margin:0 auto 8px;font-size:30px;display:grid;transform:rotate(-4deg)}.parent-modal h2{margin:0;font-size:clamp(32px,7vw,48px);font-weight:950}.parent-subtitle{color:#a9dfff;margin:4px 0 18px;font-weight:750}.price-lockup{width:min(430px,100%);color:var(--ink);background:#fff2cf;border:3px solid #e8b863;border-radius:18px;justify-content:center;align-items:center;gap:11px;margin:0 auto 13px;padding:10px 18px;display:flex;box-shadow:inset 0 -5px #d3983d38}.price-lockup span{color:#fff;background:var(--lavender);border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.price-lockup strong{color:#e96622;font-size:45px;line-height:1}.price-lockup small{color:#c65321;text-transform:uppercase;font-size:15px;font-weight:950;line-height:1.05}.parent-balance{border:2px solid #176b9b;border-radius:13px;justify-content:space-between;width:min(430px,100%);margin:0 auto;padding:9px 15px;display:flex}.parent-balance dt,.parent-balance dd{margin:0;font-weight:900}.parent-includes{color:#d5efff;max-width:470px;margin:16px auto 10px;font-size:14px;font-weight:750;line-height:1.45}.parent-safe{color:#b9e8ff;background:#134e77;border-radius:12px;max-width:480px;margin:0 auto 18px;padding:10px 12px;font-size:12px;font-weight:750}.parent-modal>.button,.parent-action-stack .button{width:min(430px,100%);margin-top:10px}.parent-action-stack{justify-items:center;gap:4px;margin:10px 0;display:grid}.parent-action-stack p{margin:0}.parent-action-stack.insufficient{border:2px solid var(--coral);background:#6e181c59;border-radius:16px;padding:12px}.parent-action-stack.insufficient>strong{color:#ffad91;font-size:18px}.form-error{color:#ffd0c5;font-weight:800}.tutorial-page,.result-page{place-items:center;min-height:calc(100dvh - 118px);display:grid}.tutorial-panel,.result-panel{width:min(900px,100%);box-shadow:var(--shadow);background:linear-gradient(#0d426cfa,#061c32fa);border:4px solid #176b9b;border-radius:28px;grid-template-columns:minmax(220px,38%) 1fr;align-items:center;gap:30px;padding:30px;display:grid}.tutorial-dino,.result-dino{max-width:none}.tutorial-panel h1,.result-panel h1{margin:0 0 12px;font-size:clamp(30px,5vw,48px);font-weight:950}.tutorial-panel p,.tutorial-panel li{color:#d6f2ff;font-weight:750;line-height:1.5}.tutorial-panel ul{gap:8px;margin:16px 0;padding-left:22px;display:grid}.tutorial-actions,.result-actions{gap:12px;margin-top:20px;display:flex}.result-panel{text-align:center;grid-template-columns:minmax(170px,30%) 1fr}.result-panel>:not(.result-dino){grid-column:2}.result-dino{grid-row:1/9}.result-panel{row-gap:10px}.result-panel h1{margin:0}.result-page.won .result-panel{border-color:var(--yellow)}.result-page.lost .result-panel{border-color:var(--coral)}.result-stats{flex-wrap:wrap;justify-content:center;gap:8px 12px;display:flex}.result-stats span{background:#082b4a;border-radius:13px;padding:10px 14px}.result-stats strong{color:var(--yellow)}.fact-card{background:#7050c438;border:2px solid #7459cc;border-radius:16px;margin-top:16px;padding:15px}.fact-card small{color:#cdbfff;font-weight:900}.fact-card p{color:#e9f7ff;margin:7px 0;line-height:1.45}.fact-card button,.fact-card span{background:var(--lavender);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:7px 12px;font-weight:900}.result-actions{justify-content:center}.game-shell{isolation:isolate;background:var(--ink);touch-action:none;position:fixed;inset:0;overflow:hidden}.game-shell:before{content:"";z-index:0;background:linear-gradient(#061c322e, #061c326b), var(--game-arena) center / cover;filter:blur(13px)saturate(.85)brightness(.72);position:absolute;inset:-20px;transform:scale(1.04)}.game-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.game-loading{background:var(--navy);place-items:center;min-height:100dvh;font-size:24px;font-weight:950;display:grid}.game-hud{z-index:5;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));pointer-events:none;grid-template-columns:minmax(260px,1fr) auto auto auto;align-items:start;gap:10px;display:grid;position:absolute}.game-hud>div{pointer-events:auto;box-shadow:inset 0 2px #ffffff29, var(--shadow);background:linear-gradient(#0d426c,#082b4a);border:3px solid #061c32;border-radius:17px}.health-cluster{align-items:center;gap:10px;max-width:420px;padding:8px 12px;display:flex}.health-cluster>div{flex:1}.hud-dino-dot{border:3px solid var(--cream);border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.health-track{background:#061c32;border:3px solid #061c32;border-radius:999px;height:17px;overflow:hidden}.health-track span{border-radius:inherit;background:linear-gradient(90deg,#ff5d4d,#ff8a34);height:100%;display:block}.health-cluster small{color:#b9e8ff;margin-top:2px;font-size:11px;font-weight:900;display:block}.wave-cluster{text-align:center;min-width:160px;padding:9px 18px;display:grid}.wave-cluster strong{font-size:20px;font-weight:950}.wave-cluster span{color:var(--leaf);letter-spacing:4px;font-size:12px}.score-cluster{gap:2px;min-width:150px;padding:9px 15px;font-size:13px;display:grid}.score-cluster span{color:#ffd495;font-weight:900}.score-cluster strong{font-size:19px}.hud-actions{gap:6px;padding:5px;display:flex;box-shadow:none!important;background:0 0!important;border:0!important}.hud-actions button{cursor:pointer;background:#0d426c;border:3px solid #061c32;border-radius:14px;width:47px;height:47px;font-size:20px;font-weight:950}.skill-meter{z-index:5;left:max(15px, env(safe-area-inset-left));bottom:max(15px, env(safe-area-inset-bottom));width:min(300px,36vw);box-shadow:var(--shadow);background:#082b4af2;border:3px solid #061c32;border-radius:15px;padding:9px 12px;position:absolute}.skill-meter>span,.skill-meter>strong{font-size:11px;font-weight:950}.skill-meter>strong{float:right;color:var(--yellow)}.skill-meter>div{background:#061c32;border-radius:999px;height:11px;margin-top:5px;overflow:hidden}.skill-meter i{background:linear-gradient(90deg, var(--sky), var(--leaf));height:100%;display:block}.combat-readout{z-index:5;max-width:min(540px,100% - 190px);color:var(--cream);box-shadow:var(--shadow);text-align:center;pointer-events:none;background:#082b4ae6;border:2px solid #ffd43bb8;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:950;position:absolute;top:96px;left:50%;transform:translate(-50%)}.combat-readout.guarding{border-color:var(--sky);color:#dff8ff}.game-overlay{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03142694;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.game-overlay>section{width:min(760px,100%);box-shadow:var(--shadow);text-align:center;background:linear-gradient(#0d426c,#061c32);border:4px solid #176b9b;border-radius:26px;padding:24px}.game-overlay h2{margin:0;font-size:clamp(28px,5vw,44px);font-weight:950}.game-overlay p{color:#b9e8ff;margin:5px 0 18px;font-weight:750}.upgrade-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.upgrade-options button{cursor:pointer;background:#0d365a;border:3px solid #176b9b;border-radius:18px;align-content:center;place-items:center;gap:8px;min-height:180px;padding:16px 12px;display:grid}.upgrade-options button:hover,.upgrade-options button:focus-visible{border-color:var(--yellow);transform:translateY(-3px);box-shadow:0 0 0 4px #ffd43b33}.upgrade-options span{color:var(--leaf);font-size:44px}.upgrade-options strong{font-size:16px;font-weight:950}.upgrade-options small{color:#b9e8ff;font-weight:800}.pause-panel{gap:12px;max-width:390px;display:grid}.touch-controls{z-index:6;inset:auto max(18px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:end;display:none;position:absolute}.touch-pad,.touch-actions button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.touch-pad{background:#082b4aa6;border:3px solid #b9e8ffa6;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;box-shadow:inset 0 0 0 20px #0d426c73}.touch-pad span{color:#b9e8ffb8;font-size:54px}.touch-actions{align-items:end;gap:12px;display:flex}.touch-actions button{border:3px solid #061c32;border-radius:50%;font-weight:950;box-shadow:inset 0 3px #ffffff40,0 7px #0314268c}.touch-attack{background:var(--coral);width:92px;height:92px;font-size:40px}.touch-skill{background:var(--lavender);width:70px;height:70px;font-size:30px}@media (hover:none),(pointer:coarse){.touch-controls{display:flex}.skill-meter{bottom:160px}}@media (max-height:520px) and (max-width:960px){.quick-heading h2{font-size:22px}.quick-heading{margin-bottom:8px}.quick-start .dino-roster .dino-card .dino-portrait{max-width:62px}.quick-start .dino-card small,.quick-start .dino-role-tip{display:none}.rumble-button{min-height:54px;margin-top:10px}.touch-controls{bottom:max(10px, env(safe-area-inset-bottom));display:flex}.touch-pad{width:96px;height:96px;box-shadow:inset 0 0 0 15px #0d426c73}.touch-pad span{font-size:42px}.touch-attack{width:72px;height:72px;font-size:32px}.touch-skill{width:56px;height:56px;font-size:25px}.skill-meter{left:50%;bottom:max(10px, env(safe-area-inset-bottom));width:168px;padding:6px 9px;transform:translate(-50%)}.combat-readout{max-width:calc(100% - 250px);padding:5px 10px;font-size:11px;top:132px}}@media (max-width:900px){.app-shell{padding-top:9px}.topbar{border-radius:19px;width:calc(100% - 18px);min-height:64px;padding:8px 10px 8px 14px}.brand span{font-size:24px}.brand strong{font-size:21px}.account-button{grid-template-columns:1fr;width:48px;min-width:48px!important;padding:7px!important}.account-button strong,.account-button small{display:none}.account-button span{grid-row:auto}.topbar-actions select{max-width:94px}.home-page,.tutorial-page,.result-page{width:calc(100% - 18px);margin-top:10px}.home-intro{align-items:start}.home-stats{flex-direction:column}.home-stats span{min-width:75px;padding:7px 10px;font-size:12px}.dino-roster{grid-template-columns:repeat(3,1fr)}.quick-start .dino-roster{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.quick-start .dino-roster::-webkit-scrollbar{display:none}.quick-start .dino-card{scroll-snap-align:start;flex:0 0 108px;padding:6px 6px 8px}.quick-start .dino-roster .dino-card .dino-portrait{max-width:86px}.quick-heading .home-stats{flex-direction:row}.cup-list{grid-template-columns:1fr}.cup-card{min-height:112px}.home-actions{grid-template-columns:1fr 1fr}.achievement-grid{grid-template-columns:repeat(3,1fr)}.parent-gate,.full-game-owned{grid-column:1/3}.tutorial-panel,.result-panel{text-align:center;grid-template-columns:1fr;gap:8px}.tutorial-dino,.result-dino{grid-row:auto;width:220px;margin:auto}.result-panel>:not(.result-dino){grid-column:1}.tutorial-actions,.result-actions{justify-content:center}.game-hud{grid-template-columns:minmax(180px,1fr) auto auto}.score-cluster{display:none!important}.hud-actions button{width:43px;height:43px}}@media (max-width:620px){.touch-controls{display:flex}.topbar-actions{gap:5px}.topbar-actions>button,.topbar-actions select{border-radius:12px;min-height:40px;padding:6px 8px}.home-intro{padding:4px 2px 10px}.home-intro p{max-width:230px}.quick-start{border-radius:20px;padding:12px 12px 14px}.more-play>summary small{display:none}.quick-heading{margin-bottom:10px}.quick-heading p{max-width:220px}.again-button{flex:1;min-width:0}.selection-section{border-radius:20px;padding:13px}.dino-roster{grid-template-columns:repeat(2,1fr)}.dino-card:nth-child(n+5) .dino-portrait{max-width:110px}.section-heading{flex-direction:column;align-items:start}.home-actions{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr 1fr}.parent-gate,.full-game-owned{grid-column:auto}.parent-modal{padding:22px 16px}.price-lockup strong{font-size:38px}.price-lockup small{font-size:12px}.game-hud{grid-template-columns:1fr auto;gap:5px;top:7px;left:7px;right:7px}.health-cluster{padding:5px 7px}.hud-dino-dot{width:38px;height:38px}.wave-cluster{min-width:100px;padding:6px 8px}.wave-cluster strong{font-size:15px}.hud-actions{position:absolute;top:59px;right:0}.hud-actions button{width:39px;height:39px}.skill-meter{width:180px;bottom:150px;left:12px;transform:none}.combat-readout{max-width:calc(100% - 24px);top:116px}.touch-pad{width:112px;height:112px}.touch-attack{width:78px;height:78px}.touch-skill{width:60px;height:60px}.upgrade-options{grid-template-columns:1fr}.upgrade-options button{text-align:left;grid-template-rows:auto auto;grid-template-columns:52px 1fr;min-height:92px}.upgrade-options span{grid-row:1/3;font-size:36px}.game-upgrade>section{max-height:calc(100dvh - 24px);padding:17px;overflow:auto}}@media (orientation:portrait) and (max-width:620px){.touch-controls{bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.adventure-hero{box-shadow:inset 0 2px #ffffff29, var(--shadow);background:radial-gradient(circle at 12% 40%,#ffd43b59,#0000 38%),linear-gradient(135deg,#2f6b4f,#134a3a 60%,#0d365a);border:3px solid #061c32;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:14px;padding:18px 20px;display:grid;position:relative;overflow:hidden}.hero-copy small{color:var(--yellow);letter-spacing:.5px;font-size:13px;font-weight:950}.hero-copy h1{text-shadow:0 3px 10px #061c32;margin:2px 0 4px;font-size:clamp(28px,4.4vw,50px);font-weight:950;line-height:1.05}.hero-copy p{color:#e6f6e8;margin:0;font-size:clamp(14px,1.8vw,18px);font-weight:800}.hero-button{min-width:230px;min-height:66px;font-size:22px;animation:1.8s ease-in-out infinite rumble-breathe}.hero-button span{margin-left:8px}.more-play{box-shadow:var(--shadow);background:#061c32e6;border:3px solid #061c32;border-radius:22px;margin-top:4px}.more-play>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 18px;font-weight:950;list-style:none;display:flex}.more-play>summary::-webkit-details-marker{display:none}.more-play>summary:after{content:"▾";color:var(--yellow)}.more-play[open]>summary:after{content:"▴"}.more-play>summary small{color:#9bdcff;margin-left:auto;font-size:12px;font-weight:800}.more-play[open]{padding:0 12px 12px}.more-play-tutorial{width:100%;margin-top:12px}.home-actions:has(>:only-child){grid-template-columns:1fr}.more-play[open]>summary{padding-left:6px;padding-right:6px}.hero-egg{place-items:center;width:92px;height:112px;display:grid}.egg-shape{background:radial-gradient(circle at 35% 30%,#f3e2b8,#c9a978 55%,#8f7350);border:4px solid #2a2418;border-radius:50% 50% 46% 46%/58% 58% 42% 42%;width:78px;height:100px;animation:2.6s ease-in-out infinite egg-wobble;display:block;position:relative;box-shadow:0 0 26px #ffd43b8c,inset -8px -10px #0000001f}.egg-shape i{background:#6b5232;border-radius:4px;height:4px;display:block;position:absolute}.egg-shape i:first-child{width:34%;top:32%;left:18%;transform:rotate(18deg)}.egg-shape i:nth-child(2){width:30%;top:54%;left:46%;transform:rotate(-24deg)}.egg-shape i:nth-child(3){width:24%;top:70%;left:22%;transform:rotate(10deg)}@keyframes egg-wobble{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-7deg)}84%{transform:rotate(6deg)}92%{transform:rotate(-3deg)}}.adventure-shell{touch-action:none;background:#2f4a2a;position:fixed;inset:0;overflow:hidden}.adv-hud{z-index:5;left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));top:max(10px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:start;gap:10px;display:flex;position:absolute}.adv-hud>*{pointer-events:auto}.adv-partner{box-shadow:var(--shadow);background:linear-gradient(#0d426c,#082b4a);border:3px solid #061c32;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.adv-partner .partner-portrait{background:#165783;border-radius:50%;width:48px;max-width:none;height:44px}.adv-partner span{line-height:1.1;display:grid}.adv-partner strong{font-size:16px;font-weight:950}.adv-partner small{color:var(--yellow);font-size:11px;font-weight:900}.adv-objective{max-width:calc(100% - 24px);color:var(--ink);white-space:nowrap;box-shadow:var(--shadow);background:#fff4d6f5;border:3px solid #061c32;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:950;position:absolute;top:64px;left:50%;transform:translate(-50%)}.adv-actions-top{gap:6px;display:flex}.adv-actions-top button{width:46px;height:46px;color:var(--cream);cursor:pointer;box-shadow:var(--shadow);background:#0d426c;border:3px solid #061c32;border-radius:14px;font-size:20px;font-weight:950;position:relative}.adv-actions-top i{background:var(--coral);color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-style:normal;font-weight:950;line-height:20px;position:absolute;top:-4px;right:-4px}.adv-toast{z-index:7;background:var(--yellow);max-width:calc(100% - 24px);color:var(--ink);box-shadow:var(--shadow);border:3px solid #061c32;border-radius:16px;padding:10px 16px;font-weight:950;animation:.5s cubic-bezier(.2,1.6,.4,1) both new-best-pop;position:absolute;top:124px;left:50%;transform:translate(-50%)}.adv-interact{z-index:6;left:50%;bottom:max(28px, env(safe-area-inset-bottom));background:var(--yellow);min-height:58px;color:var(--ink);cursor:pointer;border:3px solid #061c32;border-radius:999px;padding:10px 26px;font-size:20px;font-weight:950;animation:1.2s ease-in-out infinite rumble-breathe;position:absolute;transform:translate(-50%);box-shadow:0 7px #0314268c}.touch-attack.highlight{background:var(--yellow);animation:1s ease-in-out infinite rumble-breathe}.adv-overlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#061c3294;grid-template-columns:minmax(0,1fr);place-items:center;padding:14px;display:grid;position:absolute;inset:0;overflow:auto}.adv-overlay.story,.adv-overlay.camp{background:#082b4a}.adv-dialog{width:min(640px,100%);max-height:calc(100dvh - 28px);box-shadow:var(--shadow);text-align:center;background:linear-gradient(#0d426cfc,#061c32fc);border:4px solid #176b9b;border-radius:26px;padding:20px;overflow:auto}.adv-dialog.celebrate{border-color:var(--yellow)}.adv-dialog h2{margin:0 0 12px;font-size:clamp(20px,3.4vw,28px);font-weight:950;line-height:1.3}.adv-dialog h2 small{color:var(--yellow);font-size:15px}.adv-ask{color:#dff4ff;margin:10px 0;font-size:17px;font-weight:900}.adv-feedback{background:#ffffff14;border-radius:14px;margin:10px 0;padding:10px 14px;font-size:17px;font-weight:900;line-height:1.5}.adv-feedback.right{color:#dfffbf;background:#8dd33d33}.adv-feedback.wrong{color:#ffd6cf;background:#ff5d4d33}.adv-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.adv-actions .button{white-space:nowrap;min-width:140px}.listen-button{color:#fff;vertical-align:middle;cursor:pointer;background:#0d365a;border:2px solid #176b9b;border-radius:50%;width:38px;height:38px;margin-left:8px;font-size:17px}.choice-grid{gap:10px;display:grid}.choice-grid.two{grid-template-columns:1fr 1fr}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-card{min-width:0;color:var(--cream);cursor:pointer;background:linear-gradient(#165783,#0d365a);border:3px solid #176b9b;border-radius:18px;justify-items:center;gap:6px;padding:10px 8px;transition:transform .14s,border-color .14s;display:grid}.choice-card:hover,.choice-card:focus-visible{border-color:var(--yellow);transform:translateY(-3px)}.choice-card strong{font-size:15px;font-weight:950;line-height:1.25}.choice-card small{color:var(--yellow);font-weight:900}.choice-card.dimmed{opacity:.45;filter:grayscale(.6)}.choice-card .dino-portrait{max-width:120px}.sketch{border-radius:14px;width:100%;height:auto;display:block}.scene-sketch{border:3px solid #061c32;max-width:520px;margin:0 auto}.baby-sketch{max-width:300px;margin:0 auto}.print-sketch{border:3px solid #061c32}.food-emoji{place-items:center;height:92px;font-size:56px;display:grid}.egg{cursor:pointer;background:0 0;border:0;place-items:center;width:200px;height:230px;margin:10px auto;display:grid}.egg .egg-shape{border-width:6px;width:150px;height:190px;animation:1.4s ease-in-out infinite egg-wobble}.egg img{object-fit:contain;width:200px;height:200px}.egg.crack-1 .egg-shape{box-shadow:0 0 40px #ffd43bb3,inset -8px -10px #0000001f}.egg.crack-2 .egg-shape{animation-duration:.5s;box-shadow:0 0 70px #ffd43bf2,inset -8px -10px #0000001f}.egg.crack-1 .egg-shape i,.egg.crack-2 .egg-shape i{background:#ffd43b;height:6px}.egg:active .egg-shape{transform:scale(.94)}.egg-taps{letter-spacing:6px;color:var(--yellow);font-size:22px}.hatch-reveal{place-items:center;animation:.7s cubic-bezier(.2,1.6,.4,1) both new-best-pop;display:grid}.hatch-reveal .partner-portrait{width:200px;max-width:60vw}.partner-portrait.stage-baby{transform:scale(.8)}.name-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.name-chip{min-height:52px;color:var(--ink);cursor:pointer;background:linear-gradient(#a9ea50,#72bb28);border:3px solid #061c32;border-radius:16px;font-size:19px;font-weight:950}.story-panel{text-align:center;gap:14px;width:100%;min-width:0;max-width:900px;display:grid}.story-art{aspect-ratio:16/9;object-fit:cover;border:4px solid #176b9b;border-radius:24px;width:100%}.story-art.placeholder{letter-spacing:12px;place-items:center;font-size:clamp(56px,14vw,120px);display:grid}.story-art.dig{background:linear-gradient(#a3c8de,#d8c39b 55%,#a8885c)}.story-art.glow{background:radial-gradient(circle,#fff3b0,#ffd43b 30%,#6b4a9e 75%)}.story-art.arrive{background:linear-gradient(#7cc7e8,#cfe6c6 45%,#7f8f4e 70%,#5d6a3a)}.story-panel p{margin:0;font-size:clamp(19px,3.6vw,28px);font-weight:950;line-height:1.45}.battle-card{text-align:left;background:linear-gradient(160deg,#6b4a2e,#3f2a19);border:4px solid #e8d8a6;border-radius:20px;grid-template-columns:120px 1fr;align-items:center;gap:12px;padding:18px 14px 14px;display:grid;position:relative}.battle-card-label{background:var(--orange);color:var(--ink);border-radius:999px;padding:2px 12px;font-size:13px;font-weight:950;position:absolute;top:-14px;left:14px}.battle-card .dino-portrait{max-width:120px}.battle-card ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.battle-card li{grid-template-columns:30px 1fr;gap:6px;font-size:15px;font-weight:900;line-height:1.45;display:grid}.battle-card b{font-size:22px}.grow-row{justify-content:center;align-items:center;gap:12px;display:flex}.grow-row>div{justify-items:center;gap:4px;display:grid}.grow-row small{color:var(--yellow);font-weight:950}.grow-row .partner-portrait.small{width:96px;transform:none}.grow-row .partner-portrait.big{width:170px;animation:.8s cubic-bezier(.2,1.6,.4,1) both new-best-pop}.grow-arrow{color:var(--yellow);font-size:34px}.camp-dialog{width:min(680px,100%)}.camp-scene{background-color:#0000;background-image:radial-gradient(circle at 80% 20%,#fff7c2 0 18px,#0000 20px),radial-gradient(circle at 50% 120%,#3d5a2b,#142b20 60%,#0b1830);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:3px solid #061c32;border-radius:20px;place-items:center;height:200px;margin-bottom:12px;display:grid;position:relative}.camp-scene .partner-portrait{filter:brightness(.8);width:170px;transform:rotate(-4deg)}.zzz{color:#dff4ff;font-size:22px;font-weight:950;animation:2s ease-in-out infinite rumble-breathe;position:absolute;top:24%;right:26%}.camp-pages{color:var(--yellow);font-size:18px;font-weight:950}.camp-teaser{background:#00000040;border-radius:14px;margin:8px 0;padding:12px;font-size:16px;font-weight:800;line-height:1.6}.camp-soon{color:var(--orange);font-size:18px}.notebook{color:#3a2a16;background:linear-gradient(#f5e9c8,#e8d6a8);border-color:#a07a45}.notebook h2{color:#3a2a16}.notebook h2 small{color:sienna}.notebook-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.notebook-tabs button{color:#3a2a16;cursor:pointer;background:#fff8e4;border:2px solid #a07a45;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-weight:900;display:flex}.notebook-tabs button.selected{background:#ffd43b;border-color:#3a2a16}.notebook-page{text-align:left;background:#fffaf0;border:2px dashed #a07a45;border-radius:16px;grid-template-columns:90px 1fr;align-items:start;gap:12px;margin-top:12px;padding:14px;display:grid}.notebook-page img{object-fit:contain;width:90px;height:90px}.page-emoji{background:#f1e1b8;border-radius:50%;place-items:center;width:90px;height:90px;font-size:46px;display:grid}.notebook-page h3{margin:0 0 6px;font-size:19px}.notebook-page p{margin:0;font-size:16px;font-weight:700;line-height:1.65}.notebook .listen-button{color:#3a2a16;background:#fff8e4;border-color:#a07a45}.notebook-draft{color:#8a6a40;margin-top:10px;font-size:12px;font-weight:800;display:block}@media (max-width:620px){.adventure-hero{grid-template-columns:auto 1fr;gap:10px 12px;padding:14px}.hero-egg{width:64px;height:84px}.hero-egg .egg-shape{border-width:3px;width:56px;height:72px}.hero-button{grid-column:1/-1;width:100%;min-width:0}.adv-objective{white-space:normal;text-align:center;font-size:14px;top:64px}.adv-actions-top button{width:42px;height:42px;font-size:18px}.choice-grid.three{gap:6px}.choice-card{padding:8px 4px}.choice-card strong{font-size:13px}.battle-card{grid-template-columns:76px 1fr}.battle-card li{font-size:14px}.notebook-page{grid-template-columns:64px 1fr}.notebook-tabs{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:6px;overflow-x:auto}.notebook-tabs::-webkit-scrollbar{display:none}.notebook-tabs button{scroll-snap-align:start;white-space:nowrap;flex:none}.dino-card-db{grid-template-columns:72px 1fr}.dino-card-db img{width:72px;height:72px}.page-emoji,.notebook-page img{width:64px;height:64px;font-size:34px}.adv-interact{bottom:150px}}@media (max-height:520px) and (max-width:960px){.adventure-hero{padding:10px 14px}.hero-egg{display:none}.adventure-hero{grid-template-columns:1fr auto}.hero-button{min-width:190px;min-height:54px}.adv-dialog{padding:12px}.egg{height:170px}.egg .egg-shape{width:110px;height:140px}.adv-interact{bottom:24px}}.adv-wind{z-index:6;left:max(10px, env(safe-area-inset-left));color:var(--cream);box-shadow:var(--shadow);background:#0d426cf2;border:3px solid #061c32;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 8px;font-size:14px;font-weight:950;display:flex;position:absolute;top:118px}.wind-arrow{background:var(--leaf);width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;font-size:18px;transition:transform .4s;display:grid}.wind-arrow.up{transform:rotate(-90deg)}.wind-arrow.down{transform:rotate(90deg)}.adv-toast.warn{background:#ffb4a8}.dig-wrap{justify-items:center;gap:6px;display:grid}.dig-canvas{aspect-ratio:560/300;touch-action:none;cursor:grab;border:4px solid #061c32;border-radius:16px;width:100%;max-width:560px;height:auto}.dig-layers{color:#b9e8ff;text-align:left;grid-template-rows:repeat(3,1fr);justify-content:space-between;width:100%;max-width:560px;margin-top:-8px;font-size:12px;font-weight:900;display:flex}.find-sketch{border-radius:12px}.find-sketch.layer-top{background:#5a4630}.find-sketch.layer-middle{background:#c9b07a}.find-sketch.layer-bottom{background:#8a8f8a}.camp-scene.day{background:radial-gradient(circle at 80% 20%,#fff3b0 0 22px,#0000 24px),linear-gradient(#7cc7e8,#cfe6c6 60%,#7f8f4e)}.camp-scene.day .partner-portrait{filter:none;transform:none}.hide-card{background:linear-gradient(160deg,#2f5a3a,#183626)}@media (max-width:620px){.adv-wind{font-size:13px;top:112px}}.dino-card-db{text-align:left;color:#3a2a16;background:#fff3d6;border:2px solid #a07a45;border-radius:16px;grid-template-columns:96px 1fr;align-items:center;gap:12px;margin-top:10px;padding:12px;display:grid}.dino-card-db img{object-fit:cover;background:#f1e1b8;border-radius:12px;width:96px;height:96px}.dino-card-db strong{align-items:center;gap:4px;font-size:18px;display:flex}.dino-card-db small{color:#8a6a40;font-weight:800}.dino-card-db p{margin:4px 0 0;font-size:14px;font-weight:800}.dino-card-db em{color:#8a6a40;margin-top:6px;font-size:11px;font-style:normal;font-weight:800;display:block}