:root{--font: "Vazirmatn", Arial, sans-serif;--blue-sky: #36b7ff;--blue-bright: #159bff;--blue: #087ff5;--blue-panel: #0752bd;--blue-deep: #00369d;--blue-navy: #00277d;--blue-light: #c7e7ff;--blue-pale: #e8f5ff;--blue-border: #8fc6ff;--card-edge: #8db9e3;--green-light: #b3f437;--green-bright: #49e51b;--green: #2bc70a;--green-dark: #168b05;--green-deep: #086000;--gold-pale: #fff4a1;--gold-bright: #ffe85a;--gold: #f9c134;--gold-orange: #f99703;--gold-dark: #824016;--red-bright: #ff5252;--red: #ef3038;--red-dark: #b91525;--red-deep: #790d1c;--text-white: #ffffff;--text-dark: #17356f;--text-muted: #7094c9;--text-shadow: #09235c;--gradient-blue: linear-gradient(180deg, #36b7ff, #159bff 24%, #087ff5 60%, #0752bd);--gradient-green: linear-gradient(180deg, #b3f437, #49e51b 20%, #2bc70a 65%, #168b05);--gradient-gold: linear-gradient(180deg, #fff4a1, #ffe85a 22%, #f9c134 60%, #f99703);--gradient-red: linear-gradient(180deg, #ff7777, #ff5252 20%, #ef3038 65%, #b91525);--gradient-panel: linear-gradient(180deg, #087ff5, #0752bd 45%, #00369d);--gradient-light: linear-gradient(180deg, #ffffff, #e8f5ff);--radius-sm: 12px;--radius-card: 20px;--radius-button: 22px;--radius-large: 28px;--radius-dialog: 30px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--gutter: 14px;--ease-game: cubic-bezier(.2, .8, .2, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--safe-top: max(env(safe-area-inset-top, 0px), var(--platform-top, 0px));--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--platform-bottom, 0px))}@media (prefers-reduced-motion: reduce){#ui-root *,#ui-root *:before,#ui-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;font:600 14px/22px var(--font);color:var(--text-dark);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overflow:hidden}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;isolation:isolate}.ui-layer>*{pointer-events:auto}:where(#ui-root) button{font-family:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(#ui-root) :focus-visible{outline:3px solid var(--gold-bright);outline-offset:2px}.num{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.icon{display:inline-flex;inline-size:24px;block-size:24px;flex:none}.icon svg{inline-size:100%;block-size:100%;stroke-width:3}[dir=rtl] .flip-rtl .icon{transform:scaleX(-1)}.game-title{margin:0;color:var(--text-white);font:900 26px/1.2 var(--font);text-shadow:0 3px 0 var(--text-shadow),0 0 3px var(--text-shadow),0 5px 6px rgba(0,0,0,.3);text-align:center}.btn{--btn-bg: var(--gradient-green);--btn-edge: var(--green-deep);--btn-inner: rgba(0, 70, 0, .25);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:54px;margin-block-end:5px;padding-inline:22px;border:3px solid var(--text-white)!important;border-radius:var(--radius-button);background:var(--btn-bg)!important;color:var(--text-white)!important;font:900 20px/1 var(--font);text-shadow:0 2px 0 rgba(0,0,0,.3),0 0 2px rgba(0,0,0,.25);white-space:nowrap;box-shadow:inset 0 3px #ffffff8c,inset 0 -5px 0 var(--btn-inner),0 5px 0 var(--btn-edge),0 9px 14px #00000040;transition:transform .12s var(--ease-game),box-shadow .12s var(--ease-game)}.btn:active:not(:disabled){transform:translateY(4px) scale(.97);box-shadow:inset 0 3px #ffffff8c,inset 0 -5px 0 var(--btn-inner),0 1px 0 var(--btn-edge),0 3px 5px #0003}.btn--secondary{--btn-bg: var(--gradient-blue);--btn-edge: var(--blue-navy);--btn-inner: rgba(0, 30, 100, .25)}.btn--danger{--btn-bg: var(--gradient-red);--btn-edge: var(--red-deep);--btn-inner: rgba(100, 0, 10, .25)}.btn--gold{--btn-bg: var(--gradient-gold);--btn-edge: var(--gold-dark);--btn-inner: rgba(130, 64, 22, .25)}.btn--ghost{border:0!important;margin-block-end:0;background:none!important;box-shadow:none;color:var(--text-muted)!important;text-shadow:none}.btn--ghost:active:not(:disabled){transform:none;box-shadow:none}.btn:disabled{filter:grayscale(.7);opacity:.6;cursor:default}.btn--sm{min-block-size:44px;padding-inline:16px;font-size:16px}.btn--lg{min-block-size:64px;padding-inline:30px;font-size:26px;border-radius:var(--radius-large)}.btn--block{display:flex;inline-size:100%}.btn .icon{inline-size:26px;block-size:26px}.btn--icon{inline-size:52px;min-block-size:52px;padding:0;border-radius:50%}.img-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:58px;block-size:58px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));transition:transform .12s var(--ease-game)}.img-btn img{inline-size:100%;block-size:100%;object-fit:contain;pointer-events:none}.img-btn:active{transform:scale(.9)}.panel{position:relative;border:3px solid var(--blue-border);border-radius:var(--radius-dialog);background:var(--gradient-light);box-shadow:inset 0 2px 0 var(--text-white),0 5px 0 var(--blue-deep),0 12px 30px #00000080}.paper{border:2px solid var(--text-white);border-radius:var(--radius-card);background:var(--blue-pale);color:var(--text-dark);padding:var(--space-4);box-shadow:inset 0 2px 3px #0752bd1f}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--gutter);background:#000a28b8;animation:fade-in .25s var(--ease-game)}.modal.is-closing{animation:fade-out .16s var(--ease-game) forwards}.modal__dialog{inline-size:min(90vw,400px);animation:popup-enter .25s var(--ease-pop)}.dialog{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-4)}.dialog__ribbon{position:relative;display:flex;align-items:center;justify-content:center;min-block-size:62px;padding-inline:48px;border:3px solid var(--text-white);border-radius:24px;background:var(--gradient-blue);box-shadow:inset 0 3px #ffffff80,0 4px 0 var(--blue-navy)}.dialog__title{margin:0;color:var(--text-white);font:900 26px/1.2 var(--font);text-shadow:0 3px 0 var(--text-shadow),0 0 3px var(--text-shadow),0 5px 6px rgba(0,0,0,.3);text-align:center}.dialog__close{position:absolute;inset-block-start:-14px;inset-inline-end:-14px;z-index:1;inline-size:52px;block-size:52px}.dialog__actions{display:flex;flex-direction:column;gap:var(--space-2);padding-inline:var(--space-2)}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes popup-enter{0%{opacity:0;transform:scale(.85)}}@keyframes gentle-pulse{50%{transform:scale(1.06)}}@keyframes bob{50%{transform:translateY(-6px)}}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:52px}.row+.row{border-block-start:2px solid var(--blue-light)}.row__label{font:800 17px/1.4 var(--font);color:var(--text-dark)}.switch{position:relative;flex:none;inline-size:64px;block-size:34px;border:3px solid var(--text-white)!important;border-radius:var(--radius-full);background:var(--gradient-red)!important;box-shadow:inset 0 2px 3px #00000040,0 2px 0 var(--card-edge)}.switch:after{content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:24px;block-size:24px;border-radius:50%;background:var(--gradient-light);box-shadow:0 2px 2px #0000004d;transition:inset-inline-start .2s var(--ease-game)}.switch[aria-checked=true]{background:var(--gradient-green)!important}.switch[aria-checked=true]:after{inset-inline-start:32px}.segmented{display:flex;gap:var(--space-1);padding:3px;border-radius:var(--radius-sm);background:var(--blue-light)}.segmented button{min-block-size:36px;padding-inline:var(--space-3);border-radius:9px;color:var(--text-dark)!important;font:800 13px/1 var(--font)}.segmented button[aria-pressed=true]{background:var(--gradient-blue);color:var(--text-white)!important;text-shadow:0 1px 0 var(--text-shadow);box-shadow:0 3px 0 var(--blue-navy)}.toast{position:absolute;inset-inline:var(--gutter);inset-block-end:calc(var(--safe-bottom) + 120px);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:3px solid var(--text-white);border-radius:var(--radius-card);background:var(--gradient-panel);color:var(--text-white);font:700 14px/1.6 var(--font);text-shadow:0 1px 0 var(--text-shadow);box-shadow:0 4px 0 var(--blue-navy),0 8px 16px #0000004d;pointer-events:none;animation:popup-enter .25s var(--ease-pop)}.home{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:var(--blue-deep)}.home>:not(.home__scene){position:relative;z-index:1}.home__body{pointer-events:none}.home__body>*{pointer-events:auto}.home__scene{position:absolute;inset-block-end:0;left:50%;inline-size:100%;block-size:100%;transform:translate(-50%);background:center bottom / 100% 100% no-repeat}.home__scene>*{position:absolute}.sway{will-change:transform;animation:sway ease-in-out infinite alternate;pointer-events:none}@keyframes sway{0%{transform:rotate(calc(var(--sway) * -1))}to{transform:rotate(var(--sway))}}.petal{inset-block-start:22%;left:calc(62% + var(--i) * 7%);inline-size:1.4%;aspect-ratio:1;border-radius:70% 0;background:linear-gradient(135deg,#ff7ac0,#d3157a);opacity:0;will-change:transform,opacity;animation:petal-fall calc(9s + var(--i) * 1.7s) linear calc(var(--i) * -2.3s + 1s) infinite;pointer-events:none}@keyframes petal-fall{0%{opacity:0;transform:translate(0) rotate(0)}8%{opacity:1}30%{transform:translate(-16px,90px) rotate(160deg)}60%{transform:translate(10px,200px) rotate(330deg)}88%{opacity:1}to{opacity:0;transform:translate(-22px,330px) rotate(520deg)}}.cheshmak{padding:0;border:0;background:none;-webkit-tap-highlight-color:transparent}.cheshmak__shadow{position:absolute;inset-inline:30%;inset-block-end:1%;block-size:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(60,30,0,.42),transparent)}.cheshmak__body{position:absolute;top:0;right:0;bottom:0;left:0}.cheshmak__layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cheshmak__sheet{position:absolute;top:0;left:0;width:1600%;max-width:none;height:100%;will-change:transform}.cheshmak__sheet[hidden]{display:none}.home__bar{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--safe-top) + var(--space-2)) var(--gutter) 0}.home__player{display:flex;align-items:center;min-inline-size:0}.home__avatar{position:relative;z-index:1;flex:none;inline-size:58px;block-size:58px;border:3px solid var(--text-white);border-radius:18px;background:var(--gradient-gold);box-shadow:inset 0 3px #fff9,0 4px 0 var(--gold-dark),0 6px 10px #0000004d;overflow:hidden}.home__avatar img{position:absolute;inset-inline-start:-10%;inset-block-start:4%;inline-size:125%}.home__name{min-inline-size:0;margin-inline-start:-14px;padding-block:3px;padding-inline:20px 14px;border:3px solid var(--text-white);border-radius:var(--radius-full);background:var(--gradient-panel);color:var(--text-white);font:900 15px/22px var(--font);text-shadow:0 2px 0 var(--text-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 0 var(--blue-navy)}.home__bar .img-btn{margin-inline-start:auto}.home__body{flex:1}.home__side{position:absolute;inset-block-start:var(--space-4);inset-inline-start:var(--gutter);display:flex;flex-direction:column;gap:var(--space-3)}.bubble{position:relative;display:flex;flex-direction:column;align-items:center;inline-size:80px;transition:transform .12s var(--ease-game)}.bubble:active{transform:scale(.92)}.bubble__icon{display:flex;align-items:center;justify-content:center;inline-size:66px;block-size:66px;border:3px solid var(--text-white);border-radius:50%;background:var(--gradient-blue);box-shadow:inset 0 3px #ffffff80,0 4px 0 var(--blue-navy),0 6px 10px #0000004d}.bubble__icon img{inline-size:50px;block-size:50px;object-fit:contain}.bubble__label{margin-block-start:-8px;padding:1px var(--space-2);border:2px solid var(--text-white);border-radius:var(--radius-full);background:var(--gradient-panel);color:var(--text-white);font:800 12px/18px var(--font);text-shadow:0 1px 0 var(--text-shadow);white-space:nowrap}.home__play{display:flex;justify-content:center;padding:var(--space-3) var(--space-6) var(--space-5)}.home__play .btn{inline-size:min(300px,100%)}.nav{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;padding:0 var(--space-2) calc(var(--safe-bottom) + 6px);border-block-start:3px solid var(--text-white);border-radius:24px 24px 0 0;background:var(--gradient-panel);box-shadow:inset 0 3px #fff6,0 -4px 12px #0003}.nav__tab{display:flex;flex-direction:column;align-items:center;gap:2px;min-block-size:64px;padding-block-start:6px;color:var(--text-white)!important;font:900 13px/1 var(--font);text-shadow:0 2px 0 var(--text-shadow)}.nav__tab img{inline-size:42px;block-size:42px;object-fit:contain}.nav__tab[aria-current=page]{margin-block-start:-22px;padding-block:10px 6px;border:3px solid var(--text-white);border-block-end:0;border-radius:22px 22px 0 0;background:var(--gradient-blue);box-shadow:inset 0 3px #ffffff80}.nav__tab[aria-current=page] img{inline-size:52px;block-size:52px}.ui-layer>.hud{pointer-events:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between}.hud__corners{display:flex;justify-content:space-between;direction:ltr;padding:calc(var(--safe-top) + 10px) var(--gutter) 0}.hud__corners .img-btn,.tray,.coach{pointer-events:auto}.hud__bottom{display:flex;flex-direction:column}.tray{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:12px var(--space-3) calc(var(--safe-bottom) + 12px);border:3px solid var(--text-white);border-block-end:0;border-radius:var(--radius-large) var(--radius-large) 0 0;background:var(--gradient-panel);box-shadow:inset 0 3px #ffffff73,0 -5px 18px #0003;transition:transform .3s var(--ease-game)}.tray.is-collapsed{transform:translateY(calc(100% - var(--safe-bottom) - 14px))}.tray__float{position:absolute;inset-inline:var(--space-3);inset-block-end:calc(100% - 2px);display:flex;align-items:flex-end;justify-content:space-between;direction:ltr;pointer-events:none}.tray__count,.tray__tools{direction:rtl}[dir=ltr] .tray__count,[dir=ltr] .tray__tools{direction:ltr}.tray__float>*{pointer-events:auto}.tray__count{margin-block-end:8px;padding:2px 12px;border:2px solid var(--text-white);border-radius:var(--radius-full);background:var(--gradient-panel);color:var(--text-white);font:900 15px/22px var(--font);text-shadow:0 2px 0 var(--text-shadow);box-shadow:0 3px 0 var(--blue-navy),0 4px 8px #00000040;white-space:nowrap}.tray__count.is-bump{animation:bump .32s var(--ease-pop)}.tray__handle{position:absolute;inset-block-end:0;left:50%;translate:-50% 0;display:grid;place-items:center;inline-size:88px;block-size:29px;border:3px solid var(--text-white)!important;border-block-end:0!important;border-radius:20px 20px 0 0;background:var(--gradient-blue)!important;color:var(--text-white)!important}.tray__handle .icon{transition:transform .3s var(--ease-game)}.tray.is-collapsed .tray__handle .icon{transform:rotate(180deg)}.tray__tools{display:flex;gap:var(--space-2);margin-block-end:8px}.tool{position:relative;flex:none;display:grid;place-items:center;inline-size:58px;block-size:58px;border:3px solid var(--text-white)!important;border-radius:50%;background:var(--gradient-gold)!important;box-shadow:inset 0 3px #fff9,0 4px 0 var(--gold-dark),0 6px 10px #0000004d;animation:gentle-pulse 1.5s ease-in-out infinite}.tool img{inline-size:42px;block-size:42px;pointer-events:none}.tool__badge{position:absolute;inset-block-start:-6px;right:-6px;min-inline-size:24px;block-size:24px;padding:0 6px;border:2px solid var(--text-white);border-radius:var(--radius-full);background:var(--gradient-panel);color:var(--text-white);font:900 13px/20px var(--font);text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:0 2px 0 var(--blue-navy),0 3px 6px #00000040;pointer-events:none}.tool__badge:empty{display:none}.tool__badge--ad{background:var(--gradient-red);box-shadow:0 2px 0 var(--red-deep),0 3px 6px #00000040;font-family:system-ui,sans-serif;letter-spacing:.02em}.tool__badge--buy{padding:0;inline-size:24px;background:var(--gradient-green);box-shadow:0 2px 0 var(--green-deep),0 3px 6px #00000040;font-size:19px;line-height:19px}.tool:active{animation:none;transform:scale(.9)}.tray__cards{flex:1;display:flex;gap:9px;overflow-x:auto;padding:8px 2px;scrollbar-width:none}.tray__cards::-webkit-scrollbar{display:none}.tray-card{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;inline-size:74px;block-size:98px;border:2px solid var(--text-white)!important;border-radius:var(--radius-card);background:var(--gradient-light)!important;box-shadow:inset 0 2px 3px #fffc,0 3px 0 var(--card-edge),0 5px 8px #00000026;transition:transform .2s var(--ease-game),box-shadow .2s}.tray-card[aria-pressed=true]{border:3px solid var(--blue-sky)!important;background:linear-gradient(180deg,#ffffff,var(--blue-light))!important;box-shadow:0 0 0 3px #fff9,0 6px 14px #003cc873;transform:translateY(-6px)}.tray-card__img{inline-size:56px;block-size:56px;object-fit:contain;pointer-events:none}.tray-card__badge{min-inline-size:40px;padding:1px 8px;border:2px solid var(--text-white);border-radius:var(--radius-full);background:var(--gradient-panel);color:var(--text-white);font:900 14px/18px var(--font);text-align:center}.tray-card__badge:empty{display:none}.tray-card__stamp{position:absolute;inset-block-start:-8px;inset-inline-end:-8px;display:none;align-items:center;justify-content:center;inline-size:30px;block-size:30px;border:2px solid var(--text-white);border-radius:50%;background:var(--gradient-green);color:var(--text-white);box-shadow:0 2px 0 var(--green-deep)}.tray-card__stamp .icon{inline-size:18px;block-size:18px}.tray-card.is-done{border:3px solid var(--green)!important;background:linear-gradient(180deg,#f2ffec,#d4f7c8)!important;cursor:default}.tray-card.is-done .tray-card__img{filter:saturate(.6);opacity:.75}.tray-card.is-done .tray-card__stamp{display:flex}.tray-card.is-bump{animation:bump .32s var(--ease-pop)}.tray-card.is-stamped .tray-card__stamp{animation:stamp .3s var(--ease-pop)}@keyframes bump{50%{transform:scale(1.12)}}@keyframes stamp{0%{opacity:0;transform:scale(1.8)}}.spotlight{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;pointer-events:none}.coach{position:relative;display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-3) 84px;padding:var(--space-2) var(--space-3);padding-inline-end:40px;border:3px solid var(--text-white);border-radius:var(--radius-card);background:var(--gradient-light);box-shadow:0 4px 0 var(--blue-deep),0 8px 16px #0000004d}.coach[hidden]{display:none}.coach.is-in{animation:popup-enter .25s var(--ease-pop)}.coach__mascot{flex:none;block-size:72px;margin-block:-24px -4px}.coach__text{margin:0;font:800 15px/1.6 var(--font);color:var(--text-dark)}.coach__close{position:absolute;inset-block-start:-14px;inset-inline-end:-12px;inline-size:42px;block-size:42px}.intro{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.intro__mascot{block-size:110px}.intro__name{margin:0;font:900 19px/1.4 var(--font)}.intro__text{margin:0;color:var(--text-muted);font-weight:700}.intro__items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-block-start:var(--space-1)}.intro__item{display:flex;flex-direction:column;align-items:center;gap:2px;inline-size:62px;padding:6px 4px 4px;border:2px solid var(--text-white);border-radius:var(--radius-sm);background:var(--gradient-light);box-shadow:0 3px 0 var(--card-edge);font:900 15px/1 var(--font)}.intro__item img{inline-size:42px;block-size:42px;object-fit:contain}.complete{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--gutter);background:radial-gradient(80% 60% at 50% 42%,rgba(54,183,255,.55),transparent 70%),#000a28e6}.complete__panel{display:flex;flex-direction:column;gap:var(--space-4);inline-size:min(90vw,400px);padding:var(--space-3) var(--space-3) var(--space-4);animation:popup-enter .3s var(--ease-pop)}.complete__panel .dialog__title{font-size:32px}.complete__body{display:flex;align-items:center;gap:var(--space-2)}.complete__mascot{flex:none;inline-size:38%;max-inline-size:150px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25));animation:bob 2.4s ease-in-out infinite}.complete__stats{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-inline-size:0}.complete__level{margin:0;font:900 16px/1.4 var(--font);text-align:center}.stat{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px 8px 6px 10px;border:2px solid var(--text-white);border-radius:var(--radius-sm);background:var(--blue-pale);box-shadow:0 2px 0 var(--card-edge);font:800 14px/1.4 var(--font)}.stat strong{min-inline-size:54px;padding:1px 8px;border-radius:var(--radius-full);background:var(--gradient-panel);color:var(--text-white);font:900 15px/22px var(--font);text-align:center}.map{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(#0752bd73,#00277db3),var(--map-art) center / cover no-repeat}.map__bar{display:flex;align-items:center;gap:var(--space-2);padding:calc(var(--safe-top) + var(--space-2)) var(--gutter) var(--space-3)}.map__ribbon{flex:1;min-block-size:54px;padding-inline:var(--space-4)}.map__ribbon .dialog__title{font-size:19px}.map__scroll{flex:1;overflow-y:auto;padding-block-end:calc(var(--safe-bottom) + var(--space-6))}.map__road{position:relative;max-inline-size:420px;margin-inline:auto}.map__path{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;overflow:visible}.map__path path{fill:none;stroke:var(--text-white);stroke-width:10;stroke-dasharray:2 18;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.9}.map__station{position:absolute;display:flex;align-items:center;justify-content:center;inline-size:72px;block-size:72px;translate:-50% -50%;border:4px solid var(--text-white)!important;border-radius:50%;background:var(--gradient-green)!important;color:var(--text-white)!important;font:900 28px/1 var(--font);text-shadow:0 2px 0 var(--text-dark),0 0 3px var(--text-dark);box-shadow:inset 0 3px #ffffff8c,0 5px 0 var(--green-deep),0 9px 14px #0000004d}.map__station .icon{inline-size:32px;block-size:32px}.map__station.is-done{background:var(--gradient-gold)!important;box-shadow:inset 0 3px #ffffff8c,0 5px 0 var(--gold-dark),0 9px 14px #0000004d}.map__station.is-open{animation:gentle-pulse 1.5s ease-in-out infinite}.map__station.is-locked{background:linear-gradient(180deg,#c9d5e6,#8494ad)!important;color:#eef3fa!important;text-shadow:none;box-shadow:inset 0 3px #fff6,0 5px #5d6b83}.map__label{position:absolute;inset-block-start:calc(100% + 8px);left:50%;translate:-50% 0;padding:1px var(--space-2);border:2px solid var(--text-white);border-radius:var(--radius-full);background:var(--gradient-panel);color:var(--text-white);font:800 12px/18px var(--font);text-shadow:0 1px 0 var(--text-shadow);white-space:nowrap}.map__mascot{position:absolute;inset-block-end:4px;left:calc(100% + 2px);block-size:92px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.3));pointer-events:none}.gate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);background:var(--blue-deep) center / cover no-repeat;text-align:center}.gate__logo{inline-size:min(80%,320px);filter:drop-shadow(0 6px 8px rgba(0,0,0,.3))}.gate__mascot{block-size:150px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.3))}.gate__card{display:flex;flex-direction:column;gap:var(--space-3);inline-size:min(100%,340px);padding:var(--space-4)}.gate__card h1{margin:0;font:900 20px/1.4 var(--font)}.gate__card p{margin:0;color:var(--text-muted);font-weight:700}