html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}canvas,img{-webkit-touch-callout:none}html[data-coarse="1"] .action-bar-buttons kbd{display:none}.sound-toggle,.make-btn,.warm-exit{top:calc(18px + env(safe-area-inset-top,0px));right:calc(22px + env(safe-area-inset-right,0px))}.action-bar{bottom:calc(clamp(20px, 4vh, 40px) + env(safe-area-inset-bottom,0px))}.shelf-foot{margin-bottom:env(safe-area-inset-bottom,0px)}.nonsense{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.rotate-hint{z-index:900;background:var(--bg);color:var(--ink);text-align:center;pointer-events:auto;place-content:center;justify-items:center;gap:10px;display:none;position:fixed;inset:0}.rotate-hint-phone{border:2px solid var(--ink-soft);border-radius:6px;width:26px;height:46px;animation:1.6s cubic-bezier(.34,1.4,.64,1) infinite alternate rotate-hint-turn;position:relative;transform:rotate(90deg)}.rotate-hint-phone:after{content:"";background:var(--ink-soft);border-radius:1px;width:8px;height:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@keyframes rotate-hint-turn{0%{transform:rotate(90deg)}to{transform:rotate(0)}}.rotate-hint-text{margin:8px 0 0;font-size:26px;line-height:1.2}.rotate-hint-sub{color:var(--ink-soft);margin:0;font-size:14px}@media (pointer:coarse) and (orientation:landscape) and (max-height:500px){.rotate-hint{display:grid}}@media (prefers-reduced-motion:reduce){.rotate-hint-phone{animation:none;transform:none}}
