:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#060711;color:#e9edff;--violet:#b9afff;--cyan:#5ce5ed;--muted:#9ba8bf}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;border:1px solid #646486;background:#111323;padding:16px 25px;border-radius:5px;transition:.15s}button:hover,button:focus-visible{border-color:var(--cyan);color:var(--cyan);background:#172533;outline:none}button.primary{border-color:var(--cyan);background:#10252c;color:var(--cyan)}button.quiet{border-color:transparent;background:transparent;color:var(--muted)}canvas#game{position:fixed;width:100vw;height:100vh;inset:0}#overlay{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;padding:28px;background:radial-gradient(ellipse at 50% 40%,#11122bdb,#050610f5)}#overlay[hidden],[hidden]{display:none!important}#panel{width:min(900px,100%)}.eyebrow{color:var(--cyan);letter-spacing:.22em;font-size:12px}.title{text-align:center}.title h1{font-size:clamp(40px,7vw,88px);letter-spacing:.02em;font-style:italic;color:var(--violet);margin:18px 0 10px;font-weight:850}.subtitle{color:var(--muted);line-height:1.65}.actions{display:flex;gap:16px;justify-content:center;margin-top:34px;flex-wrap:wrap}.actions button{min-width:180px}.corners{display:flex;justify-content:space-between;margin-top:80px}.back{margin-bottom:24px;padding:10px 0}.heading{font-size:38px;margin:5px 0 12px}small{display:block;color:var(--muted);margin-top:8px;font-size:11px;letter-spacing:.07em}.select{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.mapcard{border:1px solid #42435e;border-radius:8px;background:#17152b;overflow:hidden}.mapcard canvas{width:100%;height:330px;display:block}.mapcard .maplabel{padding:18px;border-top:1px solid #42435e;display:flex;justify-content:space-between}.select p{color:var(--muted);line-height:1.7}.stack{display:flex;flex-direction:column;gap:12px}.settings{max-width:570px;margin:auto}.row{margin:28px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.slider{width:100%;accent-color:var(--violet);height:32px}.hint{font-size:13px;color:var(--muted);line-height:1.6}.badge{font-size:11px;letter-spacing:.12em;border:1px solid #43455c;padding:7px 10px;border-radius:30px;color:var(--muted)}#hud{position:fixed;top:0;left:0;right:0;height:76px;background:#1d293c;display:flex;align-items:center;justify-content:space-between;padding:14px 28px}#hud>div:last-child{text-align:right}#score{color:var(--cyan)}#flightHelp{position:fixed;bottom:0;left:0;right:0;height:42px;background:#1d293c;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:var(--muted);font-size:11px}#flightHelp button{border:0;background:none;font-size:11px;padding:8px}table{width:100%;border-collapse:collapse;margin:25px 0}td,th{text-align:left;padding:14px;border-bottom:1px solid #30334b}th{font-size:11px;color:var(--muted)}.stat{font-size:50px;color:var(--cyan);margin:25px 0}.notice{border-left:2px solid var(--cyan);padding:12px 20px;background:#121a28;line-height:1.7;color:var(--muted)}#touch{position:fixed;bottom:52px;left:15px;right:15px;display:flex;gap:10px;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;user-select:none;background:#111a29b8}#touch button:last-child{margin-left:auto}@media(max-width:650px){.select{grid-template-columns:1fr}.mapcard canvas{height:210px}.heading{font-size:28px}.corners{margin-top:40px}#flightHelp span{display:none}#hud{font-size:12px;padding:12px}.actions button{min-width:130px}#overlay{padding:18px}#panel{margin:auto}}
/* Neon orbital identity and borderless flight HUD. */
:root{--violet:#ff88d0;--cyan:#21ff32;--muted:#c48daf}
#overlay{background:radial-gradient(ellipse at center,#160716e6,#000000f7)}
body:is([data-screen="home"],[data-screen="select"],[data-screen="records"],[data-screen="multiplayer"],[data-screen="lobby"],[data-screen="friends"],[data-screen="searching"],[data-screen="pause"],[data-screen="settings"],[data-screen="results"]) #overlay{background:#000 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201680%20940%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22planet%22%3E%3Ccircle%20cx%3D%22-12%22%20cy%3D%22446%22%20r%3D%22286%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20width%3D%221680%22%20height%3D%22940%22%20fill%3D%22black%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f00088%22%20stroke-width%3D%221.8%22%3E%3Cpath%20d%3D%22M90%20192%20C380%2076%20754%2016%201100%2068%20C1435%20115%201640%20242%201612%20423%20C1588%20612%201355%20768%201058%20840%22%2F%3E%3Cpath%20d%3D%22M50%20749%20C239%20867%20474%20905%20690%20875%22%2F%3E%3Cpath%20d%3D%22M290%20167%20C611%2040%20978%2035%201250%20102%22%20stroke-dasharray%3D%224%2010%22%20opacity%3D%22.45%22%2F%3E%3Cpath%20d%3D%22M1225%20356%20Q1498%20420%201640%20551%22%2F%3E%3Cellipse%20cx%3D%2242%22%20cy%3D%22461%22%20rx%3D%22470%22%20ry%3D%2273%22%20transform%3D%22rotate%28-20%2042%20461%29%22%2F%3E%3Cellipse%20cx%3D%2242%22%20cy%3D%22461%22%20rx%3D%22439%22%20ry%3D%2254%22%20transform%3D%22rotate%28-20%2042%20461%29%22%20opacity%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%22-12%22%20cy%3D%22446%22%20r%3D%22286%22%20fill%3D%22black%22%2F%3E%3Cg%20clip-path%3D%22url%28%23planet%29%22%20opacity%3D%22.7%22%3E%3Cpath%20d%3D%22M-305%20285%20Q-15%20225%20307%20115%22%2F%3E%3Cpath%20d%3D%22M-305%20336%20Q-15%20276%20307%20166%22%2F%3E%3Cpath%20d%3D%22M-305%20387%20Q-15%20327%20307%20217%22%2F%3E%3Cpath%20d%3D%22M-305%20438%20Q-15%20378%20307%20268%22%2F%3E%3Cpath%20d%3D%22M-305%20489%20Q-15%20429%20307%20319%22%2F%3E%3Cpath%20d%3D%22M-305%20540%20Q-15%20480%20307%20370%22%2F%3E%3Cpath%20d%3D%22M-305%20591%20Q-15%20531%20307%20421%22%2F%3E%3Cpath%20d%3D%22M-305%20642%20Q-15%20582%20307%20472%22%2F%3E%3Cpath%20d%3D%22M-305%20693%20Q-15%20633%20307%20523%22%2F%3E%3Cpath%20d%3D%22M-305%20744%20Q-15%20684%20307%20574%22%2F%3E%3Cpath%20d%3D%22M-305%20795%20Q-15%20735%20307%20625%22%2F%3E%3Cpath%20d%3D%22M-305%20846%20Q-15%20786%20307%20676%22%2F%3E%3Cpath%20d%3D%22M-305%20897%20Q-15%20837%20307%20727%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M-70%20535%20C125%20480%20522%20333%20490%20345%20C563%20341%20472%20406%20268%20480%22%2F%3E%3Cpath%20d%3D%22M-70%20565%20C161%20496%20485%20393%20505%20358%20C528%20317%20405%20335%20298%20359%22%20opacity%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%22349%22%20cy%3D%22139%22%20r%3D%2216%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22664%22%20cy%3D%2269%22%20r%3D%2216%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%221455%22%20cy%3D%22434%22%20r%3D%2216%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%221267%22%20cy%3D%22794%22%20r%3D%2216%22%20fill%3D%22black%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%22352.0%2C238.0%20350.6%2C247.2%20345.2%2C254.9%20336.8%2C258.9%20327.6%2C261.0%20318.8%2C257.3%20313.9%2C249.7%20308.0%2C242.7%20310.6%2C233.9%20313.5%2C226.0%20319.3%2C219.4%20327.3%2C212.0%20337.1%2C216.2%20345.6%2C220.6%20353.6%2C227.5%22%2F%3E%3Cpath%20d%3D%22M349.5%20244.0%20l-6.4%20-2.0%20l2.2%20-6.0%22%2F%3E%3Cpath%20d%3D%22M315.0%20251.9%20l4.9%20-4.6%20l2.2%20-6.0%22%2F%3E%3Cpath%20d%3D%22M325.5%20218.1%20l1.5%206.6%20l2.2%20-6.0%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%221307.1%2C199.0%201304.3%2C205.4%201299.5%2C209.5%201294.8%2C213.7%201288.5%2C213.6%201281.3%2C214.1%201279.3%2C206.8%201275.5%2C202.1%201274.2%2C195.6%201277.2%2C189.7%201282.2%2C185.5%201288.3%2C182.6%201294.4%2C185.5%201301.3%2C186.5%201305.7%2C192.0%22%2F%3E%3Cpath%20d%3D%22M1303.0%20203.0%20l-4.3%20-1.3%20l1.4%20-4.0%22%2F%3E%3Cpath%20d%3D%22M1280.0%20208.2%20l3.3%20-3.0%20l1.4%20-4.0%22%2F%3E%3Cpath%20d%3D%22M1287.0%20185.7%20l1.0%204.4%20l1.4%20-4.0%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%221545.6%2C255.0%201545.9%2C277.7%201532.6%2C296.8%201512.5%2C308.8%201488.8%2C313.9%201467.8%2C302.1%201445.6%2C290.9%201431.4%2C268.5%201430.6%2C241.3%201442.8%2C217.1%201468.1%2C208.4%201488.4%2C192.6%201514.5%2C194.9%201535.4%2C210.2%201551.2%2C230.0%22%2F%3E%3Cpath%20d%3D%22M1544.5%20270.3%20l-16.3%20-5.0%20l5.5%20-15.2%22%2F%3E%3Cpath%20d%3D%22M1457.0%20290.2%20l12.5%20-11.6%20l5.5%20-15.2%22%2F%3E%3Cpath%20d%3D%22M1483.5%20204.4%20l3.8%2016.7%20l5.5%20-15.2%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%221300.6%2C467.0%201302.2%2C481.3%201290.2%2C489.4%201280.2%2C498.5%201266.8%2C497.2%201253.5%2C495.5%201247.1%2C483.6%201239.8%2C473.4%201235.5%2C459.7%201245.4%2C449.2%201252.6%2C436.8%201266.3%2C431.7%201280.4%2C435.0%201292.7%2C441.8%201297.3%2C454.9%22%2F%3E%3Cpath%20d%3D%22M1297.6%20475.5%20l-9.1%20-2.8%20l3.1%20-8.5%22%2F%3E%3Cpath%20d%3D%22M1248.8%20486.6%20l7.0%20-6.5%20l3.1%20-8.5%22%2F%3E%3Cpath%20d%3D%22M1263.6%20438.8%20l2.1%209.3%20l3.1%20-8.5%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%22423.7%2C615.0%20424.9%2C627.9%20417.3%2C638.6%20404.7%2C641.9%20393.1%2C642.2%20380.1%2C642.5%20373.2%2C631.6%20366.4%2C621.3%20372.1%2C609.9%20375.0%2C599.8%20380.8%2C588.7%20393.1%2C586.9%20405.3%2C586.3%20414.3%2C594.7%20424.5%2C602.3%22%2F%3E%3Cpath%20d%3D%22M419.5%20622.3%20l-7.8%20-2.4%20l2.6%20-7.2%22%2F%3E%3Cpath%20d%3D%22M377.9%20631.8%20l6.0%20-5.5%20l2.6%20-7.2%22%2F%3E%3Cpath%20d%3D%22M390.5%20591.0%20l1.8%207.9%20l2.6%20-7.2%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%221592.8%2C737.0%201592.3%2C752.3%201586.1%2C768.2%201570.5%2C775.5%201553.6%2C779.1%201538.0%2C771.6%201523.4%2C762.1%201515.1%2C746.1%201520.7%2C729.1%201529.9%2C716.6%201539.4%2C704.7%201554.0%2C698.7%201572.3%2C693.1%201588.6%2C703.0%201596.9%2C719.7%22%2F%3E%3Cpath%20d%3D%22M1592.1%20747.6%20l-11.2%20-3.5%20l3.8%20-10.5%22%2F%3E%3Cpath%20d%3D%22M1531.8%20761.3%20l8.6%20-8.0%20l3.8%20-10.5%22%2F%3E%3Cpath%20d%3D%22M1550.1%20702.2%20l2.6%2011.5%20l3.8%20-10.5%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%22385.0%2C770.0%20392.1%2C796.7%20366.9%2C808.8%20348.2%2C819.8%20325.4%2C833.1%20304.1%2C818.4%20286.1%2C803.3%20278.6%2C781.3%20283.1%2C759.6%20289.8%2C739.4%20306.4%2C725.7%20326.7%2C719.9%20347.7%2C721.8%20367.5%2C730.5%20385.7%2C746.1%22%2F%3E%3Cpath%20d%3D%22M381.5%20785.3%20l-16.3%20-5.0%20l5.5%20-15.2%22%2F%3E%3Cpath%20d%3D%22M294.0%20805.2%20l12.5%20-11.6%20l5.5%20-15.2%22%2F%3E%3Cpath%20d%3D%22M320.5%20719.4%20l3.8%2016.7%20l5.5%20-15.2%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%221401.4%2C868.0%201401.3%2C873.9%201397.8%2C878.9%201392.2%2C880.9%201386.6%2C881.6%201382.2%2C878.0%201378.5%2C874.9%201373.6%2C871.1%201373.2%2C864.9%201377.6%2C860.5%201380.6%2C855.1%201386.4%2C853.2%201391.8%2C856.2%201395.8%2C859.3%201398.9%2C863.1%22%2F%3E%3Cpath%20d%3D%22M1399.4%20871.5%20l-3.7%20-1.2%20l1.3%20-3.5%22%2F%3E%3Cpath%20d%3D%22M1379.3%20876.1%20l2.9%20-2.7%20l1.3%20-3.5%22%2F%3E%3Cpath%20d%3D%22M1385.4%20856.4%20l0.9%203.8%20l1.3%20-3.5%22%2F%3E%3Cpath%20d%3D%22M1439%20560%20l57%20-21%20l-36%2047%20l-6%20-19%20Z%22%2F%3E%3Cpath%20d%3D%22M1449%20579%20Q1120%20867%20611%20874%22%20stroke-dasharray%3D%226%206%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23eee%22%3E%3Ccircle%20cx%3D%221282%22%20cy%3D%22796%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221589%22%20cy%3D%22324%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221180%22%20cy%3D%22548%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221167%22%20cy%3D%2298%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221183%22%20cy%3D%22822%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221252%22%20cy%3D%22188%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221639%22%20cy%3D%22509%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22918%22%20cy%3D%22874%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221628%22%20cy%3D%22853%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221633%22%20cy%3D%22766%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221574%22%20cy%3D%22296%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%22975%22%20cy%3D%2268%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221402%22%20cy%3D%22515%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221451%22%20cy%3D%22750%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221175%22%20cy%3D%22238%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%22111%22%20cy%3D%22835%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%22813%22%20cy%3D%22115%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221236%22%20cy%3D%22658%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221128%22%20cy%3D%22807%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221212%22%20cy%3D%22364%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221604%22%20cy%3D%22744%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221527%22%20cy%3D%22692%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%22682%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22766%22%20cy%3D%2296%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221221%22%20cy%3D%22102%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221326%22%20cy%3D%22871%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221616%22%20cy%3D%22496%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221409%22%20cy%3D%22101%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221216%22%20cy%3D%22536%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22281%22%20cy%3D%22218%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221406%22%20cy%3D%22433%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221291%22%20cy%3D%22616%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221425%22%20cy%3D%22763%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221283%22%20cy%3D%22230%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221252%22%20cy%3D%22452%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221306%22%20cy%3D%22187%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221175%22%20cy%3D%22443%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221547%22%20cy%3D%22511%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221524%22%20cy%3D%22170%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22237%22%20cy%3D%22133%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22241%22%20cy%3D%22677%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221390%22%20cy%3D%22555%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221561%22%20cy%3D%22246%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%22841%22%20cy%3D%22121%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221487%22%20cy%3D%22544%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221359%22%20cy%3D%22709%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221647%22%20cy%3D%22139%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221307%22%20cy%3D%22128%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22459%22%20cy%3D%22564%22%20r%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M444%20194%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M1305%20287%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M466%20528%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M1186%20566%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M1558%20858%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M479%20806%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M1321%2063%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center/cover no-repeat}
body[data-screen="home"] #panel{width:min(720px,70vw)}
.home-frame{position:fixed;inset:13px;border:2px solid #fb008b;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);pointer-events:none}
.home-note{position:fixed;top:35px;color:#ff169c;font:clamp(10px,1.35vw,20px)/1.4 monospace;letter-spacing:.04em}.home-note.left{left:42px}.home-note.right{right:42px;text-align:right}
.neon-home h1{font-family:'Arial Black','Segoe UI',sans-serif;font-size:clamp(48px,8.8vw,138px);font-weight:1000;font-style:italic;letter-spacing:-.07em;line-height:.83;transform:skew(-5deg);margin:30px 0 24px;text-shadow:none}
.neon-home h1 span,.neon-home h1 strong{display:block;background:repeating-linear-gradient(0deg,#ff83d4 0px,#ff83d4 5px,#ef72c7 6px,#ff9ddb 8px);background-clip:text;-webkit-background-clip:text;color:transparent}.neon-home h1 strong{font-size:1.17em;letter-spacing:-.075em;background-image:linear-gradient(#ff048c,#e7007f);padding-left:65px}
.race-line{display:flex;align-items:center;gap:20px;color:#ff54b6;font:clamp(14px,2.2vw,31px) monospace;justify-content:center;margin:18px 0 27px}.race-line:before,.race-line:after{content:'';height:1px;background:#ff008d;width:90px}
.home-actions{display:flex;flex-direction:column;gap:13px;width:min(520px,100%);margin:auto}.home-actions button{font:bold clamp(18px,2.6vw,33px) monospace;letter-spacing:.03em;padding:14px 20px;color:#ff9bdd;border:2px solid #f58ad4;border-radius:0;background:#21051caa;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}.home-actions button.primary{border-color:#00ff18;color:#00ff18;background:#002b08ad}.home-actions button.primary:before{content:'▸';float:left}.home-actions button.primary:after{content:'◂';float:right}.home-actions button:hover{box-shadow:inset 0 0 35px #ff008838;filter:brightness(1.3)}
.home-tag{color:#ff168f;font:clamp(11px,1.5vw,21px) monospace;letter-spacing:.06em;margin:35px 0 0}.home-version{position:fixed;left:38px;bottom:29px;font:12px monospace;color:#ff39a0}
#hud{height:auto;background:none;top:12px;left:12px;right:auto;display:flex;gap:15px;padding:0;align-items:center;pointer-events:none;text-shadow:0 1px 4px #000;font:bold italic clamp(22px,3vw,36px) monospace;color:#ffadd5;line-height:1;font-variant-numeric:tabular-nums}.pilot-icon{height:32px;width:25px;stroke:#35ff54;stroke-width:1.5;fill:none}#score{color:#ffadd5}.remaining{display:flex;gap:5px;align-items:center}.remaining>span{font-size:28px;color:#ffe6f1}
#flightHelp{left:auto;top:auto;right:10px;bottom:10px;width:auto;height:auto;padding:0;background:none;display:flex;gap:4px}#flightHelp button{width:32px;height:30px;border:1px solid #bca0b34d;background:#30253088;color:#dfc9dc;padding:0;font-size:23px;border-radius:0;line-height:1}#flightHelp button:hover{background:#612544;color:#fff}
.mapcard{background:#26101f;border-color:#78365b}.mapcard .maplabel{border-color:#78365b}button.primary{background:#08210c}#touch{bottom:55px}
@media(max-width:650px){body[data-screen="home"] #panel{width:86vw}.home-note{top:25px;font-size:9px}.home-note.left{left:27px}.home-note.right{right:27px}.neon-home h1{font-size:16vw}.home-actions button{font-size:24px;padding:15px}.home-tag{font-size:11px}.home-version{font-size:9px;bottom:25px}.home-frame{inset:10px}#hud{gap:8px;font-size:24px}.pilot-icon{height:25px;width:18px}}
@media(max-height:630px) and (min-width:651px){.neon-home h1{font-size:12vh;margin:5px 0 10px}.race-line{font-size:20px;margin:10px}.home-actions{gap:8px}.home-actions button{font-size:23px;padding:10px}.home-tag{margin:15px 0 0}}
.home-actions button{border:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20520%2080%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20points%3D%2218%2C1%20502%2C1%20519%2C18%20519%2C62%20502%2C79%2018%2C79%201%2C62%201%2C18%22%20fill%3D%22none%22%20stroke%3D%22%23f58ad4%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E");background-size:100% 100%;}
.home-actions button.primary{border:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20520%2080%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20points%3D%2218%2C1%20502%2C1%20519%2C18%20519%2C62%20502%2C79%2018%2C79%201%2C62%201%2C18%22%20fill%3D%22none%22%20stroke%3D%22%2300ff18%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E");background-size:100% 100%;}

.home-actions button,.home-actions button.primary{color:#ff9bdd;background-color:#21051ce6;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20520%2080%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20points%3D%2218%2C1%20502%2C1%20519%2C18%20519%2C62%20502%2C79%2018%2C79%201%2C62%201%2C18%22%20fill%3D%22none%22%20stroke%3D%22%23f58ad4%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E");filter:none;box-shadow:none;}
.home-actions button::before{content:"▸";float:left;visibility:hidden}.home-actions button::after{content:"◂";float:right;visibility:hidden}
.home-actions button:is(:hover,:focus-visible){color:#00ff18;background-color:#002b08ed;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20520%2080%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20points%3D%2218%2C1%20502%2C1%20519%2C18%20519%2C62%20502%2C79%2018%2C79%201%2C62%201%2C18%22%20fill%3D%22none%22%20stroke%3D%22%2300ff18%22%20stroke-width%3D%222%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E");box-shadow:inset 0 0 26px #00ff181a;filter:none}
.home-actions button:is(:hover,:focus-visible)::before,.home-actions button:is(:hover,:focus-visible)::after{visibility:visible}

/* Keep the whole space composition visible in compact browser panels. */
@media(max-aspect-ratio:4/3){body:is([data-screen="home"],[data-screen="select"],[data-screen="records"],[data-screen="multiplayer"],[data-screen="lobby"],[data-screen="friends"],[data-screen="searching"],[data-screen="pause"],[data-screen="settings"],[data-screen="results"]) #overlay{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201680%20940%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22planet%22%3E%3Ccircle%20cx%3D%22-12%22%20cy%3D%22446%22%20r%3D%22286%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20width%3D%221680%22%20height%3D%22940%22%20fill%3D%22black%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f00088%22%20stroke-width%3D%221.8%22%3E%3Cpath%20d%3D%22M90%20192%20C380%2076%20754%2016%201100%2068%20C1435%20115%201640%20242%201612%20423%20C1588%20612%201355%20768%201058%20840%22%2F%3E%3Cpath%20d%3D%22M50%20749%20C239%20867%20474%20905%20690%20875%22%2F%3E%3Cpath%20d%3D%22M290%20167%20C611%2040%20978%2035%201250%20102%22%20stroke-dasharray%3D%224%2010%22%20opacity%3D%22.45%22%2F%3E%3Cpath%20d%3D%22M1225%20356%20Q1498%20420%201640%20551%22%2F%3E%3Cellipse%20cx%3D%2242%22%20cy%3D%22461%22%20rx%3D%22470%22%20ry%3D%2273%22%20transform%3D%22rotate%28-20%2042%20461%29%22%2F%3E%3Cellipse%20cx%3D%2242%22%20cy%3D%22461%22%20rx%3D%22439%22%20ry%3D%2254%22%20transform%3D%22rotate%28-20%2042%20461%29%22%20opacity%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%22-12%22%20cy%3D%22446%22%20r%3D%22286%22%20fill%3D%22black%22%2F%3E%3Cg%20clip-path%3D%22url%28%23planet%29%22%20opacity%3D%22.7%22%3E%3Cpath%20d%3D%22M-305%20285%20Q-15%20225%20307%20115%22%2F%3E%3Cpath%20d%3D%22M-305%20336%20Q-15%20276%20307%20166%22%2F%3E%3Cpath%20d%3D%22M-305%20387%20Q-15%20327%20307%20217%22%2F%3E%3Cpath%20d%3D%22M-305%20438%20Q-15%20378%20307%20268%22%2F%3E%3Cpath%20d%3D%22M-305%20489%20Q-15%20429%20307%20319%22%2F%3E%3Cpath%20d%3D%22M-305%20540%20Q-15%20480%20307%20370%22%2F%3E%3Cpath%20d%3D%22M-305%20591%20Q-15%20531%20307%20421%22%2F%3E%3Cpath%20d%3D%22M-305%20642%20Q-15%20582%20307%20472%22%2F%3E%3Cpath%20d%3D%22M-305%20693%20Q-15%20633%20307%20523%22%2F%3E%3Cpath%20d%3D%22M-305%20744%20Q-15%20684%20307%20574%22%2F%3E%3Cpath%20d%3D%22M-305%20795%20Q-15%20735%20307%20625%22%2F%3E%3Cpath%20d%3D%22M-305%20846%20Q-15%20786%20307%20676%22%2F%3E%3Cpath%20d%3D%22M-305%20897%20Q-15%20837%20307%20727%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M-70%20535%20C125%20480%20522%20333%20490%20345%20C563%20341%20472%20406%20268%20480%22%2F%3E%3Cpath%20d%3D%22M-70%20565%20C161%20496%20485%20393%20505%20358%20C528%20317%20405%20335%20298%20359%22%20opacity%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%22349%22%20cy%3D%22139%22%20r%3D%2216%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%22664%22%20cy%3D%2269%22%20r%3D%2216%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%221455%22%20cy%3D%22434%22%20r%3D%2216%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%221267%22%20cy%3D%22794%22%20r%3D%2216%22%20fill%3D%22black%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%22352.0%2C238.0%20350.6%2C247.2%20345.2%2C254.9%20336.8%2C258.9%20327.6%2C261.0%20318.8%2C257.3%20313.9%2C249.7%20308.0%2C242.7%20310.6%2C233.9%20313.5%2C226.0%20319.3%2C219.4%20327.3%2C212.0%20337.1%2C216.2%20345.6%2C220.6%20353.6%2C227.5%22%2F%3E%3Cpath%20d%3D%22M349.5%20244.0%20l-6.4%20-2.0%20l2.2%20-6.0%22%2F%3E%3Cpath%20d%3D%22M315.0%20251.9%20l4.9%20-4.6%20l2.2%20-6.0%22%2F%3E%3Cpath%20d%3D%22M325.5%20218.1%20l1.5%206.6%20l2.2%20-6.0%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%221307.1%2C199.0%201304.3%2C205.4%201299.5%2C209.5%201294.8%2C213.7%201288.5%2C213.6%201281.3%2C214.1%201279.3%2C206.8%201275.5%2C202.1%201274.2%2C195.6%201277.2%2C189.7%201282.2%2C185.5%201288.3%2C182.6%201294.4%2C185.5%201301.3%2C186.5%201305.7%2C192.0%22%2F%3E%3Cpath%20d%3D%22M1303.0%20203.0%20l-4.3%20-1.3%20l1.4%20-4.0%22%2F%3E%3Cpath%20d%3D%22M1280.0%20208.2%20l3.3%20-3.0%20l1.4%20-4.0%22%2F%3E%3Cpath%20d%3D%22M1287.0%20185.7%20l1.0%204.4%20l1.4%20-4.0%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%221545.6%2C255.0%201545.9%2C277.7%201532.6%2C296.8%201512.5%2C308.8%201488.8%2C313.9%201467.8%2C302.1%201445.6%2C290.9%201431.4%2C268.5%201430.6%2C241.3%201442.8%2C217.1%201468.1%2C208.4%201488.4%2C192.6%201514.5%2C194.9%201535.4%2C210.2%201551.2%2C230.0%22%2F%3E%3Cpath%20d%3D%22M1544.5%20270.3%20l-16.3%20-5.0%20l5.5%20-15.2%22%2F%3E%3Cpath%20d%3D%22M1457.0%20290.2%20l12.5%20-11.6%20l5.5%20-15.2%22%2F%3E%3Cpath%20d%3D%22M1483.5%20204.4%20l3.8%2016.7%20l5.5%20-15.2%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%221300.6%2C467.0%201302.2%2C481.3%201290.2%2C489.4%201280.2%2C498.5%201266.8%2C497.2%201253.5%2C495.5%201247.1%2C483.6%201239.8%2C473.4%201235.5%2C459.7%201245.4%2C449.2%201252.6%2C436.8%201266.3%2C431.7%201280.4%2C435.0%201292.7%2C441.8%201297.3%2C454.9%22%2F%3E%3Cpath%20d%3D%22M1297.6%20475.5%20l-9.1%20-2.8%20l3.1%20-8.5%22%2F%3E%3Cpath%20d%3D%22M1248.8%20486.6%20l7.0%20-6.5%20l3.1%20-8.5%22%2F%3E%3Cpath%20d%3D%22M1263.6%20438.8%20l2.1%209.3%20l3.1%20-8.5%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%22423.7%2C615.0%20424.9%2C627.9%20417.3%2C638.6%20404.7%2C641.9%20393.1%2C642.2%20380.1%2C642.5%20373.2%2C631.6%20366.4%2C621.3%20372.1%2C609.9%20375.0%2C599.8%20380.8%2C588.7%20393.1%2C586.9%20405.3%2C586.3%20414.3%2C594.7%20424.5%2C602.3%22%2F%3E%3Cpath%20d%3D%22M419.5%20622.3%20l-7.8%20-2.4%20l2.6%20-7.2%22%2F%3E%3Cpath%20d%3D%22M377.9%20631.8%20l6.0%20-5.5%20l2.6%20-7.2%22%2F%3E%3Cpath%20d%3D%22M390.5%20591.0%20l1.8%207.9%20l2.6%20-7.2%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%221592.8%2C737.0%201592.3%2C752.3%201586.1%2C768.2%201570.5%2C775.5%201553.6%2C779.1%201538.0%2C771.6%201523.4%2C762.1%201515.1%2C746.1%201520.7%2C729.1%201529.9%2C716.6%201539.4%2C704.7%201554.0%2C698.7%201572.3%2C693.1%201588.6%2C703.0%201596.9%2C719.7%22%2F%3E%3Cpath%20d%3D%22M1592.1%20747.6%20l-11.2%20-3.5%20l3.8%20-10.5%22%2F%3E%3Cpath%20d%3D%22M1531.8%20761.3%20l8.6%20-8.0%20l3.8%20-10.5%22%2F%3E%3Cpath%20d%3D%22M1550.1%20702.2%20l2.6%2011.5%20l3.8%20-10.5%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%22385.0%2C770.0%20392.1%2C796.7%20366.9%2C808.8%20348.2%2C819.8%20325.4%2C833.1%20304.1%2C818.4%20286.1%2C803.3%20278.6%2C781.3%20283.1%2C759.6%20289.8%2C739.4%20306.4%2C725.7%20326.7%2C719.9%20347.7%2C721.8%20367.5%2C730.5%20385.7%2C746.1%22%2F%3E%3Cpath%20d%3D%22M381.5%20785.3%20l-16.3%20-5.0%20l5.5%20-15.2%22%2F%3E%3Cpath%20d%3D%22M294.0%20805.2%20l12.5%20-11.6%20l5.5%20-15.2%22%2F%3E%3Cpath%20d%3D%22M320.5%20719.4%20l3.8%2016.7%20l5.5%20-15.2%22%2F%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%221401.4%2C868.0%201401.3%2C873.9%201397.8%2C878.9%201392.2%2C880.9%201386.6%2C881.6%201382.2%2C878.0%201378.5%2C874.9%201373.6%2C871.1%201373.2%2C864.9%201377.6%2C860.5%201380.6%2C855.1%201386.4%2C853.2%201391.8%2C856.2%201395.8%2C859.3%201398.9%2C863.1%22%2F%3E%3Cpath%20d%3D%22M1399.4%20871.5%20l-3.7%20-1.2%20l1.3%20-3.5%22%2F%3E%3Cpath%20d%3D%22M1379.3%20876.1%20l2.9%20-2.7%20l1.3%20-3.5%22%2F%3E%3Cpath%20d%3D%22M1385.4%20856.4%20l0.9%203.8%20l1.3%20-3.5%22%2F%3E%3Cpath%20d%3D%22M1439%20560%20l57%20-21%20l-36%2047%20l-6%20-19%20Z%22%2F%3E%3Cpath%20d%3D%22M1449%20579%20Q1120%20867%20611%20874%22%20stroke-dasharray%3D%226%206%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23eee%22%3E%3Ccircle%20cx%3D%221282%22%20cy%3D%22796%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221589%22%20cy%3D%22324%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221180%22%20cy%3D%22548%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221167%22%20cy%3D%2298%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221183%22%20cy%3D%22822%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221252%22%20cy%3D%22188%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221639%22%20cy%3D%22509%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22918%22%20cy%3D%22874%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221628%22%20cy%3D%22853%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221633%22%20cy%3D%22766%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221574%22%20cy%3D%22296%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%22975%22%20cy%3D%2268%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221402%22%20cy%3D%22515%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221451%22%20cy%3D%22750%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221175%22%20cy%3D%22238%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%22111%22%20cy%3D%22835%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%22813%22%20cy%3D%22115%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221236%22%20cy%3D%22658%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221128%22%20cy%3D%22807%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221212%22%20cy%3D%22364%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221604%22%20cy%3D%22744%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221527%22%20cy%3D%22692%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%22682%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22766%22%20cy%3D%2296%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221221%22%20cy%3D%22102%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221326%22%20cy%3D%22871%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221616%22%20cy%3D%22496%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221409%22%20cy%3D%22101%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221216%22%20cy%3D%22536%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22281%22%20cy%3D%22218%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221406%22%20cy%3D%22433%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221291%22%20cy%3D%22616%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221425%22%20cy%3D%22763%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221283%22%20cy%3D%22230%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221252%22%20cy%3D%22452%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221306%22%20cy%3D%22187%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221175%22%20cy%3D%22443%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221547%22%20cy%3D%22511%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221524%22%20cy%3D%22170%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22237%22%20cy%3D%22133%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%22241%22%20cy%3D%22677%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221390%22%20cy%3D%22555%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%221561%22%20cy%3D%22246%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%22841%22%20cy%3D%22121%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221487%22%20cy%3D%22544%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221359%22%20cy%3D%22709%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%221647%22%20cy%3D%22139%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221307%22%20cy%3D%22128%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22459%22%20cy%3D%22564%22%20r%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M444%20194%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M1305%20287%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M466%20528%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M1186%20566%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M1558%20858%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M479%20806%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M1321%2063%20l4%20-4%20l4%204%20l-4%204%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23eee%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:100% 100%}}
.home-actions button{clip-path:polygon(3.46% 0,96.54% 0,100% 22.5%,100% 77.5%,96.54% 100%,3.46% 100%,0 77.5%,0 22.5%)}

/* Practice keeps the same neon orbital identity as the front page. */
body:is([data-screen="select"],[data-screen="records"],[data-screen="multiplayer"],[data-screen="lobby"],[data-screen="friends"],[data-screen="searching"],[data-screen="pause"],[data-screen="settings"],[data-screen="results"]) #panel{width:min(1040px,92vw);padding:30px;background:#080006eb;border:1px solid #ff3aa466;box-shadow:0 0 65px #000;border-radius:0;margin:auto}
body:is([data-screen="select"],[data-screen="records"],[data-screen="multiplayer"],[data-screen="lobby"],[data-screen="friends"],[data-screen="searching"],[data-screen="pause"],[data-screen="settings"],[data-screen="results"]) .heading{font-style:italic;text-transform:uppercase;color:#ff94d8;font-weight:900;letter-spacing:-.02em;font-size:clamp(26px,4vw,46px)}
body:is([data-screen="select"],[data-screen="records"],[data-screen="multiplayer"],[data-screen="lobby"],[data-screen="friends"],[data-screen="searching"],[data-screen="pause"],[data-screen="settings"],[data-screen="results"]) .eyebrow{color:#ff35ad;margin-bottom:12px}
body:is([data-screen="select"],[data-screen="records"],[data-screen="multiplayer"],[data-screen="lobby"],[data-screen="friends"],[data-screen="searching"],[data-screen="pause"],[data-screen="settings"],[data-screen="results"]) .back{color:#ff94d8;font:14px monospace;letter-spacing:.08em}
body:is([data-screen="select"],[data-screen="records"],[data-screen="multiplayer"],[data-screen="lobby"],[data-screen="friends"],[data-screen="searching"],[data-screen="pause"],[data-screen="settings"],[data-screen="results"]) .back:hover{color:#35ff54}
.select .mapcard{border-radius:0;border-color:#ff58ba;background:#000;box-shadow:0 0 25px #e9007c12}
.select .maplabel{color:#ffc4e9;background:#21051c;font:14px monospace;border-color:#ff58ba;gap:12px}
.select .home-actions{width:100%;gap:12px}.select .home-actions button{font-size:clamp(16px,1.6vw,23px);padding:16px 18px}
.select p{color:#d3a3c3}.select .hint{font:12px/1.8 monospace;color:#b281a3}#score{display:inline-block;transform-origin:center}
@media(max-width:700px){body:is([data-screen="select"],[data-screen="records"],[data-screen="multiplayer"],[data-screen="lobby"],[data-screen="friends"],[data-screen="searching"],[data-screen="pause"],[data-screen="settings"],[data-screen="results"]) #panel{padding:20px}.select{grid-template-columns:1fr;gap:12px}.select .mapcard canvas{height:210px}.select p{margin:8px 0}.select .home-actions button{padding:13px 18px}.select .hint{font-size:11px}}

body:is([data-screen="select"],[data-screen="records"],[data-screen="multiplayer"],[data-screen="lobby"],[data-screen="friends"],[data-screen="searching"],[data-screen="pause"],[data-screen="settings"],[data-screen="results"]) #panel{width:min(1040px,100%)}
.select .mapcard canvas{object-fit:contain;background:#000}
@media(max-width:700px){body[data-screen="select"] #panel{padding:18px}.select .mapcard canvas{height:180px}body[data-screen="select"] .back{margin-bottom:14px}.select .maplabel{padding:12px}.select .hint{margin-bottom:0}}

.join-row{margin-top:24px}.join-row label{display:block;color:#ff9bdd;font:12px monospace;margin-bottom:8px;letter-spacing:.1em}.join-row input{width:100%;padding:12px;border:1px solid #ff69c4;background:#10000d;color:#fff;font:24px monospace;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}.room-code{text-align:center;font:bold clamp(32px,7vw,70px) monospace;color:#fff;letter-spacing:.18em;margin:24px 0}.pilots{display:flex;justify-content:center;gap:28px;margin:24px 0;font:14px monospace;flex-wrap:wrap}.pilot-green{color:#35ff54}.pilot-pink{color:#ff78da}button:disabled{opacity:.4;cursor:default}.home-actions button:disabled:hover{color:#ff9bdd;background-color:#21051c}.pilot-icon{stroke:currentColor}#roomError{min-height:1.6em;text-align:center}

body:is([data-screen="pause"],[data-screen="settings"],[data-screen="results"],[data-screen="searching"],[data-screen="lobby"]) #panel{width:min(690px,100%);padding:34px}
body:is([data-screen="pause"],[data-screen="results"]) .heading{margin-bottom:28px}
body.cursor-hidden,body.cursor-hidden *{cursor:none!important}
.search-orbit{width:88px;height:88px;border:1px solid #ff54ba;border-radius:50%;margin:30px auto;position:relative;animation:orbit-search 2s linear infinite}
.search-orbit:after{content:'';position:absolute;top:-5px;left:36px;width:10px;height:10px;border-radius:50%;background:#51ff75;box-shadow:0 0 18px #51ff75}.search-time{color:#ff9bdd;font:22px monospace;margin:24px}
@keyframes orbit-search{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.search-orbit{animation:none}}

/* Borderless match score and matching neon audio controls. */
#matchHud{position:fixed;z-index:3;top:68px;left:16px;color:#ffd3eb;font:12px/1.7 monospace;pointer-events:none;text-shadow:0 2px 4px #000}
#matchHud[hidden]{display:none}#roundLabel{letter-spacing:.06em;margin-bottom:6px}.match-pilot{display:flex;gap:18px;justify-content:space-between;font-size:15px}.match-pilot span{letter-spacing:5px}#matchHud small{display:block;font-size:10px;color:#d3a3c3}#matchConnection{opacity:.7}
.match-result{display:flex;gap:26px;justify-content:center;font:bold 64px monospace;color:#a57494}
.settings{max-width:520px;margin:auto}.settings .heading{margin:12px 0 26px}.audio-control{padding:22px;border:1px solid #ff51b47a;background:#22051b88;margin:0 0 24px}.audio-control label{font:13px monospace;color:#ffb4e2;letter-spacing:.08em}.audio-control output{font:bold 28px monospace;color:#fff}.settings .hint{color:#bd8fac;line-height:1.7}.settings .home-actions{width:100%}.settings .home-actions button{font-size:22px}.settings .slider{appearance:none;width:100%;height:6px;background:#70234f;border:0;border-radius:0;margin:26px 0 14px;accent-color:#ff74cd}.settings .slider::-webkit-slider-thumb{appearance:none;width:16px;height:26px;background:#ff9bdb;border:2px solid #fff;box-shadow:0 0 16px #f08;cursor:ew-resize}.settings .slider::-moz-range-thumb{width:12px;height:22px;background:#ff9bdb;border:2px solid #fff;border-radius:0}.settings .slider:focus-visible{outline:2px solid #35ff54;outline-offset:8px}
@media(max-width:500px){#matchHud{top:58px;font-size:10px}.match-pilot{font-size:12px}.audio-control{padding:16px}}

/* Shared menu scenery stays in place while only the central panel changes. */
#overlay{padding:130px 32px 80px;isolation:isolate}.menu-chrome{pointer-events:none}.menu-chrome .home-note{z-index:2}.menu-chrome .home-tag{position:fixed;left:0;right:0;bottom:30px;text-align:center;margin:0;pointer-events:none}.menu-chrome .home-version{bottom:30px}#panel{position:relative;z-index:1}
#controlsGuide{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));pointer-events:none;font:11px/1.7 monospace;color:#c398b7;text-shadow:0 2px 4px #000}#controlsGuide b{color:#ffe2f4;margin-left:14px}#controlsGuide b:first-child{margin-left:0}.touch-guide{display:none}
#touch{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:calc(48px + env(safe-area-inset-bottom));align-items:flex-end;justify-content:space-between;gap:24px}.steering{display:flex;gap:16px;pointer-events:none}#touch button{width:76px;height:76px;min-width:0;padding:10px;border:1px solid #f58ad4a6;border-radius:18px;background:linear-gradient(150deg,#391029e6,#100910e6);color:#ffc2e8;box-shadow:inset 0 1px 0 #ffd4ef30,0 5px 20px #0006;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}#touch button span{font:32px/1 monospace}#touch button small{margin:0;color:inherit;font:bold 9px monospace;letter-spacing:.14em}#touch>button{width:98px;height:86px;margin:0;border-color:#ff80cd}#touch button.pressed{color:#69ff8c;border-color:#69ff8c;background:#12351fe8;box-shadow:0 0 24px #35ff5428;transform:translateY(2px)}
@media(pointer:coarse){.keyboard-guide{display:none}.touch-guide{display:inline}#flightHelp{bottom:calc(10px + env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));gap:10px}#flightHelp button{width:42px;height:36px;border-radius:8px}#controlsGuide{font-size:9px;bottom:calc(17px + env(safe-area-inset-bottom))}.home-actions{gap:16px}.home-actions button{min-height:54px}button{touch-action:manipulation}}
@media(max-width:700px){#overlay{padding:110px 20px 76px}.home-note{top:max(26px,env(safe-area-inset-top));font-size:10px}.home-note.left{left:26px}.home-note.right{right:26px}.menu-chrome .home-tag{font-size:9px;bottom:28px}.menu-chrome .home-version{display:none}body[data-screen="home"] #panel{width:100%}.neon-home h1{font-size:17vw;margin:12px 0 30px}.neon-home h1 strong{padding-left:28px}.home-actions{gap:16px}.home-actions button,.select .home-actions button{font-size:19px;min-height:54px;padding:15px 18px}.race-line{margin:22px 0 30px;font-size:17px}.race-line:before,.race-line:after{width:35px}.select{gap:20px}.select .mapcard canvas{height:165px}body:is([data-screen="pause"],[data-screen="settings"],[data-screen="results"],[data-screen="searching"],[data-screen="lobby"]) #panel{padding:24px 20px}.pilots{gap:16px}.back{min-height:44px}.join-row input{min-height:52px}.settings .row{margin:10px 0}}
@media(orientation:landscape) and (max-height:550px){#overlay{padding:70px max(30px,env(safe-area-inset-right)) 44px;place-items:start center}.home-note{top:18px;font-size:9px;line-height:1.2}.home-note.left{left:30px}.home-note.right{right:30px}.menu-chrome .home-tag{bottom:16px;font-size:9px}.menu-chrome .home-version{display:none}body[data-screen="home"] #panel{width:min(780px,92%);margin:auto}.neon-home{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-items:center}.neon-home h1{font-size:clamp(38px,8vw,76px);margin:10px 0}.neon-home h1 strong{padding-left:20px}.neon-home .race-line{grid-column:1;font-size:13px;margin:10px 0}.neon-home .home-actions{grid-column:2;grid-row:1/3}.home-actions{gap:12px}.home-actions button,.select .home-actions button{font-size:17px;min-height:46px;padding:12px 18px}.select{grid-template-columns:1fr 1fr;gap:22px}.select .mapcard canvas{height:155px}body:not([data-screen="home"]) #panel{padding:18px 24px}body:not([data-screen="home"]) .heading{font-size:27px}.back{margin-bottom:8px}.audio-control{padding:14px;margin-bottom:14px}.settings .row{margin:8px 0}.settings .heading{margin:6px 0 16px}#touch{bottom:calc(48px + env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right))}#touch button{width:64px;height:64px;border-radius:16px}#touch>button{width:90px;height:72px}#matchHud{top:46px;font-size:9px}.match-pilot{font-size:11px}#hud{font-size:23px}.pilot-icon{height:23px}#matchConnection{display:none}}

.music-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(520px,100%);margin:20px auto 0;padding-top:14px;border-top:1px solid #ff69bb40;text-align:left;color:#ffc2e8;font:12px/1.5 monospace}.music-controls>div{min-width:0}.music-controls small{font-size:9px;letter-spacing:.12em;color:#b77e9f;margin:0 0 4px}.music-controls [data-track-title]{display:block;overflow-wrap:anywhere}.music-controls button{display:flex;align-items:center;gap:8px;flex-shrink:0;border:1px solid #ff80c5;background:#21051ccc;border-radius:9px;padding:10px 12px;min-height:44px;color:#ffb9e2;font:18px monospace}.music-controls button span{font-size:10px}.music-controls button:hover,.music-controls button:focus-visible{color:#67ff8a;border-color:#67ff8a;background:#10351f}.audio-control .music-controls{margin-top:18px}.neon-home>.music-controls{grid-column:2}
@media(orientation:landscape) and (max-height:550px){.neon-home>.music-controls{grid-row:3;margin-top:12px;padding-top:8px}.neon-home .home-actions{grid-row:1/3}.music-controls{font-size:10px}}
@media(pointer:coarse) and (max-width:500px){#controlsGuide{bottom:calc(56px + env(safe-area-inset-bottom))}#touch{bottom:calc(85px + env(safe-area-inset-bottom))}}

/* Fit the visible phone viewport and keep controls clear of notches/browser chrome. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px)}
canvas#game{width:100%;height:100%}
#fullscreen{position:fixed;z-index:6;right:max(16px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));min-height:44px;padding:10px 12px;border:1px solid #ff80c5;border-radius:8px;background:#21051cf2;color:#ffc2e8;font:bold 11px monospace;touch-action:manipulation}
#fullscreenNotice{position:fixed;z-index:7;bottom:calc(66px + env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));max-width:min(340px,calc(100vw - 32px));padding:16px;border:1px solid #ff80c5;border-radius:8px;background:#160b16;color:#ffe2f4;font:14px/1.5 sans-serif}
body[data-screen="play"] #fullscreen{width:44px;height:38px;min-height:38px;padding:0;font-size:0;bottom:calc(10px + env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right))}
body[data-screen="play"] #fullscreen:before{content:'⛶';font:25px/1 monospace}
body[data-screen="play"] #flightHelp{right:calc(64px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom))}
#hud{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}
#matchHud{left:max(16px,env(safe-area-inset-left));top:calc(68px + env(safe-area-inset-top))}
@media(max-width:700px){#overlay{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.menu-chrome .home-tag{display:none}#matchHud{top:calc(52px + env(safe-area-inset-top))}}
@media(orientation:landscape) and (max-height:550px){#overlay{padding-bottom:calc(66px + env(safe-area-inset-bottom))}#matchHud{top:calc(44px + env(safe-area-inset-top))}#matchHud small{display:none}}
@media(pointer:coarse){#fullscreen{cursor:pointer!important}#flightHelp button{min-height:44px}body[data-screen="play"] #fullscreen{height:44px}}
/* The hosting badge overlays the phone flight/fullscreen controls. */
#nl-badge-frame{display:none!important}