:root{--ink: #10283a;--ink2: #1b4560;--sun: #ffb83d;--sun2: #ff8a3d;--coral: #ff5a5f;--sea: #19b7b0;--sky: #6fc8ff;--sand: #ffe9bf;--cream: #fff6e0;--white: #fffdf7;--good: #3ddc84;--bad: #ff5a5f;--font: "Avenir Next", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--display: "Avenir Next Condensed", "Arial Narrow", "Trebuchet MS", system-ui, sans-serif;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#2a1a2e;color:var(--ink);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}canvas#gl{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.hidden{display:none!important}button,input{font-family:inherit}.btn{appearance:none;border:3px solid var(--ink);background:var(--sun);color:var(--ink);border-radius:14px;padding:12px 22px;font:900 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 5px 0 var(--ink);cursor:pointer;transition:transform .06s,box-shadow .06s,filter .15s;position:relative;touch-action:manipulation;text-align:center}.btn:hover{filter:brightness(1.06)}.btn:active,.btn.press{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn.alt{background:var(--sea);color:#06303a}.btn.coral{background:var(--coral);color:#fff}.btn.ghost{background:var(--cream)}.btn.small{padding:8px 14px;font-size:14px;border-radius:11px;box-shadow:0 3px 0 var(--ink)}.btn.small:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.btn.big{padding:16px 26px;font-size:22px}.btn[disabled]{opacity:.5;pointer-events:none}.btn.on{background:var(--good)}.panel{background:var(--sand);border:3px solid var(--ink);border-radius:20px;box-shadow:0 8px #10283a73;padding:20px 22px}h1,h2,h3{margin:0;font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.title-stroke{color:var(--white);-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),0 4px 0 var(--ink),5px 6px 0 rgba(16,40,58,.5)}.field{display:block;margin:0 0 12px}.field>span{display:block;font:800 12px var(--display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;color:var(--ink2)}.field input[type=text],.field input[type=password],.field input[type=number]{width:100%;padding:12px 14px;font:700 18px var(--font);border:3px solid var(--ink);border-radius:12px;background:var(--white);color:var(--ink);outline:none;-webkit-user-select:text;user-select:text}.field input:focus{box-shadow:0 0 0 4px #19b7b073}.err{color:#b3202a;font-weight:800;min-height:1.3em;margin:4px 0 8px;font-size:14px}.row{display:flex;gap:10px;align-items:center}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{flex:1}.tab.sel{background:var(--sun)}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal))}#loading{background:radial-gradient(120% 100% at 50% 100%,#ff9a4d,#c3477a 45%,#2d2150);flex-direction:column;gap:22px;z-index:50;transition:opacity .5s}#loading.out{opacity:0;pointer-events:none}#loading h1{font-size:clamp(38px,9vw,84px);line-height:.9;text-align:center}#loading .sub{font:800 14px var(--display);letter-spacing:.3em;text-transform:uppercase;color:#ffe9bf}.bar{width:min(420px,80vw);height:22px;border:3px solid var(--ink);border-radius:13px;background:#10283a8c;overflow:hidden;box-shadow:0 4px 0 var(--ink)}.bar>i{display:block;height:100%;width:0%;background:repeating-linear-gradient(-45deg,var(--sun) 0 12px,var(--sun2) 12px 24px);transition:width .15s}#loading .msg{font:700 15px var(--font);color:#fff;text-shadow:0 2px 0 var(--ink);min-height:1.4em}#auth{z-index:20;background:linear-gradient(180deg,#10143240,#10143299);backdrop-filter:blur(3px)}#auth .card{width:min(440px,100%);max-height:100%;overflow:auto}#auth h1{font-size:40px;text-align:center;margin-bottom:4px}#auth .tag{text-align:center;font:800 12px var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--ink2);margin-bottom:14px}#auth .guest{margin-top:12px;display:flex;justify-content:center}#auth form .btn{width:100%;margin-top:4px}#menu{z-index:10;justify-content:flex-start;align-items:stretch;background:linear-gradient(90deg,#101432b8,#10143240 55%,#0000)}#menu .col{display:flex;flex-direction:column;gap:12px;width:min(380px,100%);justify-content:center}#menu h1{font-size:clamp(40px,7vw,70px);line-height:.88;margin-bottom:6px}#menu .who{font:800 14px var(--display);letter-spacing:.18em;text-transform:uppercase;color:#ffe9bf;text-shadow:0 2px 0 var(--ink)}#menu .colors{display:flex;gap:8px;flex-wrap:wrap;padding:10px;background:#fff6e0eb;border:3px solid var(--ink);border-radius:14px}#menu .sw{width:34px;height:34px;border-radius:50%;border:3px solid var(--ink);cursor:pointer;padding:0;box-shadow:0 3px 0 var(--ink)}#menu .sw.sel{outline:4px solid var(--white);outline-offset:1px;transform:translateY(-2px)}#menu .hint{font:600 12px/1.4 var(--font);color:#fff4d6;text-shadow:0 1px 0 var(--ink);max-width:360px}#menu .net{font:800 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:8px;text-shadow:0 1px 0 var(--ink)}#menu .net i{width:10px;height:10px;border-radius:50%;background:var(--coral);border:2px solid var(--ink)}#menu .net i.on{background:var(--good)}#menu .ver{position:absolute;right:calc(14px + var(--sar));bottom:calc(10px + var(--sab));font:600 11px var(--font);color:#ffffffb3}.overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#1014328c;backdrop-filter:blur(4px);padding:calc(14px + var(--sat)) calc(14px + var(--sar)) calc(14px + var(--sab)) calc(14px + var(--sal))}.overlay .panel{width:min(560px,100%);max-height:100%;overflow:auto}.overlay h2{font-size:34px;margin-bottom:10px}.overlay .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.overlay .actions .btn{flex:1 1 140px}table.tbl{width:100%;border-collapse:collapse;font-weight:700}table.tbl th{font:800 11px var(--display);letter-spacing:.14em;text-align:left;text-transform:uppercase;color:var(--ink2);padding:4px 6px}table.tbl td{padding:7px 6px;border-top:2px solid rgba(16,40,58,.18)}table.tbl tr.me td{background:#ffb83d8c}table.tbl td.n{font:900 20px var(--display);width:34px}table.tbl td.t{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.set{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center}.set label{font-weight:800;font-size:14px}.set input[type=range]{width:170px;accent-color:var(--coral)}.set select{padding:8px 10px;font:700 15px var(--font);border:3px solid var(--ink);border-radius:10px;background:var(--white)}.set input[type=checkbox]{width:26px;height:26px;accent-color:var(--coral)}.badge{display:inline-block;padding:3px 9px;border:2px solid var(--ink);border-radius:999px;background:var(--sun);font:900 12px var(--display);letter-spacing:.1em;text-transform:uppercase}.big-place{font:900 76px/.9 var(--display);color:var(--white);text-shadow:3px 3px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),6px 8px 0 rgba(16,40,58,.4);font-style:italic}#hud{position:absolute;inset:0;z-index:5;pointer-events:none;color:var(--white)}#hud *{pointer-events:none}#hud .hub-ready,#hud .hub-card button{pointer-events:auto}.hud-top-left{position:absolute;left:calc(14px + var(--sal));top:calc(10px + var(--sat))}.hud-place{font:900 italic 92px/.85 var(--display);display:flex;align-items:flex-end;gap:4px;text-shadow:4px 4px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),6px 8px 0 rgba(16,40,58,.35)}.hud-place-of{font-size:32px;padding-bottom:6px;color:var(--sand)}.hud-place-n.bump{animation:bump .4s ease-out}@keyframes bump{0%{transform:scale(1.6);color:var(--sun)}to{transform:scale(1)}}.hud-lap{font:800 18px var(--display);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;text-shadow:2px 2px 0 var(--ink)}.hud-lap b{font-size:26px;color:var(--sun)}.hud-time{font:800 22px var(--display);font-variant-numeric:tabular-nums;text-shadow:2px 2px 0 var(--ink);opacity:.95}.hud-item{position:absolute;left:50%;top:calc(10px + var(--sat));transform:translate(-50%);width:84px;height:84px;border:4px solid var(--ink);border-radius:22px;background:#fff6e059;box-shadow:0 5px #10283a8c;display:flex;align-items:center;justify-content:center}.hud-item.has{background:var(--cream)}.hud-item.rolling{background:#fff}.hud-item.pop{animation:pop .35s ease-out}@keyframes pop{0%{transform:translate(-50%) scale(1.45) rotate(-8deg)}to{transform:translate(-50%) scale(1)}}.hud-item-icon{width:62px;height:62px}.hud-item-icon svg{width:100%;height:100%;display:block}.hud-right{position:absolute;right:calc(10px + var(--sar));top:calc(10px + var(--sat))}.hud-map{width:150px;height:150px;border:3px solid var(--ink);border-radius:18px;background:#10283a73}.hud-bottom{position:absolute;left:50%;bottom:calc(12px + var(--sab));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.hud-speed{font:900 italic 50px/1 var(--display);text-shadow:3px 3px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink)}.hud-speed span{font-size:16px;margin-left:5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sand)}.hud-drift{display:flex;gap:6px;height:12px}.hud-drift i{width:46px;height:12px;border:2px solid var(--ink);border-radius:7px;background:#10283a80;transform:skew(-18deg)}.hud-drift i.on.l1{background:#59c8ff}.hud-drift i.on.l2{background:#ffa030}.hud-drift i.on.l3{background:#ff4a5a}.hud-msg{position:absolute;left:50%;top:28%;transform:translate(-50%);font:900 italic 54px/1 var(--display);text-transform:uppercase;white-space:nowrap;opacity:0;text-shadow:4px 4px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink)}.hud-msg.show{animation:msg 1.6s ease-out forwards}.hud-msg.good{color:var(--sun)}.hud-msg.bad{color:var(--coral)}@keyframes msg{0%{opacity:0;transform:translate(-50%) scale(.5)}12%{opacity:1;transform:translate(-50%) scale(1.15)}22%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-18px) scale(1)}}.hud-count{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font:900 italic 190px/1 var(--display);opacity:0;text-shadow:7px 7px 0 var(--ink),-3px -3px 0 var(--ink),3px -3px 0 var(--ink),-3px 3px 0 var(--ink),12px 14px 0 rgba(16,40,58,.4)}.hud-count.show{animation:count .95s ease-out forwards}.hud-count.go{color:var(--sun);font-size:150px;animation-duration:1.1s}@keyframes count{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.85)}}.hud-banner{position:absolute;left:50%;top:calc(108px + var(--sat));transform:translate(-50%) translateY(-20px);padding:10px 20px;background:var(--sun);color:var(--ink);border:3px solid var(--ink);border-radius:14px;font:900 17px var(--display);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 0 var(--ink);opacity:0;transition:opacity .3s,transform .3s;text-align:center;max-width:86vw}.hud-banner.show{opacity:1;transform:translate(-50%)}.hud-stats{position:absolute;left:calc(8px + var(--sal));bottom:calc(6px + var(--sab));font:600 12px ui-monospace,Menlo,monospace;color:#fff;text-shadow:0 1px 2px #000;display:none}.hud-rows{position:absolute;left:calc(14px + var(--sal));top:calc(178px + var(--sat));font:800 14px var(--display);display:flex;flex-direction:column;gap:2px}.hud-rows .row{display:flex;gap:8px;align-items:baseline;padding:1px 8px 1px 6px;background:#10283a80;border-radius:6px;max-width:160px}.hud-rows .row b{width:14px;text-align:right;color:var(--sun)}.hud-rows .row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-rows .row.me{background:var(--sun);color:var(--ink)}.hud-rows .row.me b{color:var(--ink)}#hud[data-mode=hub] .hud-top-left,#hud[data-mode=hub] .hud-item,#hud[data-mode=hub] .hud-rows,#hud[data-mode=hub] .hud-right{display:none}.hud-hub{position:absolute;left:calc(14px + var(--sal));top:calc(10px + var(--sat));display:none}.hud-hub.show{display:block}.hub-card{background:#fff6e0f0;border:3px solid var(--ink);border-radius:16px;box-shadow:0 5px #10283a80;padding:12px 14px;width:270px;color:var(--ink)}.hub-card.in{background:#d9ffe5}.hub-row{display:flex;justify-content:space-between;align-items:baseline;font-weight:800}.hub-k{font:800 12px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}.hub-v{font:900 24px var(--display)}.hub-hint{margin:6px 0;font:700 13px/1.3 var(--font)}.hub-card .btn{width:100%;margin-top:4px}#touch{position:absolute;inset:0;z-index:6;display:none}#touch.on,.touchdev #touch{display:block}#touch .stick-zone{position:absolute;left:0;top:18%;bottom:0;width:55%;touch-action:none}#touch .stick-base{position:fixed;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:4px solid rgba(255,255,255,.6);background:#10283a47;display:none;pointer-events:none}#touch .stick-base.on{display:block}#touch .stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#ffb83deb;border:3px solid var(--ink)}#touch .tbtn{position:absolute;border-radius:50%;border:4px solid var(--ink);background:#ffb83de0;color:var(--ink);font:900 15px var(--display);letter-spacing:.08em;box-shadow:0 5px #10283a8c;touch-action:none;padding:0}#touch .tbtn.press{transform:translateY(3px);box-shadow:0 2px #10283a8c;filter:brightness(1.15)}#touch .tbtn-drift{right:calc(22px + var(--sar));bottom:calc(26px + var(--sab));width:104px;height:104px;font-size:18px}#touch .tbtn-item{right:calc(138px + var(--sar));bottom:calc(92px + var(--sab));width:84px;height:84px;background:#3ddc84e6}#touch .tbtn-brake{right:calc(140px + var(--sar));bottom:calc(20px + var(--sab));width:62px;height:62px;font-size:11px;background:#ff5a5fe0;color:#fff}.pausebtn{position:absolute;right:calc(10px + var(--sar));top:calc(172px + var(--sat));z-index:7;width:44px;height:44px;border-radius:12px;padding:0}.pausebtn svg{width:22px;height:22px}.toast{position:absolute;left:50%;bottom:calc(24px + var(--sab));transform:translate(-50%);z-index:60;background:var(--ink);color:#fff;padding:10px 18px;border-radius:12px;font-weight:800;border:3px solid var(--sun)}@media(max-width:720px),(max-height:520px){.hud-rows{display:none}}} .hud-pearls{display:flex;align-items:center;gap:6px;margin-top:4px;font:900 22px var(--display);text-shadow:2px 2px 0 var(--ink)}.hud-pearls i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffe08a 55%,#ff9f1c);border:2px solid var(--ink)}.overlay .panel,#auth .card{touch-action:pan-y}.hud-ink{position:absolute;inset:0;opacity:0;transition:opacity .2s;background:radial-gradient(ellipse at center,#08081000 38%,#080810e0),radial-gradient(circle at 12% 18%,rgba(8,8,16,.9) 0 9%,transparent 10%),radial-gradient(circle at 88% 80%,rgba(8,8,16,.9) 0 11%,transparent 12%),radial-gradient(circle at 80% 14%,rgba(8,8,16,.9) 0 7%,transparent 8%)}.hud-ink.on{opacity:.85}.hud-style{position:absolute;left:calc(14px + var(--sal));bottom:calc(14px + var(--sab));display:flex;align-items:center;gap:8px;font:900 13px var(--display);letter-spacing:.2em;text-shadow:2px 2px 0 var(--ink)}.st-bar{width:120px;height:12px;border:2px solid var(--ink);border-radius:7px;background:#10283a80;overflow:hidden;transform:skew(-18deg)}.st-bar i{display:block;height:100%;width:0;background:var(--sea);transition:width .15s}.hud-style.hot .st-bar i{background:var(--sun)}#hud[data-mode=hub] .hud-style{display:none}#menu .credit{position:absolute;right:calc(14px + var(--sar));bottom:calc(28px + var(--sab));text-align:right;font:700 12px var(--font);letter-spacing:.06em;color:#ffe9bf;text-shadow:0 2px 0 var(--ink)}#menu .credit b{color:var(--sun);font-weight:900}.credit-load{font:700 12px var(--font);letter-spacing:.08em;color:#ffe9bf;text-shadow:0 2px 0 var(--ink);margin-top:6px}@media(max-width:720px),(max-height:520px){#menu .credit{left:50%;right:auto;transform:translate(-50%);bottom:calc(4px + var(--sab));font-size:10px;white-space:nowrap}}#menu .chips{display:flex;flex-wrap:wrap;gap:6px}.chip{appearance:none;border:3px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:999px;padding:6px 12px;font:900 12px var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 3px 0 var(--ink);touch-action:manipulation}.chip.sel{background:var(--sun)}.chip:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}#menu .wcredit{font:600 10px/1.3 var(--font);color:#ffe9bf;text-shadow:0 1px 0 var(--ink);min-height:12px;margin-top:-4px}:root{--hs: 1}html{-webkit-text-size-adjust:100%}.hud-top-left{scale:var(--hs);transform-origin:top left}.hud-right{scale:var(--hs);transform-origin:top right}.hud-item{scale:var(--hs);transform-origin:top center}.hud-bottom{scale:var(--hs);transform-origin:bottom center}.hud-style{scale:var(--hs);transform-origin:bottom left}.hud-rows,.hud-hub{scale:var(--hs);transform-origin:top left}.hud-banner{scale:var(--hs);transform-origin:top center}.hud-msg,.hud-count{scale:var(--hs)}.pausebtn{scale:var(--hs);transform-origin:top right}#touch .tbtn{scale:var(--hs)}#touch .tbtn-gas{right:calc(18px + var(--sar));bottom:calc(18px + var(--sab));width:128px;height:128px;font-size:24px;background:#3ddc84eb;transform-origin:bottom right}#touch .tbtn-action{right:calc(168px + var(--sar));bottom:calc(30px + var(--sab));width:104px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transform-origin:bottom right;background:#ffb83deb}#touch .tbtn-action span{font:900 17px var(--display);letter-spacing:.08em}#touch .tbtn-action small{font:700 9px/1.1 var(--font);letter-spacing:0;text-transform:none;max-width:80px;opacity:.8}#touch .tbtn-drift{right:calc(158px + var(--sar));bottom:calc(30px + var(--sab));width:96px;height:96px;transform-origin:bottom right}#touch .tbtn-item{right:calc(34px + var(--sar));bottom:calc(158px + var(--sab));width:84px;height:84px;transform-origin:bottom right}#touch .tbtn-brake{right:calc(262px + var(--sar));bottom:calc(24px + var(--sab));width:66px;height:66px;transform-origin:bottom right}#touch.scheme-simple .tbtn-drift,#touch.scheme-simple .tbtn-item,#touch.scheme-simple .tbtn-brake,#touch.scheme-full .tbtn-action,#touch.scheme-auto .tbtn-gas,#touch.scheme-auto .tbtn-action{display:none}#touch.scheme-auto .tbtn-drift{right:calc(28px + var(--sar));bottom:calc(28px + var(--sab));width:108px;height:108px}#touch.scheme-auto .tbtn-item{right:calc(142px + var(--sar));bottom:calc(96px + var(--sab))}#touch.scheme-auto .tbtn-brake{right:calc(144px + var(--sar));bottom:calc(22px + var(--sab))}#touch.lefty .stick-zone{left:auto;right:0}#touch.lefty .tbtn{right:auto;transform-origin:bottom left}#touch.lefty .tbtn-gas{left:calc(18px + var(--sal))}#touch.lefty .tbtn-action{left:calc(168px + var(--sal))}#touch.lefty .tbtn-drift{left:calc(158px + var(--sal))}#touch.lefty .tbtn-item{left:calc(34px + var(--sal))}#touch.lefty .tbtn-brake{left:calc(262px + var(--sal))}#touch.lefty.scheme-auto .tbtn-drift{left:calc(28px + var(--sal))}#touch.lefty.scheme-auto .tbtn-item{left:calc(142px + var(--sal))}#touch.lefty.scheme-auto .tbtn-brake{left:calc(144px + var(--sal))}#touch .stick-zone{top:12%}#touch .tbtn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#menu{justify-content:flex-start;align-items:center;gap:28px;overflow-y:auto;touch-action:pan-y}#menu .col.left{flex:0 0 min(380px,46%)}#menu .col.right{flex:0 1 380px;background:#fff6e0f0;border:3px solid var(--ink);border-radius:18px;padding:14px 16px;box-shadow:0 6px #10283a80;gap:8px;align-self:center}#menu .col.right .lbl{font:900 11px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}#menu .col.right .net,#menu .col.right .hint,#menu .col.right .wcredit{color:var(--ink);text-shadow:none}#menu .col.right .net i{border-color:var(--ink)}#menu .col.right .colors{background:transparent;border:0;padding:0}#menu .col.right .hint{font:600 12px/1.4 var(--font);max-width:none}#menu .col.right .wcredit{color:var(--ink2)}#menu .hint.ios{font-weight:700;color:#7a3b00}#menu{background:linear-gradient(90deg,#101432bf,#1014324d 70%,#0000)}@media(max-width:860px)and (orientation:portrait),(max-width:600px){#menu{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;padding-top:calc(14px + var(--sat));padding-bottom:calc(40px + var(--sab));background:linear-gradient(180deg,#1014328c,#101432d9)}#menu .col.left,#menu .col.right{flex:0 0 auto;width:100%;max-width:480px;align-self:center}#menu h1{font-size:44px}}@media(max-height:520px)and (orientation:landscape){#menu{gap:16px;align-items:flex-start;padding-top:calc(10px + var(--sat))}#menu h1{font-size:30px;margin-bottom:0}#menu .col.left{flex:0 0 44%;gap:7px}#menu .col.left .btn{padding:9px 14px;font-size:15px}#menu .col.right{flex:1 1 50%;padding:10px 12px;gap:6px;max-height:calc(100% - 4px);overflow:auto}#menu .chip{padding:5px 9px;font-size:11px}#menu .sw{width:28px;height:28px}}#rotate{position:absolute;inset:0;z-index:45;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#101432eb;color:#fff;text-align:center;font:900 22px var(--display);letter-spacing:.08em;text-transform:uppercase;padding:24px}#rotate svg{width:96px;height:96px;animation:rot 2.4s ease-in-out infinite}@keyframes rot{0%,25%{transform:rotate(0)}65%,to{transform:rotate(-90deg)}}@media(orientation:portrait)and (max-width:560px){#rotate.on{display:flex}}@media(pointer:coarse){.btn{min-height:46px}.chip{min-height:34px}.sw{width:38px!important;height:38px!important}}.hud-rows{top:calc(178px * var(--hs) + var(--sat))}.pausebtn{top:calc(174px * var(--hs) + var(--sat))}.hud-banner{top:calc(108px * var(--hs) + var(--sat))}@media(max-width:860px)and (orientation:portrait),(max-width:600px){#menu .credit,#menu .ver{position:static;text-align:center;align-self:center;padding:2px 0}}@media(max-height:520px)and (orientation:landscape){#menu .col.right{align-self:flex-start;max-height:calc(100% - 8px)}#menu .col.right .lbl,#menu .col.right .hint{display:none}#menu .col.right .chips{gap:4px}#menu .chip{padding:4px 8px;font-size:10px;min-height:28px}#menu .sw{width:26px!important;height:26px!important}#menu .credit{bottom:calc(3px + var(--sab));font-size:10px}#menu .ver{display:none}}
