@media (width<=700px),(height<=500px){html:root .phone-grip{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;height:24px;margin:0;display:grid}html:root .phone-grip>span{background:#d9b46a8c;border-radius:3px;width:40px;height:5px;display:block;box-shadow:0 1px #0009}html:root .phone-grip:active{cursor:grabbing}html:root .phone-grip:active>span{background:#f4dc9c}html:root .hud-sheet .hud-sheet-grip{display:none}html:root .hud-sheet>.phone-grip{top:0;z-index:3;position:absolute;inset-inline:28%}html:root .hud-sheet .hud-panel-head{padding-top:14px}html:root .hud-sheet .hud-panel-head :is(h2,h3){font-size:19px}html:root .hud-settings-layer{grid-template-columns:minmax(0,1fr)}html:root .hud-settings{min-width:0;max-width:100vw}html:root .hud-settings-body{min-width:0}html:root .hud-settings-lang .lang-picker{width:100%;min-width:0;display:flex}html:root .hud-settings-lang .lang-picker select{flex:auto;min-width:0;max-width:100%}html:root .hud-settings>.phone-grip{top:0;z-index:3;position:absolute;inset-inline:28%}html:root .hud-settings .hud-settings-group :is(p,small):not(.hud-choice *){font-size:12px}html:root .hero-sheet .hero-sheet-grip{display:none}html:root .hero-sheet>.phone-grip{z-index:4;margin-bottom:-24px;width:44%;margin-inline:auto;position:sticky;top:0}html:root .hud-right[data-open=true] .hud-right-body{top:auto;bottom:0;width:100%;max-height:min(86dvh,100dvh - 56px);padding:0 max(8px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-radius:18px 18px 0 0;flex-direction:column;gap:8px;animation:.22s cubic-bezier(.2,.8,.2,1) phone-sheet-up;inset-inline:0;box-shadow:0 -12px 34px #000c,inset 0 1px #d9b46a88}html:root .hud-right[data-open=true] .hud-right-body>.phone-grip{z-index:3;background:linear-gradient(#140e09,#140e09f0);margin:0 -8px;position:sticky;top:0}html:root .hud-right .hud-drawer-close{top:6px;z-index:4;width:44px;height:44px;position:absolute;inset-inline-end:max(8px,env(safe-area-inset-right))}html:root .hud-right[data-open=true] .hud-right-body>.hud-panel{flex:none;margin:0}html:root .hud-right[data-open=true] .hud-right-body>.hud-panel:first-of-type .hud-panel-head{padding-inline-end:56px}html:root .act-list .act-detail,html:root .act-top .act-detail{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html:root .act-list .act-btn,html:root .act-top .act-btn{min-height:44px}html:root .qh-dialog>.qh-frame>.phone-grip{top:0;z-index:4;height:18px;position:absolute;inset-inline:30%}html:root .qh-stock,html:root .qh-narrator{display:none}html:root .qh-quest-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}html:root .qh-remind[data-kind=stats] p{font-size:14px;line-height:1.35}html:root .qh-kicker{letter-spacing:.14em;font-size:11px}html:root .coach-hint{max-width:calc(100vw - 24px)}html:root .coach-help[data-size=sm]{width:44px;min-width:44px;height:44px}html:root .hud-rail-list button{min-height:52px}html:root .hud-soon{font-size:11px}}@media (width<=700px) and (height>=501px){html:root .hud-sheet{border-radius:18px 18px 0 0;width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0}html:root .hud-sheet>.hud-panel{max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0}html:root .hud-settings{border-radius:18px 18px 0 0}html:root .qh-dialog{height:calc(100dvh - max(28px,env(safe-area-inset-top) + 12px));margin:auto 0 0;top:auto;bottom:0}html:root .qh-frame{border-radius:18px 18px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) phone-sheet-up}html:root .qh-head{padding-top:18px}html:root .qh-banner{padding-top:84px}}@media (height<=500px){html:root .phone-grip{display:none}html:root .hud-right[data-open=true] .hud-right-body{top:0;width:min(420px,60vw);max-height:none;padding-top:max(8px,env(safe-area-inset-top));border-radius:0;animation:none;inset-inline-start:auto}html:root .hud-right .hud-drawer-close{top:max(6px,env(safe-area-inset-top))}}@media (width<=700px) and (prefers-reduced-motion:reduce),(height<=500px) and (prefers-reduced-motion:reduce){html:root :is(.hud-right[data-open=true] .hud-right-body,.qh-frame){animation:none}}@media (width<=700px),(height<=500px){@keyframes phone-sheet-up{0%{opacity:.4;transform:translateY(40px)}}}