#orientation-guard{z-index:1000;color:#e6f5ff;padding:calc(28px + var(--safe-top,env(safe-area-inset-top))) calc(28px + var(--safe-right,env(safe-area-inset-right))) calc(28px + var(--safe-bottom,env(safe-area-inset-bottom))) calc(28px + var(--safe-left,env(safe-area-inset-left)));text-align:center;background:#0a192ef7;flex-direction:column;justify-content:center;align-items:center;gap:18px;font:700 24px system-ui;display:flex;position:fixed;inset:0}#orientation-guard[hidden]{display:none}#orientation-guard span{font-size:64px}#orientation-guard small{color:#b5cde5;font-size:16px;font-weight:400}.touch-device{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;overflow:hidden}.touch-device canvas{touch-action:none;position:fixed;inset:0}.touch-device button,.touch-device a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.touch-device button{min-height:44px}.orientation-blocked>:not(#orientation-guard){visibility:hidden}#orientation-toggle{color:#fff;cursor:pointer;background:#16344b;border:1px solid #a7d1db;border-radius:12px;min-height:48px;padding:12px 16px;font:700 17px system-ui}#orientation-toggle[hidden]{display:none}#orientation-guard button{color:#0c263a;background:#cef58d;border:0;border-radius:14px;min-height:48px;padding:14px 24px;font:700 20px system-ui}#help-panel{z-index:100;padding:calc(12px + var(--safe-top,0px)) calc(12px + var(--safe-right,0px)) calc(12px + var(--safe-bottom,0px)) calc(12px + var(--safe-left,0px));background:#051528bb;place-items:center;display:grid;position:fixed;inset:0}#help-panel[hidden]{display:none}#help-panel section{color:#fff;touch-action:pan-y;background:#153349;border:1px solid #8ab9cd;border-radius:20px;width:min(600px,100%);max-height:100%;padding:22px;font:18px/1.6 system-ui;overflow:auto}#help-panel h2{margin:0 0 16px;font-size:30px}#help-panel h3{font-size:23px}#help-panel li{margin:10px 0}#help-close{float:right}#help-panel button,.help-open{color:#eafff5;cursor:pointer;background:#245672;border:1px solid #82b9c6;border-radius:12px;min-height:48px;padding:10px 16px;font:700 18px system-ui}.help-open{width:100%;margin:6px 0}.gesture-demo{background:#214d5f;border-radius:12px;padding:14px;font-size:22px;animation:1.6s ease-in-out infinite guide-pulse}@keyframes guide-pulse{50%{background:#316e75}}#practice{z-index:15;top:calc(124px + var(--safe-top,0px));color:#fff;background:#153b4fee;border:1px solid #9bcbb7;border-radius:12px;align-items:center;gap:14px;width:max-content;max-width:88%;padding:10px 14px;font:700 19px system-ui;display:flex;position:fixed;left:50%;transform:translate(-50%)}#practice[hidden]{display:none}#practice button{color:#163449;background:#c9f591;border:0;border-radius:8px;min-height:44px;padding:8px;font-size:15px}#objective{top:calc(72px + var(--safe-top,0px));color:#effffb;white-space:nowrap;pointer-events:none;background:#103444d9;border-radius:10px;max-width:94%;padding:8px 12px;font:700 16px system-ui;position:fixed;left:50%;transform:translate(-50%)}#objective[hidden]{display:none}.touch-device #toast{top:calc(109px + var(--safe-top,0px))!important}.touch-device #flow{font-size:15px}.touch-device[data-orientation=portrait] #hud #speed,#home-settings:empty,#pause-settings:empty{display:none}#objective{white-space:normal;text-align:center;gap:12px;line-height:1.3;display:flex}#objective span{display:block}.touch-device[data-orientation=portrait] #objective{min-width:220px;display:block}.touch-device[data-orientation=portrait] #objective span+span{margin-top:3px;font-size:14px}.touch-device[data-orientation=portrait] #toast{top:calc(131px + var(--safe-top,0px))!important}.touch-device[data-orientation=portrait] #practice{top:calc(165px + var(--safe-top,0px))}
