@import url('/assets/fonts/pretendard/pretendard.css');*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#1c3b32;color:#243d33;font-family:Pretendard,system-ui,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;border:0;min-width:44px;min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #fcaa3e;outline-offset:3px}button:disabled{cursor:default}button:hover{filter:brightness(1.04)}[hidden]{display:none!important}#game{position:relative;width:100%;height:100dvh;min-height:260px;isolation:isolate;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #183b2930}.hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;align-items:center;gap:16px;pointer-events:none}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-shadow:0 2px 8px #26442a60}.brand b{font-size:27px;font-weight:900;letter-spacing:-1px}.brand small{display:block;font-size:8px;font-weight:800;letter-spacing:2px}.brand-icon{font-size:28px;background:#f8d168;color:#345338;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;box-shadow:0 3px 0 #0002}.growth{margin-left:14px;padding:10px 14px;background:#fff9e9ee;border:1px solid #fff8;border-radius:16px;width:175px;box-shadow:0 4px 16px #21452e18}.growth>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.growth b{font-size:16px}.growth span{font-size:10px;font-weight:700;color:#688260}.xp-track{height:5px;background:#dfe8cf;border-radius:6px;overflow:hidden}.xp-track i{display:block;width:0;height:100%;background:#80a64c;transition:width .2s}.pill,.icon-button{background:#fff9e9ee;box-shadow:0 4px 16px #21452e18;border:1px solid #fff8;border-radius:15px}.pill{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 15px}.pill b{font-size:20px}.pill>span:last-child{font-size:11px;font-weight:700}.egg-icon{display:inline-block;width:18px;height:25px;border-radius:55% 55% 47% 47%;background:radial-gradient(ellipse at 35% 35%,#9aab67 0 10%,transparent 12%),radial-gradient(ellipse at 70% 67%,#a4b97c 0 14%,transparent 16%),#f5eac4;box-shadow:inset -3px -3px 0 #aab47650;transform:rotate(12deg)}.icon-button{width:46px;height:46px;font-size:22px;font-weight:900}.mission{position:absolute;top:93px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:9px 16px;max-width:65%;white-space:normal;border:1px solid #fff7;background:#264634c9;border-radius:30px;color:#fff9e8;font-size:12px;font-weight:700;text-align:center;backdrop-filter:blur(8px)}.mission-dot{width:6px;height:6px;border-radius:50%;background:#f7d36a;flex-shrink:0}.mission.chasing{background:#a64035e8}.mission.safe{background:#416f48e6}.map-wrap{position:absolute;top:115px;right:max(24px,env(safe-area-inset-right));width:126px;padding:9px;border-radius:18px;background:#fff8e9eb;border:1px solid #fff9;box-shadow:0 6px 18px #24452e18;text-align:center}.map-wrap>span{font-size:9px;letter-spacing:1px;font-weight:800}.map-wrap canvas{display:block;width:100%;height:auto;border-radius:9px;margin:4px 0}.map-wrap small{display:block;font-size:8px}.map-wrap i{display:inline-block;width:5px;height:5px;background:#63a98a;border-radius:50%;margin-right:4px}.controls{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.move-area,.dash-area{display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:auto}.control-label{font-size:10px;font-weight:700;color:#fffde9;text-shadow:0 1px 5px #102c31}kbd{font-family:inherit;font-size:8px;opacity:.75;margin-left:5px}#joystick{width:120px;height:120px;position:relative;border-radius:50%;background:#fff9e930;border:2px solid #fff9e970;touch-action:none;user-select:none;box-shadow:inset 0 0 20px #fff2,0 6px 25px #234b301a}.stick-rim{position:absolute;inset:13px;border-radius:50%;border:1px dashed #fff7}#stick{position:absolute;left:35px;top:35px;width:46px;height:46px;background:#fff8e9e0;border:3px solid #fff8;border-radius:50%;box-shadow:0 4px 0 #365a3d44,0 5px 12px #2f4b3133;pointer-events:none}#dash{width:88px;height:88px;border:3px solid #fff9;border-radius:50%;background:#f6cd69;box-shadow:0 5px 0 #ad8c3b,0 8px 22px #30442c30;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none}#dash>span{font-size:33px;line-height:30px}#dash b{font-size:12px}#dash:disabled{background:#ece4bcbd;box-shadow:0 3px 0 #72865d88}.target{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:#fff8dc;text-shadow:0 2px 6px #253a2e;pointer-events:none}.target>span{font-size:27px;color:#ffdf85;line-height:33px}.target b{font-size:12px}.target small{font-size:10px;margin-top:3px}.toast{position:absolute;top:145px;left:50%;transform:translateX(-50%) translateY(-5px);opacity:0;background:#fff8e9f5;border-radius:16px;padding:13px 22px;font-size:14px;font-weight:800;pointer-events:none;transition:.2s;max-width:70%;text-align:center;box-shadow:0 5px 20px #30502e30}.toast.show{opacity:1;transform:translateX(-50%)}.save-warning{position:absolute;bottom:0;left:0;right:0;padding:7px 15px;background:#693d29;color:white;font-size:11px;text-align:center;z-index:8}.portrait,.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#1c3b32;color:#fff5db;z-index:12;text-align:center;padding:22px;gap:14px}.portrait{display:none}.portrait h2{font-size:23px}.portrait p{font-size:14px;line-height:1.9}.portrait button{border-radius:14px;padding:12px 22px;background:#f4cd75}.rotate-symbol{font-size:80px;color:#f4cd75}.loading{background:#264a37;gap:22px}.loading .egg-icon{width:39px;height:52px;animation:sway 1s infinite alternate}@keyframes sway{to{transform:rotate(-15deg)}}dialog{border:1px solid #fff8;border-radius:26px;padding:32px;background:#fff9ec;color:#2d4435;box-shadow:0 20px 90px #102c3d70;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 24px);overflow:auto}dialog::backdrop{background:#173c365b;backdrop-filter:blur(6px)}dialog h1,dialog h2{letter-spacing:-1.5px;margin:10px 0 14px;line-height:1.25;font-size:31px}dialog h1{font-size:40px}dialog h1 em{font-style:normal;color:#688a49}dialog p{font-size:13px;line-height:1.9;color:#6c7a64}dialog button{border-radius:13px}.eyebrow{font-size:10px;letter-spacing:1px;font-weight:800;color:#829063}.primary,.secondary{width:100%;min-height:47px;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 18px;font-size:13px;font-weight:800;text-decoration:none;margin-top:12px}.primary{background:#345d42;color:#fff8df;box-shadow:0 3px 0 #233d2b}.secondary{background:#e9edd9;color:#48613f}.text-button{display:block;background:transparent;margin:8px auto 0;font-size:12px;color:#687a60}.close{position:absolute;top:9px;right:9px;background:transparent;font-size:27px}.setting{display:flex;align-items:center;justify-content:space-between;padding:9px 2px;font-size:14px}.setting input{width:44px;height:28px;accent-color:#52774a}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}#welcome{width:min(820px,calc(100vw - 36px));padding:22px}.intro-art{height:330px;overflow:hidden;border-radius:17px;background:#d6e6ad}.intro-art img{width:100%;height:100%;object-fit:cover}.intro-copy{padding:10px 10px 10px 0}.intro-note{display:block;text-align:center;font-size:9px;color:#839071;margin-top:14px}.avatars{display:flex;gap:8px;margin:18px 0}.avatars button{background:#edf0df;border:2px solid transparent;font-size:10px;display:flex;align-items:center;gap:6px;justify-content:center;flex:1;padding:6px;border-radius:11px}.avatars button[aria-pressed=true]{border-color:#62824c;background:#e2e9cf}.avatar-face{display:block;width:24px;height:27px;border-radius:9px 9px 7px 7px;background:#8fb99c;position:relative}.avatar-face:before{content:'';position:absolute;width:19px;height:14px;top:5px;left:2.5px;background:#f0cf9e;border-radius:7px}.avatar-face:after{content:'··';position:absolute;left:6px;top:0;color:#3d4839;font-size:20px;font-weight:bold}.peach{background:#dc947f}.lilac{background:#aa9cc5}.egg-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #dce3ce;padding:15px 0}.egg-row .egg-icon{width:27px;height:37px;flex-shrink:0}.egg-row strong{display:block;font-size:14px}.egg-row small{font-size:10px;color:#79886a}.egg-row>b{margin-left:auto;font-size:22px}.egg-row:last-child{border-bottom:0}
@media(max-height:520px) and (orientation:landscape){.hud{top:max(10px,env(safe-area-inset-top));gap:10px}.brand b{font-size:23px}.brand-icon{width:34px;height:36px}.growth{padding:8px 12px;width:155px;margin-left:0}.mission{top:68px;padding:7px 12px;font-size:10px}.map-wrap{top:80px;width:97px;padding:6px;right:max(18px,env(safe-area-inset-right))}.map-wrap small{font-size:7px}.controls{bottom:max(13px,env(safe-area-inset-bottom));left:max(25px,env(safe-area-inset-left));right:max(25px,env(safe-area-inset-right))}#joystick{width:104px;height:104px}#stick{left:28px;top:28px}#dash{width:74px;height:74px}.control-label{font-size:8px}.target{bottom:18px}.toast{top:105px;font-size:12px;padding:10px 16px}.intro-art{height:275px}#welcome{padding:14px}.intro-layout{gap:20px}dialog h1{font-size:32px;margin:7px 0 10px}.intro-copy{padding:0 8px 0 0}.intro-copy p{margin:7px 0;font-size:12px}.avatars{margin:12px 0}.intro-note{margin-top:10px}dialog{padding:25px}.desktop-word,kbd{display:none}}
@media(orientation:portrait){.portrait:not(.dismissed){display:flex}#welcome{width:calc(100vw - 24px)}.intro-layout{grid-template-columns:1fr}.intro-art{display:none}.intro-copy{padding:7px}.hud{left:12px;right:12px;gap:8px}.brand small,.brand-icon,.desktop-word{display:none}.growth{width:125px;margin-left:0;padding:8px}.brand b{font-size:22px}.pill{padding:8px;gap:5px}.map-wrap{width:88px;right:12px}.mission{max-width:90%;top:85px;width:max-content}.controls{left:18px;right:18px}.control-label kbd{display:none}.target{bottom:170px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Expedition equipment: bold silhouettes, tactile controls and an unobstructed route. */
.brand{transform:rotate(-3deg);text-shadow:0 3px 0 #305744,2px 0 #305744,-2px 0 #305744}.brand b{font-weight:900;letter-spacing:-2px}.brand-icon{display:none}.growth{background:linear-gradient(#347bc0,#205b9e);border:3px solid #faf1bf;border-radius:12px;box-shadow:0 4px 0 #183f65;color:white;transform:skew(-3deg)}.growth b{font-size:19px;text-shadow:0 2px #193f74}.growth span{color:#fff;font-weight:800}.xp-track{height:7px;background:#164c78;border:1px solid #123d6c}.xp-track i{background:linear-gradient(#c6fc65,#76c838)}.pill,.icon-button{background:linear-gradient(#ffe68e,#f0ba45);border:3px solid #fff2bd;border-radius:12px;box-shadow:0 4px 0 #9c6f2d;color:#544329}.pill b{font-weight:900}.mission{border:2px solid #d9efa18c;border-radius:5px;background:#214c43d9;font-weight:900;box-shadow:0 3px 0 #113e38;backdrop-filter:none}.mission-dot{display:none}.mission.chase{background:#bd4729;border-color:#ffba72}.map-wrap{width:78px;padding:5px;border-radius:9px;background:#214c43c4;border:2px solid #fff3bba1;color:#fff6d5}.map-wrap canvas{height:92px;border-radius:4px}.map-wrap small{display:none}.map-wrap>span{font-size:8px}.control-label{font-weight:900}#joystick{background:radial-gradient(#173e5930,#204a6959);border:3px solid #fff9e980;box-shadow:inset 0 0 0 8px #14355020,0 3px 0 #16334b50}#stick{background:radial-gradient(at 35% 25%,#fff7cf,#dfce96);border:3px solid #fff3c7;box-shadow:0 5px 0 #716e47,0 8px 12px #1d384560}#dash{border:4px solid #fff0ae;border-radius:25px;background:linear-gradient(145deg,#ffdb4d,#f49a27);color:#834c1d;box-shadow:0 6px 0 #a96124,0 9px 0 #fff3;transform:rotate(-7deg)}#dash b{font-weight:900}#dash:disabled{background:#7b9081;box-shadow:0 4px 0 #415d55;color:#fff}.target{bottom:18px;text-shadow:0 2px 2px #253a2e,1px 0 #253a2e,-1px 0 #253a2e}.target>span{color:#ffe34c}.target b{font-weight:900}.toast{color:#fff9dc;background:#1e4c3ce8;border:2px solid #ffe7a7;border-radius:8px;padding:9px 17px;font-weight:900;max-width:65%}.chasing .vignette{box-shadow:inset 0 0 80px -20px #ff4f2740}
.danger{position:absolute;top:190px;left:50%;transform:translateX(-50%);color:#fff5ca;font-size:10px;text-shadow:0 2px #763b27;width:132px;pointer-events:none}.danger b{float:right;color:#fff;font-size:12px}.danger>div{height:7px;background:#4e382dc9;border:1px solid #ffc46a;border-radius:4px;margin-top:5px;overflow:hidden}.danger i{display:block;height:100%;background:linear-gradient(90deg,#ffe46b,#f85d38)}.reward{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-3deg);display:flex;align-items:center;flex-direction:column;gap:9px;pointer-events:none;color:#fff7d5;text-shadow:0 3px 0 #704f26,2px 0 #704f26,-2px 0 #704f26;min-width:240px;background:radial-gradient(ellipse,#ffce4b99,transparent 70%);padding:30px}.reward>span{font-size:13px;font-weight:900;letter-spacing:3px;color:#fff4b0}.reward .egg-icon{width:53px;height:70px;box-shadow:inset -7px -7px 0 #667b3540,0 0 35px #ffe38c}.reward>b{font-size:25px;font-weight:900}.reward strong{font-size:15px;color:#e8ffb2}#speed-lines{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 55%,#fff6 0deg .5deg,transparent .7deg 20deg);mask-image:radial-gradient(ellipse,transparent 42%,#000 100%)}.boosting #speed-lines{opacity:.75;animation:rush .25s infinite alternate}@keyframes rush{to{transform:scale(1.12)}}
dialog{border:4px solid #e2ba69;border-radius:20px;background:linear-gradient(135deg,#fff4cb,#f2dc9a);color:#443f2d;box-shadow:0 7px 0 #80572e,0 20px 80px #102c3d90}dialog::backdrop{background:#173c3670}dialog h1,dialog h2{font-weight:900}dialog h1{color:#244d42;text-shadow:0 3px #fff2a8}dialog h1 em{color:#dd7339}dialog p{color:#6d654c}.eyebrow{color:#8a683b;font-weight:900;letter-spacing:2px}.primary,.secondary{border:2px solid #fff0b6;font-weight:900}.primary{background:linear-gradient(#65ac50,#397a3e);box-shadow:0 4px 0 #285532;text-shadow:0 2px #285532}.secondary{background:#e5c98d;color:#5f5131;box-shadow:0 3px #b6965e}.avatars button{background:#e8d6a4;border-color:#c6ad75;font-weight:800}.avatars button[aria-pressed=true]{border-color:#3d7e49;background:#d4e59d;box-shadow:0 3px #749249}.intro-art{border:3px solid #fff3bd}.egg-row span{font-size:12px;font-weight:800;line-height:1.6}
@media(max-height:520px) and (orientation:landscape){.growth{padding:5px 9px}.mission{top:66px;padding:5px 13px}.map-wrap{top:76px;width:62px}.map-wrap canvas{height:79px}.map-wrap>span{font-size:7px}.toast{top:96px;font-size:11px;padding:7px 13px}.danger{top:142px}.reward{gap:5px;padding:14px}.reward .egg-icon{width:39px;height:52px}.reward>b{font-size:21px}.target{bottom:15px}}
@media(max-width:640px) and (orientation:landscape){.brand{display:none}.growth{width:138px}.map-wrap{width:57px}.reward{top:49%}}
@media(orientation:portrait){.map-wrap{width:60px}.target{bottom:165px}.danger{top:175px}}
@media(prefers-reduced-motion:reduce){#speed-lines{display:none}}
#game:has(.reward:not([hidden])) .mission{visibility:hidden}
.route{position:absolute;left:24px;top:105px;width:175px;padding:9px 11px;background:#244c43e6;border:1px solid #fff1bb88;border-radius:8px;color:#fff5d6;pointer-events:none}.route b{display:block;font-size:12px}.route small{font-size:10px;display:block;margin:4px 0}.route>div{height:4px;background:#18382d;border-radius:3px;overflow:hidden}.route i{display:block;height:100%;background:#ffde8d}.steal-button{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:max(142px,calc(env(safe-area-inset-right) + 142px));min-width:150px;min-height:64px;padding:10px 15px;border:3px solid #fff0bb;border-radius:14px;background:linear-gradient(#fff1b4,#e4b956);color:#493b23;box-shadow:0 5px 0 #876239,0 6px 20px #26392b66;touch-action:none}.steal-button small{display:block;font-size:10px;margin-bottom:4px}.steal-button b{font-size:16px}.steal-button kbd{font-size:11px}.egg-row{flex-shrink:0}#egg-list{max-height:42dvh;overflow:auto;overscroll-behavior:contain}.avatar-face{background-image:url('/assets/games/dino-run/media/30e0f03f54a8ddf1/explorer-v1.webp');background-size:400% 200%;background-position:0 100%;width:46px;height:62px;border:0;border-radius:0;box-shadow:none}.avatar-face:before,.avatar-face:after{display:none}.avatar-face.peach{filter:sepia(.2) saturate(1.2)}.avatar-face.lilac{filter:hue-rotate(25deg)}
@media(max-height:520px) and (orientation:landscape){.route{top:72px;left:18px;width:138px;padding:6px 8px}.route b{font-size:10px}.route small{font-size:9px;margin:3px 0}.steal-button{bottom:max(24px,env(safe-area-inset-bottom));right:max(120px,calc(env(safe-area-inset-right) + 120px));min-height:58px;min-width:144px}.mission{max-width:48%;font-size:10px}.danger{top:104px}}
@media(orientation:portrait){.route{top:126px;left:12px;width:135px}.steal-button{bottom:180px;right:18px;min-width:142px}.mission{max-width:94%;font-size:10px}}

/* Keep the chase distance visible and place theft beside the dash control. */
.chasing .toast{visibility:hidden;transition:none}#game:has(.steal-button:not([hidden])) .target{visibility:hidden}
.bite-warning .mission{background:#9c241d;border-color:#fff5c2}.bite-warning .danger{color:#fff;background:#8a251ee8;border:2px solid #ffd17e;border-radius:7px;padding:5px;width:154px}.bite-warning .vignette{box-shadow:inset 0 0 65px -12px #ff492b99}#dash b{font-size:13px;white-space:nowrap}
.route{width:205px}.route strong{display:block;font-size:30px;line-height:1.12;color:#ffe183;font-variant-numeric:tabular-nums;margin:4px 0}.route #route-reward{color:#e0f7b1;line-height:1.4}.route #route-next{line-height:1.4}.route #route-best{opacity:.9;font-size:10px}.route>div{margin:6px 0}
@media(max-height:520px) and (orientation:landscape){.route{top:76px;width:163px;padding:5px 8px}.route strong{font-size:22px;line-height:1;margin:0}.route #route-reward,.route #route-next,.route #route-best{font-size:9px;line-height:1.2}.route>div{height:3px;margin:3px 0}.route small{margin:2px 0}.danger{top:102px}.mission{max-width:43%}}
@media(orientation:portrait){.route{top:126px;width:155px}.route strong{font-size:26px}}

/* Screen glyphs stay sharp at every device density, independently of 3D textures. */
#world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.world-label{position:absolute;display:block;max-width:230px;padding:5px 9px;white-space:pre;text-align:center;font-weight:800;line-height:1.5;color:#fff8dc;background:#203d35f5;border:1px solid #ead796;border-radius:4px;box-shadow:0 2px 0 #7b623b;text-shadow:none;font-variant-numeric:tabular-nums}
.control-label,.target,.brand{text-shadow:0 1px 2px #18362c,0 1px 1px #18362c}
.danger,.bite-warning .danger{width:240px;max-width:38vw;padding:8px 11px;background:#64291cf5;border:2px solid #ffcf7d;border-radius:10px;color:#fff9dc;text-shadow:none;box-shadow:0 3px 0 #693d24;pointer-events:none}
.danger>span{font-size:15px;font-weight:900;display:block;line-height:1.35}.danger>b{font-size:13px;display:block;float:none;line-height:1.5;color:#ffe38d}.danger small{display:block;font-size:11px;font-weight:800;line-height:1.5;white-space:normal}
.chasing .vignette{box-shadow:inset 0 0 75px -12px #e8793080}
#game[data-threat=stolen] .danger{background:#8e3a1bf5;border-color:#ffeaa7}
#game[data-threat=danger] .vignette{box-shadow:inset 0 0 95px -10px #ec4a278c}
#game[data-threat=windup] .vignette,#game[data-threat=lunge] .vignette{box-shadow:inset 0 0 85px -8px #e5341ca6}
#game[data-threat=windup] .danger,#game[data-threat=lunge] .danger{background:#90231bf5;border-color:#fff1b9}
#game[data-threat=windup] .danger{animation:threat-breathe .55s ease-in-out infinite alternate}
#game[data-threat=recover] .danger{background:#1f5749f5;border-color:#cfefaa}
#game[data-threat=safe] .vignette{box-shadow:inset 0 0 70px -20px #c6ed7d80}
@keyframes threat-breathe{to{box-shadow:0 0 0 3px #ffca6b77,0 3px 0 #693d24}}
@media(max-height:520px) and (orientation:landscape){.danger,.bite-warning .danger{top:110px;width:228px;max-width:35vw;padding:5px 8px}.danger>span{font-size:13px}.danger>b{font-size:12px}.danger small{font-size:10px}.danger>div{height:5px;margin:3px 0}.mission{font-size:11px}}
@media(max-width:640px) and (orientation:landscape){.danger,.bite-warning .danger{max-width:35vw}.danger>span{font-size:12px}.danger small{font-size:10px}.mission{max-width:36%;font-size:10px}.world-label{padding:3px 6px}}
@media(prefers-reduced-motion:reduce){#game[data-threat] .danger{animation:none}}
#game[data-pattern=sweep][data-threat=windup] .danger,#game[data-pattern=sweep][data-threat=lunge] .danger{background:#57347df5;border-color:#e4c2ff}
#game[data-pattern=rush][data-threat=windup] .danger,#game[data-pattern=rush][data-threat=lunge] .danger{background:#79501cf5;border-color:#ffe8a0}
.chasing .mission{visibility:hidden}
.danger,.bite-warning .danger{top:93px}
@media(max-height:520px) and (orientation:landscape){.danger,.bite-warning .danger{top:66px}}

/* Touch play: keep long presses on game controls inside the game. */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
textarea,input:not([type=checkbox]),[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
#fullscreen-exit{flex:0 0 54px;width:54px;min-height:46px;font-size:11px;line-height:1.2}
.hud>.icon-button{flex-shrink:0}
#journal{width:min(820px,calc(100vw - 24px));padding:0;overflow:hidden;max-height:calc(100dvh - 20px)}
.journal-header{position:relative;padding:16px 64px 10px 20px;background:#f5f1df;text-align:left}.journal-header h2{margin:3px 0;font-size:25px}.journal-header p{margin:4px 0;font-size:14px}.journal-header .close{top:10px;right:10px;min-width:44px;min-height:44px}.journal-header progress{display:block;width:100%;height:10px;accent-color:#498267;margin-top:8px}
#egg-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;max-height:calc(100dvh - 235px);min-height:70px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.egg-card{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:center;column-gap:8px;text-align:left;min-height:128px;padding:10px;border:2px solid #c6cfb8;border-radius:15px;background:linear-gradient(145deg,#fffdf3,#e6efd9)}
.egg-portrait{grid-row:1/5;align-self:center}.egg-portrait svg{display:block;width:66px;height:90px}.egg-card h3{font-size:15px;line-height:1.25;margin:0 0 5px;overflow-wrap:anywhere}.egg-card p{font-size:11px;line-height:1.45;margin:4px 0;color:#526050}.egg-card small{font-size:11px;color:#526050}.egg-owned{font-size:14px;color:#226643}.egg-card.unknown{background:#ecece5;border-style:dashed}.egg-card.unknown .egg-portrait{filter:grayscale(1);opacity:.4}.unknown .egg-owned{color:#75796d}.journal-footer{padding:8px 16px 12px;border-top:1px solid #c6cfb8;display:flex;gap:12px;align-items:center;justify-content:space-between}.journal-footer p{font-size:12px;line-height:1.4;margin:0;text-align:left}.journal-footer .primary{flex:0 0 auto;width:auto;margin:0;min-height:44px;padding:9px 18px}#reward-egg svg{width:100%;height:100%;display:block}
@media(max-width:650px){.egg-card{grid-template-columns:1fr;text-align:center;gap:0;padding:8px;min-height:170px}.egg-portrait{grid-row:auto;justify-self:center}.egg-card h3{font-size:13px}.egg-card p,.egg-card small{font-size:10px}.egg-owned{font-size:12px}.journal-header{padding-top:10px;padding-bottom:7px}.journal-header h2{font-size:21px}.journal-header .eyebrow{font-size:10px}.journal-header p{font-size:12px}.journal-footer{padding:6px 10px;gap:6px}.journal-footer p{font-size:10px}.journal-footer .primary{font-size:12px;padding:7px 10px}#egg-list{gap:6px;padding:8px;max-height:calc(100dvh - 202px)}}
@media(max-width:380px){#egg-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:420px) and (max-width:650px) and (orientation:landscape){.egg-card{grid-template-columns:42px minmax(0,1fr);text-align:left;column-gap:5px;min-height:100px;padding:5px}.egg-portrait{grid-row:1/5;align-self:center}.egg-portrait svg{width:42px;height:65px}.egg-card h3{font-size:12px}.egg-card p,.egg-card small{font-size:9px}.egg-owned{font-size:11px}}
