@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.tutorial{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow:hidden;container-type:size;color:#163e68;font-family:Nunito,Segoe UI,sans-serif;pointer-events:auto}.tutorial-hole{position:absolute;z-index:1;border-radius:calc(var(--tut-u, 1cqw) * 4);box-shadow:0 0 0 calc(var(--tut-u, 1cqw) * 1) #ffd000,0 0 calc(var(--tut-u, 1cqw) * 2) calc(var(--tut-u, 1cqw) * .3) #ffd00080,0 0 0 100vmax #061020bd;pointer-events:none}.tutorial-hand-wrap{position:absolute;z-index:3;width:0;height:0;transform-origin:0 0;pointer-events:none;animation:tutorial-bob .95s ease-in-out infinite}.tutorial-hand{position:absolute;width:8cqw;height:auto;max-width:none}.tutorial-card{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:0;padding:1.4cqh 4cqw 1cqh;border-style:solid;border-color:transparent;border-image-source:url(/tutorial/tutorial-box.png);border-image-slice:120 fill;border-image-repeat:stretch;text-align:center;pointer-events:none}.tutorial-card.is-in{animation:tutorial-card-in .18s ease}.tutorial-title{margin:0;font-size:4cqw;font-weight:800;line-height:1.15}.tutorial-body{margin:.4em 0 0;color:#24598f;font-size:2.9cqw;font-weight:700;line-height:1.35}.tutorial-hint{margin:.65em 0 0;color:#2f89e6;font-size:2.55cqw;font-weight:800}.tutorial-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;margin:0;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation}.tutorial-hit:focus-visible{outline:none}@keyframes tutorial-bob{0%,to{translate:0 0}50%{translate:calc(var(--bx, 0) * var(--tut-u, 1cqw)) calc(var(--by, -1) * var(--tut-u, 1cqw))}}@keyframes tutorial-card-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.tutorial-hand-wrap,.tutorial-card.is-in{animation:none}}:root{color:#163e68;font-family:Nunito,Segoe UI,sans-serif;background:#79c8f8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;background:#79c8f8}body{overflow:hidden}button,a{font-family:inherit}.stage{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;container-type:size;background:#8fd4ff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.map{--map-shift: 0px;--map-scale: 1;position:absolute;left:50%;top:0;width:max(100%,56.25dvh);height:max(100dvh,calc(100vw * 16 / 9));transform:translate(-50%,var(--map-shift)) scale(var(--map-scale));transform-origin:top center;container-type:size}.island{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.hud{position:absolute;z-index:8;top:max(10px,env(safe-area-inset-top,0px),1.2cqh);left:3%;right:3%;display:flex;align-items:flex-start;justify-content:space-between;gap:2cqw}.player{position:relative;width:15cqw;height:15cqw;flex:none}.avatar-ring{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;border:.55cqw solid #ffffff;box-shadow:0 0 0 .45cqw #49b4f5,0 .4cqw #1046782e;background:#d9f3ff}.avatar{position:absolute;left:50%;top:9%;width:70%;height:auto;transform:translate(-50%)}.level{position:absolute;left:50%;bottom:-.15cqw;transform:translate(-50%);background:#fff;color:#1d4f86;font-size:2.5cqw;font-weight:800;line-height:1.2;border-radius:999px;padding:.05em .45em;box-shadow:0 .25cqw #1446781f;white-space:nowrap}.stats{display:flex;gap:1.5cqw;min-width:0}.stat{display:flex;align-items:center;gap:.35em;height:8.6cqw;padding:0 .75em 0 .35em;background:#fff;border-radius:999px;box-shadow:0 .45cqw #164a781a,0 .8cqw 1.6cqw #103c6e14;color:#24598f;font-size:3.7cqw;font-weight:800}.hud-icon{display:block;width:auto;height:6cqw;flex:none;object-fit:contain}.hud-icon-spark{height:7.3cqw}.ticket-slot{display:block;width:5.19cqw;height:6cqw;flex:none;overflow:hidden}.hud-icon-ticket{width:7.1cqw;height:7.1cqw;max-width:none;margin:-.4cqw 0 0 -.94cqw}.hero{position:absolute;z-index:7;top:calc(max(10px,env(safe-area-inset-top,0px),1.2cqh) + 15cqw + .8cqh);left:4%;right:4%;text-align:center;pointer-events:none}.logo{position:relative;margin:0;font-size:7.3cqw;font-weight:800;line-height:.95;letter-spacing:.01em}.logo-stroke,.logo-fill{display:block}.logo-stroke{position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;-webkit-text-stroke:.12em #1657b8;text-shadow:0 .07em 0 #0d3f88,0 .11em 0 #0a326c}.logo-fill{position:relative;background:linear-gradient(180deg,#fffef8,#ffe56a 40%,#8ecbff);-webkit-background-clip:text;background-clip:text;color:transparent}.season{display:inline-flex;align-items:center;gap:.35em;margin:.45cqh 0 0;padding:.28em .75em;background:#fffffff0;color:#1e5a96;font-size:3.15cqw;font-weight:800;border-radius:999px;box-shadow:0 .35cqw #1446821a}.season svg{width:1.15em;height:1.15em}.spot{position:absolute;z-index:3;left:var(--x);top:var(--y);width:var(--w);display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-decoration:none;cursor:pointer;transform:translate(-50%,-84%);transform-origin:center 78%;transition:transform .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.spot-chest{--x: 22%;--y: calc(31.8% + 17px) ;--w: 26%}.spot-wheel{--x: 77.5%;--y: 32.4%;--w: 24%;z-index:4}.spot-race{--x: 51%;--y: calc(48.6% + 25px) ;--w: 28%;z-index:2}.spot-games{--x: 21%;--y: 66.4%;--w: 22%}.spot-clan{--x: 80%;--y: 67.8%;--w: 24%}.art{position:relative;display:block;width:100%}.art img{display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 .7cqw .4cqw rgba(20,50,80,.18))}.spot:is(:hover,:focus-visible,:active,.is-hot){transform:translate(-50%,-84%) scale(1.08);z-index:6}.spot:is(:hover,:focus-visible,:active,.is-hot) .art img{filter:drop-shadow(2px 0 0 #ffd000) drop-shadow(-2px 0 0 #ffd000) drop-shadow(0 2px 0 #ffd000) drop-shadow(0 -2px 0 #ffd000) drop-shadow(2px 2px 0 #ffd000) drop-shadow(-2px -2px 0 #ffd000) drop-shadow(2px -2px 0 #ffd000) drop-shadow(-2px 2px 0 #ffd000) drop-shadow(0 .8cqw .5cqw rgba(20,50,80,.2))}.spot:focus-visible{outline:none}@media (hover: none){.spot:hover:not(:active):not(.is-hot){transform:translate(-50%,-84%);z-index:3}.spot:hover:not(:active):not(.is-hot) .art img{filter:drop-shadow(0 .7cqw .4cqw rgba(20,50,80,.18))}}.pill{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;margin-top:-1.2cqh;padding:.42em .75em .38em;background:#fff;border-radius:1.5cqw;box-shadow:0 .45cqw #164a781f,0 .9cqw 1.4cqw #103c6e1f;color:#1a4e86;line-height:1.05;white-space:nowrap}.pill-title{font-size:2.7cqw;font-weight:800;letter-spacing:.01em;white-space:pre-line;text-align:center}.spot-wheel .pill{min-width:13.6cqw;padding-left:.95em;padding-right:.95em}.spot-wheel .pill-title{white-space:pre}.pill-sub{margin-top:.12em;color:#3d7cb8;font-size:2.35cqw;font-weight:800}.chevron{position:absolute;right:.45em;top:50%;transform:translateY(-50%);color:#8eb6dc;font-size:1.3em;font-weight:800}.spot-games .pill{padding-right:1.3em}.badge{position:absolute;top:2%;right:4%;display:grid;place-items:center;min-width:4.6cqw;height:4.6cqw;padding:0 .35em;border-radius:999px;color:#fff;font-size:2.5cqw;font-weight:800;box-shadow:0 .25cqw #78142840}.badge[hidden]{display:none}.badge-count{background:#ff3b4e}.badge-new{top:1%;right:10%;background:#ffb703;color:#7a3e00;transform:rotate(8deg);box-shadow:0 .25cqw #8c500040}.ribbon{position:absolute;left:50%;bottom:6%;transform:translate(-50%);padding:.22em .65em;background:#2f9b4a;color:#fff;font-size:2.5cqw;font-weight:800;border-radius:999px;box-shadow:0 .28cqw #1d6e32;white-space:nowrap}.motto{position:absolute;z-index:4;left:3.2%;bottom:calc(14cqw + 3.6cqh + env(safe-area-inset-bottom,0px));width:auto;max-width:46%;margin:0;color:#fff;font-size:2.7cqw;font-weight:800;line-height:1.2;text-shadow:0 .18em 0 #1a6ea8;pointer-events:none}@media (min-aspect-ratio: 9/16){.motto{display:none}}.mission{position:absolute;z-index:8;left:3.2%;right:3.2%;bottom:max(1.6cqh,env(safe-area-inset-bottom));display:flex;align-items:center;gap:2.2cqw;padding:2cqw 2.2cqw;background:#fff;border-radius:3.4cqw;box-shadow:0 1cqw 2.4cqw #103c6e29}.mission-icon{display:grid;place-items:center;width:10cqw;height:10cqw;flex:none;background:#e7f3ff;border-radius:2.4cqw}.mission-icon svg{width:68%;height:68%}.mission-copy{display:flex;flex-direction:column;min-width:0;flex:1}.mission-kicker{color:#7b97b3;font-size:2.7cqw;font-weight:700}.mission-detail{color:#163e68;font-size:3.35cqw;font-weight:800}.mission-go{flex:none;border:0;border-radius:999px;background:#2f89e6;color:#fff;font-size:3.15cqw;font-weight:800;padding:.72em .85em;cursor:pointer;box-shadow:0 .35cqw #1d6ebe}.mission-go:active{transform:translateY(.2cqw);box-shadow:none}.toast{position:absolute;z-index:9;left:50%;bottom:15cqh;margin:0;padding:.65em 1em;transform:translate(-50%) translateY(.6em);background:#143e6e;color:#fff;font-size:3.2cqw;font-weight:800;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.toast.is-on{opacity:1;transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){.spot,.toast,.mission-go{transition:none}}#world-preload{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#7ec8f5;color:#12355c;font-family:Nunito,Segoe UI,sans-serif}html.is-world-ready #world-preload,#world-preload.is-done{display:none}.world-preload-mascot{width:min(42vw,220px);height:auto}.world-preload-title{margin:8px 0 0;font-size:22px;font-weight:800}.world-preload-copy{margin:0;font-size:16px;font-weight:700}.world-preload-track{width:min(72vw,320px);height:12px;overflow:hidden;border-radius:999px;background:#c5dce8}.world-preload-fill{display:block;width:8%;height:100%;border-radius:999px;background:#1494c8;transition:width .16s ease}body.is-playing{background:#7ec8f5}body.is-playing #world{visibility:hidden}body.is-artikel,body.is-artikel #game-shell{background:#c56e2e}#game-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#7ec8f5}#game-shell[hidden]{display:none}#game-container{width:100%;height:100%}#game-container canvas{display:block}#game-loading{position:absolute;z-index:49;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;background:#7ec8f5e6;color:#12355c;font:800 18px Nunito,Segoe UI,sans-serif}#game-loading[hidden]{display:none}@media (orientation: landscape){body{display:flex;align-items:center;justify-content:center}.stage{width:min(56.25dvh,1080px);height:min(100dvh,2160px);min-height:0;flex:none;aspect-ratio:9 / 16}.map{left:0;top:0;width:100%;height:100%;transform:none}#game-shell{display:flex;align-items:center;justify-content:center}#game-container{width:min(56.25dvh,1080px);height:min(100dvh,2160px);aspect-ratio:9 / 16}}
