:root{--gold:#f3c86b;--gold-deep:#c99a3c;--navy:#0f1d3d;--navy-2:#182a55;--ink:#1d1a2e;--paper:#fff9ee;--glass:#0e1630b8;--glass-2:#0e1630db;--accent:#7ec8ff;--tdl:#ff7fb0;--tds:#4fd1c5;--shadow:0 10px 40px #00000059;--font:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif}*{box-sizing:border-box}html,body{color:#fff;height:100%;font-family:var(--font);background:#000;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{outline:none;width:100%;height:100%;display:block}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#ui .interactive,#ui button,#ui input,#ui select,#ui a{pointer-events:auto}button{font-family:var(--font)}#title{pointer-events:auto;background:radial-gradient(at 50% 120%,#3b2a6b 0%,#14163a 45%,#06081a 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0;overflow:hidden}#title.hidden{opacity:0;pointer-events:none}#title .stars{opacity:.8;background-image:radial-gradient(1px 1px at 20% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 70% 20%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 40% 70%,#ffe9a8 50%,#0000 51%),radial-gradient(1px 1px at 85% 60%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 10% 80%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 55% 45%,#bfe3ff 50%,#0000 51%);background-size:380px 380px;animation:6s linear infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.45}to{opacity:.95}}#title .castle-silhouette{opacity:.35;width:min(900px,110vw);position:absolute;bottom:0;left:50%;transform:translate(-50%)}#title h1{letter-spacing:.04em;text-align:center;background:linear-gradient(#fff6d6,#f3c86b 60%,#c99a3c);color:#0000;filter:drop-shadow(0 4px 18px #f3c86b59);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,serif;font-size:clamp(28px,5.4vw,64px);position:relative}#title .sub{color:#dfe6ff;letter-spacing:.25em;text-align:center;margin:10px 0 30px;font-size:clamp(14px,2vw,20px);position:relative}#title .choices{flex-wrap:wrap;justify-content:center;gap:16px;padding:0 16px;display:flex;position:relative}.big-btn{pointer-events:auto;cursor:pointer;color:#1b1330;min-width:240px;box-shadow:var(--shadow);border:none;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:18px 26px;font-size:17px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .3s;display:flex}.big-btn small{opacity:.75;font-size:12px;font-weight:700}.big-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 16px 50px #00000073}.big-btn:disabled{opacity:.4;cursor:wait;transform:none}.big-btn.tdl{background:linear-gradient(135deg,#ffd1e3,#ff8fbf)}.big-btn.tds{background:linear-gradient(135deg,#c7fff6,#4fd1c5)}.big-btn.sky{background:linear-gradient(135deg,#fff1c7,#f3c86b)}#title .progress{width:min(520px,80vw);margin-top:34px;position:relative}#title .bar{background:#ffffff1f;border-radius:99px;height:8px;overflow:hidden}#title .bar>div{background:linear-gradient(90deg,#f3c86b,#fff3c4);border-radius:99px;width:0%;height:100%;transition:width .25s;box-shadow:0 0 20px #f3c86b}#title .status{color:#c9d2f5;text-align:center;min-height:1.4em;margin-top:10px;font-size:13px}#title .note{text-align:center;color:#dce1ff8c;padding:0 16px;font-size:11px;position:absolute;bottom:12px;left:0;right:0}#title .keys{color:#d7defa;grid-template-columns:repeat(3,auto);gap:6px 22px;margin-top:26px;font-size:13px;display:grid;position:relative}#title .keys b{color:var(--gold);font-weight:800}#hud{opacity:0;visibility:hidden;transition:opacity .6s;position:absolute;inset:0}#hud.visible{opacity:1;visibility:visible}#ui.modal-open #hud{visibility:hidden}.card{background:var(--glass);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);border:1px solid #ffffff1f;border-radius:16px}#loc{min-width:220px;padding:10px 16px 12px;position:absolute;top:16px;left:16px}#loc .park{letter-spacing:.12em;color:var(--gold);font-size:12px;font-weight:800}#loc .land{margin-top:2px;font-size:20px;font-weight:800}#loc .en{color:#b9c4ea;letter-spacing:.08em;font-size:11px}#loc .row{color:#d8def6;align-items:center;gap:10px;margin-top:6px;font-size:12px;display:flex}#loc .mode{background:#ffffff1f;border-radius:99px;padding:2px 8px;font-weight:700}#minimap{border-radius:50%;width:210px;height:210px;padding:0;position:absolute;top:16px;right:16px;overflow:hidden}#minimap canvas{width:100%;height:100%;display:block}#minimap .n{color:var(--gold);text-shadow:0 1px 3px #000;font-size:12px;font-weight:800;position:absolute;top:4px;left:50%;transform:translate(-50%)}#crosshair{background:#fffc;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #0009}#prompt{text-align:center;padding:10px 18px;font-size:16px;font-weight:700;display:none;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}#prompt kbd,.keycap{background:var(--gold);color:#2a1d05;min-width:24px;font-weight:800;font-family:var(--font);border-radius:6px;margin-right:8px;padding:2px 7px;display:inline-block;box-shadow:0 2px #9b7424}#hints{color:#dfe5fb;padding:10px 14px;font-size:12px;line-height:1.8;position:absolute;bottom:16px;left:16px}#hints .keycap{min-width:20px;margin-right:4px;padding:0 5px;font-size:11px}#toast{opacity:0;text-align:center;padding:12px 22px;font-size:16px;font-weight:700;transition:opacity .4s,transform .4s;position:absolute;top:14%;left:50%;transform:translate(-50%)}#toast.show{opacity:1;transform:translate(-50%)translateY(6px)}#toolbar{gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.tbtn{cursor:pointer;background:var(--glass);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff26;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:700}.tbtn:hover{background:var(--glass-2);border-color:var(--gold)}#timecard{align-items:center;gap:10px;padding:6px 14px;font-size:13px;font-weight:700;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}#timecard input[type=range]{width:160px;accent-color:var(--gold)}#timecard .time-label{font-variant-numeric:tabular-nums;text-align:center;min-width:3.2em}#ridehud{text-align:center;min-width:320px;padding:12px 20px;display:none;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#ridehud .name{color:var(--gold);font-size:17px;font-weight:800}#ridehud .scene{color:#dfe5fb;min-height:1.3em;margin-top:2px;font-size:13px}#ridehud .pbar{background:#ffffff26;border-radius:99px;height:5px;margin-top:8px;overflow:hidden}#ridehud .pbar>div{background:var(--gold);width:0%;height:100%}#ridehud .exit{color:#b9c4ea;margin-top:6px;font-size:11px}.panel{opacity:0;pointer-events:auto;flex-direction:column;width:min(980px,94vw);max-height:86vh;transition:opacity .2s,transform .2s;display:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.98)}.panel.open{opacity:1;display:flex;transform:translate(-50%,-50%)scale(1)}.panel header{justify-content:space-between;align-items:center;padding:16px 20px 10px;display:flex}.panel header h2{margin:0;font-size:20px}.panel .close{cursor:pointer;color:#fff;background:0 0;border:none;font-size:24px}.tabs{gap:8px;padding:0 20px 10px;display:flex}.tab{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:99px;padding:7px 16px;font-weight:800}.tab.on.tdl{background:var(--tdl);color:#2a0d1c}.tab.on.tds{background:var(--tds);color:#062a27}.tab.on.other{background:var(--gold);color:#2a1d05}.guide-body{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:0 20px 20px;display:grid;overflow:auto}.land-card{background:#ffffff0f;border-radius:14px;padding:12px 14px}.land-card h3{color:var(--gold);justify-content:space-between;align-items:center;margin:0 0 8px;font-size:15px;display:flex}.land-card h3 button{font-size:11px}.attr{border-top:1px dashed #ffffff1a;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.attr .nm{flex:1}.attr .nm small{color:#aab5dc;font-size:10.5px;display:block}.attr .badge{color:#bfe4ff;background:#7ec8ff33;border-radius:99px;margin-left:4px;padding:1px 6px;font-size:10px}.mini{cursor:pointer;color:#fff;white-space:nowrap;background:#ffffff24;border:none;border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:800}.mini:hover{background:#ffffff40}.mini.ride{background:var(--gold);color:#2a1d05}.settings-body{grid-template-columns:1fr 1fr;gap:12px 24px;padding:0 20px 20px;display:grid;overflow:auto}.settings-body label{flex-direction:column;gap:6px;font-size:13px;display:flex}.settings-body select,.settings-body input[type=range]{accent-color:var(--gold)}.settings-body select{color:#fff;background:#1b2550;border:1px solid #fff3;border-radius:8px;padding:6px}.help-body{grid-template-columns:1fr 1fr;gap:8px 30px;padding:0 20px 20px;font-size:13.5px;display:grid;overflow:auto}.help-body div{border-bottom:1px dashed #ffffff1a;justify-content:space-between;padding:5px 0;display:flex}.help-body p{color:#c7cff0;grid-column:1/-1;margin:8px 0 0;font-size:12px;line-height:1.7}#bigmap-wrap{border-radius:12px;margin:0 20px 20px;position:relative;overflow:hidden}#bigmap{cursor:crosshair;width:100%;display:block}#pause{pointer-events:auto;background:#05081973;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#pause.open{display:flex}#pause .box{text-align:center;flex-direction:column;gap:10px;min-width:300px;padding:26px 30px;display:flex}#pause .box h2{margin:0 0 8px}#pause .box button{cursor:pointer;color:#fff;background:#ffffff1f;border:none;border-radius:12px;padding:12px;font-size:15px;font-weight:800}#pause .box button.primary{background:var(--gold);color:#2a1d05}#fade{opacity:0;pointer-events:none;background:#000;transition:opacity .5s;position:absolute;inset:0}#fade.on{opacity:1}#ui.transitioning #fade{z-index:30;pointer-events:auto}#perf{color:#cfd;background:#00000073;border-radius:6px;padding:4px 8px;font:11px/1.4 monospace;display:none;position:absolute;top:234px;right:16px}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--touch-left:max(14px, var(--safe-left));--touch-right:max(14px, var(--safe-right));--touch-bottom:calc(22px + var(--safe-bottom))}#touch{z-index:8;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#touch[hidden],#touch.hidden{display:none!important}#touch .stick{pointer-events:auto;touch-action:none;background:#0e1c3680;border:2px solid #ffffff73;border-radius:50%;width:116px;height:116px;position:absolute;box-shadow:inset 0 0 20px #7ec8ff14,0 3px 16px #00000026}#touch .stick.left{left:var(--touch-left);bottom:var(--touch-bottom)}#touch .stick .stick-label{text-align:center;color:#fffc;pointer-events:none;font-size:10px;font-weight:800;position:absolute;bottom:8px;left:0;right:0}#touch .stick .knob{pointer-events:none;background:#e9f6ffa6;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #0000004d}#touch .touch-actions{right:var(--touch-right);bottom:var(--touch-bottom);grid-template-columns:76px 76px;align-items:end;gap:9px;display:grid;position:absolute}#touch button{color:#fff;width:76px;min-height:72px;font-family:var(--font);letter-spacing:.04em;touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#16304ee0;border:2px solid #ffffff80;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px 16px #0000004d}#touch button small{letter-spacing:0;font-size:10px;font-weight:700;display:block}#touch button:active,#touch button.held{background:#47719ef2;transform:translateY(2px)}#touch button:disabled{opacity:.4;pointer-events:none}#touch button[hidden],#touch .stick[hidden]{display:none!important}#touch #touch-fly{border-color:var(--gold);color:#ffe9b5;background:#523914e6}#touch #touch-fly:active,#touch #touch-fly.held{background:#7d591bf2}#touch #touch-interact{background:var(--gold);color:#2a1d05;letter-spacing:0;border-color:#fff0c5;border-radius:14px;order:-1;grid-column:1/-1;width:100%;min-height:46px;font-size:15px}#touch .touch-look-hint{left:50%;bottom:calc(var(--touch-bottom) + 146px);color:#e7efff;text-align:center;pointer-events:none;background:#070f1f8c;border-radius:99px;width:max-content;max-width:calc(100% - 32px);padding:5px 10px;font-size:10px;line-height:1.5;position:absolute;transform:translate(-50%)}#touch[data-mode=ride] .touch-look-hint{display:none}.touch-device #app canvas{touch-action:none}.touch-device #title{padding:calc(28px + var(--safe-top)) max(16px, var(--safe-right)) calc(18px + var(--safe-bottom)) max(16px, var(--safe-left));overscroll-behavior:contain;justify-content:flex-start;gap:0;overflow-y:auto}.touch-device #title h1{flex:none;max-width:650px;font-size:clamp(25px,6.2vw,40px)}.touch-device #title .sub{letter-spacing:.06em;flex:none;margin:10px 0 20px;font-size:12px;line-height:1.8}.touch-device #title .choices{flex:none;gap:10px;width:min(100%,660px);padding:0}.touch-device #title .big-btn{border-radius:14px;width:min(100%,370px);min-width:0;min-height:64px;padding:12px;font-size:15px}.touch-device #title .big-btn small{font-size:10px}.touch-device #title .progress{flex:none;width:min(100%,460px);margin-top:20px}.touch-device #title .keys{flex:none;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:20px;font-size:10px;line-height:1.5}.touch-device #title .keys span{flex-direction:column;display:flex}.touch-device #title .note{flex:none;max-width:600px;margin-top:24px;padding:0;font-size:9px;line-height:1.6;position:relative;bottom:auto}.touch-device #title .castle-silhouette,.touch-device #title .stars{pointer-events:none}.touch-device #menu-dock{max-height:calc(100vh - 20px - var(--safe-top) - var(--safe-bottom));max-height:calc(100dvh - 20px - var(--safe-top) - var(--safe-bottom));z-index:2;top:calc(10px + var(--safe-top));left:var(--touch-left);width:min(330px, calc(100% - var(--touch-left) - var(--touch-right)));flex-direction:column;display:flex;position:absolute}.touch-device .menu-heading{width:min(100%, calc(100vw - var(--touch-left) - var(--touch-right) - 84px));flex:none;align-items:flex-start;gap:6px;display:flex}.touch-device #menu-toggle{background:var(--glass-2);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;width:44px;min-height:44px;padding:4px 0;display:flex}.touch-device #menu-toggle .menu-icon{font-family:sans-serif;font-size:23px;line-height:23px}.touch-device #menu-toggle small{font-size:8px;line-height:10px}.touch-device #menu-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.touch-device #loc{border-radius:12px;flex:1;width:auto;min-width:0;padding:6px 8px;position:static}.touch-device #loc .park{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.touch-device #loc .land{overflow-wrap:anywhere;font-size:13px;line-height:1.4}.touch-device #loc .en{display:none}.touch-device #loc .row{flex-wrap:wrap;gap:5px;margin-top:3px;font-size:10px}.touch-device #loc .mode{padding:1px 5px}.touch-device #minimap{width:72px;height:72px;right:var(--touch-right);top:calc(10px + var(--safe-top))}.touch-device #menu-backdrop{z-index:1;touch-action:none;position:absolute;inset:0}.touch-device #menu-backdrop[hidden],.touch-device #touch-menu[hidden]{display:none!important}.touch-device #touch-menu{overscroll-behavior:contain;touch-action:pan-y;background:var(--glass-2);flex-direction:column;flex:0 auto;gap:10px;min-height:0;margin-top:8px;padding:10px;display:flex;overflow-y:auto}.touch-device #timecard{width:100%;min-height:50px;box-shadow:none;border-radius:10px;flex:none;gap:5px;padding:2px 6px;font-size:12px;position:static;transform:none}.touch-device #timecard .time-icon{display:none}.touch-device #timecard input[type=range]{touch-action:pan-x;flex:1;width:0;min-width:50px;height:44px;margin:0}.touch-device #timecard input[type=range]::-webkit-slider-thumb{min-width:24px;min-height:24px}.touch-device #timecard input[type=range]::-moz-range-thumb{width:24px;height:24px}.touch-device #timecard .mini{min-height:44px;padding:5px 7px;font-size:11px}.touch-device #toolbar{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid;position:static}.touch-device .tbtn{border-radius:12px;min-width:44px;min-height:44px;padding:7px 9px;font-size:12px}.touch-device #toolbar .tbtn{grid-column:span 2}.touch-device #toolbar .tbtn:nth-child(-n+2){grid-column:span 3}.touch-device #ui.menu-open #minimap{pointer-events:none}.touch-device #messages{left:var(--touch-left);right:var(--touch-right);bottom:calc(var(--touch-bottom) + 136px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.touch-device #messages>.card{text-align:center;overflow-wrap:anywhere;border-radius:12px;flex:none;width:-moz-fit-content;width:fit-content;min-width:0;max-width:min(100%,460px);margin:0;padding:7px 11px;font-size:12px;line-height:1.5;position:static;inset:auto;transform:none}.touch-device #messages #toast{transition:none;display:none}.touch-device #messages #toast.show{opacity:1;display:block;transform:none}.touch-device #messages #hints{background:#070f1f8c;padding:5px 10px;font-size:10px;display:block}.touch-device #messages.has-context #hints,.touch-device #messages.has-toast #hints,.touch-device #ui.menu-open #messages,.touch-device #messages.has-toast #ridehud .scene,.touch-device #messages.has-toast #ridehud .exit,.touch-device #touch .touch-look-hint{display:none}.touch-device #ridehud .name{font-size:14px}.touch-device #ridehud .scene{font-size:11px}.touch-device #ridehud .exit{font-size:10px}.touch-device #perf{right:var(--touch-right);top:calc(88px + var(--safe-top));font-size:9px}.touch-device .panel{width:auto;max-width:none;max-height:none;top:calc(10px + var(--safe-top));left:var(--touch-left);right:var(--touch-right);bottom:calc(10px + var(--safe-bottom));background:#0e1630f5;border-radius:16px;transform:none}.touch-device .panel.open{transform:none}.touch-device .panel header{flex:none;gap:8px;padding:9px 10px 7px 14px}.touch-device .panel header h2{font-size:17px}.touch-device .panel .close{background:#ffffff14;border-radius:10px;flex:none;min-width:44px;min-height:44px}.touch-device .tabs{flex:none;gap:6px;padding:0 12px 10px;overflow-x:auto}.touch-device .tab{flex:1;min-height:44px;padding:6px 10px;font-size:11px}.touch-device .guide-body{overscroll-behavior:contain;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;padding:0 12px 12px}.touch-device .land-card{padding:10px}.touch-device .land-card h3{flex-wrap:wrap;gap:3px 8px}.touch-device .land-card h3 small{font-size:9px}.touch-device .attr{flex-wrap:wrap;gap:8px;padding:10px 0;font-size:12px}.touch-device .attr .nm{flex-basis:100%}.touch-device .attr .mini{min-width:62px;min-height:44px}.touch-device .settings-body,.touch-device .help-body{overscroll-behavior:contain;grid-template-columns:minmax(0,1fr);min-height:0;padding:0 14px 16px}.touch-device .settings-body input[type=range],.touch-device .settings-body select{width:100%;min-height:44px}.touch-device .settings-body input[type=checkbox]{vertical-align:middle;width:22px;height:22px}.touch-device .help-body{font-size:12px}.touch-device .help-body>div{align-items:flex-start;gap:10px;padding:8px 0}.touch-device .help-body .keycap{white-space:normal;max-width:45%;box-shadow:none;flex:none;margin-right:0;padding:5px 7px;font-size:11px}.touch-device .help-body>div>span:last-child{text-align:right;line-height:1.6}.touch-device .map-options{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:0 14px 10px;font-size:12px;display:flex}.touch-device .map-options select{min-height:44px;font:inherit;color:#fff;background:#25345b;border:1px solid #ffffff4d;border-radius:10px;padding:7px 12px}.touch-device #bigmap-wrap{justify-content:center;align-items:flex-start;min-height:0;margin:0 12px 12px;display:flex;overflow:auto}.touch-device #bigmap{width:100%;height:auto;max-width:calc(100vh - 150px - var(--safe-top) - var(--safe-bottom));max-width:calc(100dvh - 150px - var(--safe-top) - var(--safe-bottom));touch-action:manipulation;flex:none}.touch-device #pause{padding:calc(12px + var(--safe-top)) var(--touch-right) calc(12px + var(--safe-bottom)) var(--touch-left);overflow:auto}.touch-device #pause .box{width:min(100%,340px);min-width:0;max-height:100%;padding:20px;overflow:auto}.touch-device #pause .box button{min-height:44px}@media (pointer:fine) and (max-width:720px){#minimap{width:100px;height:100px}#loc{min-width:0;max-width:calc(100% - 144px);padding:8px 12px}#loc .land{font-size:16px}#timecard{top:145px}#hints{max-width:calc(100% - 32px);font-size:10px;bottom:70px}#toolbar{justify-content:flex-end;left:16px}.tbtn{padding:8px;font-size:11px}}@media (max-width:359px){.touch-device #loc .park{font-size:8px}.touch-device #loc .land{font-size:13px}.touch-device .tbtn{min-width:44px;padding:7px;font-size:11px}.touch-device #touch .stick{width:104px;height:104px}.touch-device #touch .touch-actions{grid-template-columns:70px 70px;gap:7px}.touch-device #touch button{width:70px;min-height:68px;font-size:15px}}@media (orientation:landscape) and (max-height:600px){.touch-device{--touch-bottom:calc(16px + var(--safe-bottom))}.touch-device #title{padding-top:calc(16px + var(--safe-top))}.touch-device #title h1{font-size:26px}.touch-device #title .sub{margin:5px 0 12px}.touch-device #title .choices{flex-wrap:nowrap;gap:8px;width:100%;max-width:900px}.touch-device #title .big-btn{flex:1;width:auto;min-height:64px;font-size:12px}.touch-device #title .big-btn small{font-size:9px}.touch-device #title .progress{margin-top:16px}.touch-device #title .keys{grid-template-columns:repeat(3,auto);margin-top:12px}.touch-device #title .note{margin-top:18px}.touch-device .tbtn{min-width:44px;padding:6px;font-size:11px}.touch-device #touch .stick{width:104px;height:104px}.touch-device #touch .touch-actions{grid-template-columns:70px 70px;gap:7px}.touch-device #touch button{width:70px;min-height:64px;font-size:15px}.touch-device #touch #touch-interact{min-height:44px}.touch-device #messages{left:calc(var(--touch-left) + 116px);right:calc(var(--touch-right) + 159px);bottom:var(--touch-bottom);gap:5px}.touch-device #messages>.card{padding:6px 9px;font-size:11px}.touch-device #ridehud .name{font-size:12px}.touch-device #ridehud .exit{font-size:9px}.touch-device #perf{top:calc(108px + var(--safe-top));right:var(--touch-right)}.touch-device .guide-body,.touch-device .settings-body,.touch-device .help-body{grid-template-columns:repeat(2,minmax(0,1fr))}.touch-device .panel header{padding-top:4px;padding-bottom:4px}.touch-device #pause .box{gap:7px;padding:12px 18px}.touch-device #pause .box h2{margin-bottom:2px;font-size:18px}.touch-device #pause .box button{min-height:44px;padding:8px;font-size:13px}}@media (orientation:landscape) and (max-width:700px) and (max-height:400px){.touch-device #messages{gap:4px}.touch-device #messages>.card{padding:4px 8px;font-size:11px;line-height:1.35}.touch-device #messages #ridehud .name{font-size:11px}.touch-device #messages.has-context #toast .toast-detail,.touch-device #messages.has-toast #ridehud .pbar{display:none}}