.st{--st-ink:#10082e;--st-gold:#ffd84a;grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.st-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:2px 4px 6px;display:grid}.st-tab{min-width:0;font-family:var(--font-display);color:#fff;-webkit-text-stroke:.08em var(--st-ink);paint-order:stroke fill;box-shadow:0 0 0 2.5px var(--st-ink), 0 4px 0 2.5px var(--st-ink), inset 0 2px 0 #ffffff4d;background:#3fa8f0;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:14px;line-height:1.25;display:flex;transform:skew(-6deg)}.st-tab:active{transform:skew(-6deg)translateY(2px)}.st-tab-icon{-webkit-text-stroke:0;font-size:22px;line-height:1.1}.st-ic{vertical-align:-.2em;width:1.15em;height:1.15em;display:inline-block}.st-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.st-tab.on{color:#3a2200;-webkit-text-stroke:0;background:linear-gradient(#ffe066,#ffb21f)}.st-body{flex-direction:column;gap:12px;min-width:0;display:flex}.st-block{box-shadow:0 0 0 2.5px var(--st-ink);background:#10082e6b;border-radius:22px;flex-direction:column;gap:12px;padding:14px;display:flex}.st-h3{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.08em var(--st-ink);paint-order:stroke fill;margin:0;font-size:17px;line-height:1.25}.st-note{color:#fff;margin:0;font-size:12px;font-weight:800}.st-seg{flex:1;gap:8px;min-width:0;display:grid}.st-seg-btn{min-width:0;font-family:var(--font-display);color:var(--st-ink);box-shadow:0 0 0 2.5px var(--st-ink), 0 4px 0 2.5px var(--st-ink);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:10px 4px;font-size:17px;line-height:1.2;display:flex}.st-seg-btn:active{box-shadow:0 0 0 2.5px var(--st-ink), 0 2px 0 2.5px var(--st-ink);transform:translateY(2px)}.st-seg-btn small{opacity:.7;font-size:11px}.st-seg-btn.on{color:#fff;-webkit-text-stroke:.08em var(--st-ink);paint-order:stroke fill;background:linear-gradient(#7be35a,#2fb344)}.st-dash{align-items:center;gap:14px;display:flex}.st-phone{width:112px;height:60px;box-shadow:0 0 0 3px var(--st-ink), inset 0 0 0 3px #fff;direction:ltr;background:linear-gradient(#7fd36b,#4aa84a);border-radius:12px;flex:none;position:relative}.st-stick{width:26px;height:26px;box-shadow:0 0 0 2px var(--st-ink);background:#fff9;border-radius:50%;position:absolute;bottom:9px}.st-dash-btn{background:linear-gradient(#fff3a6, var(--st-gold));width:28px;height:28px;box-shadow:0 0 0 2px var(--st-ink);border-radius:50%;place-items:center;font-size:14px;font-style:normal;display:grid;position:absolute;bottom:8px}.st-phone.is-right .st-dash-btn{right:10px}.st-phone.is-right .st-stick{left:12px}.st-phone.is-left .st-dash-btn{left:10px}.st-phone.is-left .st-stick{right:12px}.st-steer i{border-radius:50%;position:absolute}.st-steer.is-touch .st-steer-a{width:16px;height:16px;box-shadow:0 0 0 2px var(--st-ink);background:#fff;bottom:12px;left:26px}.st-steer.is-touch .st-steer-b{transform-origin:0;border-top:3px dashed #fff;border-radius:0;width:34px;height:0;bottom:30px;left:40px;transform:rotate(-38deg)}.st-steer.is-stick .st-steer-a{width:44px;height:44px;box-shadow:0 0 0 2.5px var(--st-ink);background:#ffffff61;bottom:7px;left:18px}.st-steer.is-stick .st-steer-b{width:22px;height:22px;box-shadow:0 0 0 2.5px var(--st-ink), 0 2px 0 2.5px var(--st-ink);background:#fff;bottom:26px;left:38px}.st-slider{flex-direction:column;gap:8px;display:flex}.st-slider-head{font-family:var(--font-display);color:#fff;justify-content:space-between;gap:8px;font-size:16px;line-height:1.25;display:flex}.st-slider-head bdi{color:var(--st-gold)}.st-range{appearance:none;cursor:pointer;background:linear-gradient(90deg, #ffd23f, #ff7ab8) 0 / var(--st-fill,50%) 100% no-repeat, #ffffff40;width:100%;height:14px;box-shadow:0 0 0 2.5px var(--st-ink);border-radius:999px;margin:6px 0}.st-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;box-shadow:0 0 0 2.5px var(--st-ink), 0 3px 0 2.5px var(--st-ink);background:#fff;border-radius:50%}.st-range::-moz-range-thumb{width:24px;height:24px;box-shadow:0 0 0 2.5px var(--st-ink), 0 3px 0 2.5px var(--st-ink);background:#fff;border:0;border-radius:50%}.st-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.st-card{min-width:0;color:var(--st-ink);box-shadow:0 0 0 2.5px var(--st-ink), 0 4px 0 2.5px var(--st-ink);background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:8px 8px 10px;display:flex}.st-card.on{box-shadow:0 0 0 3px var(--st-gold), 0 0 0 5.5px var(--st-ink), 0 5px 0 5.5px var(--st-ink)}.st-card:disabled{opacity:.45}.st-card b{font-family:var(--font-display);align-items:center;gap:6px;font-size:17px;line-height:1.25;display:flex}.st-card em{color:#fff;background:#e0216f;border-radius:999px;padding:1px 6px;font-size:11px;font-style:normal}.st-card small{opacity:.7;text-align:center;font-size:11.5px;font-weight:800}.st-card-art{background:url(/map-previews/summer.webp) 50%/cover;border-radius:12px;width:100%;height:70px}.st-card-art.is-3d{transform-origin:50% 100%;transform:perspective(160px)rotateX(28deg)}.st-langs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.st-lang{min-width:0;font-family:var(--font-display);color:var(--st-ink);box-shadow:0 0 0 2.5px var(--st-ink), 0 4px 0 2.5px var(--st-ink);background:#fff;border-radius:16px;align-items:center;gap:8px;padding:12px;font-size:18px;line-height:1.25;display:flex;position:relative}.st-lang:active{transform:translateY(2px)}.st-lang.on{background:linear-gradient(#ffe066,#ffb21f)}.st-lang-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.st-flag{font-family:var(--font-sans);color:#fff;background:var(--st-ink);border-radius:6px;flex:none;padding:2px 5px;font-size:11px;font-weight:900}.st-check{color:#fff;width:24px;height:24px;box-shadow:0 0 0 2px var(--st-ink);background:#2fb344;border-radius:50%;flex:none;place-items:center;margin-inline-start:auto;font-size:14px;display:grid}.st-keyrow{background:#ffffff1f;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.st-keyrow b{font-family:var(--font-display);color:#fff;margin-inline-start:auto;font-size:18px}.st-keys{gap:4px;display:flex}.st-or{color:#ffffffbf;font-size:12px;font-weight:900}.st kbd{min-width:34px;height:34px;font-family:var(--font-display);color:var(--st-ink);box-shadow:0 0 0 2px var(--st-ink), 0 3px 0 2px var(--st-ink);background:#fff;border-radius:9px;place-items:center;padding:0 6px;font-size:16px;display:grid}.st kbd.wide{min-width:84px}.st kbd.hot{background:linear-gradient(#fff3a6, var(--st-gold))}.st-foot{text-align:center;color:#fff;text-shadow:0 1px 0 var(--st-ink);margin:0;font-size:12px;font-weight:900}@media (orientation:landscape) and (width>=600px){.st{grid-template-columns:minmax(120px,.3fr) minmax(0,1fr);align-items:start}.st-tabs{grid-template-columns:1fr;gap:8px}.st-tab{flex-direction:row;gap:8px;padding:8px 10px}.st-tab-icon{font-size:18px}.st-foot{grid-column:1/-1}}@media (orientation:landscape) and (height<=500px){.st-block{gap:8px;padding:10px}.st-lang{padding:7px 10px;font-size:15px}.st-card-art{height:52px}.st-seg-btn{padding:7px 4px}}@media (width>=1000px) and (height>=600px){.st{gap:16px}.st-tab{padding:12px 14px;font-size:18px}.st-tab-icon{font-size:24px}.st-h3{font-size:20px}.st-seg-btn,.st-lang{font-size:19px}.st-card-art{height:120px}}@media (orientation:landscape) and (height<=500px){.st-body{gap:6px}.st-slider{gap:2px}.st-slider-head{font-size:14px}.st-range{margin:3px 0}}.st-body{align-content:start;display:grid}.st-pane{flex-direction:column;grid-area:1/1;gap:12px;min-width:0;display:flex}.st-pane:not(.on){visibility:hidden}.st-mini{gap:8px;padding:10px 12px}.st-mini>.st-h3{font-size:15px}.st-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.st-pick,.st-size{min-width:0;color:var(--st-ink);box-shadow:0 0 0 2.5px var(--st-ink), 0 4px 0 2.5px var(--st-ink);background:#fff;border-radius:14px}.st-pick:active,.st-size:active{box-shadow:0 0 0 2.5px var(--st-ink), 0 2px 0 2.5px var(--st-ink);transform:translateY(2px)}.st-pick.on,.st-size.on{color:#fff;background:linear-gradient(#7be35a,#2fb344)}.st-pick{text-align:start;align-items:center;gap:8px;padding:6px 8px;display:flex}.st-pick .st-phone{zoom:.55}.st-pick-text{flex-direction:column;min-width:0;display:flex}.st-pick-text b{font-family:var(--font-display);font-size:16px;line-height:1.15}.st-pick.on .st-pick-text b{-webkit-text-stroke:.08em var(--st-ink);paint-order:stroke fill}.st-pick-text small{opacity:.8;font-size:10.5px;font-weight:800;line-height:1.2}.st-dashpick{align-items:center;gap:10px;display:flex}.st-phone-pick{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;width:132px;height:76px;padding:0;transition:transform .1s}.st-phone-pick:active{transform:scale(.96)}.st-side{z-index:1;pointer-events:none;width:calc(50% - 8px);font-family:var(--font-display);color:#ffffff8c;text-align:center;border-radius:999px;padding:2px 0;font-size:12px;line-height:1.1;position:absolute;top:5px}.st-side.is-left{left:5px}.st-side.is-right{right:5px}.st-side.on{color:#fff;-webkit-text-stroke:.1em var(--st-ink);paint-order:stroke fill;background:#10082e59}.st-phone .st-dash-btn{transform-origin:50% 100%;transition:transform .15s}.st-phone.is-size-medium .st-dash-btn{transform:scale(1.2)}.st-phone.is-size-large .st-dash-btn{transform:scale(1.4)}.st-sizes{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.st-size{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;height:60px;padding:4px;display:flex}.st-size-art{place-items:center;font-style:normal;line-height:1;display:grid}.st-size small{font-size:11px;font-weight:900}@media (orientation:landscape) and (height<=500px){.st-pane{gap:6px}.st-mini{border-radius:16px;flex-direction:row;align-items:center;gap:10px;padding:6px 10px}.st-mini>.st-h3{flex:0 0 8.5em;font-size:14px}.st-mini>.st-picks,.st-mini>.st-dashpick,.st-mini>.st-sizes{flex:1;min-width:0}.st-size{height:48px}.st-size-art{zoom:.75}.st-phone-pick{zoom:.8}.st-pick{padding:3px 8px}}