/* game-realism-v4-fever.css — Fever Walk emphasis. Portrait: the pad stays a docked flex child. Short landscape: Climb-class overlay — #26's play-frame block sat in the and later sheets plus fit() letterboxing left #c at 467×214. This sheet loads after those. */ html[data-game="fever-walk"] #pad .btn { min-width: 64px; } html[data-game="fever-walk"] #pad .btn.jump { box-shadow: 0 0 0 1px rgba(0,0,0,.6), 0 0 16px rgba(143,163,102,.25), 0 8px 18px rgba(0,0,0,.45); } /* Thermometer reads as the thing you are actually managing. */ html[data-game="fever-walk"] #mercury { box-shadow: 0 0 10px rgba(212,132,116,.5); } html[data-game="fever-walk"] #tempread { font-size: 1.05rem; letter-spacing: 0.04em; } @media (max-width: 900px) { html[data-game="fever-walk"] #pad .btn.jump, html[data-game="fever-walk"] #pad .btn.meow { min-width: 72px; } } /* Short landscape leftover. SK-2A rail + ACCESS + HUD + in-flow pads stole the picture at ~844×390. Overlay chrome; let #stage/#view/#c take the viewport. Portrait 390 is height 844 — this query does not fire there. .hide (visibility) remains the game's own show/hide. */ @media (max-height: 520px) and (orientation: landscape), (max-height: 520px) and (min-aspect-ratio: 4/3) { html.play-frame[data-game="fever-walk"] #app, html.play-frame[data-sk-game-slug="fever-walk"] #app, html.play-frame[data-sk-app-family="fever"] #app { padding: 0 !important; position: relative !important; height: 100% !important; height: 100dvh !important; } html.play-frame[data-game="fever-walk"] .sk2a-controls, html.play-frame[data-sk-game-slug="fever-walk"] .sk2a-controls, html.play-frame[data-sk-app-family="fever"] .sk2a-controls { position: absolute !important; z-index: 40; top: env(safe-area-inset-top, 0px); left: 0; right: 0; flex: none !important; margin: 0 !important; border-left: 0; border-right: 0; border-top: 0; padding: .28rem .45rem; padding-left: max(4.5rem, calc(52px + env(safe-area-inset-left, 0px))); background: rgba(20, 17, 15, .88); } html.play-frame[data-game="fever-walk"] .sk2a-controls .sk2a-kicker, html.play-frame[data-game="fever-walk"] .sk2a-controls .sk2a-note, html.play-frame[data-sk-game-slug="fever-walk"] .sk2a-controls .sk2a-kicker, html.play-frame[data-sk-game-slug="fever-walk"] .sk2a-controls .sk2a-note { display: none; } html.play-frame[data-game="fever-walk"] .sk2a-controls button, html.play-frame[data-sk-game-slug="fever-walk"] .sk2a-controls button { min-height: 36px; padding: .35rem .5rem; font-size: 9px; width: auto; } html.play-frame[data-game="fever-walk"] #stage, html.play-frame[data-sk-game-slug="fever-walk"] #stage { position: relative !important; flex: 1 1 auto !important; min-height: 0 !important; width: 100% !important; height: 100% !important; align-items: stretch !important; justify-content: stretch !important; } html.play-frame[data-game="fever-walk"] #view, html.play-frame[data-sk-game-slug="fever-walk"] #view { position: absolute !important; inset: 0 !important; flex: none !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; border-radius: 0 !important; box-shadow: none !important; } html.play-frame[data-game="fever-walk"] #view canvas, html.play-frame[data-game="fever-walk"] #c, html.play-frame[data-sk-game-slug="fever-walk"] #c { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; } html.play-frame[data-game="fever-walk"] #pad, html.play-frame[data-sk-game-slug="fever-walk"] #pad { position: absolute !important; left: 0; right: 0; bottom: 0; z-index: 80; flex: none !important; height: auto !important; min-height: 0 !important; background: linear-gradient(transparent, #1a1520 55%); border-top: 0; padding: .22rem .45rem; padding-bottom: max(.22rem, env(safe-area-inset-bottom, 0px)) !important; } html.play-frame[data-game="fever-walk"] #pad .btn, html.play-frame[data-sk-game-slug="fever-walk"] #pad .btn { min-width: 44px; min-height: 36px !important; } html.play-frame[data-game="fever-walk"] #pad .btn.jump, html.play-frame[data-game="fever-walk"] #pad .btn.meow, html.play-frame[data-sk-game-slug="fever-walk"] #pad .btn.jump, html.play-frame[data-sk-game-slug="fever-walk"] #pad .btn.meow { min-width: 52px; min-height: 44px !important; } }