@font-face{font-family:GeoSystem;src:local("Segoe UI")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0c1c2c;color:#f7eedc;font:15px GeoSystem,system-ui,sans-serif}body{touch-action:none;user-select:none}button,select{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #a5d9cb30;background:#173243;border-radius:12px;min-height:40px;padding:9px 14px;transition:background .15s,transform .15s}button:hover{background:#284b58}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible{outline:3px solid #ffdc93;outline-offset:3px}button:disabled{opacity:.55;cursor:default}button.primary{background:#efd499;color:#18333e;border:0;font-weight:750;min-height:48px;padding:13px 23px;border-radius:12px}button.primary:hover{background:#ffe4ac}button.ghost{background:transparent;border-color:#a5d9cb30}.muted{color:#a6baba}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:600;font-size:10px;color:#a9d9c9}#game{display:block;position:absolute;inset:0;width:100%;height:100%}#topbar{position:absolute;top:0;inset-inline:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:12px max(22px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));z-index:4;pointer-events:none}.brand{pointer-events:auto;font:800 18px system-ui;letter-spacing:.12em;border:0;padding:0;background:none;white-space:nowrap}.brand span{color:#eacf94;margin:0 8px}.brand:hover{background:none}#header-tools{display:flex;gap:9px;align-items:center;pointer-events:auto}#header-tools button{min-height:34px;padding:5px 11px;font-size:13px}.language{background:#18313e;color:#f5ecd9;border:1px solid #92c1b830;border-radius:9px;height:34px;padding:5px;max-width:155px;font-size:12px}#interface{position:absolute;inset:0;pointer-events:none}#interface button,#interface select{pointer-events:auto}.map-panel{position:absolute;inset-inline-start:28px;top:90px;width:225px;bottom:82px;display:flex;flex-direction:column;justify-content:center;gap:11px}.map-panel h1{font-size:clamp(25px,4.6vh,43px);line-height:1.08;margin:4px 0;font-weight:750;letter-spacing:-.045em}.map-panel p{font-size:12px;line-height:1.55;max-width:218px;margin:0;color:#b6c9c5}.local-name{font-size:14px;color:#e4c995}.city-number{display:inline-flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.15em;color:#86baa9}.city-number:before{content:"";height:1px;width:30px;background:#86baa9}.city-detail{border-top:1px solid #8abaae33;padding-top:14px;display:flex;gap:19px;font-size:11px;color:#bbcec9}.city-detail b{color:#f1dfbb;font-size:15px}.city-strip{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));inset-inline:26px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#638b87 transparent;pointer-events:auto;padding:6px 1px;touch-action:pan-x}.city-chip{min-height:42px;flex:0 0 auto;background:#152e3ceb;border:1px solid #7bac9e35;font-size:12px;padding:9px 14px;border-radius:9px;display:flex;gap:11px;align-items:center}.city-chip small{font-size:9px;color:#89ac9e}.city-chip.active{border-color:#ddc38e;background:#335052;color:#ffdf9b}.map-caption{position:absolute;bottom:86px;right:32px;color:#9ac3b090;font-size:10px;letter-spacing:.14em}.zoom{position:absolute;right:25px;top:80px;display:flex;flex-direction:column;gap:5px}.zoom button{font-size:18px;width:35px;min-height:32px;padding:1px;opacity:.8}.overlay{position:absolute;inset:0;background:#08172575;backdrop-filter:blur(5px);display:grid;place-items:center;pointer-events:auto;padding:72px 18px 18px}.dialog{background:#122e3eea;border:1px solid #9dc9bd40;border-radius:22px;padding:25px 32px;max-width:530px;box-shadow:0 22px 80px #00121b60;text-align:center}.dialog h1{font-size:30px;margin:0 0 12px;letter-spacing:-.04em}.dialog p{max-width:450px;color:#b9cbc5;font-size:13px;line-height:1.5;margin:10px auto 20px}.button-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hud{position:absolute;top:max(64px,env(safe-area-inset-top));inset-inline:24px;display:flex;align-items:center;gap:17px;max-width:calc(100% - 48px);font-size:12px}.hud-city{font-weight:650;white-space:nowrap;max-width:25%;overflow:hidden;text-overflow:ellipsis}.progress{height:4px;flex:1;max-width:280px;background:#ffffff25;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:#f4d597;transform-origin:left;width:0}.coin-count{color:#f7d48a;white-space:nowrap}.jump{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));right:max(25px,env(safe-area-inset-right));width:76px;height:76px;border:1px solid #deead468;border-radius:50%;background:#b7dcbd1c;color:#eff2cc;font-size:32px;backdrop-filter:blur(3px)}.jump:active{background:#b7dcbd55}.run-hint{position:absolute;bottom:27px;left:24px;max-width:58%;font-size:10px;line-height:1.6;color:#c3ddd1b0}.skin-dialog{width:min(760px,90vw);max-width:760px;padding:20px}.skin-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.skin-card{border:1px solid #a5d9cb24;border-radius:14px;padding:14px 7px;display:flex;flex-direction:column;align-items:center;gap:12px}.skin-card.active{border-color:#efd499}.skin-preview{border-radius:50%;width:46px;height:46px;box-shadow:inset -7px -5px #0003,inset 5px 4px #fff2}.skin-card button{font-size:11px;min-height:34px;padding:7px}.skin-card small{font-size:10px;color:#efd499}.skin-card strong{font-size:11px}.wallet{color:#efd499}#toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#1a354ce8;color:#ffe4ab;padding:10px 18px;border-radius:8px;z-index:8;display:none;font-size:12px}#boot{position:absolute;inset:0;background:#0c1c2c;display:flex;gap:18px;justify-content:center;align-items:center;flex-direction:column;letter-spacing:.2em;z-index:10}.boot-planet{color:#a1e0c8;font-size:45px}body.playing .brand{font-size:14px}body.playing #topbar{height:57px}body.playing .language{display:none}[dir=rtl] .map-panel{inset-inline-start:auto;left:28px;text-align:right}[dir=rtl] .city-strip{direction:rtl}.ending{position:absolute;inset:0;display:grid;place-items:center;background:#11252c33;pointer-events:none}.ending-text{position:absolute;bottom:18%;font-size:18px;color:#fff1d1;text-shadow:0 2px 8px #001a25;padding:0 20px;text-align:center}@media(max-height:450px){.map-panel{top:72px;gap:8px;bottom:80px}.map-panel h1{font-size:32px}.map-panel p{font-size:11px}.city-detail{padding-top:9px}.map-panel button.primary{min-height:42px;padding:10px}.dialog{padding:20px 26px}.dialog h1{font-size:25px}.dialog p{margin:8px auto 16px}.skin-preview{height:38px;width:38px}.skin-card{padding:10px 5px;gap:8px}.skin-grid{margin:12px 0}.jump{width:66px;height:66px;bottom:17px}}@media(max-width:650px){.map-panel{width:calc(100% - 50px);top:70px;bottom:auto;gap:7px}.map-panel h1{font-size:28px}.map-panel p,.local-name,.city-detail{display:none}.map-panel button.primary{width:180px}.map-caption{display:none}.skin-grid{grid-template-columns:repeat(3,1fr)}.language{max-width:100px}.brand{font-size:14px}#header-tools{gap:4px}.hud{top:62px}.run-hint{display:none}.zoom{top:225px}}@media(prefers-reduced-motion:reduce){button{transition:none}.overlay{backdrop-filter:none}}body.playing #topbar{background:#102333f0}body.playing .hud{top:58px;background:#102333e8;border:1px solid #93b7b42b;border-radius:8px;padding:7px 10px;width:calc(100% - 48px);height:32px}.hud .progress{max-width:none}.hud-city{max-width:23%}.artist-active .hud{color:#f7eedc}.skin-dialog{max-height:calc(100dvh - 90px);display:flex;flex-direction:column;overflow:hidden;padding:16px}.skin-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-shrink:0;padding:0 4px}.skin-header h1{margin:0}.skin-grid{grid-template-columns:repeat(5,minmax(0,1fr));min-height:0;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7ba79b #122e3e;pointer-events:auto;padding:3px 5px;margin:12px 0}.skin-card{gap:7px;padding:10px 6px;min-width:0}.skin-card canvas{width:50px;height:50px;flex-shrink:0}.skin-card strong{min-height:2.5em;display:flex;align-items:center;justify-content:center;line-height:1.2;overflow-wrap:anywhere}.skin-card button{min-height:44px;width:100%}.skin-dialog>button{flex-shrink:0;background:#19394b;min-height:44px}@media(max-height:450px){.skin-dialog{padding:12px}.skin-card canvas{width:40px;height:40px}.skin-card{gap:5px;padding:8px 5px}.skin-grid{gap:7px;margin:9px 0}}@media(max-width:650px){.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}#topbar{height:64px;padding:10px 22px;background:linear-gradient(180deg,#061426e8,#06142688 78%,transparent)}.brand{font-weight:950;letter-spacing:.16em;text-shadow:0 0 20px #54dcf460}.brand span{color:#ff7095;text-shadow:0 0 14px #ff7095}#header-tools button,.language{background:#0d2944cb;border-color:#63dbe757;box-shadow:inset 0 1px #ffffff16,0 6px 24px #0005}.map-title{position:absolute;top:78px;inset-inline-start:42px;display:flex;flex-direction:column;gap:3px;text-shadow:0 2px 12px #041222;pointer-events:none}.map-title .eyebrow{font-size:9px;color:#8ee9f1;letter-spacing:.2em}.map-title strong{font-size:clamp(17px,3vh,24px);font-weight:900;letter-spacing:.03em;color:#f0fbff}.map-caption{left:40px;right:auto;bottom:27px;color:#86c8dc;font:700 10px system-ui;letter-spacing:.18em;pointer-events:none}.map-caption span{color:#ff7794}.zoom{inset:auto auto 51px 38px;flex-direction:row;z-index:2}.zoom button{background:#0d2944d8;border:1px solid #65dce99a;color:#cfffff;box-shadow:0 0 14px #56dce02e;border-radius:8px;width:34px;min-height:31px;opacity:1}.map-panel{inset-inline-start:auto;inset-inline-end:18px;top:76px;bottom:26px;width:clamp(218px,24vw,330px);min-height:0;padding:11px 11px 12px;display:flex;flex-direction:column;justify-content:stretch;gap:7px;background:linear-gradient(155deg,#10304ddb,#081a32ee);border:1px solid #79dce968;border-radius:16px;box-shadow:0 16px 38px #0008,inset 0 1px #b0fcff26;backdrop-filter:blur(12px);pointer-events:auto;overflow:hidden}.map-intro{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:23px;padding:1px 4px 5px;border-bottom:1px solid #72dce044}.map-intro .eyebrow{font-size:10px;color:#d6faff;letter-spacing:.09em;white-space:nowrap}.map-intro small{font-size:9px;color:#9ac9d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-strip{position:relative;inset:auto;display:flex;flex:1;min-height:0;flex-direction:column;gap:1px;overflow-x:hidden;overflow-y:auto;padding:0 3px 0 0;touch-action:pan-y;scrollbar-color:#62bcd0 #0a1d32}.city-chip{width:100%;min-height:27px;flex:0 0 27px;padding:3px 8px;display:grid;grid-template-columns:25px minmax(0,1fr) 12px;gap:6px;text-align:start;border-color:transparent;border-radius:6px;background:transparent;color:#d6ecf0;font-size:11px;font-weight:650;line-height:1.1}.city-chip small{color:#6fa9b9;font:800 9px system-ui}.city-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-chip i{font-size:9px;font-style:normal;color:#79dccb;justify-self:end}.city-chip:hover{background:#235c73a8;border-color:#5de0eb65}.city-chip.active{background:linear-gradient(90deg,#ff557b55,#2059787a);border-color:#ff7595;color:#fff7ec;box-shadow:inset 3px 0 #ff688a,0 0 12px #fd557029}.city-chip.active small,.city-chip.active i{color:#fbc}.map-selection{flex:0 0 auto;border-top:1px solid #73dce45a;padding:8px 4px 1px;display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:center}.map-selection .city-number{grid-column:1/-1;color:#ff8da7;font-weight:800;font-size:9px;letter-spacing:.14em}.map-selection .city-number:before{background:#ff8da7;width:14px}.map-selection h1{grid-column:1;font-size:clamp(19px,3.8vh,28px);line-height:1.05;margin:3px 0 0;color:#fff5e9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-selection .local-name{grid-column:2;grid-row:2;color:#97ebef;font-size:12px;white-space:nowrap}.map-selection .city-detail{grid-column:1/-1;border:0;padding:5px 0 7px;gap:15px;color:#adc9d3;font-size:10px}.map-selection .city-detail b{font-size:11px;color:#fff4df}.map-selection #start-btn{grid-column:1/-1;min-height:36px;padding:6px 14px;background:linear-gradient(90deg,#ff668b,#ffa477);border:1px solid #ffc3ba;color:#15243b;box-shadow:0 4px 17px #fa70835e;font-weight:900;text-align:center}.map-selection #start-btn:hover{background:linear-gradient(90deg,#ff8dac,#ffc596)}body.playing #topbar{height:48px;background:linear-gradient(180deg,#061426b8,transparent)}body.playing .brand{font-size:11px;letter-spacing:.1em;opacity:.86}body.playing #header-tools button{min-height:30px;padding:4px 9px;font-size:11px}body.playing .hud{top:51px;inset-inline:15px;width:auto;max-width:none;height:25px;padding:3px 8px;background:#07182db8;border:1px solid #8beaf04d;border-radius:7px;box-shadow:0 3px 16px #0005;gap:8px;font-size:10px;backdrop-filter:blur(5px)}.hud-city{max-width:18%;color:#efffff;text-shadow:0 1px 5px #000}.hud .progress{height:3px;background:#d9ffff38}.hud .progress i{background:linear-gradient(90deg,#6be8f0,#ff789c);box-shadow:0 0 6px #8cfaff}.coin-count{color:#ffe0a0}.run-hint{bottom:12px;left:14px;max-width:48%;padding:3px 7px;background:#081b2a99;border-radius:5px;font-size:9px;color:#d5eef2}.jump{width:64px;height:64px;bottom:max(14px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));background:#0b365cb0;border:2px solid #98f4f4;color:#e8ffff;box-shadow:0 0 20px #69e3ef6e,inset 0 0 14px #69e3ef31;font-size:29px}@media(max-height:450px){.map-panel{top:69px;bottom:13px}.map-title{top:80px}.map-selection h1{font-size:19px}.map-selection .city-detail{padding:3px 0 5px}.map-selection #start-btn{min-height:33px}.zoom{bottom:36px}.map-caption{bottom:17px}}@media(max-width:679px){.map-title{top:79px;inset-inline-start:31px}.map-panel{inset:auto 18px 8px;width:auto;height:30%;min-height:108px;padding:7px;gap:5px}.map-intro{min-height:16px;padding-bottom:2px}.map-intro small{display:none}.city-strip{order:2;flex-direction:row;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;min-height:31px;padding:1px}.city-chip{width:auto;min-width:82px;flex:0 0 auto;min-height:28px;grid-template-columns:18px auto;gap:4px;padding:4px 6px}.city-chip i{display:none}.map-selection{order:1;grid-template-columns:auto 1fr auto;gap:5px;padding:2px 3px;border:0}.map-selection .city-number,.map-selection .local-name,.map-selection .city-detail{display:none}.map-selection h1{grid-column:1;font-size:16px;margin:0}.map-selection #start-btn{grid-column:3;min-height:30px;font-size:10px;padding:4px 8px}.zoom{bottom:33%;left:25px}.map-caption{display:none}.jump{width:58px;height:58px}}.shop-overlay,.scene-overlay{background:radial-gradient(ellipse at 72% 32%,#237a8a54,transparent 52%),linear-gradient(120deg,#071327e8,#06112fd4);backdrop-filter:blur(8px);padding:55px 14px 10px}.skin-dialog{position:relative;width:min(950px,96vw);max-width:950px;max-height:calc(100vh - 66px);padding:12px 15px 9px;display:flex;flex-direction:column;text-align:left;background:linear-gradient(135deg,#153a59f4,#071a32f6 65%);border:1px solid #7ce5f77a;border-radius:19px;box-shadow:0 0 0 1px #163b59,0 25px 90px #000b,0 0 60px #48cbe82f;overflow:hidden}.skin-dialog:before,.scene-dialog:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 21% 27%,#4ce1f735,transparent 38%),radial-gradient(circle at 80% 90%,#ff759320,transparent 38%)}.skin-header,.skin-footer,.skin-content{position:relative;z-index:1}.skin-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.skin-header .eyebrow{color:#68e9ef;font-size:8px;letter-spacing:.2em}.skin-header h1{font:900 clamp(18px,4vh,26px)/1.05 system-ui;margin:2px 0;color:#f5fcff;letter-spacing:-.035em}.wallet{padding:6px 12px;border:1px solid #ffd1857a;border-radius:99px;background:#66511e7a;color:#ffe0a0;font-size:13px;font-weight:850;box-shadow:0 0 17px #ffc45d2a}.skin-content{display:grid;grid-template-columns:minmax(145px,22%) minmax(0,1fr);gap:11px;min-height:0;flex:1}.skin-showcase{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px;background:radial-gradient(circle at 50% 42%,#226686,#0d2946 65%,#0a2038);border:1px solid #79d8ec74;border-radius:13px;box-shadow:inset 0 0 26px #4edced25}.showcase-orbit{position:relative;width:min(128px,17vh);height:min(128px,17vh);min-width:72px;min-height:72px;display:grid;place-items:center;border:1px solid #90ebf97b;border-radius:50%;box-shadow:0 0 22px #72ddea5f,inset 0 0 27px #7be6ea36}.showcase-orbit:before,.showcase-orbit:after{content:"";position:absolute;border-radius:50%;inset:-8px;border:1px dashed #85d9ec55;transform:rotate(-15deg)}.showcase-orbit:after{inset:9px;border-style:solid;border-color:#d7ffff36}.skin-hero{width:100%;height:100%;filter:drop-shadow(0 8px 12px #0009)}.skin-showcase strong{font-size:clamp(11px,2.5vh,16px);color:#fff3e7;text-align:center}.skin-showcase>span{font-size:10px;color:#ffc99c;font-weight:800}.skin-catalog{min-width:0;min-height:0;overflow-y:auto;touch-action:pan-y;scrollbar-color:#5cc7d4 #0b2036}.skin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-height:0;overflow:visible;padding:2px 4px 3px;margin:0}.skin-card{min-width:0;min-height:0;display:grid;grid-template-rows:36px minmax(22px,1fr) auto;justify-items:center;align-items:center;gap:1px;padding:5px 3px;background:linear-gradient(160deg,#1d4762,#10283f);border:1px solid #6cd9ed59;border-radius:10px;box-shadow:inset 0 1px #e0ffff19;cursor:pointer}.skin-card:hover{background:linear-gradient(160deg,#2b6281,#173a54);border-color:#8ef1ff}.skin-card.active{border-color:#ff8da7;box-shadow:0 0 13px #ff6b8f57,inset 0 0 16px #fa709024}.skin-card canvas{width:34px;height:34px;filter:drop-shadow(0 4px 5px #0009)}.skin-card strong{font-size:9px;line-height:1.05;text-align:center;color:#edfaff;overflow-wrap:anywhere}.skin-action{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.skin-action small{font-size:9px;font-weight:900;color:#ffdb95}.skin-card button{width:100%;min-height:26px;padding:3px 2px;background:linear-gradient(90deg,#36dbe1,#8df1da);border:0;border-radius:6px;color:#0b2c3d;font-size:9px;font-weight:900;box-shadow:0 2px 8px #4fe1e645}.skin-card button:disabled{background:#285065;color:#9db7c6;box-shadow:none;opacity:.8}.skin-card.active button{background:linear-gradient(90deg,#ff7998,#ffad84)}.skin-footer{display:flex;justify-content:flex-end;padding-top:7px}.skin-footer #map-btn{min-height:30px;padding:5px 15px;background:#183a54;border-color:#82dce68e;color:#d8fbff;font-size:11px}.scene-dialog{position:relative;width:min(570px,94vw);max-width:570px;display:grid;grid-template-columns:140px minmax(0,1fr);gap:17px;align-items:center;padding:25px;background:linear-gradient(135deg,#164465f2,#081d35f8 70%);border:1px solid #77dfea9e;border-radius:20px;box-shadow:0 20px 90px #000b,0 0 30px #58daec2a;text-align:left}.scene-emblem,.scene-copy{position:relative;z-index:1}.scene-emblem{width:136px;height:136px;display:grid;place-items:center;border:1px solid #8be8f18f;border-radius:50%;background:radial-gradient(circle,#277591,#12314f 68%,#0b213c);box-shadow:0 0 30px #58dce16e,inset 0 0 26px #7af1ef42}.scene-emblem canvas{width:112px;height:112px;filter:drop-shadow(0 5px 8px #0008)}.scene-copy .eyebrow{color:#ffadba}.scene-copy h1{font-size:clamp(25px,6vh,38px);color:#f8fcff;text-shadow:0 2px 15px #75f3f15e}.scene-copy p{margin:8px 0 17px;color:#c6e4eb;font-size:13px;text-align:left}.scene-copy .button-row{justify-content:flex-start}.scene-copy .primary{background:linear-gradient(90deg,#ff6488,#ffad80);color:#14283c;box-shadow:0 4px 18px #fd60806b}.scene-copy .ghost{background:#15415c;border-color:#79e5e4b2;color:#e1fdff}@media(max-height:450px){.shop-overlay,.scene-overlay{padding:49px 10px 7px}.skin-dialog{max-height:calc(100vh - 54px);padding:8px 10px 6px}.skin-header{margin-bottom:4px}.skin-header h1{font-size:17px}.skin-content{gap:7px}.skin-showcase{padding:6px}.skin-grid{gap:4px}.skin-card{grid-template-rows:31px minmax(17px,1fr) auto;padding:3px 2px}.skin-card canvas{width:30px;height:30px}.skin-card strong{font-size:8px}.skin-card button{min-height:23px;font-size:8px}.skin-footer{padding-top:4px}.skin-footer #map-btn{min-height:26px}.scene-dialog{padding:16px;grid-template-columns:110px 1fr}.scene-emblem{width:106px;height:106px}.scene-emblem canvas{width:95px;height:95px}}@media(max-width:650px){.skin-content{grid-template-columns:95px minmax(0,1fr)}.showcase-orbit{min-width:70px;min-height:70px}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-card{min-height:89px}.scene-dialog{grid-template-columns:82px 1fr;gap:11px;padding:13px}.scene-emblem{width:80px;height:80px}.scene-emblem canvas{width:76px;height:76px}.scene-copy h1{font-size:24px}.scene-copy p{font-size:11px;margin:6px 0 10px}.scene-copy .button-row button{min-height:34px;padding:6px 10px;font-size:11px}}@media(prefers-reduced-motion:no-preference){.showcase-orbit:before{animation:orbit-turn 20s linear infinite}@keyframes orbit-turn{to{transform:rotate(345deg)}}}@media(max-height:450px){.skin-card{grid-template-rows:35px minmax(19px,1fr) auto}.skin-card canvas{width:35px;height:35px}.skin-card strong,.skin-action small,.skin-card button{font-size:10px}}.scene-overlay{background:linear-gradient(110deg,#0613269c,#071331af);backdrop-filter:blur(3px)}.skin-showcase{background:radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--skin-color) 40%,transparent),transparent 58%),linear-gradient(145deg,#163b5a,#091d37 75%)}.skin-card{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--skin-color) 32%,transparent),transparent 64%),linear-gradient(160deg,#193b58,#0c233c)}.skin-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:var(--skin-color);box-shadow:0 0 10px var(--skin-color);opacity:.9}.skin-card:hover{background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--skin-color) 48%,transparent),transparent 68%),linear-gradient(160deg,#214e6a,#102c48)}.shop-overlay{background:linear-gradient(100deg,#030b1ce0,#081228d6);backdrop-filter:blur(4px)}.skin-dialog{width:min(880px,97vw);max-width:880px;padding:17px 20px 16px;background:radial-gradient(circle at 21% 51%,#234d6654,transparent 40%),#090f22;border:0;border-radius:24px;box-shadow:0 24px 100px #000e,0 0 0 1px #90d9ec24;overflow:hidden}.skin-dialog:before{background:radial-gradient(circle at 15% 43%,#54d5ed27,transparent 32%),radial-gradient(circle at 75% 90%,#ff729017,transparent 30%)}.skin-header{margin-bottom:13px;align-items:center}.skin-header h1{font:900 clamp(22px,5vh,35px)/1.05 Georgia,serif;color:#fff0db;letter-spacing:-.04em;text-shadow:none}.skin-header .eyebrow{color:#ff8caa;font:800 9px system-ui;letter-spacing:.28em}.skin-header-actions{display:flex;gap:13px;align-items:center}.wallet{background:none;border:0;box-shadow:none;color:#ffe0a4;font-size:15px;padding:0}.skin-header-actions #map-btn{min-height:33px;background:#ffffff0d;border:1px solid #b4d5dc5e;color:#e6f8f7;font-size:11px}.skin-content{grid-template-columns:minmax(185px,25%) minmax(0,1fr);gap:17px}.skin-showcase{position:relative;gap:3px;justify-content:center;padding:4px 7px 8px;background:none;border:0;border-radius:0;box-shadow:none}.skin-showcase:before{content:"";position:absolute;inset:8% 6%;background:radial-gradient(circle,color-mix(in srgb,var(--skin-color) 33%,transparent),transparent 67%);filter:blur(17px);pointer-events:none}.showcase-orbit{width:min(155px,20vh);height:min(155px,20vh);min-width:116px;min-height:116px;border-color:#75deeb73;box-shadow:0 0 32px #6de0ec46,inset 0 0 23px #66e2ea21}.showcase-orbit:before{inset:-16px;border:1px dashed #e9b8a650}.showcase-orbit:after{inset:-26px;border-color:#71dce42e}.skin-showcase strong{font:900 clamp(16px,3.8vh,24px)/1.1 Georgia,serif;color:#fff0db;position:relative}.skin-showcase>span{color:#ffe0ab;font-size:11px;position:relative}#skin-action{position:relative;width:min(178px,100%);min-height:38px;margin-top:3px;padding:7px 14px;background:linear-gradient(90deg,#ff6e91,#ffa57f);border:0;border-radius:9px;color:#101e35;font-size:12px;font-weight:900;box-shadow:0 7px 17px #ff668c3b}#skin-action:disabled{background:#8b9da359;color:#bfcfd4;box-shadow:none;opacity:1}.skin-catalog{display:block;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#a2b7bc3d transparent}.skin-grid{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 7px;align-content:center;padding:1px;margin:0}.skin-card,.skin-card:hover{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:105px;min-height:105px;padding:3px 2px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--skin-color) 21%,transparent),transparent 55%);border:0;border-radius:10px;box-shadow:none;color:#f4eee6;cursor:pointer}.skin-card:before{display:none}.skin-card:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;background:var(--skin-color);opacity:0;box-shadow:0 0 12px var(--skin-color)}.skin-card:hover{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--skin-color) 38%,transparent),transparent 62%)}.skin-card.active{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--skin-color) 37%,transparent),transparent 65%);border:0;box-shadow:inset 0 0 0 1px #ff8fa74d}.skin-card.active:after{opacity:1}.skin-card canvas{width:62px;height:62px;flex:0 0 62px;filter:drop-shadow(0 8px 7px #000a)}.skin-card strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f0e9;font-size:11px;line-height:1.1;font-weight:750}.skin-card small{color:#ffd9a1;font-size:10px;font-weight:850}.map-selection{position:relative;isolation:isolate;overflow:hidden;border-top:0;border-radius:9px;padding:9px 9px 7px;min-height:114px;background:#08182b}.map-scene{position:absolute;inset:0;z-index:0;background-size:200% 200%;opacity:1;pointer-events:none}.map-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08172bd1,#08172b90 47%,#08172b24),linear-gradient(0deg,#08172b99,transparent 75%)}.map-selection>*:not(.map-scene){position:relative;z-index:1}.map-selection h1,.map-selection .city-detail b{color:#fff3e6;text-shadow:0 2px 8px #000}@media(max-height:450px){.skin-dialog{max-height:calc(100vh - 56px);padding:11px 14px 10px}.skin-header{margin-bottom:7px}.skin-header h1{font-size:23px}.skin-content{gap:12px}.showcase-orbit{width:127px;height:127px;min-width:127px;min-height:127px}.skin-card,.skin-card:hover{height:99px;min-height:99px}.skin-card canvas{width:60px;height:60px;flex-basis:60px}.skin-card strong,.skin-card small{font-size:10px}}@media(max-width:650px){.skin-content{grid-template-columns:135px minmax(0,1fr);gap:8px}.showcase-orbit{width:104px;height:104px;min-width:104px;min-height:104px}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-card,.skin-card:hover{height:99px;min-height:99px}.map-selection{min-height:0}.map-scene{opacity:.7}}.map-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:32px}.map-intro small{display:block;width:100%;font-size:10px;line-height:1.15;color:#a9d5dc;white-space:normal;overflow:visible;text-overflow:clip}@media(max-width:679px){.map-intro small{display:none}}.map-selection{grid-template-columns:minmax(0,1fr)}.map-selection .city-number,.map-selection h1,.map-selection .local-name,.map-selection .city-detail,.map-selection #start-btn{grid-column:1}.map-selection h1{font-size:clamp(17px,3.5vh,23px);white-space:normal;overflow:visible;text-overflow:clip;line-height:1.08}.map-selection .local-name{grid-row:auto;font-size:10px;color:#b8eff0;line-height:1.1}[dir=rtl] .map-panel{inset:76px 18px 26px auto;text-align:right}[dir=rtl] .map-title{left:42px;right:auto;text-align:left}@media(max-height:450px){[dir=rtl] .map-panel{top:69px;bottom:13px}}@media(max-width:679px){[dir=rtl] .map-panel{inset:auto 18px 8px}}body.ad-banner-visible .map-panel{bottom:calc(88px + env(safe-area-inset-bottom))}body.ad-banner-visible .map-caption{bottom:calc(69px + env(safe-area-inset-bottom))}body.ad-banner-visible .zoom{bottom:calc(93px + env(safe-area-inset-bottom))}.skin-earning{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;margin-top:8px}.skin-earning #ad-reward{min-height:44px;max-width:52%;padding:5px 10px;font-size:12px;line-height:1.2;white-space:normal}.skin-earning #ad-reward-quota{flex:1 1 140px;min-width:0;font-size:10px;line-height:1.3;color:#3c604d}.skin-earning .privacy-link{pointer-events:auto;color:#4e4e6b;font-size:10px;text-decoration:underline;text-underline-offset:2px}@media(max-height:450px){.skin-earning{margin-top:5px}.skin-dialog:has(.skin-earning) .skin-showcase{min-height:0;gap:2px;padding-block:0}.skin-dialog:has(.skin-earning) .skin-showcase strong{font-size:clamp(12px,4dvh,18px)}.skin-dialog:has(.skin-earning) #skin-action{min-height:44px}.skin-dialog:has(.skin-earning) .showcase-orbit{min-height:48px;min-width:48px;width:clamp(48px,18dvh,80px);height:clamp(48px,18dvh,80px)}}@media(max-width:650px){.skin-earning #ad-reward{max-width:100%;width:100%}}