:root{--bg:#07172f;--panel:#102f58;--panel2:#164273;--ice:#b8f3ff;--gold:#ffd86f;--red:#ed6172;--green:#4ac890;--text:#fff;--muted:#b9cde6;--shadow:0 18px 48px rgba(0,0,0,.28);--seasonA:#0e274d;--seasonB:#315f9b}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 50% -10%,var(--seasonB) 0,var(--seasonA) 38%,#06142a 78%);color:var(--text);overflow-x:hidden}body{min-height:100vh;min-height:100dvh}button{font:inherit;color:inherit;border:0;cursor:pointer}button:disabled{opacity:.45;cursor:default}#app{min-height:100vh;min-height:100dvh;max-width:920px;margin:auto;position:relative;padding-bottom:92px}.aurora{position:fixed;inset:-20% -20% auto;height:55vh;pointer-events:none;background:radial-gradient(ellipse at 30% 30%,rgba(99,244,220,.13),transparent 35%),radial-gradient(ellipse at 72% 20%,rgba(150,174,255,.18),transparent 34%);filter:blur(28px);animation:aurora 8s ease-in-out infinite alternate}.snow{position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:radial-gradient(#fff 1.4px,transparent 1.4px),radial-gradient(#fff 1px,transparent 1px);background-size:67px 67px,43px 43px;background-position:0 0,20px 27px;animation:snow 18s linear infinite}@keyframes snow{to{background-position:0 250px,20px 170px}}@keyframes aurora{to{transform:translate3d(5%,2%,0) scale(1.08)}}
.topbar{height:72px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:linear-gradient(#071a34ef,#071a34a8,transparent);backdrop-filter:blur(12px)}.brand{display:flex;gap:9px;align-items:center}.brand .logo{width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#d8fbff,#68d9f0);display:grid;place-items:center;color:#15527e;font-size:24px;box-shadow:inset 0 1px #fff,0 9px 24px #001b3455}.brand .logo span{filter:drop-shadow(0 2px 1px #fff)}.brand b{display:block;font-size:14px}.brand small{display:block;color:var(--muted);font-size:10px}.wallet{display:flex;align-items:center;gap:7px}.wallet-chip{background:#07192db5;border:1px solid #ffffff1a;border-radius:20px;padding:7px 9px;font-size:12px;box-shadow:inset 0 1px rgba(255,255,255,.08)}.icon-btn{width:36px;height:36px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff12}.screen{display:none;padding:8px 18px 24px;min-height:calc(100vh - 164px)}.screen.active{display:block;animation:screenIn .22s ease}@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero-card{min-height:365px;border-radius:32px;padding:30px 26px;background:linear-gradient(135deg,#205f9cf0,#12335ef2);border:1px solid #ffffff29;box-shadow:var(--shadow),inset 0 1px #ffffff22;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -20% -55% 30%;height:360px;border-radius:50%;background:radial-gradient(circle,#91e9ff30,transparent 68%)}.hero-copy{position:relative;z-index:4;max-width:470px}.season-badge{display:inline-block;padding:7px 12px;border-radius:20px;background:#ffffff18;border:1px solid #ffffff24;color:#e8fbff;font-size:12px}.hero-card h1{font-size:39px;line-height:.98;margin:22px 0 12px;letter-spacing:-1.5px;text-shadow:0 4px 18px #08213a}.hero-card p{max-width:420px;color:#d2e4f8;font-size:14px;line-height:1.45}.primary,.secondary{border-radius:18px;padding:12px 20px;font-weight:900;transition:transform .13s ease,filter .13s ease}.primary{background:linear-gradient(180deg,#fff09d,#ffc63f);color:#5d3700;box-shadow:0 7px 0 #cf8e20,0 14px 25px #0005,inset 0 1px #fff}.primary:hover,.secondary:hover{filter:brightness(1.06)}.primary:active{transform:translateY(4px);box-shadow:0 3px 0 #cf8e20}.primary.big{font-size:18px;margin-top:13px;min-width:168px}.secondary{background:linear-gradient(180deg,#ffffff1d,#ffffff0d);border:1px solid #ffffff25;box-shadow:inset 0 1px #ffffff12}.secondary.compact{padding:9px 13px;font-size:11px}.progress-block{position:absolute;left:0;right:0;top:275px;max-width:430px;z-index:5}.progress-block>div:first-child{display:flex;justify-content:space-between;font-size:11px}.progress{height:9px;background:#06172d80;border-radius:10px;margin-top:7px;overflow:hidden;border:1px solid #ffffff0b}.progress i{display:block;height:100%;width:10%;background:linear-gradient(90deg,#6bdfff,#fff2a5);border-radius:inherit;box-shadow:0 0 12px #7eeeff99;transition:width .3s ease}.hero-scene{position:absolute;right:-5px;bottom:0;width:48%;height:100%;z-index:2;pointer-events:none}.moon{position:absolute;right:48px;top:42px;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#dbf7ff 55%,#9cd7ee);box-shadow:0 0 40px #ccf7ff88}.hill{position:absolute;border-radius:50% 50% 0 0;background:linear-gradient(#dff8ff,#80cde9)}.hill.h1{width:320px;height:112px;right:-72px;bottom:0;transform:rotate(-6deg)}.hill.h2{width:250px;height:82px;right:110px;bottom:-12px;opacity:.72}.tree{position:absolute;width:0;height:0;border-left:26px solid transparent;border-right:26px solid transparent;border-bottom:80px solid #1d845f;filter:drop-shadow(0 8px 7px #001c2d88)}.tree:after{content:"";position:absolute;left:-20px;top:26px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:62px solid #2ca276}.t1{right:205px;bottom:50px;transform:scale(.75)}.t2{right:25px;bottom:46px;transform:scale(.92)}.t3{right:152px;bottom:22px;transform:scale(.48)}.house{position:absolute;right:83px;bottom:33px;width:105px;height:73px;border-radius:7px;background:linear-gradient(#edc892,#b57a4a);box-shadow:0 10px 20px #00172888}.house:before{content:"";position:absolute;left:-8px;top:-43px;border-left:61px solid transparent;border-right:61px solid transparent;border-bottom:54px solid #8e3e45}.house:after{content:"";position:absolute;left:39px;bottom:0;width:28px;height:45px;border-radius:4px 4px 0 0;background:#75443b}.house i,.house b{position:absolute;top:22px;width:19px;height:20px;background:#ffed97;box-shadow:0 0 14px #ffe994;border:3px solid #724c3d}.house i{left:13px}.house b{right:13px}.santa{position:absolute;right:2px;bottom:72px;font-size:88px;filter:drop-shadow(0 13px 14px #001728aa);animation:santaFloat 3.2s ease-in-out infinite}.gift{position:absolute;font-size:30px;filter:drop-shadow(0 5px 6px #00172899)}.g1{right:205px;bottom:10px}.g2{right:15px;bottom:12px;font-size:24px}@keyframes santaFloat{50%{transform:translateY(-4px) rotate(1deg)}}
.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.feature-card{background:linear-gradient(160deg,#174878,#0d2d55);border:1px solid #ffffff1a;border-radius:22px;padding:13px;min-height:94px;box-shadow:0 8px 24px #0003,inset 0 1px #ffffff0f;display:flex;align-items:center;gap:10px;text-align:left}.feature-card .feature-icon{font-size:29px}.feature-card div{min-width:0;flex:1}.feature-card b{display:block;font-size:12px}.feature-card small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.feature-card em{font-style:normal;color:#80ddf3;font-size:22px}.season-pass-card{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:22px;background:linear-gradient(115deg,#3a2c67,#164977);border:1px solid #ffffff1d;box-shadow:0 10px 30px #0003;margin-bottom:14px}.pass-icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,#d8fbff,#65d4ef);display:grid;place-items:center;color:#15527e;font-size:25px;box-shadow:0 6px 16px #0003}.pass-copy small{display:block;color:#9fe7f5;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.pass-copy b{display:block;margin:2px 0 4px;font-size:13px}.pass-copy .progress{margin:0;height:6px}.pass-copy>span{font-size:9px;color:var(--muted)}
.city-card{border-radius:25px;padding:20px;background:linear-gradient(135deg,#102d54,#1d507d);border:1px solid #ffffff18;display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:center;box-shadow:0 12px 32px #0003}.city-card small,.screen-head small{color:#79d9ef;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:9px}.city-card h2{margin:5px 0 4px}.city-card p{color:var(--muted);font-size:11px;margin:0 0 12px;max-width:440px}.city-card .secondary{grid-column:1/3}.city-visual{height:105px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(#163e6e,#2a668c 62%,#d5f4ff 63%)}.city-sky{position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,#fff6b9 0 6px,transparent 7px),radial-gradient(circle at 15% 23%,#fff 0 1px,transparent 2px),radial-gradient(circle at 45% 17%,#fff 0 1px,transparent 2px)}.city-building{position:absolute;bottom:25px;background:#c58d68;border-radius:3px 3px 0 0;box-shadow:inset 0 -7px #9e654c}.city-building:before{content:"";position:absolute;inset:8px 7px auto;height:12px;background:repeating-linear-gradient(90deg,#ffe894 0 8px,transparent 8px 17px)}.city-building.one{left:14px;width:56px;height:48px}.city-building.two{right:10px;width:53px;height:61px}.city-tree{position:absolute;left:67px;bottom:6px;font-size:53px;filter:drop-shadow(0 6px 5px #00152c88)}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(920px,100%);height:78px;padding:6px max(10px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,1fr);background:#06172df3;border-top:1px solid #ffffff16;backdrop-filter:blur(18px);z-index:30}.bottom-nav button{background:transparent;color:#8da8c8;font-size:10px;border-radius:16px}.bottom-nav span{display:block;font-size:24px;line-height:24px;margin-bottom:3px}.bottom-nav button.active{color:#fff;background:#ffffff0c}.screen-head{height:60px;display:flex;align-items:center;gap:12px}.screen-head h2{margin:1px 0}.back{width:42px;height:42px;border-radius:14px;background:#ffffff12;font-size:30px;line-height:1}.pill{margin-left:auto;background:#ffffff13;border:1px solid #ffffff1c;border-radius:18px;padding:8px 11px;font-size:10px}.chapter-tabs{display:flex;gap:8px;overflow:auto;padding:10px 0 14px;scrollbar-width:none}.chapter-tabs button{white-space:nowrap;border-radius:16px;padding:9px 12px;background:#ffffff0c;color:#a9c2df;font-size:10px}.chapter-tabs button.active{background:#defaff;color:#14446f;font-weight:900}.chapter-banner{min-height:92px;border-radius:22px;padding:16px;background:linear-gradient(120deg,#184777,#0e315b);border:1px solid #ffffff16;display:flex;align-items:center;gap:14px;margin-bottom:10px}.chapter-banner .art{font-size:45px}.chapter-banner b{font-size:18px}.chapter-banner small{display:block;color:var(--muted);margin-top:4px}.level-map{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:12px 0 30px}.level-node{aspect-ratio:1;border-radius:50%;background:linear-gradient(#2d78b1,#194a7e);border:3px solid #ffffff22;display:grid;place-items:center;position:relative;font-weight:900;box-shadow:0 7px 0 #0c2d53,0 10px 20px #0003}.level-node.locked{filter:saturate(.35);opacity:.46}.level-node.current{background:linear-gradient(#fff0a3,#ffc94f);color:#5a3700;border-color:#fff6c8;box-shadow:0 7px 0 #bd7d1f,0 0 28px #ffd76f55}.level-node.boss{background:linear-gradient(#9b4e8f,#642e72)}.level-node .stars{position:absolute;bottom:-13px;font-size:10px;letter-spacing:-2px;white-space:nowrap}
.game-screen{padding-left:12px;padding-right:12px}.game-head{display:grid;grid-template-columns:42px auto 1fr auto;align-items:center;gap:10px;margin-bottom:8px}.level-title,.moves{padding:6px 12px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff12;text-align:center}.level-title small,.moves small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.level-title b,.moves b{font-size:21px}.moves b{color:#ffec9c}.boss-meter{display:flex;align-items:center;gap:6px;min-width:110px}.boss-meter span{font-size:23px}.boss-meter .progress{flex:1;margin:0;height:8px}.hidden{display:none!important}.goals{display:flex;justify-content:center;gap:8px;min-height:48px;margin-bottom:8px}.goal{min-width:70px;padding:7px 10px;border-radius:15px;background:#0a2345cc;border:1px solid #ffffff1b;font-weight:800;font-size:12px;text-align:center;box-shadow:0 5px 14px #0002}.goal span{font-size:19px;vertical-align:-2px;margin-right:3px}.goal.done{background:#14583f;color:#caffdf}.board-wrap{max-width:610px;margin:auto;position:relative;padding:10px;border-radius:28px;background:linear-gradient(145deg,#1c5a88,#0c2b50);border:1px solid #ffffff22;box-shadow:0 20px 45px #0005,inset 0 1px #ffffff22}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;aspect-ratio:1;background:#061b35;border-radius:20px;padding:5px;overflow:hidden;touch-action:manipulation}.tile{position:relative;border-radius:14px;background:linear-gradient(145deg,#24567b,#153a60);box-shadow:inset 0 1px #ffffff12;display:grid;place-items:center;padding:0;overflow:visible;transition:transform .13s ease,filter .13s ease}.tile:active{transform:scale(.94)}.tile.selected{outline:3px solid #fff1a1;z-index:3;transform:scale(1.06);filter:brightness(1.12)}.gem{width:70%;height:70%;position:relative;filter:drop-shadow(0 5px 4px #00182c88);transition:transform .12s ease}.gem:before{content:"";position:absolute;inset:0;background:var(--gem);clip-path:polygon(50% 0,88% 24%,96% 65%,69% 100%,27% 94%,3% 59%,12% 20%);border-radius:22%}.gem:after{content:"";position:absolute;left:19%;top:12%;width:34%;height:22%;background:linear-gradient(135deg,#ffffffd9,#ffffff12);clip-path:polygon(15% 0,100% 10%,55% 100%,0 67%);border-radius:50%;opacity:.78}.gem.g0{--gem:linear-gradient(145deg,#ff4e73,#b81f51)}.gem.g1{--gem:linear-gradient(145deg,#53d8ff,#147cbf)}.gem.g2{--gem:linear-gradient(145deg,#7be488,#22934f)}.gem.g3{--gem:linear-gradient(145deg,#ffd35c,#e38b1d)}.gem.g4{--gem:linear-gradient(145deg,#c18cff,#6f42cb)}.gem.g5{--gem:linear-gradient(145deg,#ff9c58,#dd5431)}.tile.blocked:after{content:"";position:absolute;inset:2px;border-radius:13px;border:4px solid #c8f8ff99;box-shadow:inset 0 0 12px #baf4ff99,0 0 8px #baf4ff55;pointer-events:none}.tile.crate:before{content:"";position:absolute;inset:7px;border-radius:9px;background:linear-gradient(45deg,transparent 42%,#704426 43% 52%,transparent 53%),linear-gradient(-45deg,transparent 42%,#704426 43% 52%,transparent 53%),linear-gradient(#ba794a,#8b512e);border:3px solid #d59b65;z-index:5;box-shadow:inset 0 0 0 2px #704426}.tile.chain .gem{filter:grayscale(.2) drop-shadow(0 5px 4px #00182c88)}.tile.chain:after{content:"⛓";position:absolute;inset:0;display:grid;place-items:center;font-size:26px;z-index:7;filter:drop-shadow(0 2px 2px #000)}.tile.snowcap:before{content:"";position:absolute;left:4px;right:4px;top:3px;height:31%;border-radius:12px 12px 60% 60%;background:linear-gradient(#fff,#c7f4ff);z-index:8;box-shadow:0 3px 7px #7cc7df88}.tile.special-row .gem:before,.tile.special-col .gem:before{box-shadow:inset 0 0 0 5px #fff3a5,0 0 13px #ffd94d}.tile.special-row:after{content:"⇄";position:absolute;font-size:25px;z-index:9;text-shadow:0 2px 3px #000}.tile.special-col:after{content:"⇅";position:absolute;font-size:25px;z-index:9;text-shadow:0 2px 3px #000}.tile.special-bomb:after{content:"✦";position:absolute;font-size:28px;color:#fff1a3;z-index:9;text-shadow:0 0 8px #fff,0 2px 3px #000}.tile.pop{animation:pop .18s ease forwards}.tile.drop{animation:drop .2s ease}.board-flash{position:absolute;inset:10px;border-radius:20px;pointer-events:none;opacity:0;background:#fff}.board-flash.show{animation:flash .3s ease}.combo-toast{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.7);font-size:32px;font-weight:1000;color:#fff8b7;text-shadow:0 4px 0 #894a1f,0 0 25px #fff;opacity:0;pointer-events:none;z-index:20}.combo-toast.show{animation:toast .85s ease}@keyframes pop{to{transform:scale(.18) rotate(8deg);opacity:.1}}@keyframes drop{from{transform:translateY(-18%);opacity:.4}}@keyframes flash{0%,100%{opacity:0}40%{opacity:.22}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}25%,70%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}100%{opacity:0;transform:translate(-50%,-65%) scale(.9)}}.boosters{display:flex;justify-content:center;gap:12px;margin:12px auto 5px;max-width:610px}.boosters button{width:86px;border-radius:18px;padding:8px 4px;background:linear-gradient(#173f6b,#0d294c);border:1px solid #ffffff18;position:relative}.boosters button>span{font-size:26px}.boosters button>b{position:absolute;right:8px;top:6px;min-width:19px;height:19px;border-radius:12px;background:#f7d35c;color:#553400;font-size:11px;display:grid;place-items:center}.boosters small{display:block;font-size:9px;color:#c6d8ec}.level-tip{text-align:center;color:#8eaccb;font-size:9px;margin-top:5px}
.modal{position:fixed;inset:0;z-index:100;background:#001124b9;display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}.modal.hidden{display:none}.modal-card{width:min(520px,100%);max-height:min(82vh,680px);overflow:auto;border-radius:29px;padding:27px;background:linear-gradient(160deg,#174777,#0d294f);border:1px solid #ffffff24;box-shadow:0 28px 75px #0008;position:relative;animation:modalIn .2s ease}.modal-close{position:absolute;right:13px;top:13px;width:37px;height:37px;border-radius:50%;background:#ffffff10;font-size:25px}.modal-card h2{margin:2px 42px 12px 0}.modal-card p{color:#c1d2e7;line-height:1.5;font-size:13px}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions>*{flex:1}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.reward-grid>div,.shop-row,.task-row,.pass-row{border-radius:17px;padding:13px;background:#061c38a8;border:1px solid #ffffff10}.shop-row,.task-row,.pass-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.shop-row span,.task-row span{font-size:12px}.task-row b{color:#9ce9f7}.pass-row.claimed{opacity:.45}.pass-row.current{border-color:#ffe18d66;box-shadow:0 0 18px #ffe18d22}.confetti{position:fixed;inset:0;pointer-events:none;z-index:120;overflow:hidden}.confetti i{position:absolute;top:-20px;width:9px;height:15px;border-radius:3px;background:hsl(var(--h),80%,62%);animation:fall 1.7s linear forwards}@keyframes fall{to{transform:translate(var(--dx),105vh) rotate(740deg)}}@keyframes modalIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@media(max-width:680px){.brand small{display:none}.wallet-chip{padding:6px 7px}.hero-card{min-height:405px;padding:24px 20px}.hero-card h1{font-size:32px;max-width:270px}.hero-card p{max-width:265px}.hero-scene{width:54%;opacity:.9}.progress-block{top:322px;right:12px}.cards-row{grid-template-columns:1fr}.feature-card{min-height:68px}.season-pass-card{grid-template-columns:44px 1fr auto}.city-card{grid-template-columns:1fr 125px}.level-map{grid-template-columns:repeat(5,1fr);gap:9px}.level-node{font-size:11px}.board{gap:3px}.tile{border-radius:10px}.tile.crate:before{inset:4px}.game-head{grid-template-columns:38px auto 1fr auto}.boss-meter{min-width:80px}.goal{min-width:62px;padding:6px 7px;font-size:10px}.hero-scene .santa{font-size:68px;right:-3px}.hero-scene .house{transform:scale(.82);transform-origin:bottom right;right:50px}.hero-scene .moon{width:62px;height:62px;right:26px}.t1{right:145px}.t2{right:10px}.g1{right:155px}.progress-block{max-width:315px}}
@media(max-width:410px){.topbar{padding-left:10px;padding-right:10px}.brand b{font-size:12px}.brand .logo{width:36px;height:36px}.icon-btn{width:32px;height:32px}.wallet{gap:4px}.wallet-chip{font-size:10px}.screen{padding-left:10px;padding-right:10px}.hero-card h1{font-size:29px}.hero-scene{opacity:.72}.city-card{grid-template-columns:1fr 105px}.level-map{gap:6px}.board-wrap{padding:6px}.board{padding:4px}.boosters button{width:78px}.goal span{font-size:16px}}
.mini-gem{display:inline-block;width:18px;height:18px;vertical-align:-4px;position:relative;filter:drop-shadow(0 2px 2px #00182c88)}.mini-gem:before{content:"";position:absolute;inset:0;background:var(--gem);clip-path:polygon(50% 0,88% 24%,96% 65%,69% 100%,27% 94%,3% 59%,12% 20%);border-radius:25%}.mini-gem.g0{--gem:linear-gradient(145deg,#ff4e73,#b81f51)}.mini-gem.g1{--gem:linear-gradient(145deg,#53d8ff,#147cbf)}.mini-gem.g2{--gem:linear-gradient(145deg,#7be488,#22934f)}.mini-gem.g3{--gem:linear-gradient(145deg,#ffd35c,#e38b1d)}.mini-gem.g4{--gem:linear-gradient(145deg,#c18cff,#6f42cb)}.mini-gem.g5{--gem:linear-gradient(145deg,#ff9c58,#dd5431)}

/* === v1.1 Visual Overhaul: festive board + collision-safe responsive HUD === */
.game-screen{position:relative;isolation:isolate;max-width:none;padding:6px 14px 24px;overflow:hidden}.winter-village-bg{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;border-radius:0 0 34px 34px;background:linear-gradient(180deg,rgba(4,20,44,.04) 0,rgba(5,19,41,.18) 35%,rgba(5,16,35,.76) 100%)}.winter-village-bg:before{content:"";position:absolute;left:-8%;right:-8%;bottom:0;height:30%;background:linear-gradient(#dff8ff,#a9dff1);border-radius:50% 50% 0 0/25% 25% 0 0;filter:drop-shadow(0 -9px 18px #bdefff45)}.bg-moon{position:absolute;right:8%;top:10%;width:74px;height:74px;border-radius:50%;background:#fff5c9;box-shadow:0 0 45px #fff2b9}.bg-house{position:absolute;bottom:8%;width:105px;height:76px;border-radius:10px 10px 3px 3px;background:linear-gradient(#315780,#18375c);box-shadow:inset 0 0 0 2px #b6e8ff33}.bg-house:before{content:"";position:absolute;left:-10px;right:-10px;top:-34px;height:46px;background:#ecfbff;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 5px 0 #9bc7dd)}.bg-house:after{content:"";position:absolute;left:18px;top:26px;width:18px;height:22px;border-radius:3px;background:#ffe278;box-shadow:48px 0 #ffe278,0 0 16px #ffdf6c,48px 0 16px #ffdf6c}.bh1{left:3%;transform:scale(.82)}.bh2{right:2%;transform:scale(.98)}.bh3{right:18%;bottom:5%;transform:scale(.62);opacity:.75}.bg-tree{position:absolute;bottom:8%;width:54px;height:100px;background:linear-gradient(135deg,#1eb874,#096948);clip-path:polygon(50% 0,75% 30%,63% 30%,91% 60%,72% 60%,100% 100%,0 100%,28% 60%,9% 60%,37% 30%,25% 30%);filter:drop-shadow(0 9px 7px #04192b66)}.bg-tree:after{content:"";position:absolute;inset:17% 18% 8%;background:radial-gradient(circle,#ffe96f 0 2px,transparent 3px) 0 0/20px 24px;opacity:.8}.bt1{left:15%;transform:scale(.72)}.bt2{left:24%;transform:scale(.48)}.bt3{right:13%;transform:scale(.6)}.bt4{right:29%;transform:scale(.42)}
.game-head{position:relative;z-index:4;max-width:1120px;margin:0 auto 10px;display:grid;grid-template-columns:44px minmax(84px,auto) minmax(120px,1fr) minmax(84px,auto);align-items:center;gap:10px}.game-head .back,.level-title,.moves,.boss-meter{backdrop-filter:blur(12px)}.level-title,.moves{background:linear-gradient(180deg,#163c69e8,#0a2547e8);border:2px solid #d7f7ff44;box-shadow:0 7px 18px #00132866,inset 0 1px #ffffff34}.moves b{font-size:26px}.game-layout{position:relative;z-index:3;display:grid;grid-template-columns:minmax(150px,190px) minmax(420px,620px) minmax(160px,205px);justify-content:center;align-items:start;gap:14px;max-width:1080px;margin:auto}.game-side{display:grid;gap:12px;min-width:0}.hud-card{min-width:0;background:linear-gradient(180deg,#123f70eb,#082648ed);border:2px solid #9ee8ff43;border-radius:24px;padding:18px 12px 13px;box-shadow:0 14px 32px #00142b66,inset 0 1px #ffffff31;backdrop-filter:blur(11px);position:relative;overflow:hidden}.hud-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff0c,transparent 34%);pointer-events:none}.hud-ribbon{margin:-18px -12px 12px;padding:8px 10px;text-align:center;font-weight:1000;font-size:12px;letter-spacing:.02em;background:linear-gradient(180deg,#2d75a9,#164a80);border-bottom:1px solid #b9edff4d;text-shadow:0 2px 3px #001a34}.goals-card .goals{display:grid;grid-template-columns:1fr;gap:8px;margin:0;min-height:0}.goals-card .goal{min-width:0;width:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 5px;background:#071f3c9c}.goals-card .goal span{display:grid;place-items:center;margin:0}.boosters{display:grid;grid-template-columns:1fr;margin:0;gap:8px}.boosters button{width:100%;min-height:62px;display:grid;grid-template-columns:36px 1fr;align-items:center;padding:7px 9px;text-align:left;border-radius:17px}.boosters button>span{grid-row:1/3;font-size:26px}.boosters button>b{right:7px;top:7px}.boosters small{font-size:10px}.board-column{min-width:0}.board-plaque{width:max-content;max-width:90%;margin:0 auto -5px;position:relative;z-index:5;padding:7px 20px;border-radius:18px 18px 8px 8px;background:linear-gradient(#2d79af,#164f83);border:2px solid #bcefff66;border-bottom:0;font-size:12px;box-shadow:0 8px 16px #00142d55}.board-plaque b{margin:0 9px}.board-wrap{width:100%;max-width:620px;margin:auto;padding:12px;border-radius:32px;background:linear-gradient(145deg,#74d7f8,#1c679a 20%,#0a315c 72%,#154873);border:3px solid #d8f8ff99;box-shadow:0 25px 55px #00122788,inset 0 1px #ffffff99,0 0 0 3px #0c2c4c}.board-wrap:before{content:"";position:absolute;inset:5px;border-radius:25px;border:2px solid #ffffff29;pointer-events:none}.board{gap:5px;padding:7px;border-radius:22px;background:linear-gradient(145deg,#0d3a67,#071c38);box-shadow:inset 0 10px 20px #00162f7a;overflow:hidden}.tile{border-radius:16px;background:linear-gradient(145deg,#3374a0,#174a78);box-shadow:inset 0 2px #ffffff2e,0 3px 5px #00162f66;overflow:visible}.tile:before{content:"";position:absolute;inset:3px;border-radius:13px;background:linear-gradient(135deg,#ffffff10,transparent 42%);pointer-events:none}.festive-piece{width:82%;height:82%;display:grid;place-items:center;position:relative;z-index:2;filter:drop-shadow(0 5px 4px #00182c99);transition:transform .12s ease}.festive-piece svg{width:100%;height:100%;display:block;overflow:visible}.festive-piece.mini{width:27px;height:27px;filter:drop-shadow(0 2px 2px #00182c88)}.tile:hover .festive-piece{transform:translateY(-2px) scale(1.04)}.tile.selected .festive-piece{animation:selectedPiece .7s ease-in-out infinite alternate}@keyframes selectedPiece{to{transform:scale(1.09) rotate(-2deg)}}.tile.blocked:after{inset:2px;border-radius:14px;border:5px solid #d9fbffad;background:linear-gradient(135deg,#ffffff2b,#79d9ff13);box-shadow:inset 0 0 16px #c9f8ffb0,0 0 9px #8be4ff77}.tile.crate:before{inset:5px;border-radius:10px;background:linear-gradient(45deg,transparent 41%,#744221 42% 51%,transparent 52%),linear-gradient(-45deg,transparent 41%,#744221 42% 51%,transparent 52%),linear-gradient(#d3965c,#8b522f);border:3px solid #efbd83;z-index:6;box-shadow:inset 0 0 0 2px #704426,0 4px 6px #00162f55}.tile.chain:after{content:"⛓";font-size:clamp(18px,3.2vw,30px);text-shadow:0 2px 4px #000,0 0 6px #d8f6ff}.tile.snowcap:before{left:3px;right:3px;top:2px;height:33%;border-radius:13px 13px 65% 65%;background:linear-gradient(#fff,#d7f7ff 65%,#a4dfef);border:1px solid #fff;box-shadow:0 4px 8px #78b8cc88}.season-hud>b{display:block;font-size:17px;color:#fff1a6;margin-bottom:5px}.season-hud>small{display:block;color:#d1e6f7;line-height:1.35;margin-bottom:12px}.season-hud>.progress{height:9px}.season-hud>span{display:block;margin-top:6px;color:#b9d9ef;font-size:10px;text-align:right}.mini-task-hud{display:grid;gap:8px}.mini-task{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:12px;background:#061f3e7d;border:1px solid #ffffff12;font-size:10px}.mini-task b{color:#ffe88f}.mini-task-hud .secondary{width:100%;margin-top:3px}.level-tip{max-width:580px;margin:9px auto 0;padding:7px 12px;border-radius:15px;background:#061c36a8;border:1px solid #ffffff12;color:#c7dced;font-size:10px;text-align:center;backdrop-filter:blur(10px)}
/* protect HUD from collisions at common desktop widths */
@media(max-width:980px){.game-layout{grid-template-columns:145px minmax(390px,560px) 150px;gap:9px}.hud-card{padding-left:9px;padding-right:9px}.hud-ribbon{margin-left:-9px;margin-right:-9px}.game-screen{padding-left:8px;padding-right:8px}.boosters button{grid-template-columns:30px 1fr}.season-hud>small{font-size:10px}}
@media(max-width:820px){.game-layout{grid-template-columns:minmax(0,1fr);max-width:640px}.game-side{grid-template-columns:1fr 1fr;gap:8px}.left-side{order:2}.board-column{order:1}.right-side{order:3}.goals-card .goals{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.boosters{grid-template-columns:repeat(3,1fr)}.boosters button{min-height:58px;display:block;text-align:center}.boosters button>span{display:block;font-size:23px}.hud-card{padding-top:15px}.hud-ribbon{margin-top:-15px}.season-hud,.mini-task-hud{min-height:138px}.winter-village-bg{opacity:.65}}
@media(max-width:560px){.game-screen{padding-left:7px;padding-right:7px}.game-head{grid-template-columns:38px 72px 1fr 72px;gap:6px}.level-title,.moves{padding:5px 8px}.level-title b,.moves b{font-size:19px}.boss-meter{min-width:0}.game-side{grid-template-columns:1fr}.goals-card .goals{grid-template-columns:repeat(2,1fr)}.right-side{grid-template-columns:1fr 1fr}.season-hud,.mini-task-hud{min-height:0}.board-wrap{padding:7px;border-radius:24px}.board{padding:4px;gap:3px;border-radius:18px}.tile{border-radius:11px}.festive-piece{width:86%;height:86%}.boosters button{min-height:54px}.board-plaque{font-size:10px;padding:6px 12px}.bottom-nav{z-index:40}}
@media(max-width:390px){.right-side{grid-template-columns:1fr}.game-head{grid-template-columns:34px 64px 1fr 64px}.game-head .boss-meter span{display:none}.goals-card .goals{grid-template-columns:1fr 1fr}.boosters{gap:5px}.boosters button{padding:6px 2px}.boosters small{font-size:8px}.hud-card{border-radius:18px}.board-wrap{padding:6px}.board{gap:2px}.tile{border-radius:9px}.festive-piece{width:88%;height:88%}}

/* v1.1.1 gameplay hotfix: clear booster interaction states */
.boosters button{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,filter .14s ease}
.boosters button:hover{filter:brightness(1.08)}
.boosters button.active{background:linear-gradient(180deg,#2f7eb8,#14548a);box-shadow:0 0 0 3px #ffe783,0 0 22px #ffe78366,inset 0 1px #ffffff55;transform:translateY(-2px)}
.boosters button.active small{color:#fff4a6;font-weight:900}
.boosters button:disabled{opacity:.42;filter:grayscale(.5)}
.pass-row .claimPass:not(:disabled){box-shadow:0 0 0 2px #ffe78255,0 5px 16px #0003;background:linear-gradient(180deg,#ffe478,#d79b28);color:#3f2600;font-weight:900}
.pass-row.claimed .claimPass{box-shadow:none}

/* v1.1.6 continue flow */
.continue-ad-card{display:grid;gap:8px;padding:15px;border-radius:20px;background:linear-gradient(135deg,#123d6b,#0b274b);border:1px solid #9fe8ff44;text-align:center}.continue-ad-card>b{font-size:16px}.continue-ad-card span{color:#c8dced;font-size:12px}.continue-ad-card .primary{margin-top:4px}.move-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.move-packs button{display:grid;gap:3px;text-align:center;padding:12px 7px}.move-packs button b{font-size:13px}.move-packs button small{color:#ffe78b}@media(max-width:500px){.move-packs{grid-template-columns:1fr}.continue-ad-card .primary{width:100%}}

/* v1.2.0 difficulty + new figures */
.tile.deep-ice:after{inset:2px;border-radius:14px;border:5px solid #9be8ff;background:linear-gradient(135deg,#ffffff36,#6ecfff18);box-shadow:inset 0 0 18px #b7f6ffcc,0 0 10px #7adfff88,0 0 0 2px #dcfcff66}
.layer-badge{position:absolute;right:4px;bottom:4px;z-index:10;min-width:18px;height:18px;padding:0 4px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(#ebfbff,#8bdfff);border:1px solid #ffffffaa;color:#0a4c72;font-weight:1000;font-size:11px;box-shadow:0 2px 5px #00162f66}
.goal .festive-piece.mini{width:24px;height:24px}

/* v1.3.0 — living Snowgrad meta-city */
.city-card-large{grid-template-columns:minmax(250px,.8fr) minmax(420px,1.4fr);gap:18px;padding:22px;align-items:stretch}.city-copy{align-self:center}.city-progress-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:14px 0 8px}.city-progress-row .progress{margin:0}.city-progress-row b{font-size:10px;color:#ffe790}.city-next{display:block;color:#9ddff2;font-size:10px;font-weight:800}.city-actions{grid-column:1/3;display:grid;grid-template-columns:150px 1fr;gap:10px}.city-actions button{width:100%}.city-visual{height:245px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(#0c2850 0 55%,#4b7fa2 56% 63%,#d9f5ff 64%);box-shadow:inset 0 0 0 2px #bfeeff33,0 18px 34px #00172c66;isolation:isolate}.city-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#e9faff18);pointer-events:none;z-index:30}.city-sky{position:absolute;inset:0;background:radial-gradient(circle at 7% 14%,#fff 0 1px,transparent 2px),radial-gradient(circle at 19% 26%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 41% 12%,#fff 0 1px,transparent 2px),radial-gradient(circle at 61% 24%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 84% 15%,#fff 0 1px,transparent 2px),linear-gradient(180deg,#102d5b,#1c5680 60%,#5f91ad);z-index:-3}.city-moon{position:absolute;right:7%;top:9%;width:38px;height:38px;border-radius:50%;background:#fff2bd;box-shadow:0 0 26px #fff0a988;z-index:-1}.city-snowbank{position:absolute;left:-5%;right:-5%;border-radius:50% 50% 0 0/45% 45% 0 0;background:#e9faff;z-index:1}.city-snowbank.back{bottom:46px;height:68px;opacity:.8}.city-snowbank.front{bottom:-12px;height:80px;background:#f8fdff;z-index:18}.city-house{position:absolute;bottom:65px;background:linear-gradient(#c68662,#8b4f42);border-radius:5px 5px 2px 2px;box-shadow:inset 0 -8px #68372f,0 8px 12px #00142a55;z-index:7;transition:filter .3s,transform .3s}.city-house:before{content:"";position:absolute;left:-8px;right:-8px;top:-24px;height:32px;background:#8a3945;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -5px 0 #f2fbff)}.city-house i{position:absolute;top:18px;width:15px;height:16px;border:2px solid #694036;background:#304965;border-radius:2px;transition:background .3s,box-shadow .3s}.city-house i:first-child{left:10px}.city-house i:nth-child(2){right:10px}.city-house b{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:17px;height:25px;background:#5f3833;border-radius:3px 3px 0 0}.house-a{left:5%;width:62px;height:50px}.house-b{right:5%;width:70px;height:58px}.house-c{right:28%;width:52px;height:43px;opacity:.92}.roof-lights{position:absolute;left:2px;right:2px;top:-22px;height:13px;background:radial-gradient(circle,#ffd84f 0 2px,transparent 3px) 0 0/13px 10px;opacity:0;filter:drop-shadow(0 0 4px #ffe36f);transition:opacity .3s}.city-main-tree{position:absolute;left:50%;bottom:58px;width:76px;height:132px;transform:translateX(-50%);clip-path:polygon(50% 0,68% 24%,61% 24%,78% 43%,68% 43%,90% 68%,74% 68%,100% 100%,0 100%,26% 68%,10% 68%,32% 43%,22% 43%,39% 24%,32% 24%);background:linear-gradient(135deg,#154f3a,#0c2e2a);filter:grayscale(.65) brightness(.55) drop-shadow(0 8px 8px #001b2d88);z-index:9;transition:filter .35s,transform .35s}.city-main-tree:after{content:"";position:absolute;inset:14% 16% 7%;background:radial-gradient(circle,#ff5d72 0 3px,transparent 4px),radial-gradient(circle,#ffdc5e 0 2.5px,transparent 3.5px) 11px 15px/28px 31px;opacity:0;transition:opacity .35s}.tree-star{position:absolute;left:50%;top:-3px;transform:translateX(-50%);color:#ffe16a;font-size:22px;text-shadow:0 0 10px #ffe66a;opacity:0;z-index:3}.tree-lights{position:absolute;inset:14% 15% 10%;background:repeating-linear-gradient(25deg,transparent 0 12px,#ffd95b 13px 15px,transparent 16px 28px);opacity:0}.city-lamps{position:absolute;inset:0;z-index:13;opacity:.08;transition:opacity .3s}.city-lamps i{position:absolute;bottom:50px;width:4px;height:58px;background:#19364d;border-radius:3px}.city-lamps i:after{content:"";position:absolute;left:-7px;top:-8px;width:18px;height:14px;border-radius:7px 7px 4px 4px;background:#ffe47c;box-shadow:0 0 13px #ffe277}.city-lamps i:nth-child(1){left:18%}.city-lamps i:nth-child(2){left:35%}.city-lamps i:nth-child(3){right:35%}.city-lamps i:nth-child(4){right:18%}.city-market{position:absolute;left:18%;right:18%;bottom:48px;height:54px;z-index:12;opacity:0;transform:translateY(8px);transition:.35s}.stall{position:absolute;bottom:0;width:68px;height:38px;border-radius:4px;background:linear-gradient(#9e5a39,#6f3829);border:2px solid #e9b67f;box-shadow:0 5px 8px #00152b55}.stall:before{content:"";position:absolute;left:-4px;right:-4px;top:-11px;height:14px;background:repeating-linear-gradient(90deg,#d74352 0 11px,#fff1d0 11px 22px);clip-path:polygon(0 0,100% 0,94% 100%,6% 100%)}.stall b{display:block;margin-top:12px;text-align:center;font-size:5px;color:#ffe6a3;letter-spacing:.07em}.s1{left:0}.s2{left:50%;transform:translateX(-50%)}.s3{right:0}.city-fireplace{position:absolute;left:8%;bottom:43px;width:47px;height:39px;border-radius:5px;background:#713b2d;border:4px solid #c18862;z-index:14;opacity:0;transition:.3s}.city-fireplace:before{content:"";position:absolute;left:-8px;right:-8px;top:-8px;height:8px;background:#d6a477;border-radius:4px}.city-fireplace span{position:absolute;inset:5px;display:grid;place-items:center;background:#2e1b1b;border-radius:4px;font-size:22px;filter:drop-shadow(0 0 6px #ff9b42)}.city-rink{position:absolute;left:34%;right:30%;bottom:22px;height:35px;border-radius:50%;background:linear-gradient(145deg,#c9f8ff,#7bcde8);border:3px solid #efffff;box-shadow:inset 0 0 14px #fff;z-index:20;opacity:0;transition:.3s}.city-rink i{position:absolute;width:5px;height:5px;border-radius:50%;background:#22527d;top:14px}.city-rink i:first-child{left:34%}.city-rink i:last-child{right:34%}.city-arch{position:absolute;left:50%;bottom:51px;transform:translateX(-50%);width:155px;height:69px;border:7px solid #2b8a68;border-bottom:0;border-radius:75px 75px 0 0;color:#ffe56e;font-size:7px;font-weight:1000;text-align:center;padding-top:7px;text-shadow:0 0 5px #ffd95b;z-index:16;opacity:0;transition:.3s}.city-arch:after{content:"";position:absolute;inset:-9px;background:radial-gradient(circle,#ffd85e 0 2px,transparent 3px) 0 0/18px 18px;clip-path:polygon(0 0,100% 0,100% 100%,88% 100%,88% 17%,12% 17%,12% 100%,0 100%)}.city-stage{position:absolute;right:4%;bottom:42px;width:76px;height:48px;background:linear-gradient(#335681,#1b355b);border:3px solid #79c9ef;border-radius:5px;z-index:15;opacity:0;transition:.3s}.city-stage:before{content:"";position:absolute;left:-6px;right:-6px;top:-15px;height:16px;background:#c64253;clip-path:polygon(0 100%,10% 0,90% 0,100% 100%)}.city-stage b{display:grid;place-items:center;height:100%;font-size:24px;color:#ffe56b}.city-visual.stage-1 .city-lamps,.city-visual.stage-2 .city-lamps,.city-visual.stage-3 .city-lamps,.city-visual.stage-4 .city-lamps,.city-visual.stage-5 .city-lamps,.city-visual.stage-6 .city-lamps,.city-visual.stage-7 .city-lamps,.city-visual.stage-8 .city-lamps,.city-visual.stage-9 .city-lamps,.city-visual.stage-10 .city-lamps,.city-visual.stage-11 .city-lamps{opacity:1}.city-visual.stage-2 .city-main-tree,.city-visual.stage-3 .city-main-tree,.city-visual.stage-4 .city-main-tree,.city-visual.stage-5 .city-main-tree,.city-visual.stage-6 .city-main-tree,.city-visual.stage-7 .city-main-tree,.city-visual.stage-8 .city-main-tree,.city-visual.stage-9 .city-main-tree,.city-visual.stage-10 .city-main-tree,.city-visual.stage-11 .city-main-tree{filter:grayscale(0) brightness(1) drop-shadow(0 8px 8px #001b2d88);transform:translateX(-50%) scale(1.04)}.city-visual.stage-2 .city-main-tree:after,.city-visual.stage-2 .tree-star,.city-visual.stage-2 .tree-lights,.city-visual.stage-3 .city-main-tree:after,.city-visual.stage-3 .tree-star,.city-visual.stage-3 .tree-lights,.city-visual.stage-4 .city-main-tree:after,.city-visual.stage-4 .tree-star,.city-visual.stage-4 .tree-lights,.city-visual.stage-5 .city-main-tree:after,.city-visual.stage-5 .tree-star,.city-visual.stage-5 .tree-lights,.city-visual.stage-6 .city-main-tree:after,.city-visual.stage-6 .tree-star,.city-visual.stage-6 .tree-lights,.city-visual.stage-7 .city-main-tree:after,.city-visual.stage-7 .tree-star,.city-visual.stage-7 .tree-lights,.city-visual.stage-8 .city-main-tree:after,.city-visual.stage-8 .tree-star,.city-visual.stage-8 .tree-lights,.city-visual.stage-9 .city-main-tree:after,.city-visual.stage-9 .tree-star,.city-visual.stage-9 .tree-lights,.city-visual.stage-10 .city-main-tree:after,.city-visual.stage-10 .tree-star,.city-visual.stage-10 .tree-lights,.city-visual.stage-11 .city-main-tree:after,.city-visual.stage-11 .tree-star,.city-visual.stage-11 .tree-lights{opacity:1}.city-visual.stage-3 .roof-lights,.city-visual.stage-4 .roof-lights,.city-visual.stage-5 .roof-lights,.city-visual.stage-6 .roof-lights,.city-visual.stage-7 .roof-lights,.city-visual.stage-8 .roof-lights,.city-visual.stage-9 .roof-lights,.city-visual.stage-10 .roof-lights,.city-visual.stage-11 .roof-lights{opacity:1}.city-visual.stage-3 .city-house i,.city-visual.stage-4 .city-house i,.city-visual.stage-5 .city-house i,.city-visual.stage-6 .city-house i,.city-visual.stage-7 .city-house i,.city-visual.stage-8 .city-house i,.city-visual.stage-9 .city-house i,.city-visual.stage-10 .city-house i,.city-visual.stage-11 .city-house i{background:#ffe282;box-shadow:0 0 10px #ffe373}.city-visual.stage-4 .city-market,.city-visual.stage-5 .city-market,.city-visual.stage-6 .city-market,.city-visual.stage-7 .city-market,.city-visual.stage-8 .city-market,.city-visual.stage-9 .city-market,.city-visual.stage-10 .city-market,.city-visual.stage-11 .city-market{opacity:1;transform:none}.city-visual.stage-5 .city-fireplace,.city-visual.stage-6 .city-fireplace,.city-visual.stage-7 .city-fireplace,.city-visual.stage-8 .city-fireplace,.city-visual.stage-9 .city-fireplace,.city-visual.stage-10 .city-fireplace,.city-visual.stage-11 .city-fireplace{opacity:1}.city-visual.stage-6 .city-rink,.city-visual.stage-7 .city-rink,.city-visual.stage-8 .city-rink,.city-visual.stage-9 .city-rink,.city-visual.stage-10 .city-rink,.city-visual.stage-11 .city-rink{opacity:.92}.city-visual.stage-7 .stall{box-shadow:0 5px 8px #00152b55,0 0 13px #ffd75c66}.city-visual.stage-8 .city-house,.city-visual.stage-9 .city-house,.city-visual.stage-10 .city-house,.city-visual.stage-11 .city-house{filter:saturate(1.22) brightness(1.08)}.city-visual.stage-9 .city-arch,.city-visual.stage-10 .city-arch,.city-visual.stage-11 .city-arch{opacity:1}.city-visual.stage-10 .city-stage,.city-visual.stage-11 .city-stage{opacity:1}.city-visual.stage-11{box-shadow:inset 0 0 0 2px #fff2a655,0 18px 34px #00172c66,0 0 30px #ffe26b33}.city-visual.stage-11 .city-sky{background:radial-gradient(circle at 12% 15%,#ffda5b 0 2px,transparent 3px),radial-gradient(circle at 72% 11%,#ff6c8b 0 2px,transparent 3px),radial-gradient(circle at 52% 20%,#70d7ff 0 2px,transparent 3px),linear-gradient(180deg,#102d5b,#1c5680 60%,#5f91ad)}
.city-project-list{display:grid;gap:7px;max-height:360px;overflow:auto;padding-right:4px}.city-project{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:9px 10px;border-radius:13px;background:#082444;border:1px solid #ffffff12}.city-project>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff12;color:#9ccfe3}.city-project.done>span{background:#2d9f67;color:#fff}.city-project b{font-size:11px}.city-project small{display:block;margin-top:2px;color:#a9c5db;font-size:9px;line-height:1.35}
.tile.frost-core:after{inset:1px;border:6px double #b8f5ff;background:linear-gradient(135deg,#ffffff55,#4fc5ff25);box-shadow:inset 0 0 20px #d9fbffff,0 0 13px #72dcffff,0 0 0 3px #eaffff88}.tile.frost-core .layer-badge{background:#4bc5e8;color:#04263d;border:1px solid #eaffff}.layer-badge{position:absolute;right:3px;top:3px;z-index:12;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:#b4efff;color:#08314b;font-size:9px;font-weight:1000;box-shadow:0 2px 5px #001b2e88}
@media(max-width:820px){.city-card-large{grid-template-columns:1fr}.city-copy{grid-column:1}.city-visual{grid-column:1;height:220px}.city-actions{grid-column:1}.city-actions{grid-template-columns:1fr 1.7fr}}
@media(max-width:520px){.city-card-large{padding:14px}.city-visual{height:190px}.city-house{transform:scale(.82);transform-origin:bottom}.city-main-tree{transform:translateX(-50%) scale(.82)}.city-visual.stage-2 .city-main-tree,.city-visual.stage-3 .city-main-tree,.city-visual.stage-4 .city-main-tree,.city-visual.stage-5 .city-main-tree,.city-visual.stage-6 .city-main-tree,.city-visual.stage-7 .city-main-tree,.city-visual.stage-8 .city-main-tree,.city-visual.stage-9 .city-main-tree,.city-visual.stage-10 .city-main-tree,.city-visual.stage-11 .city-main-tree{transform:translateX(-50%) scale(.86)}.city-market{left:12%;right:12%;transform:scale(.8) translateY(8px);transform-origin:bottom center}.city-visual.stage-4 .city-market,.city-visual.stage-5 .city-market,.city-visual.stage-6 .city-market,.city-visual.stage-7 .city-market,.city-visual.stage-8 .city-market,.city-visual.stage-9 .city-market,.city-visual.stage-10 .city-market,.city-visual.stage-11 .city-market{transform:scale(.8)}.city-actions{grid-template-columns:1fr}.city-actions button{font-size:11px}.city-rink{left:28%;right:24%}.city-arch{width:125px}.city-stage{transform:scale(.78);transform-origin:bottom right}}

/* v1.3.1 — отдельный осматриваемый Снежноград */
.bottom-nav{grid-template-columns:repeat(5,1fr)}
.city-entry-card{margin-top:16px;display:grid;grid-template-columns:150px 1fr auto;gap:16px;align-items:center;padding:18px;border-radius:24px;background:linear-gradient(135deg,#12325d,#1b5684);border:1px solid #ffffff1b;box-shadow:0 14px 34px #00132955;overflow:hidden}.city-entry-art{height:105px;border-radius:19px;position:relative;background:linear-gradient(#123766 0 60%,#e4f7ff 61%);overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff18}.city-entry-art:before{content:"";position:absolute;left:-8%;right:-8%;bottom:-15px;height:48px;border-radius:50% 50% 0 0;background:#f5fdff}.city-entry-art span{position:absolute;z-index:2;filter:drop-shadow(0 5px 5px #00172d55)}.entry-tree{font-size:60px;left:50%;bottom:14px;transform:translateX(-50%)}.entry-house{font-size:48px;left:8px;bottom:13px}.entry-stall{font-size:44px;right:7px;bottom:12px}.city-entry-copy small,.city-status-panel small,.city-build-copy small{color:#83def1;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:900}.city-entry-copy h2,.city-status-panel h2{margin:3px 0 4px}.city-entry-copy p,.city-status-panel p{margin:0 0 10px;color:#bad0e5;font-size:11px;line-height:1.45}.city-entry-copy>span{display:block;margin-top:7px;color:#ffe284;font-size:10px;font-weight:900}.city-entry-card>.primary{min-width:145px}
.city-screen{padding-bottom:32px}.city-screen-head{position:sticky;top:0;z-index:25;background:linear-gradient(#07172ff0,#07172fba 78%,transparent);backdrop-filter:blur(8px)}.city-status-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:20px;align-items:center;margin:6px 0 12px;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,#0e2a50,#164d78);border:1px solid #ffffff1b}.city-status-progress{display:grid;gap:7px}.city-status-progress .progress{margin:0}.city-status-progress b{font-size:11px;color:#ffe67b}.city-status-progress span{font-size:10px;color:#9edcf0;font-weight:800}
.city-viewport{height:520px;overflow:auto;position:relative;border-radius:28px;background:#0a2244;border:2px solid #ffffff1b;box-shadow:inset 0 0 0 1px #8adfff1a,0 22px 48px #00112477;cursor:grab;overscroll-behavior:contain;scrollbar-color:#7cc8e655 #06172d;scrollbar-width:thin;touch-action:none;user-select:none}.city-viewport.dragging{cursor:grabbing}.city-viewport:focus-visible{outline:3px solid #9ee9ff;outline-offset:2px}.city-pan-hint{position:sticky;left:50%;bottom:12px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 22px);z-index:40;padding:7px 12px;border-radius:18px;background:#05162cbb;border:1px solid #ffffff1d;backdrop-filter:blur(8px);font-size:9px;color:#d8efff;pointer-events:none}
.city-world{position:relative;width:1680px;height:720px;overflow:hidden;background:linear-gradient(180deg,#071a3f 0,#174d78 57%,#84b4cc 58%,#dceff7 69%,#f4fbff 100%);isolation:isolate}.world-sky{position:absolute;inset:0 0 38%;background:linear-gradient(180deg,#071739,#123865 65%,#346987);z-index:-10}.world-stars{position:absolute;inset:0 0 38%;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#aeeaff 0 1px,transparent 1.6px);background-size:73px 67px,97px 83px;background-position:11px 17px,33px 41px;opacity:.82;z-index:-9}.world-moon{position:absolute;right:145px;top:70px;width:74px;height:74px;border-radius:50%;background:#fff3c8;box-shadow:0 0 45px #ffeab66b;z-index:-8}.world-mountains{position:absolute;left:-5%;right:-5%;bottom:245px;height:210px;clip-path:polygon(0 100%,0 78%,10% 42%,18% 77%,29% 27%,40% 70%,51% 14%,65% 75%,76% 36%,88% 78%,100% 46%,100% 100%);z-index:-6}.world-mountains.m1{background:#285a7b}.world-mountains.m2{bottom:225px;height:155px;background:#6e9bb1;opacity:.6;transform:scaleX(1.08)}.world-snow{position:absolute;left:-5%;right:-5%;border-radius:50% 50% 0 0/40% 40% 0 0;background:#edfaff;z-index:-2}.world-snow.far{bottom:135px;height:185px;opacity:.85}.world-snow.near{bottom:-80px;height:255px;background:#fbfeff;z-index:1}.world-road{position:absolute;background:linear-gradient(180deg,#bdd0d7,#eaf7fa);border:2px solid #ffffff88;box-shadow:inset 0 0 22px #6d91a555}.main-road{left:0;right:0;bottom:92px;height:86px;clip-path:polygon(0 24%,100% 0,100% 82%,0 100%);z-index:2}.square-road{left:530px;bottom:28px;width:630px;height:250px;border-radius:50%;z-index:2}.world-zone{position:absolute;z-index:6}.residential-zone{left:55px;bottom:118px;width:500px;height:345px}.civic-zone{left:520px;bottom:96px;width:610px;height:420px}.market-zone{right:40px;bottom:100px;width:500px;height:380px}
.world-house,.town-hall,.market-hall{position:absolute;filter:grayscale(.78) brightness(.58);transition:filter .45s,transform .45s,opacity .45s;box-shadow:0 16px 18px #00132c55}.world-house{bottom:38px;width:150px;height:145px;border-radius:8px 8px 3px 3px;background:linear-gradient(#c78463,#8a4e3d);border:4px solid #d9a47f}.world-house:before{content:"";position:absolute;left:-13px;right:-13px;top:-58px;height:66px;background:linear-gradient(#a64552,#71333d);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -9px 0 #f5fcff)}.world-house i{position:absolute;top:35px;width:34px;height:38px;border-radius:4px;background:#233f58;border:4px solid #6b453b}.world-house i:first-of-type{left:21px}.world-house i:nth-of-type(2){right:21px}.world-house b{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:38px;height:58px;border-radius:5px 5px 0 0;background:#5b362f}.world-house em,.town-hall em{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);white-space:nowrap;padding:4px 8px;border-radius:12px;background:#0a2546d9;color:#dff7ff;font-style:normal;font-size:9px;font-weight:800}.roof-decor{position:absolute;left:4px;right:4px;top:-48px;height:27px;background:radial-gradient(circle,#ffd84b 0 3px,transparent 4px) 0 3px/24px 20px;opacity:0;filter:drop-shadow(0 0 5px #ffd75e)}.house-one{left:0}.house-two{left:173px;bottom:61px;transform:scale(1.06)}.house-three{right:0;bottom:22px;transform:scale(.9)}
.world-lamp{position:absolute;bottom:8px;width:8px;height:115px;border-radius:4px;background:#19364d;opacity:.16;transition:opacity .35s}.world-lamp:before{content:"";position:absolute;left:-15px;top:-15px;width:38px;height:30px;border-radius:13px 13px 7px 7px;background:#ffe477;box-shadow:0 0 28px #ffe66b}.world-lamp:after{content:"";position:absolute;left:-8px;bottom:-4px;width:24px;height:8px;border-radius:50%;background:#102c46}.lamp-a{left:45px}.lamp-b{left:260px}.lamp-c{right:23px}.lamp-d{left:8px}.lamp-e{right:10px}
.town-hall{left:178px;bottom:106px;width:250px;height:205px;border-radius:9px 9px 4px 4px;background:linear-gradient(#e0a56f,#a96450);border:5px solid #f0bd86}.town-hall:before{content:"";position:absolute;left:-18px;right:-18px;top:-76px;height:83px;background:linear-gradient(#7f384a,#512b43);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -10px 0 #f2fcff)}.town-hall:after{content:"";position:absolute;left:89px;top:-117px;width:62px;height:62px;border-radius:50% 50% 0 0;background:#743546;border:5px solid #e9b17b;filter:drop-shadow(0 -8px 0 #f2fcff)}.town-hall .clock{position:absolute;left:106px;top:-94px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#f7e6bd;color:#53372b;border:3px solid #b9805a;font-size:8px;font-weight:1000;z-index:2}.town-hall i{position:absolute;top:45px;width:42px;height:50px;background:#28455d;border:4px solid #7f5445;border-radius:4px}.town-hall i:first-of-type{left:35px}.town-hall i:nth-of-type(2){right:35px}.town-hall b{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56px;height:79px;background:#634037;border-radius:6px 6px 0 0}.hall-garland{position:absolute;left:10px;right:10px;top:15px;height:25px;background:radial-gradient(circle,#ffd54e 0 3px,transparent 4px) 0 0/27px 18px;opacity:0}.grand-tree{position:absolute;left:50%;bottom:40px;width:155px;height:280px;transform:translateX(-50%);clip-path:polygon(50% 0,64% 20%,58% 20%,73% 36%,65% 36%,82% 55%,73% 55%,94% 76%,82% 76%,100% 100%,0 100%,18% 76%,6% 76%,27% 55%,18% 55%,35% 36%,27% 36%,42% 20%,36% 20%);background:linear-gradient(135deg,#174a39,#0a2d2b);filter:grayscale(.75) brightness(.56) drop-shadow(0 16px 12px #00182688);z-index:9;transition:filter .45s,transform .45s}.grand-tree:after{content:"";position:absolute;inset:15% 13% 7%;background:radial-gradient(circle,#ff5570 0 5px,transparent 6px),radial-gradient(circle,#ffd54d 0 5px,transparent 6px) 25px 31px/54px 61px;opacity:0}.grand-star{position:absolute;left:50%;top:-7px;transform:translateX(-50%);font-size:40px;color:#ffe26a;text-shadow:0 0 20px #ffe869;opacity:0;z-index:3}.grand-lights{position:absolute;inset:15% 14% 7%;background:repeating-linear-gradient(24deg,transparent 0 20px,#ffe25a 21px 25px,transparent 26px 45px);opacity:0}.tree-gifts{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-size:28px;white-space:nowrap;opacity:0}.ice-rink{position:absolute;left:88px;bottom:-23px;width:430px;height:135px;border-radius:50%;background:linear-gradient(145deg,#ddfbff,#80d0ea);border:8px solid #f7ffff;box-shadow:inset 0 0 28px #fff,0 9px 24px #4b8aa355;opacity:0;transition:opacity .4s}.skaters{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px}.wish-arch{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);width:305px;height:155px;border:16px solid #2a8e6b;border-bottom:0;border-radius:160px 160px 0 0;padding-top:17px;text-align:center;color:#ffe66d;font-size:12px;font-weight:1000;text-shadow:0 0 8px #ffd74e;opacity:0;z-index:13}.wish-arch:after{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,#ffd85e 0 4px,transparent 5px) 0 0/35px 32px;clip-path:polygon(0 0,100% 0,100% 100%,89% 100%,89% 16%,11% 16%,11% 100%,0 100%)}
.market-hall{right:83px;bottom:114px;width:260px;height:160px;border-radius:8px;background:linear-gradient(#a95d40,#70402f);border:5px solid #e3a66c;opacity:0}.market-hall:before{content:"";position:absolute;left:-15px;right:-15px;top:-48px;height:54px;background:repeating-linear-gradient(90deg,#c93f4d 0 42px,#f6e4bd 42px 84px);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.market-hall i{position:absolute;top:39px;width:46px;height:50px;background:#ffe17b;border:5px solid #744534;box-shadow:0 0 14px #ffe27a}.market-hall i:first-of-type{left:40px}.market-hall i:nth-of-type(2){right:40px}.market-sign{position:absolute;left:50%;top:6px;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:1000;color:#ffe9a7}.market-garland{position:absolute;left:15px;right:15px;top:26px;height:25px;background:radial-gradient(circle,#ffd750 0 3px,transparent 4px) 0 0/25px 17px;opacity:0}.market-stall{position:absolute;bottom:30px;width:105px;height:76px;border-radius:7px;background:linear-gradient(#a56041,#713e31);border:4px solid #e6b27d;box-shadow:0 8px 14px #00152a55;opacity:0;transition:opacity .35s,transform .35s}.market-stall:before{content:"";position:absolute;left:-7px;right:-7px;top:-24px;height:29px;background:repeating-linear-gradient(90deg,#d44957 0 19px,#fff0ce 19px 38px);clip-path:polygon(0 0,100% 0,95% 100%,5% 100%)}.market-stall b{display:block;margin-top:29px;text-align:center;font-size:9px;color:#ffe9b9}.ms1{left:0}.ms2{left:118px}.ms3{left:236px}.ms4{left:354px}.fireplace-lounge{position:absolute;left:30px;bottom:130px;width:140px;height:112px;border-radius:8px;background:#7c4734;border:6px solid #d0a276;opacity:0;box-shadow:0 13px 20px #00152a55}.fireplace-lounge:before{content:"";position:absolute;left:-12px;right:-12px;top:-14px;height:15px;border-radius:5px;background:#dfb181}.fireplace-lounge .chimney{position:absolute;right:15px;top:-72px;width:38px;height:70px;background:#8c513c;border:5px solid #c48a68}.fireplace-lounge .fire{position:absolute;left:23px;bottom:16px;width:64px;height:60px;display:grid;place-items:center;background:#2e1a1a;border-radius:8px;font-size:42px;filter:drop-shadow(0 0 9px #ff943f)}.fireplace-lounge b{position:absolute;right:7px;bottom:12px;width:42px;font-size:8px;color:#ffeac6}.festival-stage{position:absolute;right:12px;bottom:126px;width:160px;height:112px;border-radius:8px;background:linear-gradient(#335a85,#17375f);border:5px solid #75cbe9;opacity:0}.festival-stage:before{content:"";position:absolute;left:-10px;right:-10px;top:-36px;height:39px;background:#c94253;clip-path:polygon(6% 100%,15% 0,85% 0,94% 100%)}.festival-stage span{display:grid;place-items:center;height:75px;font-size:48px;color:#ffe56e}.festival-stage b{display:block;text-align:center;font-size:9px}.city-people{position:absolute;left:595px;bottom:77px;z-index:18;font-size:27px;opacity:0;transition:opacity .35s}
/* Состояния логичного строительства */
.city-world.stage-1 .world-lamp,.city-world.stage-2 .world-lamp,.city-world.stage-3 .world-lamp,.city-world.stage-4 .world-lamp,.city-world.stage-5 .world-lamp,.city-world.stage-6 .world-lamp,.city-world.stage-7 .world-lamp,.city-world.stage-8 .world-lamp,.city-world.stage-9 .world-lamp,.city-world.stage-10 .world-lamp,.city-world.stage-11 .world-lamp,.city-world.stage-12 .world-lamp,.city-world.stage-13 .world-lamp{opacity:1}.city-world.stage-2 .grand-tree,.city-world.stage-3 .grand-tree,.city-world.stage-4 .grand-tree,.city-world.stage-5 .grand-tree,.city-world.stage-6 .grand-tree,.city-world.stage-7 .grand-tree,.city-world.stage-8 .grand-tree,.city-world.stage-9 .grand-tree,.city-world.stage-10 .grand-tree,.city-world.stage-11 .grand-tree,.city-world.stage-12 .grand-tree,.city-world.stage-13 .grand-tree{filter:grayscale(0) brightness(1) drop-shadow(0 16px 12px #00182688);transform:translateX(-50%) scale(1.03)}.city-world.stage-2 .grand-tree:after,.city-world.stage-2 .grand-star,.city-world.stage-2 .grand-lights,.city-world.stage-2 .tree-gifts,.city-world.stage-3 .grand-tree:after,.city-world.stage-3 .grand-star,.city-world.stage-3 .grand-lights,.city-world.stage-3 .tree-gifts,.city-world.stage-4 .grand-tree:after,.city-world.stage-4 .grand-star,.city-world.stage-4 .grand-lights,.city-world.stage-4 .tree-gifts,.city-world.stage-5 .grand-tree:after,.city-world.stage-5 .grand-star,.city-world.stage-5 .grand-lights,.city-world.stage-5 .tree-gifts,.city-world.stage-6 .grand-tree:after,.city-world.stage-6 .grand-star,.city-world.stage-6 .grand-lights,.city-world.stage-6 .tree-gifts,.city-world.stage-7 .grand-tree:after,.city-world.stage-7 .grand-star,.city-world.stage-7 .grand-lights,.city-world.stage-7 .tree-gifts,.city-world.stage-8 .grand-tree:after,.city-world.stage-8 .grand-star,.city-world.stage-8 .grand-lights,.city-world.stage-8 .tree-gifts,.city-world.stage-9 .grand-tree:after,.city-world.stage-9 .grand-star,.city-world.stage-9 .grand-lights,.city-world.stage-9 .tree-gifts,.city-world.stage-10 .grand-tree:after,.city-world.stage-10 .grand-star,.city-world.stage-10 .grand-lights,.city-world.stage-10 .tree-gifts,.city-world.stage-11 .grand-tree:after,.city-world.stage-11 .grand-star,.city-world.stage-11 .grand-lights,.city-world.stage-11 .tree-gifts,.city-world.stage-12 .grand-tree:after,.city-world.stage-12 .grand-star,.city-world.stage-12 .grand-lights,.city-world.stage-12 .tree-gifts,.city-world.stage-13 .grand-tree:after,.city-world.stage-13 .grand-star,.city-world.stage-13 .grand-lights,.city-world.stage-13 .tree-gifts{opacity:1}.city-world.stage-3 .world-house,.city-world.stage-4 .world-house,.city-world.stage-5 .world-house,.city-world.stage-6 .world-house,.city-world.stage-7 .world-house,.city-world.stage-8 .world-house,.city-world.stage-9 .world-house,.city-world.stage-10 .world-house,.city-world.stage-11 .world-house,.city-world.stage-12 .world-house,.city-world.stage-13 .world-house{filter:none}.city-world.stage-3 .world-house i,.city-world.stage-4 .world-house i,.city-world.stage-5 .world-house i,.city-world.stage-6 .world-house i,.city-world.stage-7 .world-house i,.city-world.stage-8 .world-house i,.city-world.stage-9 .world-house i,.city-world.stage-10 .world-house i,.city-world.stage-11 .world-house i,.city-world.stage-12 .world-house i,.city-world.stage-13 .world-house i{background:#ffe07b;box-shadow:0 0 18px #ffe77a}.city-world.stage-3 .roof-decor,.city-world.stage-4 .roof-decor,.city-world.stage-5 .roof-decor,.city-world.stage-6 .roof-decor,.city-world.stage-7 .roof-decor,.city-world.stage-8 .roof-decor,.city-world.stage-9 .roof-decor,.city-world.stage-10 .roof-decor,.city-world.stage-11 .roof-decor,.city-world.stage-12 .roof-decor,.city-world.stage-13 .roof-decor{opacity:1}.city-world.stage-4 .ms1,.city-world.stage-4 .ms2,.city-world.stage-4 .ms3,.city-world.stage-5 .market-stall,.city-world.stage-6 .market-stall,.city-world.stage-7 .market-stall,.city-world.stage-8 .market-stall,.city-world.stage-9 .market-stall,.city-world.stage-10 .market-stall,.city-world.stage-11 .market-stall,.city-world.stage-12 .market-stall,.city-world.stage-13 .market-stall{opacity:1;transform:none}.city-world.stage-5 .market-hall,.city-world.stage-6 .market-hall,.city-world.stage-7 .market-hall,.city-world.stage-8 .market-hall,.city-world.stage-9 .market-hall,.city-world.stage-10 .market-hall,.city-world.stage-11 .market-hall,.city-world.stage-12 .market-hall,.city-world.stage-13 .market-hall{opacity:1;filter:none}.city-world.stage-5 .market-garland,.city-world.stage-6 .market-garland,.city-world.stage-7 .market-garland,.city-world.stage-8 .market-garland,.city-world.stage-9 .market-garland,.city-world.stage-10 .market-garland,.city-world.stage-11 .market-garland,.city-world.stage-12 .market-garland,.city-world.stage-13 .market-garland{opacity:1}.city-world.stage-6 .fireplace-lounge,.city-world.stage-7 .fireplace-lounge,.city-world.stage-8 .fireplace-lounge,.city-world.stage-9 .fireplace-lounge,.city-world.stage-10 .fireplace-lounge,.city-world.stage-11 .fireplace-lounge,.city-world.stage-12 .fireplace-lounge,.city-world.stage-13 .fireplace-lounge{opacity:1}.city-world.stage-7 .ice-rink,.city-world.stage-8 .ice-rink,.city-world.stage-9 .ice-rink,.city-world.stage-10 .ice-rink,.city-world.stage-11 .ice-rink,.city-world.stage-12 .ice-rink,.city-world.stage-13 .ice-rink{opacity:.96}.city-world.stage-8 .world-house{transform:scale(1.04)}.city-world.stage-9 .wish-arch,.city-world.stage-10 .wish-arch,.city-world.stage-11 .wish-arch,.city-world.stage-12 .wish-arch,.city-world.stage-13 .wish-arch{opacity:1}.city-world.stage-10 .festival-stage,.city-world.stage-11 .festival-stage,.city-world.stage-12 .festival-stage,.city-world.stage-13 .festival-stage{opacity:1}.city-world.stage-11 .town-hall,.city-world.stage-12 .town-hall,.city-world.stage-13 .town-hall{filter:none}.city-world.stage-11 .town-hall i,.city-world.stage-12 .town-hall i,.city-world.stage-13 .town-hall i{background:#ffe27c;box-shadow:0 0 18px #ffe680}.city-world.stage-11 .hall-garland,.city-world.stage-12 .hall-garland,.city-world.stage-13 .hall-garland{opacity:1}.city-world.stage-12 .ms4,.city-world.stage-13 .ms4{opacity:1}.city-world.stage-13 .city-people{opacity:1}.city-world.stage-13{background:linear-gradient(180deg,#081a40 0,#1e5f8b 57%,#9bc5d8 58%,#e7f6fa 69%,#fff 100%)}
.city-build-panel{display:grid;grid-template-columns:1fr minmax(220px,330px);gap:15px;align-items:center;margin:14px 0;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,#102f58,#174d76);border:1px solid #ffffff18}.city-build-copy{display:grid;gap:3px}.city-build-copy b{font-size:15px}.city-build-copy span{font-size:10px;color:#ffe58a}.city-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-bottom:18px}.city-project-card{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;min-height:72px;padding:10px 12px;border-radius:18px;background:#092543;border:1px solid #ffffff13}.city-project-card .project-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#ffffff0c;font-size:22px}.city-project-card b{font-size:11px}.city-project-card small{display:block;margin-top:2px;color:#9ebbd2;font-size:9px}.city-project-card em{font-style:normal;font-size:9px;color:#ffdf78;font-weight:900}.city-project-card.done{background:#0d3c3a;border-color:#63d4a53c}.city-project-card.done em{color:#75e5b2}.city-project-card.current{box-shadow:inset 0 0 0 2px #ffe07466;background:#173e62}
@media(max-width:760px){.city-entry-card{grid-template-columns:105px 1fr}.city-entry-card>.primary{grid-column:1/3;width:100%}.city-status-panel{grid-template-columns:1fr}.city-viewport{height:470px}.city-project-grid{grid-template-columns:1fr}.city-build-panel{grid-template-columns:1fr}.bottom-nav button{font-size:9px}.bottom-nav span{font-size:20px}.city-entry-art{height:95px}}
@media(max-width:450px){.city-viewport{height:420px;border-radius:20px}.city-world{transform-origin:top left}.city-entry-card{grid-template-columns:82px 1fr;padding:12px}.city-entry-art{height:80px}.entry-tree{font-size:46px}.entry-house,.entry-stall{font-size:34px}.city-status-panel{padding:13px}.city-pan-hint{font-size:8px}.bottom-nav{padding-left:4px;padding-right:4px}.bottom-nav button{font-size:8px}}

/* ======================================================================
   v1.4.0 — Detailed City / Project Upgrade System
   ====================================================================== */
.city-district-bar{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 12px}.city-district-bar .pill{background:#173a5e;border:1px solid #39698f;color:#dcefff}.city-district-bar .pill.active{background:#2a6da2;border-color:#8fd6ff;color:#fff;box-shadow:0 0 0 2px rgba(143,214,255,.14)}.city-viewport-v140{height:min(76vh,780px);min-height:520px;border:2px solid #55b8dc;border-radius:28px;background:#0f2940;overflow:auto;cursor:grab;touch-action:none;overscroll-behavior:contain;box-shadow:inset 0 0 0 5px #0a3153,0 22px 48px #00122544;scrollbar-width:thin;scrollbar-color:#4ba5c8 #0b2438}.city-viewport-v140.dragging{cursor:grabbing}.city-world-v140{position:relative;width:1200px;height:800px;min-width:1200px;min-height:800px;max-width:1200px;max-height:800px;overflow:hidden;background:#12395a;border-radius:22px;isolation:isolate}.city-panorama-base{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;user-select:none;pointer-events:none;z-index:0;filter:none;image-rendering:auto}.city-world-v140:before{content:none !important}.city-world-v140:after{content:none !important}.city-project-reveal{display:none !important}
.city-project-reveal[data-stage="1"]{opacity:.38;filter:saturate(.8) brightness(.8)}.city-project-reveal[data-stage="2"]{opacity:.65;filter:saturate(.95) brightness(.93)}.city-project-reveal[data-stage="3"]{opacity:.86;filter:saturate(1.06) brightness(1.03)}.city-project-reveal[data-stage="4"]{opacity:1;filter:saturate(1.18) brightness(1.08) contrast(1.02);box-shadow:0 0 55px 12px rgba(255,206,96,.18)}
.reveal-bakery{left:0;top:237px;width:803px;height:671px;background-position:0 -237px}.reveal-main_tree{left:803px;top:250px;width:618px;height:605px;background-position:-803px -250px}.reveal-market{left:1132px;top:224px;width:618px;height:579px;background-position:-1132px -224px}.reveal-town_hall{left:474px;top:0;width:750px;height:500px;background-position:-474px 0}.reveal-carousel{left:1474px;top:342px;width:632px;height:553px;background-position:-1474px -342px}.reveal-fountain{left:1421px;top:737px;width:684px;height:487px;background-position:-1421px -737px}.reveal-residential{left:0;top:0;width:684px;height:553px;background-position:0 0}.reveal-harbor{left:1553px;top:0;width:647px;height:461px;background-position:-1553px 0}.reveal-square{left:592px;top:395px;width:1013px;height:711px;background-position:-592px -395px;z-index:2}
.city-hotspot{position:absolute;z-index:25;display:grid;place-items:center;width:34px;height:34px;min-width:34px;max-width:34px;padding:0;border:1px solid rgba(235,246,255,.95);border-radius:50%;background:rgba(8,80,136,.88);color:#fff;box-shadow:0 6px 18px rgba(0,18,34,.28);transition:transform .16s,border-color .16s,box-shadow .16s,opacity .16s}.city-hotspot span{font-size:17px;line-height:1}.city-hotspot b,.city-hotspot small{display:none !important}.city-hotspot:hover,.city-hotspot.selected{transform:translateY(-1px) scale(1.08);border-color:#ffe681;box-shadow:0 8px 18px rgba(0,18,34,.24),0 0 0 2px rgba(255,218,90,.18)}.city-hotspot.selected{background:rgba(26,125,200,.96)}.city-hotspot.locked{opacity:.8;border-style:dashed}.city-hotspot.locked:after{content:"🔒";position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#152946;border:1px solid #53688a;font-size:8px}.city-hotspot.major{width:38px;height:38px;min-width:38px;max-width:38px;background:rgba(11,94,156,.94)}.city-hotspot.minor{width:30px;height:30px;min-width:30px;max-width:30px;background:rgba(7,63,108,.84);opacity:.9}
.city-build-panel-v140{grid-template-columns:260px minmax(260px,1fr) auto;align-items:stretch;gap:16px}.city-project-preview-wrap{position:relative;min-height:166px;border-radius:18px;overflow:hidden;background:#0a2342;border:1px solid #4da7cf55;box-shadow:inset 0 0 0 1px #ffffff0f}.city-project-preview-wrap img{width:100%;height:100%;min-height:166px;object-fit:cover;display:block;transition:filter .3s,transform .3s}.city-project-preview-wrap:hover img{transform:scale(1.025)}.preview-badge{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:10px;background:#06152bc9;border:1px solid #ffffff2a;font-size:8px;color:#cbeeff;backdrop-filter:blur(6px)}.city-build-copy{display:flex;flex-direction:column;justify-content:center;gap:6px}.city-build-copy>b{font-size:18px}.city-build-copy>strong{font-size:12px;color:#ffe37a}.city-build-copy>span{font-size:11px;color:#c3d9e9}.city-build-copy>em{font-style:normal;font-size:10px;color:#91cae0}.city-stage-track{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}.city-stage-track span{padding:6px 4px;border-radius:9px;background:#0b2948;border:1px solid #315d7f;color:#769bb6;font-size:8px;text-align:center;white-space:nowrap}.city-stage-track span.done{background:#153f3a;border-color:#4ea56b;color:#b9f3c9}.city-stage-track span.current{background:#493d18;border-color:#c7a743;color:#ffe687}.city-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.city-project-card{position:relative;display:grid;grid-template-columns:86px 34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:86px;padding:8px;border:1px solid #2f7199;border-radius:17px;background:linear-gradient(180deg,#0c3b61,#082645);color:#fff;text-align:left;overflow:hidden;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.city-project-card>img{width:86px;height:68px;object-fit:cover;border-radius:11px;filter:saturate(1.02) brightness(.98)}.city-project-card .project-icon{font-size:26px}.city-project-card div{min-width:0}.city-project-card b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-project-card small{display:block;margin-top:4px;color:#9dcbe3;font-size:8px;line-height:1.25}.city-project-card em{font-style:normal;font-weight:900;font-size:10px;color:#ffe57d}.city-project-card:hover,.city-project-card.current{transform:translateY(-2px);border-color:#f4cf62;box-shadow:0 10px 22px #00172f77}.city-project-card.current>img{filter:saturate(1.1) brightness(1.05)}.city-project-card.done{border-color:#48a36d}.city-project-card.locked{opacity:.58;filter:grayscale(.6)}
.city-pan-hint{z-index:40;position:sticky;left:20px;bottom:14px;width:max-content;max-width:calc(100% - 40px)}
@media(max-width:1200px){.city-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-build-panel-v140{grid-template-columns:210px 1fr}.city-build-panel-v140>.primary{grid-column:1/3}.city-viewport-v140{height:660px}}@media(max-width:1000px){.city-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-build-panel-v140{grid-template-columns:210px 1fr}.city-build-panel-v140>.primary{grid-column:1/3}.city-viewport-v140{height:560px}}
@media(max-width:680px){.city-project-grid{grid-template-columns:1fr}.city-build-panel-v140{grid-template-columns:1fr}.city-build-panel-v140>.primary{grid-column:auto}.city-project-preview-wrap{height:190px}.city-viewport-v140{height:500px;min-height:410px}.city-hotspot{width:26px;height:26px;min-width:26px;max-width:26px;padding:0}.city-hotspot span{font-size:13px}.city-stage-track{grid-template-columns:repeat(5,minmax(62px,1fr));overflow:auto;padding-bottom:4px}.city-district-bar{gap:8px}.city-district-bar .pill{font-size:12px;padding:8px 10px}}
/* v1.4 long-term city milestones */
.reveal-fireplace_lounge{left:1180px;top:520px;width:420px;height:360px;background-position:-1180px -520px}
.reveal-festival_stage{left:1460px;top:420px;width:520px;height:420px;background-position:-1460px -420px}
.reveal-toy_workshop{left:40px;top:450px;width:520px;height:520px;background-position:-40px -450px}
.reveal-lighthouse{left:1830px;top:0;width:370px;height:430px;background-position:-1830px 0}
.reveal-clock_tower{left:520px;top:0;width:430px;height:330px;background-position:-520px 0}

.city-unlock-reward{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#153f66,#284d6c);border:1px solid #e5c75a66;box-shadow:0 8px 24px #00162d55}.city-unlock-reward>span{font-size:34px}.city-unlock-reward b{display:block;color:#ffe681}.city-unlock-reward small{display:block;margin-top:3px;color:#c7e4f4}
#cityProjectPreview[data-stage="0"]{filter:grayscale(.78) brightness(.55)}#cityProjectPreview[data-stage="1"]{filter:saturate(.75) brightness(.78)}#cityProjectPreview[data-stage="2"]{filter:saturate(.92) brightness(.92)}#cityProjectPreview[data-stage="3"]{filter:saturate(1.08) brightness(1.03)}#cityProjectPreview[data-stage="4"]{filter:saturate(1.18) brightness(1.08) contrast(1.03);box-shadow:inset 0 0 40px #ffd95b33}

.collection-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-top:14px}.collection-slot{min-height:54px;border-radius:14px;border:1px solid #ffffff14;background:#0a2344;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.collection-slot span{font-size:24px;line-height:1}.collection-slot small{font-size:9px;color:#89aecd}.collection-slot.owned{background:linear-gradient(180deg,#134c6f,#0a2c4a);border-color:#6ec7e933;box-shadow:inset 0 0 0 1px #ffffff0c}.collection-slot.empty{opacity:.65}.collection-legend{display:flex;gap:14px;justify-content:center;margin-top:12px;font-size:11px;color:#b8d3ea}.collection-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px}.owned-dot{background:#59d0f3}.empty-dot{background:#3f5872;border:1px dashed #90a8bf}@media(max-width:680px){.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

.boosters button:disabled,.boosters button.empty{opacity:.58;filter:grayscale(.25)}.boosters button:disabled b{color:#cfd9e2}.boosters button:disabled span{opacity:.8}

.city-status-panel{background:linear-gradient(135deg,#14385f,#10304d);border:1px solid #ffffff14}.city-build-panel-v140{margin-top:14px}.city-project-card>img{height:74px}.city-project-card b{font-size:11px}.city-project-card small{font-size:9px}

@media(max-width:680px){.city-hotspot{width:28px;height:28px;min-width:28px;max-width:28px}.city-hotspot span{font-size:14px}.city-pan-hint{font-size:10px;left:8px;bottom:8px;margin:8px}.city-selection-bubble{left:10px;top:10px;right:10px;max-width:none;padding:10px 12px}.city-selection-bubble b{font-size:12px}.city-selection-bubble small{font-size:10px}}

.city-pan-hint{max-width:260px;opacity:.9}.city-screen .city-status-panel{backdrop-filter:blur(6px)}

.city-selection-bubble{position:absolute;left:18px;top:18px;z-index:26;max-width:390px;padding:13px 15px;border-radius:18px;background:rgba(6,26,48,.62);border:1px solid rgba(220,241,255,.48);box-shadow:0 10px 24px rgba(0,18,34,.12);backdrop-filter:blur(8px);color:#fff}.city-selection-bubble b{display:block;font-size:15px;line-height:1.15;margin-bottom:5px}.city-selection-bubble small{display:block;font-size:11px;line-height:1.4;color:#d7e9f8}

.city-viewport-v140 .city-hotspot b,.city-viewport-v140 .city-hotspot small{display:none !important}.city-viewport-v140 .city-hotspot{font-size:0 !important}.city-viewport-v140 .city-hotspot span{font-size:17px !important}.city-viewport-v140 img.city-panorama-base{opacity:1 !important;mix-blend-mode:normal !important;image-rendering:auto !important}.city-viewport-v140,.city-world-v140{filter:none !important}

/* v1.6.0 hard override: HD master city map positions */


.city-quality-badge{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;padding:7px 11px;border-radius:999px;background:#102d4a;border:1px solid #37658a;color:#bfe7ff;font-size:11px;font-weight:800;letter-spacing:.03em}.city-world-v140[data-view="all_projects"] .city-selection-bubble{display:none}.city-world-v140[data-view="all"] .city-selection-bubble{max-width:330px}

/* v1.8.1 stable city scale hard guard */
.city-world-v140{width:1200px!important;height:800px!important;min-width:1200px!important;min-height:800px!important;max-width:1200px!important;max-height:800px!important;margin:0!important;transition:none!important;transform:none!important}.city-panorama-base{width:1200px!important;height:800px!important;object-fit:cover!important;transform:none!important}.city-viewport-v140{contain:layout paint;overflow:auto!important}.city-world-v140 .city-hotspot{transform:translate(-50%,-50%)}

/* ===== v1.9.0 fixes ===== */
.progress-block{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin-top:18px;max-width:430px}
.hero-card{min-height:0;padding-bottom:26px}
.notify{position:fixed;left:50%;bottom:96px;transform:translate(-50%,20px);max-width:min(92vw,420px);padding:11px 18px;border-radius:16px;background:#0b2545f2;color:#fff;font-weight:700;font-size:14px;text-align:center;border:1px solid #ffffff33;box-shadow:0 10px 30px #0008;opacity:0;pointer-events:none;z-index:200}
.notify.show{animation:notifyIn 2.4s ease forwards}
@keyframes notifyIn{0%{opacity:0;transform:translate(-50%,20px)}10%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-6px)}}
.tile.hint .festive-piece{animation:hintPulse .7s ease-in-out infinite alternate}
.tile.hint{outline:2px dashed #fff1a1;outline-offset:-3px}
@keyframes hintPulse{from{transform:scale(1)}to{transform:scale(1.18)}}
.hint-btn{width:100%;margin-top:8px}
.chapter-tabs{-webkit-overflow-scrolling:touch}
.tile{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body[data-screen="gameScreen"] .bottom-nav{display:none}
body[data-screen="gameScreen"] .screen.game-screen{padding-bottom:16px}
.modal-card{max-height:88vh;max-height:88dvh;overflow:auto}
@media(max-width:760px){
  .game-layout{display:flex;flex-direction:column;gap:8px}
  .left-side{display:contents}
  .right-side{display:none}
  .goals-card,.booster-card{width:100%;box-sizing:border-box}
  .goals-card{order:1}.board-column{order:2;width:100%}.booster-card{order:3}
  .hud-card .hud-ribbon{display:none}
  .goals-card{padding:8px 10px}
  .goals{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
  .booster-card{padding:8px 10px}
  .boosters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .boosters button{min-height:56px;grid-template-columns:30px 1fr}
  .hint-btn{margin-top:6px}
  .level-tip{font-size:12px;padding:8px 12px}
  .board-plaque{display:none}
}
.screen-head{height:auto;min-height:60px;padding:4px 0}

/* ===== v1.9.1: город и препятствия ===== */
.tile.shake{animation:tileShake .28s ease}
@keyframes tileShake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.tile.crate{background:linear-gradient(145deg,#6b4527,#4a2d17)}
.tile.crate:before{inset:3px;border-radius:10px}
.tile.blocked{cursor:not-allowed}
.tile.chain,.tile.crate{cursor:not-allowed}
.city-selection-bubble{display:none!important}
.city-hotspot .hs-stage{position:absolute;right:-6px;bottom:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:9px;background:#ffd95b;color:#4a2f00;font:800 10px/16px system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 1px 4px #0006}
.city-hotspot.selected:before{content:attr(data-name);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 10px;border-radius:10px;background:#06182cf0;color:#fff;font:700 12px/1.2 system-ui,sans-serif;border:1px solid #ffffff44;pointer-events:none;z-index:5}
.city-hotspot{cursor:pointer}
.city-status-panel{padding:12px 16px}
.city-status-panel p{display:none}
.city-viewport-v140{height:min(60vh,680px);min-height:340px}
#cityProjectPreview[data-stage="5"]{filter:saturate(1.22) brightness(1.1) contrast(1.04);box-shadow:inset 0 0 46px #ffd95b44}
#cityProjectPreview[data-stage="6"],#cityProjectPreview[data-stage="7"]{filter:saturate(1.3) brightness(1.14) contrast(1.05);box-shadow:inset 0 0 60px #ffd95b66}
@media(max-width:760px){.city-viewport-v140{height:min(52vh,460px);min-height:300px}}