:root{color-scheme:light;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--font-ui: "Montserrat", ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ink: #243548;--ink-soft: #617184;--muted: #8ba0ad;--paper: rgba(255, 255, 255, .78);--paper-solid: #fffaf2;--line: rgba(58, 92, 105, .13);--sky: #8fdcff;--sky-deep: #3f9edb;--mint: #83e5bd;--mint-deep: #2fb983;--peach: #ffc888;--rose: #ff9fba;--violet: #c6b5ff;--gold: #ffd66e;--danger: #ff817a;--shadow-soft: 0 18px 48px rgba(61, 93, 112, .18);--shadow-pop: 0 18px 30px rgba(72, 109, 135, .22);--radius-xl: 34px;--radius-lg: 26px;--radius-md: 18px;--tap: 44px}html,body{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;background:#eaf7ff;font-family:var(--font-ui);color:var(--ink);overscroll-behavior:none;-webkit-text-size-adjust:100%}#app{position:relative;width:var(--app-width, 100vw);height:var(--app-height, 100dvh);min-height:var(--app-height, 100dvh);margin:0 auto;overflow:hidden;isolation:isolate;transform:none}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a[href],[role=button],[data-fast-tap=true]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}button{appearance:none}html,body,#app,.new-ui-root,.hub-overlay,.screen-layer,.result-layer,.hub-card,.screen-page,.result-card,.board-frame,canvas,button,a[href],[role=button],[data-fast-tap=true]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}canvas,.board-zone,.board-frame{touch-action:none;-webkit-tap-highlight-color:transparent}img,svg{-webkit-user-drag:none;user-drag:none}.new-ui-root{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;isolation:isolate;touch-action:none;background:radial-gradient(circle at 12% 8%,rgba(255,213,126,.5),transparent 24rem),radial-gradient(circle at 86% 16%,rgba(135,225,255,.54),transparent 28rem),linear-gradient(180deg,#eaf7ff,#fff7e7 58%,#f2ffe9)}.ambient-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.shape{position:absolute;display:block;border-radius:999px;filter:blur(2px);opacity:.7}.shape--one{width:24rem;height:24rem;left:-11rem;bottom:12%;background:#83e5bd57}.shape--two{width:18rem;height:18rem;right:-7rem;top:16%;background:#ff9fba42}.shape--three{width:14rem;height:14rem;right:18%;bottom:-6rem;background:#ffd66e5c}.icon{width:1.15em;height:1.15em;flex:0 0 auto}.sprite{position:relative;display:inline-block;overflow:hidden;vertical-align:middle;transform:translateZ(0)}.sprite img{position:absolute;left:0;top:0;max-width:none;max-height:none;user-select:none;pointer-events:none}.sprite.is-dimmed{opacity:.28;filter:grayscale(1) contrast(.8)}.play-shell{position:relative;z-index:1;pointer-events:none;height:100%;width:min(100vw,580px);margin:0 auto;padding:calc(10px + var(--safe-area-top)) clamp(10px,3.1vw,18px) calc(10px + var(--safe-area-bottom));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(8px,1.6dvh,14px)}.skyline-hud{pointer-events:auto;display:grid;grid-template-columns:minmax(110px,1fr) auto;align-items:center;gap:10px}.level-badge{min-height:56px;padding:10px 14px;border-radius:22px;background:#ffffffa8;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(16px)}.level-badge span,.level-badge strong{display:block}.level-badge span{font-size:clamp(1rem,4vw,1.34rem);font-weight:900;letter-spacing:-.04em}.level-badge strong{margin-top:1px;color:var(--ink-soft);font-size:.78rem;font-weight:800}.wallet-strip{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.currency-pill{min-height:38px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border-radius:999px;background:#ffffffa3;border:1px solid rgba(255,255,255,.68);box-shadow:0 9px 20px #4160751a;color:var(--ink)}.currency-pill strong{font-size:.95rem;font-weight:950;letter-spacing:-.03em}.currency-pill .icon{color:var(--sky-deep)}.icon-button{position:relative;pointer-events:auto;z-index:1;width:var(--tap);min-width:var(--tap);height:var(--tap);display:inline-grid;place-items:center;border:0;border-radius:999px;cursor:pointer;color:var(--ink);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.icon-button:active,.ui-button:active,.district-card:active,.route-node:active{transform:translateY(1px) scale(.985)}.icon-button--glass{background:#ffffffb8;box-shadow:0 10px 22px #4b67761f}.icon-button--solid{background:linear-gradient(135deg,var(--gold),var(--peach));box-shadow:0 12px 24px #e5973c33}.icon-button--soft{background:#ecfbff}.mission-ribbon{pointer-events:auto;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:clamp(10px,2.2vw,14px) clamp(12px,3.4vw,18px);border-radius:24px;background:linear-gradient(135deg,#ffffffd1,#ffffff8f);box-shadow:0 14px 34px #4b69781a;border:1px solid rgba(255,255,255,.72)}.mission-ribbon>strong{display:block;min-width:0;font-size:clamp(.98rem,3.4vw,1.16rem);line-height:1.12;font-weight:950;letter-spacing:-.035em}.mission-ribbon__stats{display:flex;gap:7px;align-items:center}.mission-stat{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:56px;min-height:38px;padding:6px 9px;border-radius:999px;background:#f2fbffdb;color:var(--ink);box-shadow:inset 0 -1px #476c7a14}.mission-stat .icon{width:16px;height:16px;color:var(--blue)}.mission-stat strong{margin:0;font-size:.9rem;line-height:1}.play-message{pointer-events:none;min-height:38px;display:flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#ffffffad;color:var(--ink-soft);font-size:clamp(.82rem,2.9vw,.98rem);font-weight:900;line-height:1.16;text-align:center;box-shadow:0 10px 26px #4867781a}.stat-chip{min-width:58px;padding:7px 10px;border-radius:16px;background:#f2fbff;text-align:center}.stat-chip span{font-size:.62rem;text-transform:none;letter-spacing:0}.stat-chip strong{margin-top:0;font-size:.98rem}.board-zone{position:relative;pointer-events:none;min-height:0;display:grid;align-items:stretch}.board-frame{position:relative;pointer-events:none;min-height:260px;overflow:hidden;border-radius:clamp(22px,6vw,34px);padding:clamp(8px,2vw,12px);background:linear-gradient(180deg,#ffffffdb,#ffffff61),linear-gradient(135deg,#8fdcffa6,#83e5bd8a);box-shadow:0 22px 50px #375b6e2e;border:1px solid rgba(255,255,255,.78)}.board-frame:before{content:"";position:absolute;inset:8px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 45%);pointer-events:none;z-index:2}#gameCanvas{position:relative;pointer-events:auto;z-index:1;display:block;width:100%;height:100%;min-height:260px;border-radius:clamp(18px,5vw,28px);background:#5c737c;touch-action:none;user-select:none}.command-deck{position:relative;z-index:5;pointer-events:auto;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,.86fr) minmax(0,1.18fr);gap:8px;padding:6px;border-radius:28px;background:#ffffff9e;box-shadow:0 16px 34px #44627321;backdrop-filter:blur(16px)}.ui-button{position:relative;pointer-events:auto;z-index:1;min-height:var(--tap);padding:10px 13px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:950;letter-spacing:-.02em;cursor:pointer;color:var(--ink);touch-action:manipulation;box-shadow:0 10px 18px #3453681a;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button--primary{background:linear-gradient(135deg,var(--mint),#b6f4a0);color:#173729}.ui-button--secondary{background:linear-gradient(180deg,#fff,#f3fbff)}.ui-button--quiet{background:#ffffffad;color:var(--ink-soft)}.ui-button--ad{background:linear-gradient(135deg,#dff1ff,#a9daff);border:1px solid rgba(70,146,218,.22);color:#174265}.ui-button--danger{background:linear-gradient(135deg,#ffe5e1,#ffc8c1);color:#7b2f28}.boot-screen,.hub-overlay,.screen-layer,.result-layer{position:fixed;inset:0;z-index:40}.boot-screen{display:grid;place-items:center;align-content:center;gap:16px;background:linear-gradient(180deg,#eaf7ff,#fff5df);text-align:center;padding:24px}.boot-screen__mark{width:74px;height:74px;display:grid;place-items:center;border-radius:26px;background:#fff;color:var(--sky-deep);box-shadow:var(--shadow-soft)}.boot-screen__mark .icon{width:38px;height:38px}.boot-screen strong{font-size:1.15rem;font-weight:950}.boot-screen__bar{width:min(220px,70vw);height:9px;overflow:hidden;border-radius:999px;background:#3f9edb1f}.boot-screen__bar i{display:block;width:52%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sky),var(--mint));animation:boot 1.2s infinite alternate ease-in-out}@keyframes boot{0%{transform:translate(-20%)}to{transform:translate(115%)}}.hub-overlay,.screen-layer,.result-layer{padding:calc(12px + var(--safe-area-top)) calc(12px + var(--safe-area-right)) calc(12px + var(--safe-area-bottom)) calc(12px + var(--safe-area-left));background:#192a383d;backdrop-filter:blur(14px);overflow:hidden}.hub-card,.screen-page,.result-card{pointer-events:auto;width:min(100%,620px);max-height:100%;margin:0 auto;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateZ(0);border-radius:clamp(24px,6vw,38px);background:linear-gradient(145deg,#fffffff5,#fffaf2e0),radial-gradient(circle at 12% 8%,rgba(143,220,255,.18),transparent 18rem);box-shadow:0 28px 80px #1a2c3b4d;border:1px solid rgba(255,255,255,.78)}.hub-card{padding:clamp(18px,4.4vw,28px)}.hub-card__header,.screen-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hub-card__header span,.panel-title__kicker{color:var(--sky-deep);font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.11em}.hub-card__header h2,.panel-title h1{margin:2px 0 0;font-size:clamp(1.9rem,8vw,3rem);line-height:.92;letter-spacing:-.08em}.hub-card__header p,.panel-title p{margin:8px 0 0;color:var(--ink-soft);line-height:1.35;font-weight:700}.continue-ticket{width:100%;min-height:82px;margin:22px 0 14px;border:0;border-radius:28px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:14px;text-align:left;align-items:center;background:linear-gradient(135deg,#83e5bdeb,#8fdcffe6),#fff;color:var(--ink);box-shadow:var(--shadow-pop);cursor:pointer}.continue-ticket__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:22px;background:#ffffffb8}.continue-ticket strong,.continue-ticket em{display:block}.continue-ticket strong{font-size:1.1rem;font-weight:950}.continue-ticket em{margin-top:3px;color:#243548ad;font-style:normal;font-weight:800}.district-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.district-card{position:relative;pointer-events:auto;z-index:1;min-height:112px;border:0;border-radius:28px;padding:16px;text-align:left;display:grid;align-content:space-between;overflow:hidden;color:var(--ink);cursor:pointer;touch-action:manipulation;box-shadow:0 14px 30px #4460721f}.district-card:after{content:"";position:absolute;right:-24px;bottom:-28px;width:86px;height:86px;border-radius:999px;background:#fff6}.district-card .icon{width:27px;height:27px}.district-card strong{font-size:1.05rem;font-weight:950}.district-card--blue{background:linear-gradient(145deg,#ddf4ff,#bfeaff)}.district-card--peach{background:linear-gradient(145deg,#fff0d5,#ffd7a3)}.district-card--mint{background:linear-gradient(145deg,#e9fff2,#b8f2d2)}.district-card--rose{background:linear-gradient(145deg,#fff0f4,#ffc4d7)}.district-card--gold{background:linear-gradient(145deg,#fff7d8,#ffe07c)}.district-card--violet{background:linear-gradient(145deg,#f1edff,#cdbfff)}.screen-layer{z-index:60}.screen-page{padding:clamp(16px,4vw,28px)}.screen-topbar{position:sticky;top:0;z-index:3;margin:calc(clamp(16px,4vw,28px)*-1) calc(clamp(16px,4vw,28px)*-1) 14px;padding:clamp(14px,3vw,20px);background:linear-gradient(180deg,#fffffff5,#ffffffb8);backdrop-filter:blur(12px)}.screen-topbar__wallet{display:flex;gap:8px}.screen-topbar__wallet span{min-height:38px;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#ffffffc7;font-weight:950}.panel-title{margin-bottom:18px}.chapter-track,.catalog-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}.chapter-track::-webkit-scrollbar,.catalog-tabs::-webkit-scrollbar{display:none}.chapter-track button,.catalog-tabs button{position:relative;z-index:1;flex:0 0 auto;min-height:48px;border:0;border-radius:999px;padding:9px 16px;background:#ffffffbd;color:var(--ink-soft);font-weight:950;cursor:pointer;touch-action:manipulation}.chapter-track button{display:grid;grid-template-columns:auto auto;gap:8px;align-items:center}.chapter-track button span{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#8fdcff4d}.chapter-track button.is-active,.catalog-tabs button.is-active{background:linear-gradient(135deg,var(--sky),var(--mint));color:var(--ink);box-shadow:0 12px 24px #4190b72e}.catalog-tabs button:disabled{opacity:.48;cursor:not-allowed}.route-scroll{max-height:min(58dvh,620px);overflow:auto;padding:6px 0 14px}.route-path{position:relative;display:grid;grid-template-columns:repeat(4,minmax(66px,1fr));gap:16px 10px;padding:14px 2px}.route-path:before{content:"";position:absolute;inset:40px 12%;border-left:6px dotted rgba(63,158,219,.22);border-radius:999px;pointer-events:none}.route-node{position:relative;z-index:1;transform:translateY(var(--offset));min-height:82px;border:0;border-radius:24px;padding:9px;background:#ffffffd1;box-shadow:0 12px 24px #3c5a6d1a;display:grid;justify-items:center;align-content:center;gap:3px;cursor:pointer;touch-action:manipulation;color:var(--ink)}.route-node.is-complete{background:linear-gradient(145deg,#f3ffe4,#cbf7c3)}.route-node.is-current{outline:3px solid rgba(63,158,219,.32)}.route-node.is-locked{opacity:.54}.route-node__number{font-weight:1000;font-size:1.1rem}.route-node__status{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#8fdcff42}.route-node__stars{color:var(--ink-soft);font-size:.72rem;font-weight:900}.map-footer-card,.shop-note,.version-card{margin-top:12px;border-radius:26px;padding:12px;background:#ffffffb8;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 28px #4160751a}.map-footer-card span,.version-card span{display:block;color:var(--ink-soft);font-size:.78rem;font-weight:850}.map-footer-card strong,.version-card strong{display:block;margin-top:2px;font-weight:1000}.garage-list,.decor-market,.sticker-album,.decor-control-list,.settings-list{display:grid;gap:12px}.garage-list{grid-template-columns:1fr}.garage-card{position:relative;overflow:hidden;display:grid;grid-template-columns:104px 1fr;grid-template-areas:"art body" "art btn";gap:8px 14px;align-items:center;padding:12px;border-radius:30px;background:#ffffffc7;box-shadow:0 14px 30px #4160751c}.garage-card.is-equipped{outline:3px solid rgba(131,229,189,.6)}.garage-card__preview{grid-area:art;height:128px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--paint) 36%,#fff) 0 34%,transparent 35%),linear-gradient(180deg,#f7fbff,#eef8ff)}.garage-card__body{grid-area:body;min-width:0}.garage-card__tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eefaff;color:var(--sky-deep);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.garage-card h3,.decor-tile h3,.cat-sticker h3,.decor-control h3,.setting-card h3{margin:7px 0 3px;font-size:1rem;line-height:1.08;font-weight:1000;letter-spacing:-.035em}.garage-card__price,.decor-tile__meta strong{display:inline-flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:.86rem;font-weight:950}.garage-card .ui-button{grid-area:btn;justify-self:stretch}.decor-market{grid-template-columns:repeat(2,minmax(0,1fr))}.decor-tile{padding:10px;border-radius:28px;background:#ffffffc7;box-shadow:0 14px 30px #4160751c}.decor-tile__art{height:108px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#f6fbff,#f6ffe9)}.decor-tile__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;color:var(--ink-soft);font-size:.78rem;font-weight:850}.decor-tile__meta--price-only{justify-content:flex-start}.decor-tile .ui-button{width:100%}.shop-note{justify-content:flex-start;color:#215b81;font-weight:850}.album-progress{position:relative;margin-bottom:14px;border-radius:24px;padding:12px 14px 18px;background:#ffffffb8;overflow:hidden}.album-progress span,.album-progress strong{position:relative;z-index:2;font-weight:950}.album-progress span{color:var(--ink-soft);margin-right:8px}.album-progress i{position:absolute;left:14px;right:14px;bottom:10px;height:7px;border-radius:999px;background:#3f9edb1f;overflow:hidden}.album-progress i:before,.album-progress i{display:block}.album-progress i{--progress: 0%}.album-progress i:after{content:"";position:absolute;inset:0 auto 0 0;width:inherit}.album-progress i{background-image:linear-gradient(90deg,var(--mint),var(--sky));background-size:var(--fill, 0%) 100%;background-repeat:no-repeat}.sticker-album{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-sticker{position:relative;padding:10px;min-height:190px;border-radius:28px;background:linear-gradient(180deg,#ffffffdb,#ffffffa3),repeating-linear-gradient(-45deg,rgba(63,158,219,.08) 0 7px,transparent 7px 14px);box-shadow:0 14px 30px #4160751c;overflow:hidden}.cat-sticker__stamp{position:absolute;top:10px;right:10px;padding:5px 8px;border-radius:999px;background:#ffffffd1;font-size:.68rem;font-weight:1000;color:var(--ink-soft)}.cat-sticker__portrait{height:112px;display:grid;place-items:end center}.cat-sticker.is-locked .cat-sticker__portrait{place-items:center;color:var(--muted)}.cat-sticker p{margin:0;color:var(--ink-soft);font-size:.78rem;font-weight:850}.rarity-rare{outline:2px solid rgba(143,220,255,.34)}.rarity-special{outline:2px solid rgba(198,181,255,.42)}.rarity-legendary{outline:2px solid rgba(255,214,110,.62)}.shelter-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:12px;margin-bottom:14px}.room-scene{position:relative;min-height:310px;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,#dff5ff 0 58%,#ffdcae 58% 100%);box-shadow:inset 0 -16px #b3763f14,var(--shadow-soft)}.room-wall,.room-floor,.room-window-light{position:absolute;inset:0}.room-wall{background-image:linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:46px 100%;height:58%}.room-floor{top:58%;background:linear-gradient(90deg,rgba(115,70,37,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.14),transparent);background-size:48px 100%}.room-window-light{left:auto;right:12%;top:11%;width:33%;height:46%;background:radial-gradient(ellipse at top,rgba(255,255,255,.54),transparent 70%);transform:skew(-13deg)}.room-decor{position:absolute;z-index:2;filter:drop-shadow(0 8px 10px rgba(55,60,55,.18))}.slot-window{right:12%;top:12%}.slot-curtains{right:10%;top:9%}.slot-portrait{left:13%;top:14%}.slot-shelf{left:8%;top:34%}.slot-lamp{right:9%;bottom:18%}.slot-plant{left:7%;bottom:15%}.slot-plant-big{left:18%;bottom:13%}.slot-bed{left:32%;bottom:12%}.slot-bowl{right:26%;bottom:11%}.slot-toy{right:11%;bottom:10%}.slot-rug{left:30%;bottom:3%;z-index:1}.slot-house{right:6%;bottom:20%}.slot-pillow{left:41%;bottom:23%}.slot-scratch{left:11%;bottom:18%}.slot-blanket{left:38%;bottom:8%}.slot-fish{right:19%;bottom:5%}.slot-basket{left:56%;bottom:9%}.room-meter{padding:14px;border-radius:28px;background:#ffffffc2;display:grid;align-content:start;gap:8px;box-shadow:0 14px 30px #4160751a}.room-meter span,.room-meter p{color:var(--ink-soft);font-weight:850}.room-meter strong{font-size:2rem;font-weight:1000;letter-spacing:-.08em}.room-meter i{height:9px;border-radius:999px;background:#3f9edb1f;overflow:hidden}.room-meter b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--sky))}.decor-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:26px;background:#ffffffc7;box-shadow:0 12px 24px #41607517}.decor-control p,.setting-card p{margin:0;color:var(--ink-soft);font-size:.84rem;line-height:1.25;font-weight:750}.daily-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;border-radius:30px;background:linear-gradient(135deg,#fff2c4,#dff8ff);box-shadow:var(--shadow-soft);margin-bottom:14px}.daily-hero__medal{width:66px;height:66px;border-radius:24px;background:#ffffffc7;display:grid;place-items:center;color:#d29420}.daily-hero span,.daily-hero p{color:var(--ink-soft);font-weight:850}.daily-hero strong{display:block;font-size:1.35rem;line-height:1;font-weight:1000;letter-spacing:-.05em}.paw-ladder{display:grid;gap:10px}.daily-ticket{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:26px;background:#ffffffc7;box-shadow:0 12px 24px #41607517}.daily-ticket.is-current{outline:3px solid rgba(255,214,110,.56)}.daily-ticket.is-done{background:linear-gradient(135deg,#ecfff3,#d6fbe3)}.daily-ticket__icon{width:48px;height:48px;border-radius:18px;background:#eefaff;display:grid;place-items:center;color:var(--sky-deep)}.daily-ticket span,.daily-ticket strong{font-weight:950}.setting-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;border-radius:28px;background:#ffffffc7;box-shadow:0 12px 24px #41607517}.setting-card__icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:#eefaff;color:var(--sky-deep)}.result-layer{z-index:50;display:grid;place-items:center}.result-card{position:relative;max-width:460px;padding:clamp(22px,5vw,32px);text-align:center;overflow:hidden}.result-card__halo{position:absolute;width:220px;height:220px;border-radius:999px;left:50%;top:-90px;transform:translate(-50%);background:radial-gradient(circle,rgba(255,214,110,.5),transparent 67%);pointer-events:none}.result-card__icon{position:relative;width:74px;height:74px;display:grid;place-items:center;margin:0 auto 12px;border-radius:28px;background:#ffffffd1;color:var(--sky-deep);box-shadow:0 12px 26px #4160751f}.result-card__icon .icon{width:36px;height:36px}.result-card h2{position:relative;margin:0;font-size:clamp(2rem,9vw,3.15rem);line-height:.9;letter-spacing:-.08em}.result-card p{margin:12px auto 0;max-width:28rem;color:var(--ink-soft);font-weight:800;line-height:1.35}.reward-stack{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px 0}.fail-reason{margin:16px 0;padding:12px;border-radius:22px;background:#ffe8e1cc;color:#8a463c;font-weight:850}.result-actions{display:grid;gap:9px}@media(min-width:760px){.play-shell{width:min(100vw,1120px);grid-template-columns:280px minmax(360px,1fr);grid-template-rows:auto minmax(0,1fr) auto}.skyline-hud{grid-column:1 / -1}.mission-ribbon{grid-row:2;grid-column:1;align-self:start;grid-template-columns:1fr}.mission-ribbon__stats{flex-direction:column}.board-zone{grid-row:2 / 4;grid-column:2}.command-deck{grid-row:3;grid-column:1;grid-template-columns:1fr;align-self:end}.district-grid,.decor-market,.sticker-album{grid-template-columns:repeat(3,minmax(0,1fr))}.garage-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.wallet-strip .currency-pill{padding:7px 8px}.wallet-strip .currency-pill .icon{display:none}.mission-ribbon{grid-template-columns:1fr}.command-deck{grid-template-columns:1fr 1fr}.command-deck .ui-button--ad{grid-column:1 / -1}.decor-market,.sticker-album,.shelter-dashboard{grid-template-columns:1fr}.daily-hero,.setting-card,.decor-control{grid-template-columns:auto 1fr}.daily-hero .ui-button,.setting-card__action,.decor-control .ui-button{grid-column:1 / -1;width:100%}}.album-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--sky))}.new-ui-root,.play-shell,.screen-layer,.hub-overlay,.result-layer{overscroll-behavior:none}.play-shell{width:min(100vw,540px);min-height:0;padding:calc(8px + var(--safe-area-top)) clamp(8px,2.4vw,14px) calc(8px + var(--safe-area-bottom));gap:clamp(6px,1.2dvh,10px)}.skyline-hud{grid-template-columns:minmax(0,1fr);gap:7px}.level-badge{min-height:48px;padding:8px 12px;border-radius:20px}.level-badge span{font-size:clamp(.98rem,3.5vw,1.16rem);line-height:1.05}.level-badge strong{font-size:.72rem}.wallet-strip{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) var(--tap);gap:6px}.currency-pill,.screen-topbar__wallet span{min-width:0;min-height:34px;padding:6px 7px;gap:4px;box-shadow:0 7px 16px #4160751a}.currency-pill strong,.screen-topbar__wallet span{font-size:.84rem;letter-spacing:-.025em;white-space:nowrap}.currency-pill .icon,.screen-topbar__wallet .icon{width:1.02em;height:1.02em}.mission-ribbon{padding:9px 11px;border-radius:20px;gap:8px}.mission-ribbon>strong{font-size:clamp(.9rem,3.2vw,1rem);line-height:1.12}.stat-chip{min-width:48px;padding:5px 7px;border-radius:14px}.stat-chip span{font-size:.56rem}.stat-chip strong{font-size:.86rem}.mission-stat{min-width:48px;min-height:34px;padding:5px 8px}.board-zone{min-height:0;overflow:hidden}.board-frame{height:100%;min-height:220px;display:flex;padding:clamp(8px,1.8vw,11px);border-radius:clamp(20px,5vw,30px)}#gameCanvas{flex:1 1 auto;min-width:0;min-height:0;width:100%;height:100%;border-radius:clamp(16px,4vw,24px)}.command-deck{grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;gap:6px;border-radius:24px}.ui-button{min-width:0;padding:9px;gap:6px;line-height:1.05;font-size:.83rem}.ui-button .icon{width:1.05em;height:1.05em}.screen-layer,.hub-overlay,.result-layer{display:grid;place-items:center;overflow:hidden;padding:calc(10px + var(--safe-area-top)) calc(10px + var(--safe-area-right)) calc(10px + var(--safe-area-bottom)) calc(10px + var(--safe-area-left))}.hub-card,.screen-page,.result-card{pointer-events:auto;max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 20px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(72,190,204,.72) rgba(255,255,255,.18)}.hub-card::-webkit-scrollbar,.screen-page::-webkit-scrollbar,.result-card::-webkit-scrollbar{width:10px;height:10px}.hub-card::-webkit-scrollbar-track,.screen-page::-webkit-scrollbar-track,.result-card::-webkit-scrollbar-track{margin:24px 0;border-radius:999px;background:#ffffff42}.hub-card::-webkit-scrollbar-thumb,.screen-page::-webkit-scrollbar-thumb,.result-card::-webkit-scrollbar-thumb{border:3px solid rgba(255,255,255,.72);border-radius:999px;background:linear-gradient(180deg,#8fe9ee,#75d7aa)}.screen-page{width:min(100%,620px);padding:clamp(16px,4vw,26px)}.screen-topbar{position:relative;top:auto;margin:0 0 14px;padding:0;background:transparent;backdrop-filter:none;align-items:center}.screen-topbar__wallet{min-width:0;flex-wrap:wrap;justify-content:flex-end}.panel-title{margin-bottom:16px;padding-right:2px}.panel-title__kicker{display:block;margin-bottom:6px;line-height:1.1}.hub-card__header h2,.panel-title h1{margin:0;max-width:100%;overflow:visible;font-size:clamp(1.72rem,7vw,2.62rem);line-height:1.05;letter-spacing:-.055em;text-wrap:balance}.hub-card__header p,.panel-title p{margin-top:7px;line-height:1.35;font-size:clamp(.86rem,3.1vw,.98rem)}.route-scroll{max-height:none;overflow:visible;padding:4px 0 8px}.route-path{grid-template-columns:repeat(4,minmax(64px,1fr));gap:14px 10px;padding:10px 0 14px}.route-node{min-height:76px;transform:translateY(calc(var(--offset) * .35))}.garage-card{grid-template-columns:86px minmax(0,1fr);grid-template-areas:"art body" "btn btn";border-radius:24px;padding:10px}.garage-card__preview{height:104px;border-radius:20px}.decor-market,.sticker-album{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}.decor-tile,.cat-sticker,.setting-card,.decor-control,.daily-ticket{border-radius:22px}.decor-tile__art{height:94px;border-radius:19px}.shelter-dashboard{grid-template-columns:1fr}.room-scene{min-height:clamp(250px,48dvh,340px)}.room-meter{grid-template-columns:1fr auto;align-items:center}.room-meter i,.room-meter p{grid-column:1 / -1}@media(max-width:390px){.play-shell{padding-inline:7px}.wallet-strip{gap:4px}.currency-pill{padding-inline:5px}.currency-pill strong{font-size:.78rem}.mission-ribbon{grid-template-columns:1fr}.mission-ribbon__stats{justify-content:space-between}.command-deck{grid-template-columns:1fr}.ui-button{min-height:42px}.route-path{grid-template-columns:repeat(3,minmax(64px,1fr))}.screen-page{padding:14px;border-radius:26px}.hub-card__header h2,.panel-title h1{font-size:clamp(1.55rem,9vw,2.1rem)}}@media(min-width:760px){.play-shell{width:min(100vw,720px);grid-template-rows:auto minmax(0,1fr) auto}.skyline-hud{grid-template-columns:minmax(190px,1fr) minmax(330px,auto)}.mission-ribbon{position:absolute;left:max(18px,calc((100vw - min(100vw,720px))/2 + 18px));top:calc(84px + var(--safe-area-top));z-index:5;width:min(360px,calc(100vw - 36px));pointer-events:none}.board-frame{min-height:0}.screen-page{width:min(100%,660px)}.garage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-card{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"art body" "art btn"}}@media(min-width:760px){.play-shell{width:min(100vw,560px);max-width:560px;height:100dvh;min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;justify-items:stretch;gap:clamp(8px,1.1dvh,12px)}.skyline-hud{grid-column:1;grid-row:1;grid-template-columns:minmax(170px,1fr) minmax(316px,auto);align-items:center}.wallet-strip{width:auto}.mission-ribbon{position:static;grid-column:1;grid-row:2;z-index:1;width:100%;pointer-events:auto;grid-template-columns:minmax(0,1fr) auto}.mission-ribbon__stats{flex-direction:row;align-items:center}.board-zone{grid-column:1;grid-row:3;width:100%;min-height:0;display:grid;place-items:center;overflow:hidden}.board-frame{width:100%;height:clamp(390px,calc(100dvh - 206px - var(--safe-area-top) - var(--safe-area-bottom)),650px);min-height:0;max-height:100%;margin:0 auto}.command-deck{grid-column:1;grid-row:4;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch}}@media(min-width:760px)and (max-height:720px){.play-shell{width:min(100vw,520px);max-width:520px;gap:7px}.level-badge{min-height:42px}.mission-ribbon{padding-block:7px}.board-frame{height:clamp(300px,calc(100dvh - 182px - var(--safe-area-top) - var(--safe-area-bottom)),500px)}.command-deck{padding:4px}.ui-button{min-height:40px}}.new-ui-root[data-screen=levels] .screen-layer,.new-ui-root[data-screen=shop] .screen-layer,.new-ui-root[data-screen=collection] .screen-layer,.new-ui-root[data-screen=shelter] .screen-layer,.new-ui-root[data-screen=daily] .screen-layer,.new-ui-root[data-screen=settings] .screen-layer{z-index:60}@media(max-width:520px){.command-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px;border-radius:26px}.command-deck .ui-button{min-height:52px;padding:11px 10px}.command-deck .ui-button--ad{grid-column:1 / -1}.wallet-strip{gap:5px}.currency-pill{min-height:38px;padding-inline:8px}}.command-deck--compact{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)}.victory-summary{position:relative;display:grid;gap:5px;margin:16px auto 12px;padding:12px 14px;max-width:360px;border-radius:24px;background:linear-gradient(135deg,#ffffffdb,#e8f9ffd1);box-shadow:0 12px 24px #4160751a}.victory-summary strong{color:var(--ink);font-size:clamp(1.08rem,4.5vw,1.42rem);line-height:1.05;font-weight:1000;letter-spacing:-.04em}.unlock-message{margin:-4px auto 14px;padding:10px 12px;max-width:360px;border-radius:20px;background:#efffebdb;color:#25613d;font-weight:850;line-height:1.25}.daily-actions{display:grid;gap:8px;min-width:min(190px,100%)}.daily-actions .ui-button{white-space:normal}@media(max-width:430px){.command-deck--compact{grid-template-columns:1fr}.result-card{padding:18px}.result-card h2{font-size:clamp(1.75rem,8vw,2.35rem)}.daily-hero{grid-template-columns:auto 1fr}.daily-actions{grid-column:1 / -1;width:100%}}.task-list{display:grid;gap:12px}.task-card,.collection-gift,.chapter-progress-card,.chest-callout{border-radius:26px;background:#ffffffc7;box-shadow:0 12px 24px #41607517}.task-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px}.task-card.is-done{background:linear-gradient(135deg,#ecfff3,#dff8ff);outline:2px solid rgba(131,229,189,.45)}.task-card.is-claimed{opacity:.76;outline:0}.task-card__icon{width:52px;height:52px;border-radius:20px;display:grid;place-items:center;background:#eefaff;color:var(--sky-deep)}.task-card__body{min-width:0}.task-card h3{margin:0 0 4px;font-size:1rem;line-height:1.12;font-weight:1000;letter-spacing:-.035em}.task-card p,.task-card strong{display:block;margin:0;color:var(--ink-soft);font-size:.82rem;line-height:1.25;font-weight:850}.task-card i{display:block;height:7px;margin-top:8px;border-radius:999px;overflow:hidden;background:#3f9edb1f}.task-card b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--sky))}.collection-gift{margin:0 0 14px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.collection-gift.is-ready{background:linear-gradient(135deg,#fff7d8,#e5fff0);outline:2px solid rgba(255,214,110,.52)}.collection-gift>.icon,.collection-gift__icon{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;background:#ffffffbf;color:var(--sky-deep);font-size:1.35rem}.collection-gift strong,.collection-gift p{display:block;margin:0}.collection-gift strong{font-weight:1000;line-height:1.12}.collection-gift p{margin-top:4px;color:var(--ink-soft);font-size:.82rem;font-weight:850}.mini-claim{min-height:40px;border:0;border-radius:999px;padding:8px 12px;background:linear-gradient(135deg,var(--mint),#b6f4a0);color:#173729;font-weight:950;cursor:pointer}.mini-claim:disabled{background:#ffffffad;color:var(--ink-soft);cursor:not-allowed}.chapter-track button em{grid-column:1 / -1;font-style:normal;font-size:.68rem;color:inherit;opacity:.72}.chapter-progress-card{margin:0 0 10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chapter-progress-card span{color:var(--ink-soft);font-weight:850}.chapter-progress-card strong{font-weight:1000}.chest-callout{margin:10px auto 0;padding:10px 12px;width:fit-content;max-width:100%;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff7d8,#dff8ff);color:var(--ink);font-weight:1000}.daily-actions{display:grid;gap:8px}.victory-summary{margin:14px 0 0;display:grid;gap:4px;border-radius:22px;padding:12px;background:#ffffffa8}.victory-summary span,.victory-summary small{color:var(--ink-soft);font-weight:850}.victory-summary strong{font-weight:1000}.unlock-message{margin-top:9px;border-radius:20px;padding:10px 12px;background:#ecfff3d1;color:#276044;font-weight:850;line-height:1.25}@media(max-width:390px){.task-card,.collection-gift{grid-template-columns:auto 1fr}.task-card .ui-button,.collection-gift .mini-claim{grid-column:1 / -1;width:100%}}.rarity-epic{outline:2px solid rgba(255,214,110,.62)}.rarity-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;border-radius:999px;padding:4px 8px;background:#ffffffc7;color:var(--ink-soft);font-size:.66rem;font-weight:1000;line-height:1;white-space:nowrap}.rarity-pill--rare{background:#8fdcff47;color:#25607e}.rarity-pill--epic{background:#ffd66e57;color:#7a5710}.decor-tile .rarity-pill{position:absolute;top:10px;left:10px;z-index:2}.decor-tile,.decor-control{position:relative}.decor-control .rarity-pill{margin-top:5px}.album-progress--rare{background:linear-gradient(135deg,#ffffffc7,#fff6d2b8)}.event-page,.leaderboard-page{display:flex;flex-direction:column;gap:12px}.event-hero{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border-radius:28px;padding:14px;overflow:hidden;background:linear-gradient(135deg,#ffffffdb,#fff1c4b8);box-shadow:0 14px 30px #4160751a}.event-hero__badge{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--gold),var(--mint));color:#3a3310}.event-hero span,.event-hero p{display:block;margin:0;color:var(--ink-soft);font-weight:850}.event-hero strong{display:block;margin:3px 0;font-size:1.18rem;font-weight:1000}.event-hero>i{grid-column:1 / -1;height:8px;border-radius:999px;background:#3f9edb24;overflow:hidden}.event-hero>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--mint))}.event-reward-list,.leaderboard-list,.pack-list{display:grid;gap:10px}.event-reward,.leaderboard-row,.pack-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-radius:26px;padding:12px;background:#ffffffc7;box-shadow:0 12px 26px #4160751a}.event-reward.is-ready:not(.is-claimed){background:linear-gradient(135deg,#ecfff3e6,#fff8d2d6)}.event-reward.is-claimed,.pack-card.is-purchased{opacity:.76}.event-reward__icon,.pack-card__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:17px;background:#8fdcff3d;color:#26617d}.event-reward h3,.event-reward p,.pack-card h3,.pack-card p,.pack-card strong{margin:0}.event-reward h3,.pack-card h3{font-size:.98rem;font-weight:1000}.event-reward p,.pack-card p,.pack-card strong{color:var(--ink-soft);font-size:.78rem;font-weight:850}.pack-card__body{min-width:0;display:grid;gap:4px}.leaderboard-row{grid-template-columns:54px minmax(0,1fr) auto}.leaderboard-row strong{color:var(--ink-soft);font-weight:1000}.leaderboard-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:950}.leaderboard-row em{font-style:normal;font-weight:1000;color:#2b6a49}.empty-platform-state{min-height:220px;display:grid;place-items:center;gap:10px;text-align:center;border-radius:30px;padding:20px;background:#ffffffb8;color:var(--ink-soft);font-weight:950}.empty-platform-state svg{width:48px;height:48px;color:#d6a83a}.new-ui-root[data-screen=tasks] .screen-layer,.new-ui-root[data-screen=event] .screen-layer,.new-ui-root[data-screen=leaderboard] .screen-layer{z-index:60}@media(max-width:430px){.event-reward,.pack-card{grid-template-columns:auto 1fr}.event-reward .ui-button,.pack-card .ui-button{grid-column:1 / -1;width:100%}.leaderboard-row{grid-template-columns:44px minmax(0,1fr) auto}}.wallet-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) var(--tap);align-items:center;gap:6px;min-width:0}.wallet-strip .currency-pill{width:100%;min-width:0;overflow:hidden}.wallet-strip .currency-pill strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.wallet-strip .icon-button{justify-self:end;width:var(--tap);min-width:var(--tap);height:var(--tap)}@media(min-width:760px){.skyline-hud{grid-template-columns:minmax(164px,1fr) minmax(348px,auto)}.wallet-strip{width:100%}}@media(max-width:430px){.wallet-strip{grid-template-columns:repeat(4,minmax(0,1fr)) 40px;gap:4px}.wallet-strip .icon-button{width:40px;min-width:40px;height:40px}}