#joystick{display:none}#qualitySelect{display:block;width:100%;font:inherit;font-size:14px;color:#365744;background:#e7ede2;border:1px solid #c6d1bf;border-radius:10px;padding:14px;margin:12px 0 18px;min-height:48px}#settings label{font-size:12px}#settings{max-width:430px}.tools{gap:6px}.tools button{padding:12px 14px}#loading.done{visibility:hidden;transition:opacity .7s,visibility 0s .7s}
@media(pointer:coarse),(max-width:760px),(max-height:500px) and (max-width:1000px){#joystick{display:block;position:fixed;width:112px;height:112px;left:max(20px,env(safe-area-inset-left));bottom:max(78px,calc(env(safe-area-inset-bottom) + 56px));border:1px solid #fbf8e6a8;border-radius:50%;background:#f8f5e432;backdrop-filter:blur(4px);touch-action:none;user-select:none;z-index:4;box-shadow:inset 0 0 20px #31483c15}#joystickKnob{position:absolute;left:33px;top:33px;width:44px;height:44px;border-radius:50%;background:#faf7e8c9;border:1px solid #fff8;box-shadow:0 3px 10px #152e2a22;pointer-events:none}#joystick small{position:absolute;left:0;right:0;bottom:-23px;text-align:center;font-size:10px;color:#4a6252;text-shadow:0 1px 4px #fff9}header{top:max(14px,calc(env(safe-area-inset-top) + 8px));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));gap:8px}.brand{padding:9px 10px;gap:9px;max-width:calc(100% - 126px);min-width:0}.brand>span{font-size:17px;padding-right:8px}.brand b{font-size:9px;letter-spacing:1px;white-space:nowrap}.brand small{font-size:5.5px;letter-spacing:.8px;white-space:nowrap}.tools button{padding:10px;min-height:44px;min-width:36px}.tools button span{display:none}.location{display:none}#score{top:max(79px,calc(env(safe-area-inset-top) + 72px));right:max(14px,env(safe-area-inset-right));min-width:112px}#interaction{left:auto;right:max(17px,env(safe-area-inset-right));bottom:max(75px,calc(env(safe-area-inset-bottom) + 58px));transform:none;min-width:155px;max-width:48vw}#action{min-height:50px;padding:14px 16px;width:100%;font-size:12px}#action kbd{display:none}#nearName{font-size:9px}#held{right:max(17px,env(safe-area-inset-right));left:auto;bottom:max(188px,calc(env(safe-area-inset-bottom) + 174px));min-width:155px;max-width:47vw;padding:12px 13px}#heldName{font-size:11px}#drinkAction,#throwControl{min-height:50px;min-width:130px;font-size:11px;width:100%;padding:10px}footer{bottom:max(15px,calc(env(safe-area-inset-bottom) + 8px));left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right))}.instructions{display:none}.chapter{display:none}footer button{margin-left:auto;min-height:44px;min-width:83px}#toast{top:max(142px,calc(env(safe-area-inset-top) + 135px));max-width:85%;font-size:10px}#charge{bottom:max(325px,calc(env(safe-area-inset-bottom) + 310px));left:auto;right:17px;transform:none;min-width:155px;max-width:47vw;padding:10px 13px}dialog{max-height:calc(100dvh - 35px);overflow:auto;overscroll-behavior:contain}.close{min-width:44px;min-height:44px;right:7px;top:5px}.destinations button{min-height:66px}.drinkCard img{height:135px}.drinkOptions .drinkCard{min-height:215px}.drinkCard em{font-size:9px}#drinks{max-height:calc(100dvh - 32px)}}
@media(pointer:coarse) and (orientation:landscape), (max-height:500px) and (max-width:1000px){header{top:10px}.brand{padding:6px 10px}.brand small{display:none}#score{top:68px;padding:5px 10px}#score small{display:none}#joystick{bottom:42px;left:max(24px,env(safe-area-inset-left));width:96px;height:96px}#joystickKnob{left:25px;top:25px}#joystick small{display:none}#held{bottom:55px;right:max(18px,env(safe-area-inset-right));padding:8px 12px;max-width:190px}#heldBrand{display:none}#heldState{margin:4px 0 7px}#interaction{right:230px;bottom:48px;min-width:140px}#nearName{display:none}#charge{bottom:185px;right:18px}footer{bottom:8px}footer button{min-height:35px;padding:6px 12px}#toast{top:78px;max-width:45%}#drinks{max-width:700px}.drinkOptions{grid-template-columns:repeat(4,1fr)}.drinkCard img{height:110px}.drinkOptions .drinkCard{min-height:180px}}