html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.language-picker select{height:36px;max-width:62px;border:1px solid #7b9480;border-radius:8px;background:#f2eedf;color:#193b36;font:inherit}header{min-height:64px;padding-left:68px!important}header .brand{display:none}header button{min-width:44px;min-height:44px}dialog{max-height:88dvh;overflow:auto}button,canvas{touch-action:none}.brand span{color:#a7ff19}
.app{height:100dvh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}header{height:auto;gap:8px}.wordmark{font-size:19px}.wordmark span{max-width:150px}nav{gap:4px}.tool{min-width:36px;min-height:44px;width:36px}.language-picker select{max-width:52px;height:44px}.card{max-height:100%;overflow:auto}.pad{gap:10px}.controls{padding-left:10px;padding-right:10px}#tip{letter-spacing:0}
@media(max-width:380px){.wordmark{display:none}.hud{padding:5px;gap:4px}.plaque{padding:5px}.plaque>span{font-size:8px}.lives>span{font-size:11px}.pad .direction{min-width:66px;flex-basis:66px}.pad .jump{font-size:19px}.trip{font-size:7px;gap:4px}.keyring{font-size:13px}#fork{min-width:90px}}
@media(orientation:landscape) and (max-height:600px){header{min-height:60px}.hud{height:46px;padding:3px 12px}.plaque{padding:3px 8px}.controls{padding:4px 10px max(4px,env(safe-area-inset-bottom))}.trip{margin-bottom:2px;min-height:30px}.trip #fork{min-height:32px;padding:3px 12px}.pad .direction{height:48px;min-height:48px;min-width:70px}.pad .jump{height:48px}#tip,.version{display:none}.overlay{padding:10px}.card{padding:12px 24px}}