@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-B8AD-MIS.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-DdI0W2xN.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-CFrLQq0e.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-CNBcGpOY.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-naTqcNXh.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-1WPrt9dz.woff) format("woff")}:root{font-family:Nunito,sans-serif;color:#092556;font-synthesis:none;font-weight:800;--navy:#092556;--yellow:#ffdc36;--pink:#f85395;--white:#fbfdff;--cyan:#17c8e4}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #fff;outline-offset:5px}button:active{transform:translateY(3px)!important}button{transition:transform .15s,filter .15s}button:hover{filter:brightness(1.035)}button:disabled{cursor:wait}svg{flex-shrink:0}h1,h2,p{margin:0}button svg{pointer-events:none}.game-shell{position:relative;width:100%;height:100%;isolation:isolate}.lobby{background:radial-gradient(ellipse at 42% 36%,#67edf2 0,#20d5ec 42%,#0bb8df)}.canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.lobby-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:radial-gradient(circle,transparent 16px,#c3f7ff 17px,#c3f7ff 22px,transparent 23px),repeating-linear-gradient(130deg,transparent 0 110px,#b1faff44 111px 129px,transparent 130px 290px);background-size:190px 190px,100% 100%;transform:rotate(-8deg) scale(1.2);pointer-events:none}.in-game .lobby-pattern{display:none}.menu-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.menu-ui button,.menu-ui fieldset{pointer-events:auto}.logo{position:absolute;top:6.5%;left:4.5%;font-size:clamp(42px,5.5vw,86px);line-height:.87;font-weight:1000;letter-spacing:-.06em;color:#fff;transform:rotate(-6deg);filter:drop-shadow(0 7px 0 #073368);-webkit-text-stroke:9px #14416e;paint-order:stroke fill}.logo span{display:block}.logo span:first-child{display:flex;align-items:center;gap:15px}.logo svg{height:.56em;width:.56em;stroke:#ffc73b;stroke-width:2;filter:drop-shadow(0 3px 0 #a47a2b)}.top-actions{position:absolute;right:3%;top:3.5%;display:flex;gap:14px}.icon-button{height:57px;width:57px;display:grid;place-items:center;background:#fbfdff;border-radius:50%;box-shadow:0 5px #1596c099,0 7px 15px #0d7c9840}.icon-button svg{width:29px;height:29px;stroke-width:3}.map-panel{position:absolute;right:5.2%;top:22%;width:34%;max-width:560px}.map-card{background:var(--white);border:3px solid #fff;border-radius:25px;padding:16px 17px 18px;text-align:center;box-shadow:0 7px #0c94bd55;transform:rotate(2deg)}.map-card h2{font-size:clamp(22px,2.7vw,43px);font-weight:1000;letter-spacing:-.035em;line-height:1.15;padding-bottom:10px;white-space:nowrap}.map-art{overflow:hidden;border-radius:17px;height:clamp(100px,20vh,225px);background:#58d7ed}.map-art img{width:100%;height:100%;object-fit:cover}.map-card p{font-size:clamp(14px,1.45vw,23px);font-weight:1000;margin-top:12px;letter-spacing:-.025em}.map-meta{display:block;font-size:clamp(12px,1.15vw,18px);font-weight:900;color:#7b8ca8;margin-top:4px;letter-spacing:.025em}.map-meta span{padding:0 4px}.play-button{margin-top:28px;width:100%;height:clamp(75px,12vh,120px);border-radius:25px;background:linear-gradient(#ffe955,#ffda2e);box-shadow:inset 0 5px #fff99b,0 9px #d69705,0 13px #1898b93b;display:flex;align-items:center;justify-content:center;gap:30px;font-size:clamp(38px,4.4vw,68px);font-weight:1000;letter-spacing:-.025em}.play-button svg{width:.65em;height:.65em}.play-button:hover{transform:translateY(-3px)}.personal-best{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:14px;text-shadow:0 1px #1686a1}.color-picker{position:absolute;left:3.5%;bottom:4.5%;margin:0;background:#fff;border:0;border-radius:18px;padding:11px 18px 14px;box-shadow:0 4px #1596c044}.color-picker legend{float:left;width:100%;padding:0;margin:0 0 9px;font-size:13px;font-weight:1000;letter-spacing:.04em}.color-picker div{display:flex;gap:13px;clear:both}.color-picker button{width:38px;height:38px;border-radius:50%;box-shadow:inset 0 -4px #0002,inset 0 2px #fff8;display:grid;place-items:center;color:#fff}.color-picker button.selected{outline:3px solid #15bde7;outline-offset:4px}.color-picker svg{width:20px}.key-hints{position:absolute;bottom:5.5%;right:3%;display:flex;gap:18px;color:#fff;font-size:14px;align-items:center;text-shadow:0 2px #149ebe}.key-hints span{display:flex;align-items:center;gap:8px}kbd{font:900 12px Nunito,sans-serif;color:#fff;background:#18395b;padding:4px 9px;border-radius:5px;box-shadow:0 3px #092647;white-space:nowrap}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b234785;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;display:grid;place-items:center;padding:20px}.dialog{width:min(500px,92vw);background:#fbfdff;border:4px solid white;border-radius:27px;padding:35px;box-shadow:0 9px #123c6a50;position:relative;outline:none}.dialog h2{font-size:28px;font-weight:1000;letter-spacing:-.035em;padding-right:20px}.close-button{position:absolute;top:15px;right:15px;width:33px;height:33px;border-radius:50%;background:#e9eff5;display:grid;place-items:center}.dialog-description{font-size:16px;margin:9px 0 22px;color:#61758c}.settings-content label{margin:25px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px}.settings-content label span{display:flex;align-items:center;gap:9px}.settings-content input{width:140px;accent-color:#ed4f96}.settings-content select{padding:8px;border:2px solid #d9e8f2;border-radius:9px;background:#fff;color:var(--navy)}.muted{color:#7a8ba1;font-size:12px;font-weight:700;line-height:1.6;margin-top:16px}.controls-list>div{display:flex;align-items:center;gap:15px;margin:15px 0;font-size:13px}.controls-list kbd{min-width:76px;text-align:center}.tip{display:flex;align-items:center;gap:12px;background:#e9f7fc;padding:14px;border-radius:12px;font-size:13px;line-height:1.5;margin-top:25px}.button{min-height:52px;padding:12px 24px;border-radius:14px;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px}.yellow{background:var(--yellow);box-shadow:0 5px #d7a722}.secondary{background:#e8f0f7;box-shadow:0 4px #cbdbe7}.text-button{background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;padding:13px;margin:8px auto 0;color:#58718e}.pause-actions{display:flex;flex-direction:column;gap:16px}.intro-layer,.result-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding:7%}.intro-banner{background:#fbfdfff5;padding:34px;border-radius:24px;width:430px;box-shadow:0 7px #438bae45}.round-label{color:#e7468e;font-size:13px;font-weight:1000;letter-spacing:.12em}.intro-banner h2{font-size:36px;font-weight:1000;letter-spacing:-.055em;margin:5px 0 12px}.intro-banner p{font-size:17px;line-height:1.6;color:#5e7690}.intro-detail{display:flex;gap:25px;margin:24px 0 30px;font-size:14px}.intro-detail span{display:flex;align-items:center;gap:7px}.intro-detail svg{width:19px}.intro-banner .button{width:100%}.race-heading{position:absolute;left:25px;top:24px;z-index:2;background:#ef4b94;color:#fff;padding:12px 25px 14px;border-radius:0 18px 18px;box-shadow:0 5px #b82c7388;transform:rotate(-2deg)}.race-heading span{font-size:12px;display:block;letter-spacing:.07em}.race-heading strong{display:block;font-size:26px;font-weight:1000}.race-top-right{position:absolute;right:25px;top:25px;z-index:2;display:flex;align-items:center;gap:13px}.timer{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 20px;border-radius:16px;box-shadow:0 4px #2c73a033;font-size:25px;font-variant-numeric:tabular-nums}.small{width:45px;height:45px}.small svg{width:23px;height:23px}.progress-hud{position:absolute;left:25px;bottom:25px;background:#fffef3ed;padding:15px 20px;border-radius:16px;z-index:2;min-width:250px;box-shadow:0 4px #2c73a033}.progress-hud>span:first-child{display:flex;align-items:center;gap:6px;font-size:13px}.progress-hud>span:last-child{display:block;font-size:11px;color:#7c8aa0;margin-top:8px}.race-place{display:flex;align-items:center;gap:5px;margin-top:7px;color:#73869c;font-size:11px}.progress-track{height:8px;background:#dbe7ed;border-radius:20px;width:225px;position:relative;margin-top:10px}.progress-track i{display:block;height:100%;background:#f358a1;border-radius:20px}.progress-track b{position:absolute;top:-2px;width:3px;height:12px;background:#fff}.race-help{position:absolute;bottom:25px;right:25px;color:#143d63;font-size:13px;z-index:2;display:flex;align-items:center;gap:9px}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:150px;font-weight:1000;-webkit-text-stroke:7px #143d63;paint-order:stroke fill;z-index:3;filter:drop-shadow(0 8px #153563);pointer-events:none;animation:pop .4s ease-out}.toast{position:absolute;left:50%;top:20%;transform:translate(-50%);padding:13px 22px;background:#fff;border-radius:18px;z-index:3;display:flex;align-items:center;gap:10px;box-shadow:0 5px #15356325;animation:pop .2s ease-out}.result-card{width:370px;background:#fff;border:4px solid #fff;border-radius:26px;padding:25px;text-align:center;box-shadow:0 8px #155b9522}.trophy{width:82px;height:82px;border-radius:50%;background:#fff1a9;color:#e4a711;display:grid;place-items:center;margin:-55px auto 12px;border:7px solid white}.result-card h2{font-size:53px;color:#ee4c96;font-weight:1000;line-height:1}.result-card p{color:#6b7d94;margin:10px 0;font-size:14px}.result-time{display:block;font-size:45px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:15px 0}.result-stats{display:flex;justify-content:space-around;border-top:2px solid #edf2f6;padding:16px 0 22px;font-size:12px;color:#718198}.result-stats b{display:block;color:#13365d;font-size:24px}.result-card .button{width:100%;margin-top:15px}.mobile-note{display:none}.loading-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#69edf2,#0dbbde);color:#fff;text-align:center;gap:22px;padding:30px}.loading-screen h1{font-size:28px}.loading-mark{font-size:90px;font-weight:1000;letter-spacing:-.08em;text-shadow:0 6px #144c78;transform:rotate(-8deg)}.loading-mark span{color:#ffe141;font-size:40px;vertical-align:top}.loading-track{width:260px;height:14px;border:3px solid #fff;border-radius:30px;overflow:hidden}.loading-track i{display:block;height:100%;background:#ffe23a;transition:width .2s}.loading-screen p{font-size:14px}.loading-screen .button{color:#143354}@keyframes pop{0%{scale:.8;opacity:.5}to{scale:1;opacity:1}}@media(min-width:1900px){.map-panel{right:7%;top:23%}.key-hints{right:7%;font-size:16px}.color-picker button{width:45px;height:45px}.color-picker legend{font-size:15px}}@media(max-height:650px)and (min-width:851px){.map-panel{top:19%;width:32%}.map-art{height:22vh}.map-card{padding:12px}.map-card h2{font-size:26px}.map-card p{font-size:14px}.play-button{margin-top:17px;height:64px;font-size:42px}.color-picker{bottom:3%;padding:8px 12px}.color-picker button{width:28px;height:28px}.key-hints{bottom:4%;font-size:11px;gap:10px}.logo{font-size:57px}.personal-best{font-size:11px;margin-top:13px}}@media(max-width:850px){.logo{font-size:44px;top:5%;left:6%;-webkit-text-stroke-width:6px}.top-actions{right:5%;top:4%}.icon-button{height:43px;width:43px}.icon-button svg{width:23px;height:23px}.map-panel{top:auto;bottom:13%;right:5%;width:43%}.map-card{padding:10px;border-radius:16px}.map-card h2{font-size:22px}.map-art{height:110px}.map-card p{font-size:12px}.map-meta{font-size:10px}.play-button{height:62px;font-size:35px;margin-top:18px;border-radius:18px}.color-picker{left:5%;bottom:14%;padding:10px}.color-picker div{gap:8px}.color-picker button{width:25px;height:25px}.color-picker legend{font-size:10px}.key-hints{display:none}.mobile-note{display:block;position:absolute;bottom:3%;width:100%;text-align:center;z-index:4;color:#fff;font-size:11px}.intro-layer,.result-layer{padding:5%;justify-content:center}.intro-banner{width:360px}.race-heading strong{font-size:18px}.race-heading{left:12px;top:12px;padding:10px}.race-top-right{right:12px;top:12px}.timer{font-size:17px;padding:10px}.timer svg{width:17px}.race-help{display:none}.progress-hud{left:12px;bottom:40px;min-width:200px}.race-place{display:flex;align-items:center;gap:5px;margin-top:7px;color:#73869c;font-size:11px}.progress-track{width:180px}.dialog{padding:25px}.settings-content label{font-size:13px}.settings-content input{width:110px}}@media(max-width:520px){.map-panel{bottom:9%;width:54%;right:4%}.map-art{height:80px}.map-card h2{font-size:18px}.map-card p{font-size:11px}.map-card{padding:8px}.color-picker{left:4%;bottom:10%;width:34%}.color-picker div{flex-wrap:wrap;justify-content:center;gap:10px}.logo{font-size:37px}.top-actions{gap:8px}.icon-button{width:34px;height:34px}.icon-button svg{width:20px}.personal-best{display:none}.dialog h2{font-size:23px}.settings-content label{gap:8px}.controls-list>div{font-size:11px}.race-heading span{font-size:10px}.race-heading strong{font-size:15px}.timer{font-size:15px;gap:5px}.race-top-right{gap:7px}.result-card{width:310px}.result-card h2{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:520px){.mobile-note{display:none}}.mobile-controls,.touch-intro{display:none}@media(max-width:760px),(pointer:coarse){.intro-banner{width:min(360px,100%)}.touch-intro{display:block;margin-top:9px;color:#6b7d94;font-size:11px;line-height:1.35}.mobile-controls{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-look-area{position:absolute;top:19%;right:0;bottom:170px;width:44%;pointer-events:auto;touch-action:none}.touch-look-hint{position:absolute;top:13%;right:13px;padding:6px 10px;border:1px solid #fff8;border-radius:20px;background:#123b5e70;color:#fff;font-size:10px;font-weight:900;letter-spacing:.05em;pointer-events:none}.touch-stick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:132px;height:132px;border:3px solid #ffffffc9;border-radius:50%;background:radial-gradient(circle,#123d5d42 0,#123d5d42 48%,#ffffff24 49%);box-shadow:0 5px 18px #123b5e4d,inset 0 0 0 1px #123b5e24;pointer-events:auto;touch-action:none}.touch-stick:before{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border:1px dashed #ffffffa8;border-radius:50%;pointer-events:none}.touch-stick-label{position:absolute;top:9px;left:0;width:100%;color:#fff;font-size:9px;font-weight:1000;letter-spacing:.1em;text-align:center;text-shadow:0 1px 3px #123b5e;pointer-events:none}.touch-stick-knob{position:absolute;top:50%;left:50%;width:58px;height:58px;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#f8fdff,#bceefa);box-shadow:0 4px #1489b0,0 5px 12px #123b5e55;pointer-events:none}.touch-action{position:absolute;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#12345b;font-weight:1000;line-height:1;box-shadow:0 5px #123b5e40,0 7px 16px #123b5e30;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-action:active{transform:scale(.94)!important}.touch-glyph{width:43px;height:43px;overflow:visible}.touch-jump{right:max(18px,env(safe-area-inset-right));bottom:max(19px,env(safe-area-inset-bottom));width:88px;height:88px;background:linear-gradient(#fff080,#ffd62e)}.touch-dive{right:calc(max(18px,env(safe-area-inset-right)) + 94px);bottom:calc(max(19px,env(safe-area-inset-bottom)) + 8px);width:64px;height:64px;background:linear-gradient(#b7f4ff,#62d9ed);box-shadow:0 5px #168cae66,0 7px 16px #123b5e30}.touch-dive .touch-glyph{width:30px;height:30px}.progress-hud{left:12px;bottom:calc(160px + env(safe-area-inset-bottom));min-width:0;width:51vw;max-width:51vw}}@media(max-width:380px){.touch-stick{left:max(12px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:112px;height:112px}.touch-stick-knob{width:50px;height:50px}.touch-jump{right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:76px;height:76px}.touch-dive{right:calc(max(12px,env(safe-area-inset-right)) + 84px);bottom:calc(max(14px,env(safe-area-inset-bottom)) + 6px);width:58px;height:58px}.touch-glyph{width:37px;height:37px}.progress-hud{bottom:calc(132px + env(safe-area-inset-bottom));width:51vw;max-width:51vw}.progress-track{width:min(180px,calc(51vw - 24px))}.touch-look-area{bottom:150px}}@media(max-width:760px)and (orientation:portrait){.progress-hud{top:auto;bottom:calc(162px + env(safe-area-inset-bottom));padding:10px 14px}.progress-hud .race-place{display:none}.progress-track{width:min(180px,calc(51vw - 24px))}}@media(max-width:760px){.race-heading.near-finish{display:none}.progress-hud.near-finish{top:calc(12px + env(safe-area-inset-top));bottom:auto;display:flex;align-items:center;gap:10px;padding:6px 9px;width:max-content;max-width:calc(100vw - 180px)}.progress-hud.near-finish .race-place,.progress-hud.near-finish .progress-track{display:none}.progress-hud.near-finish>span:first-child{font-size:10px}.progress-hud.near-finish>span:last-child{display:block;margin:0;font-size:10px}}.map-panel{top:11%;max-height:89vh;overflow-y:auto;padding:6px 8px 17px;scrollbar-width:thin}.online-panel{pointer-events:auto;margin-top:17px;padding:15px 17px 16px;background:#fffef4f3;border:3px solid #fff;border-radius:20px;box-shadow:0 5px #138caf38;display:grid;gap:10px}.online-heading{display:flex;align-items:center;gap:8px;font-size:15px;letter-spacing:.03em}.online-heading svg{color:#159fc0}.online-heading span{margin-left:auto;font-size:11px;color:#72849b;letter-spacing:.06em}.online-name{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#6c7d91}.online-name input,.join-room input{min-width:0;border:2px solid #deebf1;border-radius:10px;background:#fff;padding:8px 11px;color:var(--navy);outline:none;font-weight:900}.online-name input{width:58%}.online-create{width:100%;min-height:45px;padding:9px 14px;background:linear-gradient(#baf6fa,#87e8f0);box-shadow:0 4px #36b9ca;font-size:15px}.join-room{display:grid;grid-template-columns:1fr auto;gap:8px}.join-room input{width:100%;letter-spacing:.12em}.join-room .button{min-height:42px;padding:8px 15px;font-size:13px}.online-error{font-size:12px;line-height:1.35;color:#b12c5e}.room-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;padding:20px;background:#0c2c4a3b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.room-card{position:relative;width:min(460px,94vw);max-height:90vh;overflow:auto;padding:30px 32px 25px;background:#fbfdff;border:4px solid #fff;border-radius:27px;box-shadow:0 9px #123c6a50;text-align:center}.room-card .round-label{display:block;margin:0 35px 6px}.room-card h2{font-size:30px;font-weight:1000;letter-spacing:-.045em}.room-share{margin:8px 0 12px;color:#71839b;font-size:14px}.room-code{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 auto;padding:10px 17px 12px;border-radius:15px;background:#eafaff;color:#087eaa;font-size:36px;font-weight:1000;letter-spacing:.15em;box-shadow:inset 0 -4px #c6eaf3}.room-code svg{color:#508da4}.room-share-actions{display:flex;align-items:stretch;justify-content:center;gap:9px}.room-share-actions .room-code{margin:0;min-width:0;flex:1 1 150px;font-size:clamp(27px,7vw,36px);letter-spacing:.12em}.room-invite{min-height:54px;padding:8px 12px;white-space:nowrap;font-size:12px}.room-count{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 10px;font-size:14px;color:#75849a}.room-count span{font-size:12px}.room-count strong{font-size:20px;color:#0c3156}.room-player-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:210px;overflow:auto;text-align:left}.room-player-list>div{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 9px;border-radius:10px;background:#f0f6fa;font-size:12px}.room-player-list i{width:15px;height:15px;flex:none;border-radius:50%;box-shadow:inset 0 -2px #0002}.room-player-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-player-list b{margin-left:auto;font-size:9px;color:#ef4b94;letter-spacing:.04em}.room-message{min-height:21px;margin:14px 0;color:#647a92;font-size:13px;overflow-wrap:anywhere}.room-start{width:100%;min-height:54px}.room-leave{margin-top:6px}.room-countdown{font-size:72px;font-weight:1000;color:#f04e98;text-shadow:0 3px #ffd83d;line-height:1;margin:0 0 10px;animation:pop .3s ease-out}.connection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:18px;background:#0c2c4a70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.connection-overlay section{width:min(340px,92vw);padding:24px;background:#fbfdff;border:4px solid #fff;border-radius:22px;box-shadow:0 8px #123c6a50;text-align:center}.connection-overlay strong{font-size:21px;letter-spacing:.03em}.connection-overlay p{margin:9px 0 15px;color:#647a92;font-size:14px}@media(max-width:1100px){.map-panel{width:43%;right:3%}.map-card{padding:12px 13px 14px}.map-art{height:clamp(82px,15vh,150px)}.online-panel{margin-top:10px;padding:11px 13px;gap:7px}.play-button{margin-top:17px;height:clamp(62px,9vh,88px)}.personal-best{margin-top:11px}}@media(max-width:760px){.lobby .logo{top:2.5%;left:5%;font-size:clamp(30px,8vw,48px)}.lobby .top-actions{top:2%;right:4%;gap:8px}.lobby .top-actions .icon-button{width:42px;height:42px}.lobby .top-actions .icon-button svg{width:22px;height:22px}.lobby .map-panel{top:13%;left:50%;right:auto;transform:translate(-50%);width:min(94vw,430px);max-height:76vh;padding:5px 6px 14px}.lobby .map-card{padding:9px 10px 11px;border-radius:19px}.lobby .map-card h2{font-size:clamp(22px,6vw,30px);padding-bottom:5px}.lobby .map-art{height:clamp(76px,12vh,106px);border-radius:12px}.lobby .map-card p{margin-top:6px;font-size:14px}.lobby .map-meta{font-size:11px;margin-top:1px}.lobby .play-button{height:60px;margin-top:13px;border-radius:18px;font-size:34px}.lobby .online-panel{margin-top:10px;padding:10px 12px;border-radius:15px;gap:7px}.lobby .online-heading{font-size:13px}.lobby .online-name{font-size:12px}.lobby .online-name input,.lobby .join-room input{padding:7px 9px}.lobby .online-create{min-height:39px;font-size:13px}.lobby .join-room .button{min-height:38px}.lobby .personal-best{margin-top:8px;font-size:12px}.lobby .color-picker{left:3%;bottom:2%;padding:8px 11px}.lobby .color-picker legend{font-size:10px;margin-bottom:6px}.lobby .color-picker div{gap:10px}.lobby .color-picker button{width:28px;height:28px}.lobby .key-hints{display:none}.room-card{padding:25px 19px 19px}.room-code{font-size:31px}.room-player-list{max-height:170px}}@media(max-height:800px)and (min-width:851px){.lobby .map-panel{top:13%}.lobby .map-card{padding:12px 14px}.lobby .map-card h2{font-size:clamp(22px,2.3vw,31px);padding-bottom:6px}.lobby .map-art{height:clamp(88px,18vh,150px)}.lobby .map-card p{font-size:clamp(14px,1.3vw,19px);margin-top:8px}.lobby .play-button{margin-top:18px;height:68px;font-size:clamp(36px,4vw,58px)}.lobby .online-panel{margin-top:12px;padding:10px 13px;gap:7px}.lobby .key-hints{display:none}}.menu-ui .appearance-picker{pointer-events:auto;position:absolute;left:3.5%;bottom:4.5%;width:max-content;max-width:46vw;min-width:0;margin:0;padding:9px 12px 11px;border:2px solid #fff;border-radius:16px;background:#fffef4f3;box-shadow:0 4px #1596c044}.lobby-rotate-hint{display:none}.appearance-picker-title{display:block;margin:0 0 7px;padding:0 3px;font-size:11px;font-weight:1000;letter-spacing:.06em;line-height:1.1}.appearance-tabs{display:flex;gap:4px;margin-bottom:8px;padding:3px;border-radius:11px;background:#eaf4f7}.appearance-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:68px;padding:6px 8px;border-radius:8px;background:transparent;color:#668097;font-size:11px;font-weight:1000}.appearance-tabs button svg{width:14px;height:14px}.appearance-tabs button[aria-selected=true]{background:#fff;color:#0d456b;box-shadow:0 2px 5px #15476c1c}.appearance-options{display:flex;align-items:center;gap:7px;min-height:34px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:2px 4px 5px}.appearance-option{--option-accent:#d9e9f1;position:relative;display:flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:30px;padding:4px 8px;border:2px solid #e8eff3;border-radius:10px;background:#fff;color:#58718e;font-size:10px;font-weight:1000;white-space:nowrap}.appearance-option.selected{border-color:var(--option-accent);background:color-mix(in srgb,var(--option-accent) 18%,white);color:#173858;box-shadow:0 2px color-mix(in srgb,var(--option-accent) 45%,white)}.appearance-option i{display:block;width:11px;height:11px;flex:none;border-radius:50%;background:var(--option-accent);box-shadow:inset 0 -2px #0002,inset 0 1px #fff8}.appearance-option.color-option{width:31px;height:31px;min-height:31px;padding:0;border:0;border-radius:50%;background:var(--option-accent);box-shadow:inset 0 -3px #0002,inset 0 2px #fff8}.appearance-option.color-option.selected{outline:3px solid #159fc0;outline-offset:2px}.appearance-option.color-option span{display:grid;place-items:center;color:#fff}.appearance-option.color-option svg{width:17px;height:17px}@media(max-width:760px){.lobby .map-panel{top:13%;left:auto;right:3%;transform:none;width:49vw;max-width:300px;max-height:82vh;padding:4px 4px 10px}.lobby .map-card{padding:8px 7px 9px;border-width:2px;border-radius:15px}.lobby .map-card h2{font-size:clamp(15px,4.5vw,22px);padding-bottom:4px}.lobby .map-art{height:clamp(56px,9vh,82px);border-radius:10px}.lobby .map-card p{display:none}.lobby .map-meta{font-size:9px;margin-top:4px}.lobby .play-button{height:52px;margin-top:10px;border-radius:15px;font-size:clamp(25px,7vw,34px);gap:12px}.lobby .online-panel{margin-top:8px;padding:8px;border-width:2px;border-radius:13px;gap:6px}.lobby .online-heading{gap:5px;font-size:11px}.lobby .online-heading svg{width:15px}.lobby .online-heading span{font-size:9px}.lobby .online-name{display:grid;gap:3px;font-size:10px}.lobby .online-name input{width:100%;padding:6px 7px;font-size:12px}.lobby .join-room{gap:5px}.lobby .join-room input{padding:6px 5px;font-size:10px;letter-spacing:.05em}.lobby .online-create{min-height:35px;padding:6px 7px;font-size:10px}.lobby .online-create svg{width:14px}.lobby .join-room .button{min-height:34px;padding:6px 8px;font-size:10px}.menu-ui .appearance-picker{left:3%;bottom:3%;width:min(72vw,300px);max-width:min(72vw,300px);min-width:0;padding:7px 7px 8px;border-radius:13px}.menu-ui .appearance-picker{max-height:min(42vh,300px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.appearance-picker-title{margin-bottom:5px;font-size:9px}.appearance-tabs{gap:2px;margin-bottom:5px;padding:2px}.appearance-tabs button{min-width:0;flex:1;gap:3px;padding:5px 3px;font-size:9px}.appearance-tabs button svg{width:12px;height:12px}.appearance-options{gap:6px;min-height:30px;padding:2px 4px 4px;overflow:visible;scrollbar-width:none}.appearance-options-outfit,.appearance-options-accessory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:5px}.appearance-options-color{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:6px}.appearance-option{min-width:0;min-height:27px;padding:3px 6px;font-size:9px}.appearance-options-outfit .appearance-option,.appearance-options-accessory .appearance-option{width:100%;padding:3px 5px;white-space:nowrap}.appearance-option.color-option{width:25px;height:25px;min-height:25px}.appearance-option.color-option svg{width:14px;height:14px}.lobby .color-picker{display:none}}@media(max-width:380px){.lobby .map-panel{width:48vw;right:2%}.lobby .map-card h2{font-size:15px}.lobby .play-button{font-size:25px}.lobby .online-panel{padding:6px}.menu-ui .appearance-picker{width:min(72vw,280px);max-width:min(72vw,280px);left:2%;padding:6px}.appearance-tabs button{font-size:8px}}@media(max-width:760px)and (max-height:760px){.menu-ui .appearance-picker{bottom:2%;max-height:min(27vh,172px);overflow:hidden}.appearance-options-outfit,.appearance-options-accessory{max-height:62px;grid-auto-rows:27px;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.appearance-options-outfit .appearance-option,.appearance-options-accessory .appearance-option{min-height:27px}}@media(pointer:coarse){.lobby .lobby-rotate-hint{position:absolute;display:flex;align-items:center;gap:6px;left:4%;top:31%;padding:6px 9px;border:1px solid #ffffffb8;border-radius:20px;background:#0b759bba;color:#fff;font-size:10px;font-weight:1000;letter-spacing:.06em;box-shadow:0 3px 8px #06415a30;pointer-events:none}}@media(max-height:650px)and (min-width:761px){.menu-ui .appearance-picker{left:3%;bottom:2%;width:min(35vw,520px);max-width:min(35vw,520px);padding:7px 9px 8px}.appearance-options-outfit,.appearance-options-accessory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:4px}.appearance-option{width:100%;min-width:0;min-height:27px;padding:3px 4px;font-size:10px}.appearance-option i{width:9px;height:9px}}@media(max-height:560px)and (min-width:761px){.menu-ui .appearance-picker{left:2%;bottom:2%;width:min(32vw,480px);max-width:min(32vw,480px);padding:6px 8px}.appearance-picker-title{margin-bottom:4px;font-size:10px}.appearance-tabs{margin-bottom:4px;padding:2px}.appearance-tabs button{padding:4px 5px}.appearance-options{gap:4px;min-height:28px;padding:1px 3px 3px}.appearance-option{min-height:25px;font-size:9px}}.show-hud{position:absolute;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 150px);padding:8px 16px;background:#fffef4f0;border:3px solid #fff;border-radius:18px;box-shadow:0 5px #15356325;font-weight:900;font-size:14px;color:var(--navy);pointer-events:none}.show-hud-round{letter-spacing:.06em;color:#e7468e;font-weight:1000}.show-hud-round span{opacity:.5;margin:0 3px}.show-hud-goal{display:flex;align-items:center;gap:6px}.show-hud-goal b{font-size:18px}.show-hud-timer{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;background:#eafaff;color:#087eaa;font-variant-numeric:tabular-nums}.show-hud-timer.urgent{background:#ffe4ec;color:#d3245f;animation:pop .5s ease-out infinite alternate}.online-pause{top:calc(10px + env(safe-area-inset-top))}.show-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at center,#0c2c4a22,#0c2c4a77);pointer-events:none;animation:pop .35s ease-out}.show-intro-card{width:min(560px,92vw);padding:26px 30px 24px;text-align:center;background:linear-gradient(#fffef4,#fff6c9);border:5px solid #fff;border-radius:30px;box-shadow:0 10px #123c6a55;transform:rotate(-1.2deg)}.show-intro-step{display:block;color:#e7468e;font-size:14px;font-weight:1000;letter-spacing:.16em}.show-intro-card h2{margin:4px 0 6px;font-size:clamp(36px,8vw,64px);font-weight:1000;letter-spacing:-.04em;color:#092556;-webkit-text-stroke:2px #fff;paint-order:stroke fill;text-shadow:0 4px 0 #17c8e4}.show-intro-card p{margin:0 0 14px;color:#4f6685;font-size:17px}.show-intro-goal{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:#092556;color:#ffdc36;font-weight:1000;font-size:15px}.show-count{z-index:6}.show-spectate{position:absolute;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;max-width:94vw;padding:10px 18px;background:#092556ee;color:#fff;border:3px solid #fff;border-radius:18px;box-shadow:0 5px #15356340}.show-spectate.good{background:#0b7d5cee}.show-spectate strong{display:flex;align-items:center;gap:7px;letter-spacing:.06em;color:#ffdc36}.show-spectate span b{color:#ffdc36}.show-spectate-actions{display:flex;align-items:center;gap:6px}.show-spectate-actions button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:#fff;color:#092556;cursor:pointer}.show-spectate-actions kbd{padding:3px 7px;border-radius:7px;background:#ffffff26;font-size:11px}.show-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:16px;background:#0c2c4a55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.show-card{position:relative;width:min(480px,94vw);max-height:94vh;display:flex;flex-direction:column;padding:22px 26px 20px;background:#fbfdff;border:4px solid #fff;border-radius:26px;box-shadow:0 9px #123c6a50;text-align:center;gap:10px;animation:pop .3s ease-out}.show-card h2{margin:0;font-size:clamp(28px,6vw,38px);font-weight:1000;letter-spacing:-.04em}.show-card p{margin:0;color:#5f7391;font-size:15px}.show-card.qualified h2{color:#0b9a6c}.show-card.eliminated h2{color:#d3245f}.show-card.final{background:linear-gradient(#fffbe0,#fbfdff 40%)}.show-crown{display:grid;place-items:center;margin:0 auto;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#fff6b0,#ffdc36);color:#b26d00;box-shadow:0 6px #d9a60080;animation:pop .6s ease-out}.show-results{list-style:none;margin:2px 0 4px;padding:0;display:grid;gap:5px;flex:1 1 auto;min-height:96px;overflow:auto;align-content:start;text-align:left}.show-card .button{flex:0 0 auto}.show-results li{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:8px;padding:6px 11px;border-radius:12px;background:#eef6fb;font-size:14px}.show-results li b{display:grid;place-items:center;color:#7b8fa8}.show-results li .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-results li em{font-style:normal;font-size:11px;letter-spacing:.08em;color:#d3245f}.show-results li.qualified{background:#e2f8ee}.show-results li.qualified em{color:#0b9a6c}.show-results li.self{outline:3px solid #ffdc36;background:#fff9d6}.show-results li i{font-style:normal;color:#087eaa;font-variant-numeric:tabular-nums}.show-results.leaderboard li{grid-template-columns:30px 1fr auto}.show-footnote{font-size:13px!important}@media(max-height:640px){.show-crown{width:64px;height:64px}.show-crown svg{width:34px;height:34px}.show-card{gap:6px;padding:16px 22px}.show-card h2{font-size:26px}.show-card p{font-size:13px}.show-results li{padding:4px 10px;font-size:13px}.show-card .button{min-height:44px;font-size:16px;padding:8px 18px}.show-intro-card{padding:18px 24px}}.orientation-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;text-align:center;background:linear-gradient(#17c8e4,#0b86c9);color:#fff;touch-action:none}.orientation-gate h2{margin:0;font-size:34px;font-weight:1000;letter-spacing:-.03em;-webkit-text-stroke:5px #092556;paint-order:stroke fill}.orientation-gate p{margin:0;max-width:300px;font-size:16px;line-height:1.4}.orientation-gate small{max-width:280px;opacity:.85;font-size:12px}.orientation-hint{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#092556;color:#ffdc36;font-weight:1000;font-size:14px}.orientation-gate .button{width:auto;max-width:300px}.orientation-phone{position:relative;width:70px;height:120px;border:6px solid #fff;border-radius:16px;background:#fff2;animation:orient-turn 2.2s ease-in-out infinite}.orientation-phone i{position:absolute;left:50%;bottom:7px;width:20px;height:4px;border-radius:2px;background:#fff;transform:translate(-50%)}@keyframes orient-turn{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(max-height:520px)and (orientation:landscape){.map-panel{top:3%;max-height:94vh;width:min(46%,420px)}.map-art{display:none}.map-card{padding:8px 12px}.map-card h2{font-size:18px;margin:0}.map-meta{display:none}.map-card{padding:6px 12px}.online-heading{font-size:12px}.online-name{font-size:11px}.online-panel{gap:4px}.play-button{height:42px;font-size:24px;margin-top:6px}.online-panel{margin-top:8px;padding:9px 12px;gap:6px}.online-create{min-height:38px;font-size:13px}.online-name input,.join-room input{padding:5px 9px}.join-room .button{min-height:34px}.room-card{padding:14px 22px 12px;max-height:96vh}.room-card h2{font-size:22px}.room-card .round-label,.room-share{display:none}.room-code{font-size:19px;letter-spacing:.08em;gap:8px;padding:5px 10px 7px}.room-count{font-size:12px}.room-player-list{max-height:44px;overflow:auto}.room-message{margin:4px 0}.room-card .button{min-height:40px;font-size:15px}}.touch-actions{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:10px;pointer-events:none;z-index:3}.touch-actions .touch-action{position:relative;right:auto;bottom:auto;left:auto;pointer-events:auto}.touch-actions .touch-grab{width:52px;height:52px;background:linear-gradient(#ffc2dc,#f85395);color:#fff}.touch-actions .touch-grab svg{width:26px;height:26px}.touch-actions .touch-dive{width:58px;height:58px}.touch-actions .touch-jump{width:78px;height:78px}@media(pointer:coarse){.race-help,.key-hints,.touch-look-hint{display:none!important}}@media(orientation:landscape)and (max-height:520px){.logo{font-size:32px;top:3%;left:3%;-webkit-text-stroke-width:6px}.lobby-rotate-hint{top:27%;left:3.5%}.top-actions{top:2%;right:2%;gap:8px}.icon-button{width:38px;height:38px}.icon-button svg{width:20px;height:20px}.map-panel{top:calc(2% + 46px);max-height:calc(100vh - 46px - 4%);bottom:auto}.appearance-picker{left:2.5%;bottom:3%;width:min(46vw,380px);max-width:none;max-height:none;overflow:visible;padding:6px 8px 8px}.appearance-options-outfit,.appearance-options-accessory{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:6px}.appearance-options-outfit .appearance-option,.appearance-options-accessory .appearance-option{flex:0 0 auto!important;width:auto!important;min-width:0!important;padding:4px 10px}.mobile-note{display:none}.race-heading{left:12px;top:10px;padding:6px 14px 7px;transform:none;border-radius:0 12px 12px}.race-heading span{display:none}.race-heading strong{font-size:13px}.race-top-right{top:10px;right:12px}.timer{font-size:14px;padding:5px 10px;gap:6px}.progress-hud,.progress-hud.near-finish{left:12px;top:46px;bottom:auto;min-width:0;width:max-content;max-width:46vw;padding:6px 10px;display:flex;align-items:center;gap:10px}.progress-hud>span,.progress-hud>span:first-child,.progress-hud>span:last-child{margin:0;font-size:11px;white-space:nowrap}.progress-hud .progress-track{width:90px;flex:none;margin:0}.show-hud{top:8px;padding:5px 12px;gap:8px;font-size:12px;max-width:calc(100vw - 130px)}.show-hud-goal b{font-size:15px}.show-spectate{bottom:14px;padding:7px 14px}.show-intro-card{padding:14px 22px}.show-intro-card h2{font-size:34px}.show-intro-card p{font-size:14px;margin-bottom:8px}.countdown{font-size:110px;-webkit-text-stroke-width:5px}.toast{top:14%}}@media(orientation:landscape)and (max-height:340px){.logo{font-size:26px;-webkit-text-stroke-width:5px}.lobby-rotate-hint,.map-card{display:none}.play-button{height:36px;font-size:21px;margin-top:0}.map-panel{top:calc(2% + 42px);max-height:calc(100vh - 42px - 3%)}.online-panel{margin-top:6px;padding:7px 10px;gap:4px}.online-heading{display:none}.online-create{min-height:32px;font-size:12px}.online-name input,.join-room input{padding:3px 8px;font-size:13px}.join-room .button{min-height:30px}.appearance-picker-title{display:none}.appearance-picker{padding:5px 7px 6px}.appearance-tabs button{padding:4px 6px}.room-card{padding:10px 18px 8px;max-height:98vh}.room-card h2{display:none}.room-card .close-button{top:6px;right:6px;width:28px;height:28px}.room-share-actions{padding-right:30px}.room-count{margin:2px 0}.room-player-list{max-height:34px}.room-message{font-size:12px;margin:2px 0}.room-card .button{min-height:36px}.room-leave{font-size:12px}.show-crown{display:none}.show-results{min-height:56px}.show-card h2{font-size:22px}.show-intro-card h2{font-size:28px}.show-intro-card{padding:10px 18px}.show-hud{padding:3px 10px;gap:6px}.show-hud-round{font-size:11px}.touch-actions .touch-jump{width:68px;height:68px}.touch-actions .touch-dive{width:52px;height:52px}.touch-actions .touch-grab{width:46px;height:46px}.touch-stick{transform:scale(.85);transform-origin:left bottom}.countdown{font-size:90px}}@media(orientation:landscape)and (max-height:520px){.dialog,.intro-banner,.result-card{max-height:96vh;overflow-y:auto}.result-layer,.intro-layer{padding:2%;justify-content:center}.result-card{width:min(560px,92vw);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:12px 22px}.result-card>*:not(.button){flex:1 1 100%;margin:0}.result-card .trophy{display:none}.result-card h2{font-size:28px}.result-card p{font-size:13px}.result-time{font-size:32px;margin:2px 0}.result-stats{padding:8px 0 10px;font-size:11px}.result-stats b{font-size:18px}.result-card .button{flex:1 1 40%;min-width:140px;min-height:42px;font-size:16px}.dialog{padding:14px 22px}.dialog h2{font-size:22px}.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pause-actions>:first-child{grid-column:1/-1}.pause-actions .button{min-height:40px;font-size:15px}.intro-banner{padding:14px 22px;width:min(520px,92vw)}.intro-banner h2{font-size:26px;margin:2px 0 6px}.intro-banner p{font-size:13px;margin:4px 0}.intro-banner .touch-intro{display:none}.intro-detail{margin:8px 0 10px}}