.city-direction-module__4vCOjq__page{color:#17152c;background:#fffaf2;min-height:100vh;padding-bottom:90px}.city-direction-module__4vCOjq__header{grid-template-columns:1fr auto 1fr;align-items:center;width:min(1120px,100% - 40px);height:72px;margin:0 auto;display:grid}.city-direction-module__4vCOjq__back{color:#777283;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.city-direction-module__4vCOjq__back span:first-child{color:#17152c;border:1px solid #17152c1f;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.city-direction-module__4vCOjq__brand{letter-spacing:-2px;align-items:baseline;font-size:25px;font-weight:950;display:inline-flex;position:relative}.city-direction-module__4vCOjq__brand strong{color:#7657ff}.city-direction-module__4vCOjq__brand i{color:#ff6b57;margin-left:3px;font-size:9px;transform:translateY(-12px)}.city-direction-module__4vCOjq__gameType{color:#8e8998;text-transform:uppercase;letter-spacing:.13em;justify-self:end;font-size:9px;font-weight:900}.city-direction-module__4vCOjq__intro{justify-content:space-between;align-items:end;width:min(1000px,100% - 40px);margin:35px auto 24px;display:flex}.city-direction-module__4vCOjq__introKicker{color:#4c7e68;text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:6px;font-size:9px;font-weight:950;display:inline-flex}.city-direction-module__4vCOjq__introKicker svg{width:15px}.city-direction-module__4vCOjq__intro h1{letter-spacing:-.055em;margin:7px 0 8px;font-size:50px;line-height:1}.city-direction-module__4vCOjq__intro h1 em{color:#7657ff;font-style:normal}.city-direction-module__4vCOjq__intro p{color:#6f6b7d;max-width:610px;margin:0;font-size:13px;line-height:1.55}.city-direction-module__4vCOjq__playerCount{color:#918c9a;white-space:nowrap;margin-bottom:4px;font-size:10px;font-weight:750}.city-direction-module__4vCOjq__playerCount span{color:#36a875}.city-direction-module__4vCOjq__gameWrap{border-radius:28px;width:min(1000px,100% - 40px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 65px #29205b2b}.city-direction-module__4vCOjq__toolbar{color:#ffffffa3;letter-spacing:.07em;text-transform:uppercase;background:#24213b;justify-content:space-between;align-items:center;height:48px;padding:0 15px 0 18px;font-size:9px;font-weight:850;display:flex}.city-direction-module__4vCOjq__toolbar>div:first-child span{background:#65d6a2;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #65d6a21f}.city-direction-module__4vCOjq__toolbar>div:last-child{gap:5px;display:flex}.city-direction-module__4vCOjq__toolbar button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:9px;width:30px;height:30px}.city-direction-module__4vCOjq__stage{isolation:isolate;background:#bcebdc;place-items:center;width:100%;min-height:620px;padding:24px;display:grid;position:relative;overflow:hidden}.city-direction-module__4vCOjq__stage:before,.city-direction-module__4vCOjq__stage:after{content:"";z-index:-1;border:2px solid #17152c14;border-radius:50%;position:absolute}.city-direction-module__4vCOjq__stage:before{width:300px;height:300px;top:-145px;left:-150px;box-shadow:0 0 0 34px #ffffff1a,0 0 0 70px #ffffff12}.city-direction-module__4vCOjq__stage:after{width:220px;height:220px;bottom:-100px;right:-100px;box-shadow:0 0 0 28px #7657ff12}.city-direction-module__4vCOjq__stage.city-direction-module__4vCOjq__playing,.city-direction-module__4vCOjq__stage.city-direction-module__4vCOjq__feedback{background:#eef7f3}.city-direction-module__4vCOjq__stage.city-direction-module__4vCOjq__result{background:#e9e3ff}.city-direction-module__4vCOjq__idle{text-align:center;flex-direction:column;align-items:center;width:min(620px,100%);display:flex}.city-direction-module__4vCOjq__kicker,.city-direction-module__4vCOjq__verdict{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#17152c;border-radius:100px;padding:7px 11px;font-size:8px;font-weight:950}.city-direction-module__4vCOjq__idle h2{letter-spacing:-.06em;margin:14px 0 7px;font-size:54px;line-height:.92}.city-direction-module__4vCOjq__idle h2 em{color:#7657ff;font-style:normal}.city-direction-module__4vCOjq__idle>p{color:#17152c9e;margin:0;font-size:12px}.city-direction-module__4vCOjq__modePicker{background:#ffffff9e;border-radius:17px;grid-template-columns:1fr 1fr;gap:5px;margin:20px 0 14px;padding:5px;display:grid}.city-direction-module__4vCOjq__modePicker button{color:#716c79;cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;width:145px;padding:10px 12px;display:flex}.city-direction-module__4vCOjq__modePicker b{font-size:12px}.city-direction-module__4vCOjq__modePicker small{margin-top:2px;font-size:8px;font-weight:750}.city-direction-module__4vCOjq__modePicker .city-direction-module__4vCOjq__activeMode{color:#fff;background:#17152c;box-shadow:0 5px 12px #17152c2e}.city-direction-module__4vCOjq__idleExample{align-items:center;gap:11px;margin-bottom:18px;display:flex}.city-direction-module__4vCOjq__idleExample span{background:#fff;border:2px solid #17152c;border-radius:12px;padding:9px 12px;font-size:10px;font-weight:900;box-shadow:3px 4px #17152c}.city-direction-module__4vCOjq__idleExample b{color:#fff;background:#ff6b57;border-radius:50%;place-items:center;width:39px;height:39px;font-size:22px;display:grid;transform:rotate(-5deg)}.city-direction-module__4vCOjq__startButton{color:#fff;cursor:pointer;background:#7657ff;border:0;border-radius:17px;justify-content:center;align-items:center;gap:9px;min-width:215px;height:55px;font-size:13px;font-weight:950;display:flex;box-shadow:0 8px #4d37ba}.city-direction-module__4vCOjq__startButton:active{transform:translateY(5px);box-shadow:0 3px #4d37ba}.city-direction-module__4vCOjq__startButton svg{width:18px}.city-direction-module__4vCOjq__board{flex-direction:column;align-items:center;width:min(900px,100%);display:flex}.city-direction-module__4vCOjq__boardTop{color:#87828f;letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;font-size:8px;font-weight:900;display:grid}.city-direction-module__4vCOjq__boardTop strong{color:#5d45c7;letter-spacing:.1em;background:#dcd4ff;border-radius:100px;padding:4px 9px;font-size:8px}.city-direction-module__4vCOjq__boardTop span:last-child{text-align:right}.city-direction-module__4vCOjq__progress{background:#d8e3de;border-radius:100px;width:100%;height:5px;margin:10px 0 15px;overflow:hidden}.city-direction-module__4vCOjq__progress i{border-radius:inherit;background:#7657ff;height:100%;transition:width .25s;display:block}.city-direction-module__4vCOjq__question{color:#6e6977;justify-content:center;align-items:center;gap:7px;margin-bottom:12px;display:flex}.city-direction-module__4vCOjq__question small{color:#fff;letter-spacing:.08em;background:#17152c;border-radius:7px;padding:5px 8px;font-size:7px;font-weight:800}.city-direction-module__4vCOjq__question span{font-size:11px;font-weight:750}.city-direction-module__4vCOjq__question strong{color:#7657ff;letter-spacing:-.04em;font-size:23px}.city-direction-module__4vCOjq__playArea{grid-template-columns:minmax(0,1fr) 192px;align-items:center;gap:18px;width:100%;display:grid}.city-direction-module__4vCOjq__map{filter:drop-shadow(0 13px 22px #284b3d1a);width:100%;height:auto;display:block}.city-direction-module__4vCOjq__sea{fill:#cceee8;stroke:#fff;stroke-width:5px}.city-direction-module__4vCOjq__dots{color:#3b816a}.city-direction-module__4vCOjq__land{fill:#fffaf2;stroke:#79b8a2;stroke-width:3px;stroke-linejoin:round}.city-direction-module__4vCOjq__routeLine{stroke:#ff6b57;stroke-width:4px;stroke-dasharray:8 8;animation:.8s linear infinite city-direction-module__4vCOjq__dash}.city-direction-module__4vCOjq__fromPin circle:first-child{fill:#7657ff;stroke:#fff;stroke-width:4px;filter:drop-shadow(0 4px 4px #17152c40)}.city-direction-module__4vCOjq__fromPin circle:nth-child(2){fill:#fff}.city-direction-module__4vCOjq__targetPin circle:first-child{fill:#ff6b57;stroke:#fff;stroke-width:4px;filter:drop-shadow(0 4px 4px #17152c40)}.city-direction-module__4vCOjq__targetPin circle:nth-child(2){fill:#fff}.city-direction-module__4vCOjq__fromPin text,.city-direction-module__4vCOjq__targetPin text{paint-order:stroke;stroke:#fff;stroke-width:7px;stroke-linejoin:round;fill:#17152c;font-size:16px;font-weight:950}.city-direction-module__4vCOjq__targetPin text{fill:#d5483a}.city-direction-module__4vCOjq__compass text{fill:#4d7567;font-size:14px;font-weight:950}.city-direction-module__4vCOjq__compass path{fill:#4d7567}@keyframes city-direction-module__4vCOjq__dash{to{stroke-dashoffset:-16px}}.city-direction-module__4vCOjq__directionPad{background:#fffaf2;border:2px solid #17152c;border-radius:50%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;width:192px;height:192px;padding:7px;display:grid;position:relative;transform:rotate(1deg);box-shadow:6px 8px #17152c}.city-direction-module__4vCOjq__directionPad button{color:#17152c;cursor:pointer;background:#e5ded3;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:0;transition:transform .12s,background .12s,opacity .12s;display:flex}.city-direction-module__4vCOjq__directionPad button:hover:not(:disabled){z-index:2;background:#d6cbff;transform:scale(1.08)}.city-direction-module__4vCOjq__directionPad button b{font-size:25px;line-height:.8}.city-direction-module__4vCOjq__directionPad button small{margin-top:4px;font-size:6px;font-weight:900;line-height:1}.city-direction-module__4vCOjq__directionPad button[data-direction=N]{grid-area:1/2}.city-direction-module__4vCOjq__directionPad button[data-direction=E]{grid-area:2/3}.city-direction-module__4vCOjq__directionPad button[data-direction=S]{grid-area:3/2}.city-direction-module__4vCOjq__directionPad button[data-direction=W]{grid-area:2/1}.city-direction-module__4vCOjq__directionPad button[data-direction=NW]{grid-area:1/1}.city-direction-module__4vCOjq__directionPad button[data-direction=NE]{grid-area:1/3}.city-direction-module__4vCOjq__directionPad button[data-direction=SW]{grid-area:3/1}.city-direction-module__4vCOjq__directionPad button[data-direction=SE]{grid-area:3/3}.city-direction-module__4vCOjq__padCenter{color:#7657ff;pointer-events:none;grid-area:2/2;place-items:center;font-size:17px;display:grid}.city-direction-module__4vCOjq__directionPad .city-direction-module__4vCOjq__correctChoice{color:#123c27;opacity:1;background:#65d492;animation:.35s city-direction-module__4vCOjq__pop}.city-direction-module__4vCOjq__directionPad .city-direction-module__4vCOjq__wrongChoice{color:#6b1d14;opacity:1;background:#ff8d7d}.city-direction-module__4vCOjq__directionPad .city-direction-module__4vCOjq__dimChoice{opacity:.32}@keyframes city-direction-module__4vCOjq__pop{50%{transform:scale(1.12)}}.city-direction-module__4vCOjq__feedback{color:#7f7987;text-align:center;justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;margin-top:12px;font-size:9px;font-weight:800;display:flex}.city-direction-module__4vCOjq__feedback b{color:#fff;white-space:nowrap;border-radius:100px;padding:6px 9px}.city-direction-module__4vCOjq__feedback .city-direction-module__4vCOjq__yes{background:#278c58}.city-direction-module__4vCOjq__feedback .city-direction-module__4vCOjq__no{background:#d84d3c}.city-direction-module__4vCOjq__streak{color:#817c88;font-size:10px;font-weight:800}.city-direction-module__4vCOjq__streak b{color:#17152c}.city-direction-module__4vCOjq__result{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(520px,100%);display:flex}.city-direction-module__4vCOjq__verdict{background:#7657ff;transform:rotate(-2deg)}.city-direction-module__4vCOjq__resultScore{align-items:center;margin:17px 0 5px;display:flex}.city-direction-module__4vCOjq__resultScore strong{letter-spacing:-.09em;font-size:106px;line-height:.8}.city-direction-module__4vCOjq__resultScore>span{color:#7657ff;flex-direction:column;align-items:flex-start;font-size:29px;font-weight:950;display:flex}.city-direction-module__4vCOjq__resultScore small{color:#8d8796;letter-spacing:.12em;margin-top:3px;font-size:8px}.city-direction-module__4vCOjq__result>p{color:#696475;margin:10px 0 20px;font-size:12px}.city-direction-module__4vCOjq__stats{background:#ffffffa6;border:1px solid #17152c1a;border-radius:15px;grid-template-columns:repeat(3,1fr);width:100%;padding:14px 4px;display:grid}.city-direction-module__4vCOjq__stats span{border-right:1px solid #17152c14;flex-direction:column;gap:4px;display:flex}.city-direction-module__4vCOjq__stats span:last-child{border:0}.city-direction-module__4vCOjq__stats small{color:#918b98;letter-spacing:.11em;font-size:7px;font-weight:900}.city-direction-module__4vCOjq__stats b{font-size:14px}.city-direction-module__4vCOjq__actions{grid-template-columns:1fr 1fr;gap:9px;width:100%;margin-top:12px;display:grid}.city-direction-module__4vCOjq__actions button{cursor:pointer;border-radius:13px;height:45px;font-size:11px;font-weight:900}.city-direction-module__4vCOjq__actions button:first-child{background:#c9ff3d;border:0;box-shadow:0 5px #91b92d}.city-direction-module__4vCOjq__actions button:last-child{background:#fff;border:1px solid #17152c26}.city-direction-module__4vCOjq__switchMode{color:#654bd8;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:13px 0 0;font-size:9px;font-weight:900;text-decoration:underline}.city-direction-module__4vCOjq__save{color:#fff;cursor:pointer;background:#17152c;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:13px;padding:8px 15px;display:flex}.city-direction-module__4vCOjq__save svg{width:21px}.city-direction-module__4vCOjq__save span{flex-direction:column;align-items:flex-start;font-size:11px;font-weight:900;display:flex}.city-direction-module__4vCOjq__save small{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-size:7px}.city-direction-module__4vCOjq__toast{z-index:10;color:#fff;opacity:0;visibility:hidden;background:#17152c;border-radius:100px;padding:10px 15px;font-size:10px;font-weight:800;transition:all .2s;position:absolute;bottom:20px;left:50%;transform:translate(-50%,12px);box-shadow:0 8px 30px #17152c40}.city-direction-module__4vCOjq__toast.city-direction-module__4vCOjq__show{opacity:1;visibility:visible;transform:translate(-50%)}.city-direction-module__4vCOjq__infoGrid{grid-template-columns:1fr 1fr;gap:60px;width:min(1000px,100% - 40px);margin:65px auto;display:grid}.city-direction-module__4vCOjq__infoGrid article{border-top:1px solid #17152c1f;padding-top:17px}.city-direction-module__4vCOjq__infoGrid article>span{color:#7657ff;font-size:9px;font-weight:950}.city-direction-module__4vCOjq__infoGrid h2{margin:6px 0;font-size:18px}.city-direction-module__4vCOjq__infoGrid p{color:#6f6b7d;margin:0;font-size:12px;line-height:1.65}.city-direction-module__4vCOjq__nextSection{border-top:1px solid #17152c1a;width:min(1000px,100% - 40px);margin:0 auto;padding-top:32px}.city-direction-module__4vCOjq__nextSection>div small{color:#ff6b57;text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:900}.city-direction-module__4vCOjq__nextSection h2{margin:4px 0 17px;font-size:24px}.city-direction-module__4vCOjq__nextCard{color:#17152c;background:#ffd84d;border-radius:20px;grid-template-columns:75px 1fr auto;align-items:center;gap:18px;min-height:110px;padding:15px 24px;display:grid}.city-direction-module__4vCOjq__nextEmoji{background:#fff;border:3px solid #17152c;border-radius:50%;place-items:center;width:60px;height:60px;font-size:36px;display:grid;transform:rotate(-7deg)}.city-direction-module__4vCOjq__nextCard>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.city-direction-module__4vCOjq__nextCard>span:nth-child(2) small{color:#17152c8c;text-transform:uppercase;font-size:9px;font-weight:800}.city-direction-module__4vCOjq__nextCard strong{font-size:18px}.city-direction-module__4vCOjq__nextCard>b{color:#fff;background:#17152c;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}@media (max-width:700px){.city-direction-module__4vCOjq__page{padding-bottom:55px}.city-direction-module__4vCOjq__header{width:calc(100% - 28px);height:64px}.city-direction-module__4vCOjq__back>span:last-child,.city-direction-module__4vCOjq__gameType{display:none}.city-direction-module__4vCOjq__brand{grid-column:2}.city-direction-module__4vCOjq__intro{width:calc(100% - 30px);margin:28px auto 17px;display:block}.city-direction-module__4vCOjq__intro h1{font-size:41px}.city-direction-module__4vCOjq__intro p{font-size:12px}.city-direction-module__4vCOjq__playerCount{margin-top:13px}.city-direction-module__4vCOjq__gameWrap{border-radius:24px;width:calc(100% - 12px)}.city-direction-module__4vCOjq__stage{min-height:calc(100svh - 112px);padding:14px}.city-direction-module__4vCOjq__idle h2{font-size:43px}.city-direction-module__4vCOjq__modePicker{margin-top:18px}.city-direction-module__4vCOjq__modePicker button{width:130px}.city-direction-module__4vCOjq__board{justify-content:center;min-height:590px}.city-direction-module__4vCOjq__boardTop{grid-template-columns:1fr 1fr}.city-direction-module__4vCOjq__boardTop strong{grid-area:1/1/auto/-1;justify-self:center}.city-direction-module__4vCOjq__boardTop span{grid-row:2;margin-top:8px}.city-direction-module__4vCOjq__question{flex-wrap:wrap;margin:1px 0 10px;line-height:1}.city-direction-module__4vCOjq__question small{color:#77717f;text-align:center;background:0 0;width:100%}.city-direction-module__4vCOjq__question strong{font-size:22px}.city-direction-module__4vCOjq__playArea{grid-template-columns:1fr;gap:10px}.city-direction-module__4vCOjq__map{max-height:265px}.city-direction-module__4vCOjq__directionPad{width:176px;height:176px;margin:0 auto;box-shadow:4px 6px #17152c}.city-direction-module__4vCOjq__directionPad button b{font-size:22px}.city-direction-module__4vCOjq__feedback{flex-direction:column;gap:4px;min-height:49px;margin-top:7px}.city-direction-module__4vCOjq__result{min-height:540px}.city-direction-module__4vCOjq__resultScore strong{font-size:90px}.city-direction-module__4vCOjq__infoGrid{grid-template-columns:1fr;gap:32px;width:calc(100% - 36px);margin:50px auto}.city-direction-module__4vCOjq__nextSection{width:calc(100% - 36px)}.city-direction-module__4vCOjq__nextCard{grid-template-columns:55px 1fr auto;gap:10px;padding:13px 16px}.city-direction-module__4vCOjq__nextEmoji{width:50px;height:50px;font-size:29px}.city-direction-module__4vCOjq__nextCard strong{font-size:14px}.city-direction-module__4vCOjq__nextCard>b{width:34px;height:34px}}@media (max-width:390px){.city-direction-module__4vCOjq__stage{min-height:650px}.city-direction-module__4vCOjq__map{min-height:190px}.city-direction-module__4vCOjq__directionPad{width:164px;height:164px}}@media (prefers-reduced-motion:reduce){.city-direction-module__4vCOjq__progress i,.city-direction-module__4vCOjq__directionPad button,.city-direction-module__4vCOjq__routeLine,.city-direction-module__4vCOjq__toast{transition:none;animation:none}}.city-direction-module__4vCOjq__gameWrap:fullscreen{background:#17152c;border-radius:0;width:100vw;height:100vh}.city-direction-module__4vCOjq__gameWrap:fullscreen .city-direction-module__4vCOjq__stage{min-height:calc(100vh - 48px)}