:root{--bg:#fbf7ef;--bg-card:#fffdf8;--bg-sheet:#fffaf2;--ink:#1f2a5a;--ink-soft:#5d6684;--ink-muted:#8a90a8;--mint:#1fcdbf;--mint-dark:#13a99c;--mint-soft:#dff5f1;--mint-ink:#117a6f;--coral:#e99d89;--coral-soft:#ffe1e1;--sun:#f6c445;--line:#ebe3d3;--shadow:0 8px 24px #1f2a5a14;--shadow-soft:0 3px 10px #1f2a5a0f;--radius-card:24px;--radius-pill:999px;--radius-tile:16px;--font-scale:1}:root[data-text-size=large]{--font-scale:1.15}html,body{background:var(--bg)}body{color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,ui-rounded,system-ui,sans-serif;font-size:calc(16px * var(--font-scale))}.page{max-width:480px;min-height:100dvh;margin:0 auto;padding:16px 16px 120px;position:relative}.page-title{letter-spacing:.5px;margin:22px 0 14px;font-size:34px;font-weight:900}.hint-text{color:var(--ink-soft);font-size:14px;line-height:1.6}.icon-btn{width:44px;height:44px;box-shadow:var(--shadow-soft);color:var(--ink);background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.pill{background:linear-gradient(180deg, #3fdcd0 0%, var(--mint) 100%);color:#fff;border-radius:var(--radius-pill);box-shadow:0 6px 0 var(--mint-dark);border:0;justify-content:center;align-items:center;gap:6px;padding:14px 28px;font-size:20px;font-weight:800;display:inline-flex}.pill:active{box-shadow:0 3px 0 var(--mint-dark);transform:translateY(3px)}.pill.outline{color:var(--ink);box-shadow:var(--shadow-soft);border:1px solid var(--line);background:#fff}.pill.wide{width:100%}.pill.soft{color:var(--ink);box-shadow:var(--shadow-soft);background:#fff;padding:14px 20px;font-size:17px}.gear{top:max(14px, env(safe-area-inset-top));z-index:20;width:48px;height:48px;color:var(--ink);box-shadow:var(--shadow);background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;right:14px}.notice-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;margin-bottom:14px;padding:16px}.offline-bar{color:#7a5c00;background:#fff3c4;border-radius:12px;padding:8px 12px;font-size:13px}.tabbar{width:min(100%,480px);padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:20;background:#fff;border-radius:28px 28px 0 0;gap:6px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 24px #1f2a5a14}.tabbar button{color:var(--ink);background:0 0;border:0;border-radius:28px;flex-direction:column;flex:1;gap:2px;min-height:64px;padding:10px 6px;font-size:14px;font-weight:700}.tabbar button.active{background:var(--mint);color:#fff}.explore{padding-top:76px}.continue-card{border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow);text-align:left;background:#fff;border:0;align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.continue-card:disabled{opacity:.6}.continue-art{aspect-ratio:1.12;background:#fff1d8;border-radius:0;flex:0 0 48%;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.continue-art img{object-fit:cover;object-position:72% 55%;transform-origin:72% 55%;width:100%;height:100%;transform:scale(1.35)}.continue-text{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:6px;padding:14px 14px 14px 16px;display:flex}.continue-text strong{font-size:26px;font-weight:900;line-height:1.2}.continue-text small{color:var(--ink-soft);font-size:14px}.continue-text .pill{width:100%;margin-top:6px}.pack-list{flex-direction:column;gap:14px;display:flex}.pack-card{aspect-ratio:2.3;border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow);background-color:#eadfca;background-position:50%;background-size:cover;border:0;justify-content:flex-start;align-items:flex-start;padding:14px;position:relative;overflow:hidden}.pack-label{background:#fffdf8f0;border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;min-width:150px;padding:10px 14px 12px;display:flex}.pack-label strong{font-size:24px;font-weight:900}.pack-label small{color:var(--ink-soft);font-size:14px;font-weight:700}.pack-label .bar{background:#e5efee;border-radius:999px;width:100%;height:10px;overflow:hidden}.pack-label .bar span{background:var(--mint);border-radius:999px;height:100%;display:block}.lock-badge{background:var(--mint-soft);width:40px;height:40px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.overlay{z-index:30;background:#1f2a5a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-sheet);border-radius:28px 28px 0 0;outline:none;flex-direction:column;width:min(100%,520px);max-height:94dvh;animation:.28s ease-out rise;display:flex;position:relative;box-shadow:0 -8px 30px #00000026}.sheet-handle{background:#c9c4b8;border-radius:3px;flex-shrink:0;width:56px;height:6px;margin:10px auto 4px}.sheet-head{justify-content:space-between;align-items:center;padding:6px 20px 8px;display:flex}.sheet-head h2{margin:0;font-size:30px;font-weight:900}.sheet-body{padding:4px 16px calc(24px + env(safe-area-inset-bottom));flex:1;overflow:auto}@keyframes rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.reduce-motion .sheet{animation:.2s ease-out fade}@keyframes fade{0%{opacity:0}to{opacity:1}}.settings h3{margin:14px 2px 2px;font-size:20px;font-weight:900}.settings .group+.group{margin-top:14px}.group{box-shadow:var(--shadow-soft);background:#fff;border-radius:20px;padding:4px 14px}.group .row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:10px 2px;font-size:17px;font-weight:800;display:flex;font-size:18px!important}.group .row:last-child{border-bottom:0}.group .row small{color:#3a5a9a;align-items:center;gap:4px;font-size:16px;font-weight:800;display:inline-flex}.group .row.disabled{opacity:.6}.group .row .check{color:var(--mint)}.check-badge{background:var(--mint-soft);width:32px;height:32px;color:var(--mint-ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}input.switch[type=checkbox]{appearance:none;cursor:pointer;background:#c8c8cc;border:0;border-radius:999px;flex:0 0 56px;width:56px;height:34px;margin:0;padding:0;transition:background .2s;position:relative}input.switch[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}input.switch[type=checkbox]:checked{background:var(--mint)}input.switch[type=checkbox]:checked:after{transform:translate(22px)}.back-link{color:var(--ink);background:0 0;border:0;align-items:center;gap:2px;padding:8px 4px;font-size:17px;font-weight:800;display:inline-flex}.sub-title{margin:4px 4px 14px;font-size:30px;font-weight:900}.preview-clue{padding:12px 4px;font-size:18px}.about-head{flex-direction:column;align-items:center;gap:4px;padding:12px 0 18px;display:flex}.about-head img{object-fit:contain;width:96px;height:96px}.about-head strong{letter-spacing:1px;font-size:32px;font-weight:900}.credits .row small{text-align:right;color:var(--ink-soft)!important}.about-head small{color:var(--ink-soft)}.about-head a{color:var(--mint-ink);font-weight:700}.levels{background-color:#e9e3cf;background-position:top;background-size:cover;max-width:480px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.float-left{top:max(14px, env(safe-area-inset-top));z-index:20;width:48px;height:48px;box-shadow:var(--shadow);position:fixed;left:max(14px,50% - 226px)}.paw-path{pointer-events:none;height:calc(100dvh - 130px);position:absolute;inset:0}.paw-path .paw{width:20px;height:20px;position:absolute}.paw-path .paw svg{fill:#9664378c;display:block}.nodes{height:calc(100dvh - 130px);position:absolute;inset:0}.node-wrap{align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%,-50%)}.node-anchor{display:inline-flex;position:relative}.node{width:82px;height:82px;box-shadow:0 6px 0 #d6cbb2, var(--shadow-soft);color:var(--ink);background:#fffaf0;border:0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:30px;font-weight:900;display:flex;position:relative}.node .num{line-height:1}.node.locked{color:var(--ink-soft);font-size:22px}.node.locked .num{font-size:20px}.node.current{box-shadow:0 0 0 5px var(--mint), 0 8px 0 #c9bea6, var(--shadow-soft);background:#fffdf6;font-size:36px}.node .tick{background:var(--mint);color:#fff;width:30px;height:30px;box-shadow:var(--shadow-soft);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-10px;right:-10px}.node-cat{pointer-events:none;z-index:2;width:72px;height:72px;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.node-cat img,.node-cat .cat{object-fit:contain;width:100%;height:100%}.node-info{box-shadow:var(--shadow);white-space:nowrap;z-index:3;background:#fffdf8f7;border-radius:16px;flex-direction:column;gap:2px;padding:10px 14px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.node-info.right{left:calc(100% + 12px)}.node-info.left{right:calc(100% + 12px)}.node-info strong{font-size:20px;font-weight:900}.node-info small{color:var(--ink-soft);font-size:14px;font-weight:800}.levels-cta{width:min(100%,480px);padding:14px 16px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#fbf7efeb;border-radius:24px 24px 0 0;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.levels-notice{position:absolute;top:80px;left:16px;right:16px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.game{max-width:560px;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));box-sizing:border-box;flex-direction:column;gap:8px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.game-top{min-width:0;padding-top:max(4px, env(safe-area-inset-top));align-items:center;gap:8px;display:flex}.game-top .icon-btn{border-radius:14px;flex-shrink:0;width:46px;height:46px}.game-top .timer{min-width:0;height:46px;box-shadow:var(--shadow-soft);font-variant-numeric:tabular-nums;background:#fff;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:20px;font-weight:900;display:inline-flex}.game-top .timer.title-only{font-size:17px}.game-top .hint-btn{flex-shrink:0;gap:2px;width:auto;min-width:46px;padding:0 10px 0 6px}.game-top .hint-btn .bulb-icon{margin:-4px -2px}.game-top .hint-btn b{font-size:20px}.level-title{text-align:center;color:var(--ink-soft);margin:-2px 0 0;font-size:15px;font-weight:700}.board-wrap{box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:6px}.board-wrap .board{border-color:#c9b89a;border-radius:16px}.tools{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tools button{box-shadow:var(--shadow-soft);min-height:48px;color:var(--ink);background:#fff;border:0;border-radius:14px;gap:6px;padding:8px;font-size:16px;font-weight:800}.tools button.active{background:var(--mint);color:#fff;box-shadow:0 4px 0 var(--mint-dark)}.cat-bar{scroll-snap-type:x proximity;grid-auto-columns:minmax(64px,1fr);grid-auto-flow:column;gap:8px;padding:4px 2px;display:grid;overflow-x:auto}.cat-card{box-shadow:var(--shadow-soft);scroll-snap-align:start;background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-height:92px;padding:6px 4px;display:flex;position:relative}.cat-card.chosen{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft), var(--shadow-soft);background:#effaf7}.cat-card.placed{opacity:.9}.cat-avatar{justify-content:center;align-items:flex-end;width:56px;height:56px;display:flex}.cat-avatar img,.cat-avatar .cat{object-fit:contain;width:100%;height:100%}.cat-name{font-size:14px;font-weight:900}.cat-tick{background:var(--mint);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:-6px;right:-6px}.clue-card{box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;align-items:center;gap:12px;min-height:64px;padding:10px 14px;display:flex}.clue-icon{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.clue-icon img,.clue-icon .cat{object-fit:contain;width:100%;height:100%}.clue-card p{margin:0;font-size:18px;font-weight:800;line-height:1.4}.status{color:#a1452b;margin:0 4px;font-size:14px;font-weight:700}.check-btn{margin-top:auto;font-size:20px}.check-btn:disabled{box-shadow:none;color:#4a6176;opacity:1;background:#d4e3ec}.pill.danger{background:var(--coral);box-shadow:0 6px #c97d6a}.link-btn{color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:16px;font-weight:800;display:inline-flex}.two{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 4px;display:grid}.two .pill{width:100%}.pill.wide{margin:6px 0}.center{text-align:center}.tiny{font-size:12px}.hint-empty .peek-cat{pointer-events:none;z-index:2;width:150px;position:absolute;top:-66px;left:10px}.sheet-title-center{text-align:center;justify-content:center;align-items:center;gap:8px;margin:8px 0 4px;font-size:28px;font-weight:900;display:flex}.sheet-title-left{margin:6px 0 10px;font-size:28px;font-weight:900}.divider{color:var(--ink-soft);align-items:center;gap:12px;margin:12px 0 6px;font-size:14px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.hint-pack-row{width:100%;color:var(--ink);background:#fff;border:2px solid #1fcdbf8c;border-radius:18px;align-items:center;gap:12px;margin:8px 0;padding:12px 16px;font-size:21px;font-weight:900;display:flex}.hint-pack-row strong{text-align:left;flex:1}.hint-pack-row small{color:var(--mint-ink);font-size:16px;font-weight:800}.hint-pack-row .bulb{font-size:26px}.hint-bubble{z-index:31;top:calc(max(4px, env(safe-area-inset-top)) + 64px);box-shadow:var(--shadow);white-space:nowrap;background:#fff;border-radius:999px;padding:8px 18px 8px 12px;font-size:16px;font-weight:900;animation:.25s ease-out fade;position:fixed;left:50%;transform:translate(-50%)}.hint-clue{margin:4px 0 12px;font-size:21px;font-weight:900}.hint-result .sheet-title-left{font-size:30px}.hint-result .hint-text{font-size:16px}.howto .rule{box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;align-items:center;gap:14px;margin:10px 0;padding:12px;display:flex}.howto .rule strong{margin-bottom:4px;font-size:18px;font-weight:900;line-height:1.3;display:block}.howto .rule p{color:var(--ink-soft);margin:0;font-size:15px;font-weight:600;line-height:1.5}.mini-board{border-radius:12px;flex-shrink:0;grid-template-rows:repeat(3,38px);grid-template-columns:repeat(3,38px);display:grid;overflow:hidden;box-shadow:0 0 0 1px #785a3240}.mini-cell{background-color:#efe5d1;background-size:120px 120px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset -1px -1px #ffffff80}.mini-cell.edge-right:after{content:"";z-index:1;background:#8a5a2b;border-radius:2px;width:6px;position:absolute;top:0;bottom:0;right:-3px}.mini-cell img,.mini-cell .cat{object-fit:contain;width:90%;height:90%}.mini-mark{width:60%;height:60%}.mini-prop{object-fit:contain;width:90%;height:90%}.mini-cell .stack{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.mini-cell .stack>*{width:88%;height:88%;position:absolute;inset:6%}.mini-note{border:2px dashed #fff;border-radius:8px;justify-content:center;align-items:center;width:82%;height:82%;display:flex;box-shadow:0 0 0 1px #503c2833}.mini-note img,.mini-note .cat{width:90%;height:90%}.complete{text-align:center;padding-top:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.confetti{pointer-events:none;z-index:0;height:230px;position:absolute;top:0;left:0;right:0}.confetti i{width:9px;height:22px;transform:rotate(var(--r));border-radius:5px;animation:.6s ease-out both pop;position:absolute}@keyframes pop{0%{opacity:0;transform:translateY(-14px) rotate(var(--r)) scale(.6)}to{opacity:1;transform:rotate(var(--r))}}.reduce-motion .confetti i{animation:none}.complete-title{z-index:1;letter-spacing:1px;margin:22px 0 4px;font-size:38px;font-weight:900;position:relative}.complete>:not(.confetti):not(.overlay){z-index:1;position:relative}.complete-sub{color:var(--ink-soft);margin:0 0 16px;font-weight:700}.celebration-art{border-radius:var(--radius-card);aspect-ratio:1;box-shadow:var(--shadow);background:#fff1d8;overflow:hidden}.celebration-art img{object-fit:cover;width:100%;height:100%}.celebration-art.wide{aspect-ratio:4/3}.celebration-art.story{aspect-ratio:16/9}.story-outro{text-align:center;color:var(--ink);margin:2px 12px 0;font-size:16px;font-weight:800;line-height:1.45}.game-stage{position:relative}.story-intro{z-index:20;width:max-content;max-width:calc(100% - 32px);color:var(--ink);font:inherit;text-align:center;cursor:pointer;background:#fffdf6f7;border:0;border-radius:16px;margin:0;padding:9px 16px;font-size:15px;font-weight:800;line-height:1.35;animation:.35s ease-out both story-in;position:absolute;top:clamp(6px,1.2dvh,12px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #3c28142e}.story-intro.out{animation:.4s ease-in both story-out}@keyframes story-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes story-out{to{opacity:0;transform:translate(-50%,-8px)}}.reduce-motion .story-intro,.reduce-motion .story-intro.out{animation-duration:10ms}.complete-title{font-size:clamp(30px,9vw,38px)}.stats{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);z-index:1;background:#fff;align-items:center;margin:16px 0;padding:16px 14px;display:flex;position:relative}.stat{text-align:left;flex:1;align-items:center;gap:12px;display:flex}.stat-divider{background:var(--line);align-self:stretch;width:1px;margin:0 10px}.stat-icon{width:48px;height:48px;color:var(--ink);background:#f5efe2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-text{flex-direction:column;display:flex}.stat small{color:var(--ink-soft);font-size:15px;font-weight:800}.stat strong{font-variant-numeric:tabular-nums;font-size:32px;font-weight:900;line-height:1.1}.next-pack-card{height:92px;box-shadow:var(--shadow-soft);background-color:#e9e0cc;background-position:50%;background-size:cover;border-radius:20px;align-items:flex-end;margin-bottom:10px;padding:12px;display:flex}.next-pack-card span{background:#fffdf8f0;border-radius:12px;padding:6px 12px;font-weight:900}.share-canvas{width:100%;box-shadow:var(--shadow);border-radius:20px;margin-bottom:14px;display:block}.shop{padding-top:70px}.carousel{scrollbar-width:none;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 8px;display:flex;overflow-x:auto}.shop-pack{aspect-ratio:1.75;border-radius:var(--radius-card);scroll-snap-align:start;box-shadow:var(--shadow);background-color:#eadfca;background-position:50%;background-size:cover;border:0;flex:0 0 82%;justify-content:flex-start;align-items:flex-start;padding:14px;position:relative}.shop-pack-text{text-align:left;--halo:0 0 2px #fff, 0 0 4px #fff, 0 0 8px #fffffff2, 0 0 14px #fffc;flex-direction:column;align-items:flex-start;padding:4px 6px;display:flex}.shop-pack-text strong{text-shadow:var(--halo);font-size:30px;font-weight:900;line-height:1.15}.shop-pack-text small{color:var(--ink-soft);text-shadow:var(--halo);font-size:15px;font-weight:800}.price-chip{box-shadow:var(--shadow-soft);color:var(--ink);background:#fff;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:900;position:absolute;bottom:14px;right:14px}.price-chip.soft{box-shadow:none;color:var(--ink-soft);background:#fbf1df;align-self:stretch;padding:6px 12px;font-size:14px;position:static}.dots{justify-content:center;gap:8px;margin:4px 0 10px;display:flex}.dots i{background:#d8d2c4;border-radius:50%;width:10px;height:10px}.dots i.on{background:var(--mint)}.shop-head{justify-content:space-between;align-items:center;display:flex}.balance-chip{box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:900;display:inline-flex}.ad-btn{font-size:20px}.ad-btn:disabled{opacity:.55}.hint-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 8px;display:grid}.hint-card{box-shadow:var(--shadow-soft);color:var(--ink);background:#fff;border:0;border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px 10px;display:flex}.hint-card strong{font-size:34px;font-weight:900;line-height:1}.hint-card small{color:var(--ink-soft);font-size:13px;font-weight:800}.hint-card img{object-fit:contain;width:92px;height:92px;margin:2px 0 6px}.confirm-hint{text-align:center}.confirm-hint img{object-fit:contain;width:120px;height:120px}.confirm-hint h2{margin:6px 0;font-size:28px;font-weight:900}.pack-detail{padding-top:max(14px, env(safe-area-inset-top))}.pack-detail .float-left{margin:0 0 12px;position:static}.hero{aspect-ratio:1.6;border-radius:var(--radius-card);box-shadow:var(--shadow);background-color:#eadfca;background-position:50%;background-size:cover}.tag{background:var(--mint-soft);color:var(--mint-ink);border-radius:999px;align-items:center;gap:6px;margin:16px 0 6px;padding:6px 14px;font-weight:900;display:inline-flex}.detail-title{margin:0;font-size:40px;font-weight:900}.detail-desc{color:var(--ink-soft);margin:6px 0 14px;font-size:18px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{box-shadow:var(--shadow-soft);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:10px 12px;font-weight:900;display:inline-flex}.chip svg{color:var(--mint)}.thumbs{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.thumbs img{aspect-ratio:1.33;object-fit:cover;background:#eadfca;border-radius:18px;width:100%}.benefits{box-shadow:var(--shadow-soft);background:#fff;border-radius:20px;margin:8px 0 14px;padding:6px 14px}.benefits p{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin:0;padding:12px 0;font-weight:800;display:flex}.benefits p:last-child{border-bottom:0}.daily{padding-top:70px}.date-chip{box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;align-items:center;gap:8px;margin:0 auto;padding:10px 20px;font-size:20px;font-weight:900;display:inline-flex}.daily .page-title.center,.daily .date-chip{justify-content:center;display:flex}.daily .date-chip{width:fit-content}.countdown{text-align:center;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:8px 0 14px;font-weight:700}.board-card{border-radius:var(--radius-card);box-shadow:var(--shadow);background:#fff;padding:14px}.board-card header{align-items:center;gap:8px;display:flex}.board-card h2{flex:1;margin:0;font-size:26px;font-weight:900}.band-chip{background:var(--mint-soft);color:var(--mint-ink);border-radius:999px;padding:6px 14px;font-weight:900}.ranks{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.rank-row{background:var(--bg);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-weight:800;display:flex}.rank-row .rank{text-align:center;width:28px;color:var(--ink-soft);font-weight:900}.rank-row .rank.gold{color:var(--sun)}.rank-row .flag{font-size:26px}.rank-row .name{flex:1;font-size:18px}.rank-row .time{font-variant-numeric:tabular-nums;font-size:18px}.me-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;align-items:center;gap:14px;margin:12px 0;padding:14px;display:flex}.me-card .flag.big{font-size:40px}.me-text{flex-direction:column;flex:1;display:flex}.me-text strong{font-size:20px;font-weight:900}.me-text small{color:var(--ink-soft);font-weight:700}.me-card .time{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:24px;font-weight:900}.daily-actions{grid-template-columns:2fr 3fr;gap:10px;display:grid}.daily-actions .pill{width:100%;font-size:20px}.band-btn{font-size:18px!important}.rules-list{flex-direction:column;gap:12px;margin:0 0 14px;padding:0;font-size:16px;font-weight:800;list-style:none;display:flex}.rules-list li{align-items:center;gap:12px;display:flex}.rule-icon{background:var(--mint-soft);width:40px;height:40px;color:var(--mint-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.daily-result{text-align:center;padding-top:70px}.daily-art{aspect-ratio:1.85;justify-content:center;align-items:center;margin:6px -6px 0;display:flex;overflow:hidden}.daily-art img{object-fit:cover;width:100%;height:100%}.big-stat{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;flex-direction:column;align-items:center;gap:4px;margin:12px 0;padding:16px;display:flex}.big-stat small{color:var(--ink);align-items:center;gap:6px;font-size:18px;font-weight:900;display:inline-flex}.big-stat strong{font-variant-numeric:tabular-nums;font-size:48px;font-weight:900}.big-stat strong.muted{color:var(--ink-soft);font-size:22px}.status-chip{color:#7a5c00;background:#fff3c4;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex}.status-chip.ok{background:var(--mint-soft);color:var(--mint-ink)}.two-links{justify-content:center;align-items:center;gap:8px;display:flex}.vsep{background:var(--line);width:1px;height:22px}.two-links .link-btn{width:auto}.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:24px;display:flex}.splash-logo img{object-fit:contain;width:160px;height:160px}.splash-logo h1{letter-spacing:1px;margin:6px 0 0;font-size:48px;font-weight:900}.splash-logo p{color:var(--ink-soft);margin:4px 0 0;font-weight:700}.splash-loading{color:var(--ink-soft);align-items:center;gap:6px;font-weight:700;display:flex}.dots-anim i{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-left:4px;animation:1.2s infinite blink;display:inline-block}.dots-anim i:nth-child(2){animation-delay:.2s}.dots-anim i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.splash-error{border-radius:var(--radius-card);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:10px;padding:18px;display:flex}.coach{z-index:25;pointer-events:none;width:min(100% - 24px,456px);position:fixed;left:50%;transform:translate(-50%)}.coach-0,.coach-1,.coach-3{top:calc(max(8px, env(safe-area-inset-top)) + 96px)}.coach-2{bottom:calc(16px + env(safe-area-inset-bottom))}.coach-card{pointer-events:auto;border:2px solid var(--mint);background:#fff;border-radius:20px;padding:14px 16px;box-shadow:0 12px 32px #1f2a5a38}.coach-card small{color:var(--mint-ink);font-weight:900}.coach-card p{margin:6px 0 10px;font-size:17px;font-weight:800;line-height:1.5}.coach-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.coach-actions .link-btn{width:auto;padding:8px}.coach-actions .pill{padding:10px 20px;font-size:17px}.tut-0 .cat-bar{outline:4px solid var(--mint);outline-offset:4px;border-radius:18px;animation:1.2s infinite pulse}.tut-1 .clue-card,.tut-1 .tools button:first-child{outline:4px solid var(--mint);outline-offset:3px;animation:1.2s infinite pulse}.tut-2 .board-wrap{outline:4px solid var(--mint);outline-offset:2px;animation:1.2s infinite pulse}.tut-3 .check-btn,.tut-3 .tools button:nth-child(2){outline:4px solid var(--mint);outline-offset:3px}@keyframes pulse{0%,to{outline-color:var(--mint)}50%{outline-color:#a9e6dd}}.reduce-motion .tut-0 .cat-bar,.reduce-motion .tut-1 .clue-card,.reduce-motion .tut-2 .board-wrap{animation:none}.ad-btn:disabled{background:var(--mint);color:#fff;opacity:.55;box-shadow:0 6px 0 var(--mint-dark)}.hint-pack-row .bulb-icon{flex-shrink:0}.hint-bubble{align-items:center;gap:6px;display:inline-flex}.check-failed .sheet-title-left{font-size:24px;line-height:1.3}.fail-reason{margin:0 0 12px;font-size:18px;font-weight:800}.sandbox-tag{text-align:center;background:var(--mint-soft);color:var(--mint-ink);border-radius:999px;align-self:center;margin:0;padding:4px 12px;font-size:13px;font-weight:800}.carousel::-webkit-scrollbar{display:none}.cat-bar::-webkit-scrollbar{display:none}.cat-bar{scrollbar-width:none}.board-empty{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px 0 6px;display:flex}.board-empty img{object-fit:contain;width:180px;height:135px}.board-empty p{margin:0;font-size:18px;font-weight:900}.board-empty small{color:var(--ink-soft);font-weight:700}.game-head,.game-controls{display:contents}.game-stage{box-sizing:border-box;flex:1 1 0;justify-content:center;align-items:flex-start;min-width:0;min-height:0;padding-top:clamp(2px,.8dvh,8px);display:flex;overflow:hidden;container-type:size}.game .board-wrap{box-sizing:border-box;flex:none;width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.game .check-btn{margin-top:0}@media (width>=560px) and (aspect-ratio>=10/11){main.game{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(300px,38vw,400px);gap:8px 16px;max-width:none;display:grid}.game-head{flex-direction:column;grid-column:1/-1;gap:6px;display:flex}.game-stage{grid-area:2/1;align-items:center;padding-top:0}.game-controls{flex-direction:column;grid-area:2/2;justify-content:center;gap:10px;min-width:0;min-height:0;display:flex;overflow:hidden}.game .cat-bar{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));grid-auto-flow:row;overflow:visible}}.game{padding-top:max(clamp(6px, 1.2dvh, 10px), env(safe-area-inset-top));padding-bottom:calc(clamp(6px, 1.2dvh, 10px) + env(safe-area-inset-bottom));gap:clamp(5px,1dvh,8px)}.game-top{gap:clamp(6px,1dvh,8px)}.game-top .icon-btn{border-radius:clamp(11px,1.7dvh,14px);width:clamp(36px,5.6dvh,46px);height:clamp(36px,5.6dvh,46px);min-height:0}.game-top .timer{height:clamp(36px,5.6dvh,46px);font-size:clamp(16px,2.3dvh,20px)}.level-title{font-size:clamp(12px,1.8dvh,15px)}.game .board-wrap{box-shadow:none;background:0 0;border-radius:clamp(14px,2dvh,18px);padding:0}.game .board-wrap .board{border-radius:inherit;box-shadow:none}.tools button{min-height:clamp(36px,5.2dvh,48px);padding:clamp(4px,.8dvh,8px);font-size:clamp(14px,1.9dvh,16px)}.cat-card{gap:clamp(1px,.4dvh,4px);min-height:0;padding:clamp(3px,.6dvh,6px) 2px}.cat-avatar{width:clamp(34px,6.2dvh,56px);height:clamp(34px,6.2dvh,56px)}.cat-name{font-size:clamp(11px,1.6dvh,14px)}.clue-card{min-height:clamp(46px,6.8dvh,64px);padding:clamp(6px,1dvh,10px) clamp(10px,1.6dvh,14px)}.clue-icon{width:clamp(32px,5.2dvh,48px);height:clamp(32px,5.2dvh,48px)}.clue-card p{font-size:clamp(15px,2.1dvh,18px)}.check-btn{padding:clamp(9px,1.5dvh,14px) 20px;font-size:clamp(16px,2.3dvh,20px)}.clue-card .kw{min-height:0;font:inherit;color:var(--mint-ink);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:0;padding:0 2px;font-weight:900;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline}.clue-card .kw.on{background:var(--mint-soft);text-decoration:none}.clue-card .kw-cat{color:#b5562f}.overlay:has(>.sheet.hint-result){background:#3c2d191f}.sheet.hint-result .hint-clue{font-weight:700}.cat-bar.fit{grid-auto-flow:row;grid-template-columns:repeat(var(--cats), minmax(0, 1fr));grid-auto-columns:unset;gap:clamp(4px,1.4vw,8px);overflow:visible}.cat-bar.fit .cat-card{min-width:0}.cat-bar.fit .cat-avatar{width:min(clamp(34px,6.2dvh,56px),100%)}.cat-bar.fit .cat-name{white-space:nowrap;font-size:clamp(10px,min(1.6dvh,3.2vw),14px)}.cat{aspect-ratio:1;background-image:url(/art/cats.png);background-size:1150%;background-position:var(--cat-x,17%) 95%;background-repeat:no-repeat;border-radius:16px;width:100%;display:inline-block}.board{--edge-w:4px;aspect-ratio:1;border-radius:14px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.board-grid{width:100%;height:100%;display:grid}.cell{aspect-ratio:1;cursor:pointer;background-repeat:repeat;background-size:calc(100cqw / var(--n) * 2.5) calc(100cqw / var(--n) * 2.5);background-position:calc(-1 * var(--col) * 100cqw / var(--n)) calc(-1 * var(--row) * 100cqw / var(--n));border:0;border-radius:0;min-width:0;min-height:0;margin:0;padding:0;position:relative;overflow:visible;box-shadow:inset -1px -1px #ffffff8c,inset 1px 1px #ffffff40}.cell:after{content:"";border-style:solid;border-color:var(--edge);border-width:var(--bt) var(--br) var(--bb) var(--bl);pointer-events:none;z-index:3;position:absolute;inset:0}.cell:hover:not(.blocked){filter:brightness(1.04)}.cell:focus-visible{outline:3px solid var(--mint,#2fbfb0);outline-offset:-3px}.cell.focus:before{content:"";z-index:1;pointer-events:none;background:#2fbfb047;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #2fbfb0e6}.prop.glyph{font-size:calc(100cqw / var(--n) * .5);color:#8b6a44;opacity:.6;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}img.prop{z-index:2;pointer-events:none;object-fit:contain;filter:drop-shadow(0 2px 2px #5032142e);position:absolute}img.prop.single{width:88%;height:88%;top:6%;left:6%}img.prop.h{width:194%;height:84%;top:8%;left:3%}img.prop.v{width:84%;height:194%;top:3%;left:8%}img.cat-art.placed,.cell>.cat{z-index:4;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 3px #3c281440);width:92%;height:92%;position:absolute;top:4%;left:4%}.cell.selected-cat:before{content:"";box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--mint,#2fbfb0);z-index:5;pointer-events:none;border-radius:10px;position:absolute;inset:2px}.mark{z-index:3;pointer-events:none;position:absolute;inset:0}.mark:before,.mark:after{content:"";opacity:.8;background:#6d6a7a;border-radius:4px;width:46%;height:9%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.mark:after{transform:translate(-50%,-50%)rotate(-45deg)}.mark.auto:before,.mark.auto:after{opacity:.32;width:32%;height:6%}.notes{z-index:4;pointer-events:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;gap:6%;display:grid;position:absolute;inset:7%}.notes.n1{grid-template-rows:1fr;grid-template-columns:1fr;inset:16%}.notes.n2{grid-template-rows:auto;align-content:center}.note{aspect-ratio:1;background:#ffffff4d;border:2px dashed #fffffff2;border-radius:22%;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;box-shadow:0 0 0 1px #503c282e}.notes.n1 .note{width:auto;height:100%}.note img,.note .cat{object-fit:contain;width:92%;height:92%}.note.more{color:#1f2a5a;font-size:11px;font-weight:900}img.cat-art.note{display:block}.region-labels{pointer-events:none;z-index:6;position:absolute;inset:0}.region-label{font-size:calc(100cqw / var(--n) * var(--lfs,.18));letter-spacing:.02em;white-space:nowrap;background:#fffdf6f5;border-radius:999px;padding:.12em .55em;font-weight:800;line-height:1.25;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px #3c281438}img.cat-art.avatar{object-fit:contain;width:100%;height:100%;display:block}.zoom{align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.zoom input{flex:1;min-width:0}.cell.conflict:before{content:"";z-index:5;pointer-events:none;background:#e9574a2e;border-radius:10px;animation:.4s ease-in-out 2 shake;position:absolute;inset:2px;box-shadow:0 0 0 3px #fff,0 0 0 6px #e9574a}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.reduce-motion .cell.conflict:before{animation:none}.cell.tiled{box-shadow:none}.board-zoom{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.board-zoom .board-grid{height:100%}.board{touch-action:pan-y}.board.zoomed{touch-action:none}.zoom-reset{z-index:8;color:var(--ink,#1f2a5a);background:#fffdf6f2;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #3c281438}.board-zoom .grid-lines{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.board-zoom .grid-lines line{stroke:#462d1447;stroke-width:1px;vector-effect:non-scaling-stroke}.board-zoom .grid-lines{z-index:1}.board-zoom .prop-sprites{pointer-events:none;z-index:2;position:absolute;inset:0}.board-zoom .prop-sprites img{object-fit:contain;position:absolute}.board-zoom .logic-layer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.logic-layer .terrain{fill:#78be5a52;stroke:#468232b3;stroke-width:.03px;stroke-dasharray:.08 .05}.logic-layer .terrain.t1{fill:#e68caa52;stroke:#be5078b3}.logic-layer .terrain.t2{fill:#5aa0dc4d;stroke:#326eb4b3}.logic-layer .terrain.t3{fill:#dcb45052;stroke:#aa821eb3}.logic-layer .fixture{stroke-width:.14px;stroke-linecap:round}.board-zoom .terrain-labels{pointer-events:none;z-index:6;position:absolute;inset:0}.terrain-labels span{text-align:center;color:#2f5a22;text-shadow:0 0 2px #fff,0 0 3px #fff;white-space:nowrap;font-size:clamp(8px,2.4cqw,11px);font-weight:800;position:absolute;overflow:hidden}.board-zoom .logic-layer.fixtures{z-index:5}.logic-layer .fixture{stroke-width:.16px;paint-order:stroke;filter:drop-shadow(0 0 .02px #fff)}.logic-layer .fixture.inner{stroke:#8a4b17}.logic-layer .fixture.outer{stroke:#2f7fd0}.region-label{transition:opacity .2s}.region-label.dim{opacity:.35}.board-zoom .board-play{position:absolute;inset:0;container-type:inline-size}.board-play .board-grid{width:100%;height:100%}.tilemap-board .board-zoom{background:#cda16c url(/art/tilemap/sunny/floors/oak.jpg) 50%/cover;box-shadow:inset 0 0 0 2px #a77946,inset 0 0 0 5px #f4d2a078}.tilemap-surface{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tilemap-ground{z-index:0}.tilemap-board .board-grid{position:relative}.tilemap-board .cell{box-shadow:none;background:0 0!important}.tilemap-board .cell:after{display:none}.tilemap-walls{z-index:3;overflow:visible}.tilemap-board .region-label{font-size:calc(100cqw / var(--n) * .19);border-radius:5px;padding:.12em .35em;transform:none;box-shadow:0 1px 3px #66452b24;color:#3d3026!important}.tilemap-board img.prop.single{width:68%;height:68%;top:22%;left:16%}.tilemap-board img.prop.v{width:72%;height:172%;top:14%;left:14%}.tilemap-board img.prop{filter:none}:root{color:#142751;font-synthesis:none;background:#faf5e9;font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:16px;font-weight:500}*{box-sizing:border-box}body{margin:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#fffaf0;border:1px solid #e5dfd2;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 16px;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #138d91}a{color:#12767d}h1{margin:24px 0;font-size:clamp(28px,5vw,38px);line-height:1.2}h2{font-size:24px}small{color:#64758b}p{line-height:1.7}button svg{flex-shrink:0}input,select,textarea{color:inherit;background:#fffdf8;border:1px solid #c8ccce;border-radius:8px;padding:10px}input[type=checkbox]{accent-color:#00a9a4;width:24px;height:24px}button:hover:not(:disabled){border-color:#42b7ac}button.active,.primary{color:#fff;background:#08aaa7;border-color:#0000}button.active:hover,.primary:hover:not(:disabled){background:#008d8b}.wide{width:100%;margin:8px 0}.notice{color:#64758b;font-size:13px}.reduce-motion *{scroll-behavior:auto!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{animation:none!important}}