:root{--orange:#ff8a1f;--orange-d:#c25f00;--blue:#2f9bff;--blue-d:#1670c4;--green:#35c759;--green-d:#1f8f3b;--yellow:#ffd21f;--yellow-d:#b8960a;--grey:#8a9bb0;--grey-d:#5d6c80;--ink:#17324d;--pad:max(14px, env(safe-area-inset-left))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#8fd0ff;width:100%;height:100%;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}canvas#gl{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#stick-zone{z-index:5;pointer-events:none;touch-action:none;position:fixed;inset:0}body.flying #stick-zone{pointer-events:auto}.stick-base,.stick-knob{pointer-events:none;border-radius:50%;display:none;position:fixed}.stick-base{background:#ffffff24;border:4px solid #ffffffbf;width:150px;height:150px;margin:-75px 0 0 -75px}.stick-knob{background:#ffffffd9;width:68px;height:68px;margin:-34px 0 0 -34px;box-shadow:0 4px 12px #00000040}#ui{z-index:20;pointer-events:none;position:fixed;inset:0}.screen{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.screen>*{pointer-events:auto}body.flying #ui{display:none}.title{letter-spacing:.02em;text-align:center;text-shadow:0 6px #17324d73;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin:2vh 0 0;font-size:clamp(44px,11vmin,120px);line-height:1}.title span{animation:1.5s ease-in-out infinite bounce;animation-delay:calc(var(--i) * 90ms);display:inline-block}.title .sp{width:.35em}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.14em)}}.toggles{flex-direction:column;align-items:center;gap:10px;margin-top:2vh;display:flex}.toggle{font:inherit;color:#fff;background:var(--grey);box-shadow:0 6px 0 var(--grey-d);cursor:pointer;border:0;border-radius:40px;align-items:center;gap:14px;padding:12px 26px;font-size:clamp(18px,3.6vmin,30px);font-weight:800;display:flex}.toggle.on{background:var(--green);box-shadow:0 6px 0 var(--green-d)}.toggle .dot{background:#fff;border-radius:50%;width:1.3em;height:1.3em;box-shadow:inset 0 0 0 4px #0000001f}.toggle.small{box-shadow:none;background:#17324d8c;padding:8px 18px;font-size:clamp(14px,2.6vmin,20px)}.toggle.small .dot{display:none}.bigbtns{flex-wrap:wrap;justify-content:center;gap:3vmin;width:100%;margin-top:auto;padding-bottom:4vh;display:flex}.big,.mid{font:inherit;color:#fff;cursor:pointer;text-shadow:0 2px #00000040;border:0;border-radius:30px;font-weight:900;transition:transform 60ms}.big{min-width:min(44vw,380px);min-height:72px;padding:.7em 1.2em;font-size:clamp(22px,5vmin,44px)}.mid{border-radius:22px;min-height:56px;padding:.6em 1em;font-size:clamp(18px,3.6vmin,28px)}.big:active,.mid:active,.icon:active{transform:translateY(5px)}.big:disabled{opacity:.5}.orange{background:var(--orange);box-shadow:0 9px 0 var(--orange-d)}.blue{background:var(--blue);box-shadow:0 9px 0 var(--blue-d)}.green{background:var(--green);box-shadow:0 9px 0 var(--green-d)}.yellow{background:var(--yellow);color:#4a3a00;text-shadow:none;box-shadow:0 9px 0 var(--yellow-d)}.grey{background:var(--grey);box-shadow:0 9px 0 var(--grey-d)}.mid.green,.mid.blue,.mid.grey,.mid.orange{box-shadow:0 6px #00000040}.big:disabled:active{transform:none}.msg{text-shadow:0 2px #00000059;text-align:center;min-height:1.4em;margin:6px 0;font-size:clamp(16px,2.8vmin,24px);font-weight:800}.card{color:var(--ink);background:#ffffffed;border-radius:32px;width:min(560px,94vw);max-height:92%;padding:18px 22px;overflow:auto;box-shadow:0 14px #17324d40}.card.center{margin:auto auto 0}#joinscr .card,#lobby .card{max-height:calc(100% - 8px);margin:auto auto 0}#host-actions .big{white-space:nowrap;flex:1;min-width:0;min-height:64px;padding:.55em .8em;font-size:clamp(20px,4vmin,32px)}#lobby .code{font-size:clamp(48px,11vmin,96px)}#lobby #qr{width:clamp(100px,18vmin,150px);height:clamp(100px,18vmin,150px)}#lobby .row{margin-top:6px}#lobby .status{margin:6px 0 2px}.card h2{text-align:center;margin:0 0 8px;font-size:clamp(24px,5vmin,38px)}.card .msg{color:var(--ink);text-shadow:none}.small{opacity:.75;text-align:center;margin:4px 0;font-size:clamp(13px,2.2vmin,18px);font-weight:700}.row{justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.row.top{align-items:flex-start}.col{flex-direction:column;align-items:center;gap:8px;display:flex}.code{text-align:center;letter-spacing:.12em;color:var(--orange);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin:0 0 6px;padding-left:.12em;font-size:clamp(58px,15vmin,120px);font-weight:900;line-height:1}#qr{background:#fff;border-radius:14px;flex:none;width:clamp(110px,22vmin,190px);height:clamp(110px,22vmin,190px);padding:6px}#qr svg{width:100%;height:100%;display:block}.status{text-align:center;margin:10px 0 4px;font-size:clamp(18px,3.4vmin,28px);font-weight:900}.status.good{color:var(--green-d)}.players{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pl{text-align:center;background:#2f9bff1f;border-radius:18px;flex:40%;padding:8px;font-size:clamp(14px,2.4vmin,20px);font-weight:800;position:relative}.pl i{vertical-align:-.12em;border-radius:50%;width:1em;height:1em;margin-right:.3em;display:inline-block;box-shadow:inset 0 0 0 3px #00000026}.kickx{color:#c0392b;cursor:pointer;background:#ffd9d9;border:0;border-radius:50%;width:28px;height:28px;margin-left:8px;font-weight:900}#swatches{flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0;display:flex}.sw{cursor:pointer;border:5px solid #fff;border-radius:50%;width:52px;height:52px;padding:0;box-shadow:0 3px #00000040}.sw.sel{outline:5px solid var(--ink)}.sw:disabled{opacity:.25;cursor:not-allowed}.icon{cursor:pointer;background:#dbe7f3;border:0;border-radius:20px;width:64px;height:64px;font-size:30px;box-shadow:0 6px #aab9c9}.icon:disabled{opacity:.35}.link{font:inherit;color:var(--blue-d);cursor:pointer;background:0 0;border:0;margin:12px auto 0;font-size:18px;font-weight:800;display:block}#codeboxes{justify-content:center;gap:10px;margin:6px 0 12px;display:flex}#codeboxes span{width:clamp(56px,13vmin,96px);height:clamp(70px,16vmin,116px);color:var(--orange);background:#eef5fc;border:4px solid #c5d8ec;border-radius:18px;place-items:center;font-size:clamp(40px,10vmin,76px);font-weight:900;display:grid}#codeboxes span.cur{border-color:var(--blue)}#keypad{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}#keypad button{font:inherit;background:var(--blue);color:#fff;height:clamp(44px,8vmin,62px);box-shadow:0 5px 0 var(--blue-d);cursor:pointer;border:0;border-radius:14px;font-size:clamp(20px,4vmin,32px);font-weight:900}#keypad button:active{transform:translateY(4px)}#keypad button.del{background:var(--orange);box-shadow:0 5px 0 var(--orange-d);grid-column:span 2}#hud{z-index:30;pointer-events:none;position:fixed;inset:0}#hud button{pointer-events:auto}#hud-left{left:max(14px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));width:min(46vw,340px);position:absolute}#fuelbar{background:#17324d8c;border:4px solid #fff;border-radius:20px;height:34px;position:relative;overflow:hidden}#fuelfill{background:var(--green);width:100%;height:100%;transition:background .2s}#fueltxt{text-shadow:0 2px #00000073;place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;inset:0}#fuelbar.low{animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{border-color:#ff4d4d}}#tanks{gap:6px;margin-top:8px;display:flex}.tank{filter:drop-shadow(0 2px #0006);opacity:.25;font-size:28px}.tank.on{opacity:1}#hud-right{right:max(14px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:absolute}#coins{background:#17324d8c;border:4px solid #ffd21f;border-radius:30px;padding:6px 16px;font-size:clamp(22px,4vmin,34px);font-weight:900}#menu-btn{color:#fff;background:#17324d8c;border:4px solid #fff;border-radius:50%;width:54px;height:54px;font-size:26px}#banner{text-align:center;opacity:0;text-shadow:0 2px #0006;background:#17324d99;border-radius:26px;max-width:90vw;padding:10px 22px;font-size:clamp(20px,4.4vmin,38px);font-weight:900;transition:opacity .25s,transform .25s;position:absolute;top:17%;left:50%;transform:translate(-50%,-10px)}#banner.show{opacity:1;transform:translate(-50%)}.pop{text-shadow:0 4px #0006;white-space:nowrap;font-size:clamp(30px,7vmin,60px);font-weight:900;animation:1.1s ease-out forwards floatup;position:absolute;top:36%;transform:translate(-50%)}@keyframes floatup{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-90px}}#garage{right:max(14px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));min-width:0;min-height:56px;padding:.45em .9em;font-size:clamp(16px,3vmin,24px);position:absolute}#tacho{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));aspect-ratio:1;filter:drop-shadow(0 4px #00000040);width:clamp(100px,22vmin,170px);position:absolute}#tacho svg{width:100%;height:100%;display:block}#buddies .buddy{color:#fff;text-shadow:0 2px #00000073;white-space:nowrap;border:4px solid #fff;border-radius:26px;align-items:center;gap:6px;padding:6px 14px;font-size:clamp(14px,2.6vmin,20px);font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px #00000040}#buddies .buddy small{opacity:.9}#buddies .arrow{font-size:1.3em;display:inline-block}.nameplate{justify-content:center;align-items:center;gap:10px;margin:4px 0 8px;display:flex}#name{min-width:0;height:64px;font:inherit;color:var(--ink);text-align:center;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#eef5fc;border:4px solid #c5d8ec;border-radius:20px;flex:1;padding:0 16px;font-size:clamp(22px,4.4vmin,34px);font-weight:900}#name:focus{border-color:var(--blue);outline:none}#menu-panel{pointer-events:auto;flex-direction:column;gap:12px;width:min(420px,90vw);margin:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal{z-index:40;background:#17324d73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal .card{flex-direction:column;align-items:stretch;gap:8px;margin:0;display:flex}.modal .big{min-width:0;font-size:clamp(20px,4vmin,32px)}.coinsline{text-align:center;font-size:clamp(28px,6vmin,48px);font-weight:900}#shop-tanks{justify-content:center;gap:8px;font-size:38px;display:flex}#shop-tanks .tank{opacity:.2}#shop-tanks .tank.on{opacity:1}#version{left:0;right:0;bottom:max(6px, env(safe-area-inset-bottom));text-align:center;color:#fff;opacity:.85;text-shadow:0 1px 2px #00000080;pointer-events:none;font-size:12px;font-weight:700;position:absolute}.roundbtn{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));font:inherit;color:#fff;cursor:pointer;background:#17324d99;border:3px solid #fff;border-radius:30px;padding:8px 16px;font-size:clamp(15px,2.8vmin,22px);font-weight:800;position:absolute}.credit{text-align:center;color:var(--orange-d);margin:0 0 6px;font-size:clamp(17px,3.2vmin,26px);line-height:1.25}.credit b{color:var(--ink);font-size:1.25em}.about-text{text-align:left;margin:4px 0;font-size:clamp(13px,2.2vmin,18px);font-weight:600;line-height:1.35}#about-modal .card{gap:4px;max-height:96%;padding:14px 20px}#about-modal .big{flex-shrink:0;min-height:56px}#about-modal h2{margin-bottom:2px;font-size:clamp(20px,3.8vmin,30px)}#toast{z-index:60;opacity:0;pointer-events:none;background:#17324dd9;border-radius:22px;padding:10px 22px;font-weight:800;transition:opacity .2s;position:fixed;bottom:14vh;left:50%;transform:translate(-50%)}#toast.show{opacity:1}@media (height<=520px){.card{padding:12px 16px}.title{font-size:clamp(36px,9vmin,80px)}.big{min-height:58px}}