.button{position:relative;border-radius:17px 23px 16px 24px;isolation:isolate;box-shadow:0 4px 0 #365244,0 8px 18px #193f3020;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.button:before,.button:after{content:'';position:absolute;width:13px;height:7px;border:1px solid #788e62;border-radius:100% 0 100% 0;background:#b5c997;pointer-events:none;opacity:.9;z-index:1}
.button:before{left:9px;top:-4px;transform:rotate(19deg)}.button:after{right:10px;bottom:-3px;transform:rotate(198deg)}
.button:hover{filter:brightness(1.04);transform:translateY(-1px)}.button:active{transform:translateY(2px);box-shadow:0 1px 0 #365244}.button:focus-visible{outline:3px solid #e3c682;outline-offset:4px}
.panel{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 44px);overflow:auto;overscroll-behavior:contain;padding-bottom:30px;scroll-padding:22px;border-radius:25px 32px 27px 31px}.panel:before,.panel:after{pointer-events:none}.speech-paper{border-radius:5px 15px 8px 17px}.equipment-art{max-width:100%;height:auto}.tutorial-art{max-height:30dvh;object-fit:contain}.save-toast{max-width:112px!important;min-height:0!important;padding:8px 18px!important;font-size:11px!important;line-height:1.3!important}
#desktopLandscape,#desktopLandscapeNext{display:none}
.panel.pickup-panel{display:flex;flex-direction:column;gap:10px;width:min(100%,450px);box-sizing:border-box;padding:20px;overflow:hidden}
.panel.pickup-panel>.eyebrow{font-size:9px;line-height:1.4;margin:0;flex-shrink:0}
.panel.pickup-panel h2{font-size:27px;line-height:1.12;letter-spacing:-.5px;margin:0;flex-shrink:0}
.panel.pickup-panel .equipment-art{display:block;width:100%;height:clamp(66px,15dvh,112px);min-height:0;aspect-ratio:3;object-fit:contain;margin:0;flex-shrink:1}
.pickup-copy{min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;gap:9px}
.panel.pickup-panel .equipment-controls{font:14px/1.45 Georgia,serif;padding:10px 12px;margin:0;opacity:1}
.panel.pickup-panel .pickup-level{font:12px/1.5 Georgia,serif;margin:0;color:#48634b;opacity:1}
.panel.pickup-panel .pickup-duplicates,.panel.pickup-panel .hint-line{font:11px/1.45 Georgia,serif;margin:0;color:#637354}
.pickup-actions{display:grid;gap:4px;flex-shrink:0;margin-top:2px}
.panel.pickup-panel .button{min-height:46px;padding:12px 16px;margin:0;flex-shrink:0}
.panel.pickup-panel .pickup-toggle{min-height:36px;padding:6px;border:0;background:transparent;color:#5e7456;font:10px/1.4 var(--mono);cursor:pointer}
@media(max-height:580px){.panel.pickup-panel{padding:15px;gap:7px}.panel.pickup-panel h2{font-size:24px}.panel.pickup-panel .equipment-controls{font-size:13px;padding:8px 10px}.pickup-copy{gap:6px}}
@media(max-height:420px){.panel.pickup-panel .equipment-art{display:none}.panel.pickup-panel{gap:6px;padding:13px}.panel.pickup-panel .pickup-toggle{min-height:30px}.panel.pickup-panel h2{font-size:22px}}
.arsenal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 24px}.arsenal-grid article{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:10px 4px;background:#dee6cd;border-radius:16px;border:1px solid #aabb8e}.arsenal-grid canvas{width:80px;height:80px;max-width:100%}.arsenal-grid b{font-size:11px;color:#36553d}.arsenal-grid small{font-size:8px;color:#63784d}
#journey,#customize,#homeBlob,#tabDaily{position:relative;overflow:visible}
.has-quest-ready:after{content:'';position:absolute;z-index:4;top:2px;right:2px;width:10px;height:10px;border:2px solid #fff5ce;border-radius:50%;background:#e9b64d;box-shadow:0 0 0 1px #89672c,0 0 10px #f4cf77a3;pointer-events:none;animation:quest-ready-arrive 1.8s ease-out 2}
#journey.has-quest-ready:after{top:-2px;right:0}#customize.has-quest-ready:after{top:4px;right:3px}#tabDaily.has-quest-ready:after{top:3px;right:3px;width:7px;height:7px}
@keyframes quest-ready-arrive{0%,100%{transform:scale(1)}45%{transform:scale(1.18);box-shadow:0 0 0 4px #edc86a22,0 0 14px #f4cf77c4}}
@media(prefers-reduced-motion:reduce){.has-quest-ready:after{animation:none}}
@media(min-width:701px){#desktopLandscape,#desktopLandscapeNext{display:block;position:fixed;inset:-12px;pointer-events:none;background-position:center;background-size:cover;filter:saturate(.64) brightness(.94);opacity:.55;transition:filter 14s ease;z-index:0}#desktopLandscapeNext{opacity:0}body:before{z-index:0;background:linear-gradient(90deg,#e7ebdbb8,#eceddfa8 25%,#f3f0e09c 75%,#dde6d3b8);opacity:1}body:after{opacity:.24}.shell{z-index:1}.lantern-night #desktopLandscape,.lantern-night #desktopLandscapeNext{filter:saturate(.45) brightness(.32)}.editorial,.notes{transition:color 12s ease,filter 12s ease}.lantern-night .fieldnote,.lantern-night .zone-index{background:#e5e9daec}.desktop-firefly{opacity:.45}.sky-visitor{animation-duration:105s}.desktop-cloud{opacity:.35}}
@media(prefers-reduced-motion:reduce){.button,#desktopLandscape,#desktopLandscapeNext{transition:none}.button:hover{transform:none}}
.cinema-stage{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#142f2b;color:#fff4dc;overflow:hidden;overscroll-behavior:contain}.cinema-stage::backdrop{background:#102925}.cinema-stage[open]{display:block}
.cinema-modal{position:fixed!important;inset:0!important;z-index:1000;padding:0!important;width:100vw;height:100dvh;background:#142f2b;backdrop-filter:none}
.cinema-stage .panel.prologue-panel,.cinema-modal .panel.prologue-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:none;min-height:0;overflow:hidden;padding:max(19px,calc(env(safe-area-inset-top) + 12px)) max(22px,calc(env(safe-area-inset-right) + 14px)) max(17px,calc(env(safe-area-inset-bottom) + 12px)) max(22px,calc(env(safe-area-inset-left) + 14px));border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff4dc}
.prologue-panel>.prologue-heading,.prologue-panel>.cinema-script,.prologue-panel>h2{position:relative;z-index:2}.cinema-stage .prologue-window,.cinema-modal .prologue-window{position:absolute;inset:0;z-index:0;border:0;border-radius:0;box-shadow:none;background:#264c3f}
.cinema-stage #storyCreature.prologue-art,.cinema-modal #storyCreature.prologue-art{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:fill;margin:0}
.cinema-stage .panel h2,.cinema-modal .panel h2{color:#fff3d7;text-shadow:0 2px 14px #153c30b0;font:500 clamp(26px,3vw,43px)/1.12 Georgia,serif;text-align:left;margin:30px 0 0;min-height:0;max-width:680px;letter-spacing:-.6px}
.cinema-stage .eyebrow,.cinema-modal .eyebrow{color:#f0e3b8;font-size:10px;text-shadow:0 1px 6px #173a2c}.cinema-stage .prologue-tools button,.cinema-modal .prologue-tools button{background:#153e31a6;border-color:#d8e0b863;color:#fff1cf;backdrop-filter:blur(5px)}
.cinema-script{width:min(100%,700px);align-self:center;margin-top:auto;padding-top:20px}.cinema-stage .prologue-caption,.cinema-modal .prologue-caption{margin:0 0 10px;padding:14px 19px;min-height:0;border:1px solid #d2d7a6;border-radius:10px 22px 12px 21px;background:#fff4dbed;box-shadow:0 7px 26px #0f2b2926}.cinema-stage .prologue-caption:before,.cinema-modal .prologue-caption:before{display:none}.cinema-stage .prologue-caption p,.cinema-modal .prologue-caption p{font:600 clamp(17px,1.7vw,22px)/1.45 var(--menu-font);margin:5px 0 0;color:#355a40}.cinema-stage .prologue-caption b,.cinema-modal .prologue-caption b{font-size:10px;color:#6f854f}
.cinema-stage .prologue-narration,.cinema-modal .prologue-narration{min-height:0;color:#fff0d5;opacity:1;font:15px/1.55 var(--menu-font);text-align:left;margin:10px 2px 14px;text-shadow:0 2px 7px #16332c}
.cinema-stage .prologue-place,.cinema-modal .prologue-place{left:24px;bottom:auto;top:21%;background:#17392c96;border-color:#e7e7bb4d;color:#fff3d1;font-size:8px;padding:7px 11px;backdrop-filter:blur(5px)}
.cinema-stage .prologue-progress,.cinema-modal .prologue-progress{gap:6px;margin:12px 1px}.cinema-stage .prologue-progress i,.cinema-modal .prologue-progress i{position:relative;overflow:hidden;width:auto;flex:1;height:3px;border:0;border-radius:3px;background:#dae4c44d;transform:none}.prologue-progress i.current:after{content:'';position:absolute;inset:0;background:#f4e5aa;transform-origin:left;transform:scaleX(var(--shot-progress,0))}
.cinema-controls{display:flex;align-items:center;gap:15px}.cinema-controls .button{width:auto;flex:1;max-width:330px;min-height:46px;margin:0;background:#e2e6ba!important;color:#33583d!important;border-color:#f4eed2!important}.cinema-controls .prologue-skip{color:#f0e7c9;margin:0 0 0 auto;padding:12px 6px;font-size:10px;min-height:44px;white-space:nowrap}.cinema-stage .prologue-hint,.cinema-modal .prologue-hint{font-size:11px;color:#eee5bd;margin:8px 0 13px;text-align:left}
#titleCreature{display:block;width:100%;height:auto!important;aspect-ratio:720/430;max-height:220px;object-fit:contain;margin:-12px auto -12px!important}.home-logo{width:280px;max-width:96%}.home-tagline{margin-top:0}.home-content{padding-top:24px}
@media(max-height:660px){.cinema-stage .panel h2,.cinema-modal .panel h2{font-size:24px;margin-top:16px}.cinema-stage .prologue-narration,.cinema-modal .prologue-narration{font-size:12px;margin:6px 0 9px}.cinema-stage .prologue-caption p,.cinema-modal .prologue-caption p{font-size:16px}.cinema-stage .prologue-caption,.cinema-modal .prologue-caption{padding:10px 14px}.cinema-stage .prologue-place,.cinema-modal .prologue-place{top:25%;font-size:7px}#titleCreature{max-height:155px}.home-logo{width:225px}.home-content{padding-top:9px}}

/* A gentle little defeat, with the frozen climb still visible underneath. */
.knockout-active .hud,.knockout-active .bottom-bar {opacity:.55;transition:opacity .4s ease;}
.run-over-overlay {animation:run-over-wash .7s ease both;}
.run-over-overlay #panel {animation:run-over-arrive .7s cubic-bezier(.2,.75,.3,1) both;}
.run-over-overlay .result-creature {height:clamp(90px,17dvh,145px);margin:0 auto;object-fit:contain;}
.knockout-caption {margin:0 0 18px;text-align:center;font-style:italic;color:#667454;}
@keyframes run-over-wash {from{background-color:transparent;backdrop-filter:blur(0);}to{background-color:#172a2f70;backdrop-filter:blur(5px);}}
@keyframes run-over-arrive {from{opacity:0;transform:translateY(20px) scale(.97);}to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){.run-over-overlay,.run-over-overlay #panel{animation-duration:.25s;}.run-over-overlay #panel{animation-name:run-over-quiet;}}
@keyframes run-over-quiet {from{opacity:0;}to{opacity:1;}}

.run-over-soft,.run-over-soft #panel{animation-duration:.25s;}.run-over-soft #panel{animation-name:run-over-quiet;}

.knockout-active .hud,.knockout-active .bottom-bar,.knockout-active .swap-blob,.knockout-active .talk-button{pointer-events:none;}

.dungeon-chest-portrait{display:block;width:100%;height:130px;object-fit:contain;margin:0 auto 12px}.dungeon-reward-bits{font:600 15px var(--menu-font);color:#52683d;margin:8px auto 15px}.panel:has(.dungeon-chest-portrait) .pickup-actions{margin-top:16px}.panel:has(.dungeon-chest-portrait) p{font-size:14px;line-height:1.6}