:root{--bg: #f8f1e4;--surface: #fff9ee;--surface-2: #f6eedd;--surface-3: #efe4cd;--ink: #12345f;--muted: #5f7184;--line: #c9d2dd;--line-strong: #9aabbe;--primary: #f7c948;--primary-hover: #efbb2c;--primary-soft: #fff5c9;--primary-ink: #12345f;--crayon-yellow: #f7c948;--crayon-green: #7bc67b;--crayon-blue: #6db6e8;--crayon-purple: #b788d6;--crayon-pink: #d99bb0;--crayon-orange: #e8a85c;--crayon-red: #ef7c7c;--crayon-teal: #6bb1ac;--header: #0e2d57;--header-2: #12345f;--header-ink: #fff9ee;--header-muted: #9bb5d4;--focus: #7ec3e8;--danger: #ef7c7c;--success: #7bc67b;--shadow-tint: rgb(18 52 95 / 22%);--z-modal-backdrop: 30;--z-modal: 40;font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:16px}:root[data-theme=mist]{--bg: #eef2f6;--surface: #f9fcff;--surface-2: #e6eef6;--surface-3: #d6e4f0;--primary: #7ec3e8;--primary-hover: #62b2dd;--primary-soft: #e6f2fa;--primary-ink: #12345f}:root[data-theme=sage]{--bg: #eef4ec;--surface: #f8fcf6;--surface-2: #e6f0e3;--surface-3: #d6e8d2;--primary: #8dcc8a;--primary-hover: #76bd72;--primary-soft: #e8f7e6;--primary-ink: #12345f}:root[data-theme=clay]{--bg: #f3eef6;--surface: #fcf9ff;--surface-2: #ede4f3;--surface-3: #e0d2ec;--primary: #b892d6;--primary-hover: #a87bcc;--primary-soft: #f3e8fa;--primary-ink: #12345f}:lang(zh){font-family:Noto Sans SC,Nunito Sans,ui-sans-serif,system-ui,sans-serif}:lang(ja){font-family:Noto Sans JP,Nunito Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100dvh;color:var(--ink);font-weight:500;background-color:var(--bg);background-image:radial-gradient(rgba(18,52,95,.05) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.45) 1px,transparent 1px);background-size:4px 4px,7px 7px}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 9% 18%,rgba(18,52,95,.08) 0 4px,transparent 5px),radial-gradient(circle at 11% 20%,rgba(18,52,95,.06) 0 2px,transparent 3px),radial-gradient(circle at 7.5% 20.5%,rgba(18,52,95,.06) 0 2px,transparent 3px),radial-gradient(circle at 10% 22%,rgba(18,52,95,.05) 0 2px,transparent 3px),radial-gradient(circle at 83% 14%,rgba(247,201,72,.16) 0 10px,transparent 11px),radial-gradient(circle at 87% 16%,rgba(18,52,95,.07) 0 4px,transparent 5px),radial-gradient(circle at 88.5% 19%,rgba(18,52,95,.05) 0 2px,transparent 3px),radial-gradient(circle at 86% 20%,rgba(18,52,95,.05) 0 2px,transparent 3px);background-size:360px 260px,360px 260px,360px 260px,360px 260px,520px 380px,520px 380px,520px 380px,520px 380px;opacity:.72}button,input,textarea,select{font:inherit}button{min-width:0;border:3px solid var(--ink);border-radius:16px;background:radial-gradient(circle at 12px 11px,rgba(247,201,72,.14) 0 5px,transparent 6px),radial-gradient(circle at calc(100% - 13px) calc(100% - 10px),rgba(109,182,232,.12) 0 4px,transparent 5px),var(--surface);color:var(--ink);cursor:pointer;font-weight:700;letter-spacing:.01em;position:relative;box-shadow:3px 4px 0 0 var(--ink);transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .12s cubic-bezier(.22,1,.36,1),background-color .12s ease;touch-action:manipulation}button:not(.tile):not(.lang-switch__btn):not(.pay-modal-backdrop):not(:has(.cat-mark)):not(:has(svg)):before{content:"";position:absolute;right:7px;top:6px;width:13px;height:12px;border:2px solid var(--ink);border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 31% 37%,var(--crayon-yellow) 0 1.5px,transparent 2.5px),radial-gradient(circle at 69% 37%,var(--crayon-yellow) 0 1.5px,transparent 2.5px),#111820;box-shadow:1px 1px #12345f80;pointer-events:none;opacity:.92}button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 5px 0 0 var(--ink)}button:active:not(:disabled){transform:translate(2px,3px);box-shadow:1px 1px 0 0 var(--ink)}button:active:not(:disabled):after,.feature-upload:active:after,.upload-box:active:after{animation:buttonPressRing .26s ease-out}button:active:not(:disabled) .cat-mark,.feature-upload:active .cat-mark,.upload-box:active .cat-mark{animation:catMarkBoop .26s cubic-bezier(.34,1.56,.64,1)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--crayon-yellow);outline-offset:2px}.cat-mark{--cat-size: 28px;--cat-fur: #111820;--cat-spot: #fff9ee;--cat-accent: var(--crayon-yellow);width:var(--cat-size);height:var(--cat-size);position:relative;display:inline-block;flex:0 0 var(--cat-size);vertical-align:middle;transform-origin:50% 70%}.cat-mark--sm{--cat-size: 22px}.cat-mark--md{--cat-size: 28px}.cat-mark--lg{--cat-size: 38px}.cat-mark--xl{--cat-size: 46px}.cat-mark--cow{--cat-fur: #fdf8ee;--cat-spot: #101721;--cat-accent: var(--crayon-blue)}.cat-mark__face{position:absolute;inset:20% 12% 8%;border:max(2px,calc(var(--cat-size) * .08)) solid var(--ink);border-radius:48% 48% 44% 44%;background:var(--cat-fur);box-shadow:1px 2px #12345f80;overflow:hidden;z-index:2}.cat-mark__spot{position:absolute;width:48%;height:62%;right:-10%;top:-14%;border-radius:48% 52% 44% 60%;background:var(--cat-spot);opacity:0}.cat-mark--cow .cat-mark__spot{opacity:1}.cat-mark__ear{position:absolute;top:10%;width:32%;height:32%;background:var(--cat-fur);border:max(2px,calc(var(--cat-size) * .075)) solid var(--ink);transform:rotate(45deg);z-index:1}.cat-mark__ear--left{left:15%;border-radius:80% 12% 20%}.cat-mark__ear--right{right:15%;border-radius:12% 80% 12% 20%}.cat-mark__eye{position:absolute;top:42%;width:12%;height:18%;border-radius:999px;background:var(--cat-accent);box-shadow:0 0 0 1px var(--ink)}.cat-mark__eye--left{left:31%}.cat-mark__eye--right{right:31%}.cat-mark__tail{position:absolute;right:-4%;bottom:15%;width:36%;height:46%;border:max(2px,calc(var(--cat-size) * .08)) solid var(--ink);border-left:0;border-bottom:0;border-radius:0 90% 0 0;transform:rotate(20deg);opacity:.95}.cat-mark__paw{position:absolute;bottom:0;width:20%;height:15%;border:2px solid var(--ink);border-radius:999px;background:var(--cat-fur);z-index:3}.cat-mark__paw--left{left:27%}.cat-mark__paw--right{right:27%}.cat-mark--hunter .cat-mark__tail,.cat-mark--peek .cat-mark__tail{transform:rotate(38deg)}.cat-mark--sleep .cat-mark__eye{height:2px;top:50%;border-radius:0}.cat-mark--boss .cat-mark__eye{height:4px;top:49%;transform:rotate(-12deg)}.cat-mark--timer:after,.cat-mark--calendar:after,.cat-mark--crown:after,.cat-mark--star:after,.cat-mark--camera:after,.cat-mark--puzzle:after,.cat-mark--share:after,.cat-mark--keeper:after,.cat-mark--upload:after,.cat-mark--tie:after,.cat-mark--bow:after,.cat-mark--spin:after,.cat-mark--whisker:after{position:absolute;right:-14%;top:-14%;min-width:46%;height:46%;border:2px solid var(--ink);border-radius:999px;background:var(--primary);color:var(--ink);display:grid;place-items:center;font-size:calc(var(--cat-size) * .34);line-height:1;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:900;z-index:4}.cat-mark--timer:after{content:"t"}.cat-mark--calendar:after{content:"d"}.cat-mark--crown:after{content:"♛"}.cat-mark--star:after{content:"★"}.cat-mark--camera:after{content:"▣"}.cat-mark--puzzle:after{content:"4"}.cat-mark--share:after{content:"↗"}.cat-mark--keeper:after{content:"↓"}.cat-mark--upload:after{content:"↑"}.cat-mark--tie:after{content:"⌂"}.cat-mark--bow:after{content:"⌁"}.cat-mark--spin:after{content:"↺"}.cat-mark--whisker:after{content:"?"}.cat-mark--hide{transform:translateY(2px)}.cat-mark--hide .cat-mark__face{clip-path:inset(0 0 38% 0)}.cat-mark--paw .cat-mark__ear,.cat-mark--paw .cat-mark__tail,.cat-mark--paw .cat-mark__face{opacity:0}.cat-mark--paw .cat-mark__paw{width:54%;height:54%;left:23%;bottom:12%;border-radius:55% 55% 48% 48%;background:var(--cat-fur)}.page{width:min(1100px,calc(100% - 24px));margin:16px auto 56px;display:grid;gap:16px}.page>*{min-width:0}.app-header{overflow:hidden;border-radius:24px;border:3px solid var(--ink);background:var(--header);color:var(--header-ink);box-shadow:5px 6px 0 0 var(--ink);position:relative}.app-header:before{content:"★ ✦ ★";position:absolute;right:16px;bottom:56px;font-size:.7rem;color:var(--crayon-yellow);opacity:.55;letter-spacing:6px;pointer-events:none}.hero{min-height:148px;padding:24px 28px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px}.brand-lockup{display:flex;align-items:flex-start;gap:16px}.kicker,.meta{margin:0;color:var(--header-muted)}.kicker{font-size:.95rem;font-weight:600;letter-spacing:.04em}.hero h1{margin:6px 0 8px;font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.05;letter-spacing:0;color:var(--header-ink);text-shadow:2px 2px 0 rgba(0,0,0,.22);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:clip}html[lang=ja] .hero h1{font-family:Noto Sans JP,Nunito Sans,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-shadow:1.5px 1.5px 0 rgba(0,0,0,.22)}.meta{font-size:.92rem}.title-doodle-wrap{position:relative;display:inline-block;max-width:100%}.title-doodle{position:absolute;inset:-8px -12px;pointer-events:none;overflow:visible}html[lang=ja] .title-doodle{inset:-4px -8px;transform:scale(.92);transform-origin:left center}.hero-tools,.topnav,.controls-split,.completion-actions,.toolbar,.name-row,.theme-picker,.segmented{display:flex;align-items:center;gap:8px}.hero-tools{justify-content:flex-end;flex-wrap:wrap}.ghost{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid rgba(255 255 255 / .5);border-radius:12px;background:#ffffff1f;color:var(--header-ink);box-shadow:2px 2px #0003;font-weight:600}.lang-switch{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 8px;border:2px solid rgba(255 255 255 / .4);border-radius:12px;background:#ffffff14;box-shadow:2px 2px #0003}.lang-switch__icon{color:var(--header-ink);opacity:.75;flex-shrink:0}.lang-switch__track{--slot: 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;min-width:168px;border-radius:8px;isolation:isolate}.lang-switch__thumb{position:absolute;inset:0;width:calc(100% / 3);background:var(--crayon-yellow);border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px #0000002e;transform:translate(calc(var(--slot) * 100%));transition:transform .22s cubic-bezier(.34,1.45,.64,1);z-index:0}.lang-switch__thumb[data-active=zh]{--slot: 0}.lang-switch__thumb[data-active=en]{--slot: 1}.lang-switch__thumb[data-active=ja]{--slot: 2}.lang-switch__btn{position:relative;z-index:1;min-height:28px;padding:0 8px;border:0;background:transparent;box-shadow:none;color:var(--header-ink);font-weight:700;font-size:.88rem;letter-spacing:.02em;white-space:nowrap;transition:color .16s ease;cursor:pointer}.lang-switch__btn[aria-pressed=true]{color:var(--ink)}.lang-switch__btn:hover:not([aria-pressed=true]){color:var(--crayon-yellow)}.lang-switch__btn:focus-visible{outline:2px solid var(--crayon-yellow);outline-offset:2px;border-radius:6px}@media(max-width:560px){.lang-switch__track{min-width:144px}.lang-switch__btn{font-size:.82rem;padding:0 6px}}.ghost:hover:not(:disabled){background:#ffffff38;transform:translate(-1px,-1px);box-shadow:3px 3px #0003}.topnav{min-height:54px;padding:8px 10px 10px;border-top:2px solid rgba(255 255 255 / .15);background:var(--header-2);flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topnav button{min-height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid transparent;border-radius:12px;background:transparent;color:var(--header-muted);box-shadow:none;font-size:.95rem;font-weight:700;white-space:nowrap}.topnav button:hover:not(:disabled){background:transparent;color:var(--header-ink);box-shadow:none;transform:none}.topnav button.active{border:2px solid var(--crayon-yellow);background:#ffffff1f;color:var(--header-ink);box-shadow:2px 2px #0003}.notice{margin:0;padding:12px 16px;border:3px solid var(--ink);border-radius:16px;background:var(--crayon-yellow);color:var(--ink);font-weight:700;font-size:1.05rem;box-shadow:3px 4px 0 0 var(--ink)}.toolbar{justify-content:space-between;flex-wrap:wrap;min-height:52px;padding:8px 10px;border:3px solid var(--ink);border-radius:18px;background:var(--surface);box-shadow:3px 4px 0 0 var(--ink)}.segmented,.theme-picker{flex-wrap:wrap}.segmented button,.theme-picker button,.controls-split button,.controls-grid button,.completion-actions button,.name-row button,.panel button{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.segmented button,.theme-picker button{border-color:transparent;background:transparent;box-shadow:none}.segmented button.active,.theme-picker button.active{border-color:var(--ink);background:var(--crayon-yellow);color:var(--ink);box-shadow:2px 2px 0 0 var(--ink)}.theme-picker{padding-right:4px;color:var(--muted)}.game-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px}.game-stage{min-width:0;display:grid;gap:12px}.game-rail{min-width:0;display:grid;gap:10px;position:sticky;top:12px}.status{min-height:46px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:3px solid var(--ink);border-radius:14px;background:var(--surface);color:var(--muted);font-size:1rem;font-weight:700;box-shadow:3px 3px 0 0 var(--ink)}.status strong{color:var(--crayon-red);letter-spacing:.15em;font-size:1.1rem}.status-stairs{min-height:58px}.difficulty-value{color:var(--ink)!important;letter-spacing:0;font-size:.98rem!important;line-height:1.2}.diff-stairs{display:flex;align-items:flex-end;gap:4px;height:32px}.diff-bar{width:10px;height:var(--bar-h, 10px);border-radius:3px 3px 0 0;border:2px solid var(--ink);background:var(--bar-color, #ccc);opacity:.22;transition:opacity .3s ease,transform .25s ease;transform-origin:bottom center}.diff-bar--active{opacity:1;transform:scaleY(1.08);box-shadow:1px -1px 0 0 var(--ink)}.message{min-height:48px;margin:0;padding:12px 16px;border:3px solid var(--ink);border-radius:16px;background:var(--surface);color:var(--muted);font-size:1.05rem;line-height:1.4;box-shadow:3px 3px 0 0 var(--ink)}.board-doodle-wrap{position:relative}.board-doodle{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:visible}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:relative;z-index:1}.tile{min-height:88px;padding:10px 8px;border:3px solid var(--ink);border-radius:16px;background:var(--surface);color:var(--ink);font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere;text-wrap:balance;box-shadow:3px 4px 0 0 var(--ink);position:relative;z-index:1;transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .12s cubic-bezier(.22,1,.36,1),background-color .12s ease}.tile{animation:tilePop .36s cubic-bezier(.34,1.56,.64,1) both}.tile:nth-child(1){animation-delay:20ms}.tile:nth-child(2){animation-delay:50ms}.tile:nth-child(3){animation-delay:80ms}.tile:nth-child(4){animation-delay:.11s}.tile:nth-child(5){animation-delay:.14s}.tile:nth-child(6){animation-delay:.17s}.tile:nth-child(7){animation-delay:.2s}.tile:nth-child(8){animation-delay:.23s}.tile:nth-child(9){animation-delay:.26s}.tile:nth-child(10){animation-delay:.29s}.tile:nth-child(11){animation-delay:.32s}.tile:nth-child(12){animation-delay:.35s}.tile:nth-child(13){animation-delay:.38s}.tile:nth-child(14){animation-delay:.41s}.tile:nth-child(15){animation-delay:.44s}.tile:nth-child(16){animation-delay:.47s}.tile:hover:not(:disabled){background:var(--surface-2);transform:translate(-1px,-2px) rotate(-.6deg);box-shadow:4px 5px 0 0 var(--ink)}.tile.selected{background:var(--crayon-yellow);border-color:var(--ink);transform:translate(-2px,-3px) scale(1.04);box-shadow:5px 6px 0 0 var(--ink);color:var(--ink);animation:tilePop .36s cubic-bezier(.34,1.56,.64,1) both,selectedPulse 1.8s ease-in-out .36s infinite}.tile.selected:hover:not(:disabled){transform:translate(-2px,-3px) scale(1.04);box-shadow:5px 6px 0 0 var(--ink)}.board-shaking .tile.selected{animation:shake .38s cubic-bezier(.36,.07,.19,.97) both}.level-yellow{--level-bg: #fff5c9;--level-border: #f7c948;--level-dot: #f7c948}.level-green{--level-bg: #e8f7e6;--level-border: #8dcc8a;--level-dot: #8dcc8a}.level-blue{--level-bg: #e6f2fa;--level-border: #7ec3e8;--level-dot: #7ec3e8}.level-purple{--level-bg: #f3e8fa;--level-border: #b892d6;--level-dot: #b892d6}.solved{display:grid;gap:8px}.solved-item{padding:12px 14px;border-radius:14px;background:var(--level-bg);border:3px solid var(--ink);display:flex;align-items:flex-start;gap:12px;box-shadow:3px 3px 0 0 var(--ink);animation:solvedIn .32s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--solved-index, 0) * 60ms)}.solved-item h2{margin:0 0 4px;font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:1.15rem;font-weight:700}.solved-item p{margin:0;color:var(--muted);font-size:.95rem}.solved-doodle-underline{display:block;margin-top:1px;overflow:visible}.mascot-card{width:64px;height:64px;flex:0 0 auto;overflow:hidden;border-radius:14px;border:3px solid var(--ink);box-shadow:3px 3px 0 0 var(--ink);display:flex;align-items:center;justify-content:center;background:var(--surface-2)}.mascot-card-img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}.celebration-card{padding:16px 20px;display:flex;align-items:center;gap:18px;border:3px solid var(--ink);border-radius:18px;background:var(--level-bg);box-shadow:4px 5px 0 0 var(--ink);animation:celebrationIn .42s cubic-bezier(.22,1,.36,1) both}.celebration-text h3{margin:0;font-size:.95rem;color:var(--muted);font-weight:600}.celebration-text h2{margin:4px 0 0;font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:1.55rem;font-weight:700;color:var(--ink)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px;text-align:center}.controls-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}.controls-submit{min-height:108px;font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.02em}.controls-submit.primary:not(:disabled){animation:btnGlow 1.6s ease-in-out infinite}.controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.controls-grid button{min-height:50px;font-weight:700;font-size:.95rem}.completion-actions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px}.completion-next{min-height:56px;font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:1.3rem;font-weight:700}.primary,.controls-split .primary{border-color:var(--ink);background:var(--primary);color:var(--primary-ink);box-shadow:3px 4px 0 0 var(--ink)}.primary:hover:not(:disabled),.controls-split .primary:hover:not(:disabled){background:var(--primary-hover);transform:translate(-1px,-1px);box-shadow:4px 5px 0 0 var(--ink)}.panel{min-width:0;padding:22px 20px;border:3px solid var(--ink);border-radius:22px;background:var(--surface);box-shadow:5px 6px 0 0 var(--ink);position:relative}.panel:before{content:"✦";position:absolute;top:14px;right:18px;font-size:1.1rem;color:var(--crayon-yellow);opacity:.6;pointer-events:none}.panel h2,.panel h3{margin:0;color:var(--ink);font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;text-wrap:balance}.panel h2{font-size:1.6rem;letter-spacing:0}.panel h3{margin-top:22px;font-size:1.2rem}.panel p,.empty{color:var(--muted)}.panel p{max-width:68ch;margin:6px 0 0;line-height:1.55;font-size:1rem}.panel-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,auto);gap:16px;align-items:start;margin-bottom:16px}.name-row{justify-content:flex-end}input,textarea,select{width:100%;border:3px solid var(--ink);border-radius:12px;background:var(--surface);color:var(--ink);font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:1.05rem}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input,select{min-height:40px;padding:0 12px}textarea{min-height:88px;padding:10px 12px;resize:vertical}.table-wrap{width:100%;overflow-x:auto;border:3px solid var(--ink);border-radius:14px;background:var(--surface);box-shadow:3px 3px 0 0 var(--ink)}table{width:100%;min-width:600px;border-collapse:collapse}th,td{padding:10px 14px;border-bottom:2px solid var(--line);text-align:left;white-space:nowrap;font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:1rem}th{background:var(--surface-2);color:var(--muted);font-size:.9rem;font-weight:700;letter-spacing:.03em}tbody tr:hover{background:var(--surface-2)}tr:last-child td{border-bottom:0}.empty{margin:14px 0 0;font-size:1rem}.submission-form{display:grid;gap:14px}.submission-form label{display:grid;gap:6px;color:var(--muted);font-size:1rem;font-weight:700}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}fieldset,fieldset.group-card{min-width:0;margin:0;padding:14px;border:3px solid var(--ink);border-radius:16px;display:grid;gap:8px;background:var(--surface-2);position:relative;box-shadow:3px 3px 0 0 var(--ink)}.group-remove{justify-self:end;padding:4px 10px;font-size:.85rem;border-radius:999px}.add-group{width:100%;border-style:dashed;background:transparent;box-shadow:none}.add-group:hover:not(:disabled){background:var(--surface-2)}legend{padding:0 6px;color:var(--muted);font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:700}.word-count{font-size:.88rem;font-weight:700;color:var(--muted);text-align:right;margin-top:-4px}.word-count.warn{color:var(--crayon-orange)}.word-count.ok{color:var(--success)}.field-error{font-size:.88rem;color:var(--danger);margin:-4px 0 0}input.invalid,textarea.invalid{border-color:var(--danger)}.doodle-divider{display:block;width:100%;height:12px;overflow:visible;pointer-events:none}.admin-list{display:grid;gap:10px}.admin-item{padding:14px;border:3px solid var(--ink);border-radius:16px;background:var(--surface-2);display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;box-shadow:2px 3px 0 0 var(--ink)}.admin-item p{margin:4px 0 8px}.admin-groups{display:grid;gap:8px;margin-top:4px}.admin-group-card{padding:10px 12px;border:2px solid var(--line);border-radius:10px;background:var(--surface);display:grid;gap:8px}.admin-group-card strong{display:block;margin-bottom:4px;font-size:.95rem}.admin-group-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}.admin-group-card label{display:grid;gap:4px;font-size:.82rem;color:var(--muted)}.admin-group-card input,.admin-group-card textarea{width:100%;font-size:.92rem}.admin-group-card textarea{min-height:58px;resize:vertical}.admin-key-field{display:grid;gap:6px;margin-bottom:16px;max-width:360px}.admin-key-field span{font-size:.9rem;color:var(--muted)}.leaderboard-row{animation:fadeSlideIn .22s ease-out both;animation-delay:calc(var(--row-index, 0) * 40ms)}.skeleton-row{height:36px;border-radius:10px;background:var(--surface-2);border:2px solid var(--line);animation:skeletonPulse 1.4s ease-in-out infinite}.skeleton-rows{display:grid;gap:10px;padding:12px}.paw-prints{display:flex;gap:14px;justify-content:center;opacity:.45;pointer-events:none}.mascot-bob{animation:mascotBounce 2.4s ease-in-out infinite}.mascot-bouncing{animation:mascotBounce .42s cubic-bezier(.22,1,.36,1)}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{width:16px;height:16px;border:2.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}.pay-modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:18px}.pay-modal-backdrop{position:absolute;inset:0;z-index:var(--z-modal-backdrop);border:0;border-radius:0;background:#140e06c7;cursor:zoom-out}.pay-modal-panel{position:relative;z-index:var(--z-modal);width:min(520px,96vw);max-height:min(90vh,760px);padding:16px;border:3px solid var(--ink);border-radius:20px;background:var(--surface);box-shadow:6px 8px 0 0 var(--ink);overflow:auto}.pay-modal-panel img{display:block;width:100%;height:auto;border-radius:8px}.pay-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;padding:0;border-radius:50%;background:var(--crayon-yellow);border-color:var(--ink)}.rules-modal-panel{width:min(420px,94vw);padding:20px 18px 18px}.rules-modal-head{display:flex;align-items:center;gap:10px;margin:0 40px 14px 0}.rules-modal-head h2{margin:0;font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:1.4rem;font-weight:700}.rules-modal-body{margin:0 0 14px;color:var(--ink);font-size:1.05rem;line-height:1.55;white-space:pre-line}.rules-modal-example{margin-bottom:14px;padding:14px;border:3px solid var(--ink);border-radius:14px;background:var(--crayon-yellow);box-shadow:2px 3px 0 0 var(--ink)}.rules-modal-example-label{margin:0 0 6px;color:var(--muted);font-size:.85rem;font-weight:700;letter-spacing:.04em}.rules-modal-example strong{display:block;margin-bottom:4px;font-size:1rem}.rules-modal-example p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}.rules-modal-example-note{margin-top:8px!important;color:var(--ink)!important;font-size:.9rem!important;font-weight:700}.rules-modal-close-btn{width:100%}.page-loading{min-height:60vh;display:grid;place-content:center;gap:16px;text-align:center;color:var(--muted);font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;font-size:1.3rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes shake{0%{transform:translate(0) scale(1.04)}18%{transform:translate(-7px) scale(1.04)}36%{transform:translate(7px) scale(1.04)}54%{transform:translate(-5px) scale(1.04)}72%{transform:translate(4px) scale(1.04)}88%{transform:translate(-2px) scale(1.04)}to{transform:translate(0) scale(1.04)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes solvedIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes celebrationIn{0%{opacity:0;transform:scale(.92) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes skeletonPulse{0%,to{opacity:.6}50%{opacity:.25}}@keyframes mascotBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-5px) rotate(2deg)}65%{transform:translateY(-2px)}}@keyframes drawLine{0%{stroke-dashoffset:120}to{stroke-dashoffset:0}}@keyframes starPop{0%{transform:scale(0) rotate(-20deg);opacity:0}70%{transform:scale(1.2) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes tilePop{0%{opacity:0;transform:translateY(14px) scale(.82) rotate(-3deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes selectedPulse{0%,to{transform:translate(-2px,-3px) scale(1.04)}50%{transform:translate(-2px,-4px) scale(1.065)}}@keyframes paperSway{0%,to{transform:rotate(-.4deg)}50%{transform:rotate(.4deg)}}@keyframes floatUp{0%{opacity:0;transform:translateY(18px) scale(.9)}60%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes btnGlow{0%,to{box-shadow:3px 4px 0 0 var(--ink)}50%{box-shadow:3px 4px 0 0 var(--ink),0 0 0 4px var(--primary-soft)}}.panel,.game-workspace{animation:fadeSlideIn .2s ease-out both}@media(max-width:900px){.game-workspace{grid-template-columns:1fr;grid-template-areas:"stage"}.game-rail{position:static}}@media(max-width:760px){.hero,.panel-head,.admin-item{grid-template-columns:1fr}.hero-tools,.name-row{justify-content:flex-start}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.group-grid{grid-template-columns:1fr}}@media(max-width:560px){.page{width:min(100%,calc(100% - 16px));margin-top:8px;gap:10px}.app-header{border-radius:16px;box-shadow:4px 4px 0 0 var(--ink)}.hero{min-height:0;padding:18px 16px 12px}.brand-lockup{gap:12px}.hero h1{font-size:2rem}.meta{font-size:.88rem}.topnav{padding:0 6px}.topnav button{flex:1 1 0;padding:0 6px;font-size:.92rem}.toolbar{gap:4px}.segmented,.theme-picker,.completion-actions{width:100%}.segmented button,.theme-picker button,.completion-actions button{flex:1}.controls-split{grid-template-columns:1fr}.controls-submit{min-height:56px}.tile{min-height:76px;font-size:1.05rem}.panel{padding:16px;box-shadow:4px 4px 0 0 var(--ink)}}.puzzle-seo{margin:0 0 6px;border:2px dashed rgba(18,52,95,.18);border-radius:12px;padding:6px 10px;background:var(--surface-2);font-size:.92rem;color:var(--muted)}.puzzle-seo>summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none;padding:2px 0}.puzzle-seo>summary::-webkit-details-marker{display:none}.puzzle-seo>summary:before{content:"▸";display:inline-block;margin-right:6px;transition:transform .12s ease}.puzzle-seo[open]>summary:before{transform:rotate(90deg)}.puzzle-seo__body{margin-top:8px;display:grid;gap:8px;line-height:1.55}.puzzle-seo__heading{margin:0;font-size:1.1rem;line-height:1.3;color:var(--ink)}.puzzle-seo__lead{margin:0}.puzzle-seo__groups{margin:0;padding-left:1.2em;display:grid;gap:4px}.puzzle-seo__cta{margin:0;font-size:.9rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}button,.tile,.panel,.toolbar,.status,.message,.table-wrap,fieldset.group-card,.admin-item,.celebration-card,.solved-item{background-image:radial-gradient(rgb(18 52 95 / 5%) .7px,transparent .8px),linear-gradient(105deg,transparent 48%,rgb(18 52 95 / 3%) 50%,transparent 52%);background-size:5px 5px,13px 13px}button:after,.tile:after{content:"";position:absolute;inset:3px;border:1px dashed rgb(18 52 95 / 16%);border-radius:inherit;pointer-events:none}.tap-burst-layer{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.tap-burst{position:absolute;width:46px;height:46px;transform:translate(-50%,-50%);border:2px solid var(--ink);border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 32% 38%,var(--crayon-yellow) 0 4px,transparent 5px),radial-gradient(circle at 68% 38%,var(--crayon-yellow) 0 4px,transparent 5px),radial-gradient(circle at 50% 68%,rgba(255,217,120,.86) 0 9px,transparent 10px),#fff9eeeb;box-shadow:2px 3px #12345f6b;animation:tapPawBurst .62s cubic-bezier(.22,1,.36,1) forwards}.tap-burst:before,.tap-burst:after{content:"";position:absolute;top:-8px;width:16px;height:16px;border:2px solid var(--ink);background:inherit;transform:rotate(45deg)}.tap-burst:before{left:8px}.tap-burst:after{right:8px}.app-header{background-image:radial-gradient(rgb(255 249 238 / 8%) .8px,transparent .9px),linear-gradient(105deg,transparent 47%,rgb(255 255 255 / 4%) 50%,transparent 53%);background-size:6px 6px,17px 17px}.topnav button.active{background:var(--crayon-yellow);color:var(--ink)}.theme-picker button{border:2px dashed var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink)}.theme-picker button:nth-of-type(1){border-color:var(--crayon-yellow);background:#fff7d8}.theme-picker button:nth-of-type(2){border-color:var(--crayon-blue);background:#eaf6fc}.theme-picker button:nth-of-type(3){border-color:var(--crayon-green);background:#ecf8eb}.theme-picker button:nth-of-type(4){border-color:var(--crayon-purple);background:#f4ecfa}.theme-picker button.active{border-style:solid;transform:rotate(-1deg)}.game-rail .status:first-child{background-color:#fff0ea}.game-rail .status:last-child{background-color:#eaf6fc}.game-rail .status:last-child strong{min-width:30px;min-height:30px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--crayon-blue);color:var(--ink);letter-spacing:0}.message{background-color:#fffaf0;border-style:dashed}.control-hint{background-color:var(--crayon-blue)!important}.control-shuffle{background-color:var(--crayon-green)!important}.control-clear{background-color:var(--surface)!important}.control-next,.control-share{background-color:var(--ink)!important;color:var(--surface)!important}.control-next:after,.control-share:after{border-color:#fff9ee40}.completion-next{background-color:var(--crayon-yellow)!important;color:var(--ink)!important}.panel-title-lockup{display:flex;align-items:center;gap:10px;margin-bottom:4px}.panel h2:before{content:"🐾";margin-right:8px;font-size:.82em}.panel:nth-of-type(4n+1){background-color:#fffaf0}.panel:nth-of-type(4n+2){background-color:#edf7fd}.panel:nth-of-type(4n+3){background-color:#eef8ed}input,textarea,select{box-shadow:inset 1px 1px #12345f1f;background-image:radial-gradient(rgb(18 52 95 / 5%) .7px,transparent .8px);background-size:5px 5px}fieldset.group-card:nth-of-type(4n+1){background-color:#fff7d8}fieldset.group-card:nth-of-type(4n+2){background-color:#edf8ec}fieldset.group-card:nth-of-type(4n+3){background-color:#eaf6fc}fieldset.group-card:nth-of-type(4n+4){background-color:#f4ecfa}.group-remove{background:#fff0ea;color:var(--ink)}.add-group{background:#edf8ec;border-color:var(--crayon-green)}.submission-form>.primary{min-height:52px}th{background:var(--crayon-blue);color:var(--ink)}tbody tr:nth-child(2n){background:#6db6e817}tbody tr:first-child td:first-child{color:#d69c00;font-size:1.2rem}.mascot-card{width:76px;height:76px;background:#fff7d8;transform:rotate(-1.5deg)}.solved-item .mascot-card{width:48px;height:48px}@media(max-width:560px){.mascot-card{width:60px;height:60px}.controls-grid button{min-height:54px}}@media(max-height:650px){.app-header{min-height:unset;padding:8px 16px}.app-header .logo-img{width:40px;height:40px}.app-header .game-title{font-size:1.6rem}.app-header .puzzle-meta{font-size:.7rem}.app-nav{padding:0 12px 6px}.theme-row{padding:4px 12px}.game-workspace{gap:10px}.game-rail{gap:6px;top:6px}.status{min-height:unset;padding:6px 10px}.status-stairs{min-height:unset}.diff-stairs{height:24px}.game-stage{gap:8px}.board{gap:6px}.tile{min-height:60px;font-size:.95rem;padding:6px 4px;border-radius:12px}.board-hint{padding:6px 12px;min-height:unset}.controls-split button,.controls-grid button{min-height:40px;font-size:.85rem}}@media(max-height:520px){.app-header{padding:4px 12px}.app-header .logo-img{width:32px;height:32px}.app-header .game-title{font-size:1.3rem}.app-nav{padding:0 10px 4px}.theme-row{display:none}.status{padding:4px 8px;font-size:.8rem}.game-workspace{gap:6px;grid-template-columns:180px minmax(0,1fr)}.board{gap:4px}.tile{min-height:48px;font-size:.85rem;padding:4px 3px;border-radius:10px;border-width:2px}.controls-split button,.controls-grid button{min-height:34px;font-size:.8rem;padding:0 8px}}.ad-slot{display:block;width:100%;margin:8px 0;background:transparent;border:0;contain:layout paint}.ad-slot--placeholder{display:block;background:transparent}.ad-slot__label{display:none}.ad-slot--live ins{display:block}.topnav-streak{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;border-radius:999px;background:#ffffff14;color:var(--header-ink);font-weight:700;font-size:.95rem;border:2px solid rgba(255 255 255 / .18)}.topnav-streak:before{content:"🔥"}.completion-actions .control-archive,.completion-actions .control-tomorrow{border-color:var(--ink);background:var(--surface-2);color:var(--ink)}.completion-actions .control-archive:hover,.completion-actions .control-tomorrow:hover{background:var(--crayon-yellow)}.puzzle-back{display:flex;justify-content:flex-start;margin-top:8px}.ghost-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid var(--ink);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:600;box-shadow:2px 2px 0 0 var(--ink);cursor:pointer}.ghost-back:hover{background:var(--primary-soft)}.archive{gap:14px}.archive-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px}.archive-head h2{margin:0 0 4px;font-size:1.5rem}.archive-head p{margin:0;color:var(--muted);font-size:1rem}.archive-streak{display:inline-flex;gap:14px;align-items:stretch}.archive-streak>div{display:flex;flex-direction:column;align-items:center;padding:8px 14px;border:2px solid var(--ink);border-radius:14px;background:var(--surface);box-shadow:2px 3px 0 0 var(--ink);min-width:90px;min-height:64px;justify-content:center}.archive-streak__value{font-size:1.6rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.archive-streak__label{font-size:.85rem;color:var(--muted);margin-top:2px;white-space:nowrap}.archive-filters{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:2px solid var(--ink);border-radius:14px;background:var(--surface);box-shadow:2px 2px 0 0 var(--ink);align-self:flex-start}.archive-filters button{min-height:32px;padding:0 12px;border:0;background:transparent;box-shadow:none;font-weight:700;color:var(--muted);border-radius:8px;cursor:pointer}.archive-filters button:hover{color:var(--ink)}.archive-filters button.active{background:var(--crayon-yellow);color:var(--ink);box-shadow:2px 2px 0 0 var(--ink)}.archive-table-wrap{overflow-x:auto;border:2px solid var(--ink);border-radius:14px;background:var(--surface);box-shadow:3px 4px 0 0 var(--ink)}.archive-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}.archive-table th,.archive-table td{text-align:left;padding:10px 12px;border-bottom:1px dashed rgba(18,52,95,.18);white-space:nowrap}.archive-table th[scope=col]{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2)}.archive-table tbody tr:hover{background:var(--primary-soft)}.archive-row th time{font-weight:700}.archive-today{color:var(--muted);font-size:.85em}.archive-status{display:inline-block;padding:2px 10px;border-radius:999px;font-weight:700;font-size:.85rem;border:2px solid var(--ink)}.archive-status--perfect{background:var(--crayon-yellow)}.archive-status--completed{background:var(--crayon-green);color:#fff;border-color:var(--ink)}.archive-status--failed{background:var(--crayon-red, #e05252);color:#fff;border-color:var(--ink)}.archive-status--none{background:var(--surface-3);color:var(--muted)}.archive-open{min-height:32px;padding:0 12px;border:2px solid var(--ink);border-radius:10px;background:var(--primary);font-weight:700;cursor:pointer;box-shadow:2px 2px 0 0 var(--ink)}.archive-open:hover{background:var(--primary-hover)}.archive-empty{text-align:center;padding:24px;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0 0 0 0)}.site-footer{margin-top:12px;padding:18px 20px 22px;border:3px solid var(--ink);border-radius:18px;background:var(--surface);box-shadow:3px 4px 0 0 var(--ink);color:var(--ink);min-height:180px;contain:layout}.site-footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.site-footer h4{margin:0 0 8px;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.site-footer a{color:var(--ink);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;padding-bottom:1px}.site-footer a:hover{border-bottom-color:var(--ink)}.site-footer__recent time{font-weight:700}.site-footer__recent,.site-footer__empty{min-height:72px}.site-footer__empty{color:var(--muted);margin:0;font-size:.9rem}.site-footer__copy{margin:14px 0 0;font-size:.85rem;color:var(--muted);text-align:center}@media(max-width:540px){.archive-streak{gap:8px}.archive-streak>div{min-width:76px;padding:6px 8px}.topnav-streak{padding:2px 8px;font-size:.85rem}.archive-head h2{font-size:1.3rem}}.sticky-ad-bar{position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--surface);border-top:2px solid var(--line);box-shadow:0 -4px 16px var(--shadow-tint);font-family:Nunito Sans,Noto Sans SC,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;color:var(--ink);transition:transform .28s cubic-bezier(.22,.61,.36,1);transform:translateY(0);will-change:transform;padding-bottom:env(safe-area-inset-bottom,0px)}.sticky-ad-bar.is-collapsed{transform:translateY(calc(100% - 40px))}.sticky-ad-bar__inner{position:relative;max-width:1200px;margin:0 auto;padding:8px 56px 8px 12px;min-height:72px;display:flex;align-items:center;justify-content:center;gap:8px}.sticky-ad-bar__slot{flex:1 1 auto;min-width:0;display:flex;justify-content:center}.sticky-ad-bar__adslot{margin:0!important;width:100%;max-width:970px}.sticky-ad-bar__toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:40px;height:40px;border:2px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.sticky-ad-bar__toggle:hover{background:var(--primary-soft);border-color:var(--line-strong)}.sticky-ad-bar__toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sticky-ad-bar__chevron{width:16px;height:16px;display:block;transition:transform .28s cubic-bezier(.22,.61,.36,1)}.sticky-ad-bar.is-collapsed .sticky-ad-bar__chevron{transform:rotate(180deg)}.sticky-ad-bar-open .page,.sticky-ad-bar-open .site-footer{padding-bottom:96px}@media(max-width:768px){.sticky-ad-bar__inner{padding:6px 48px 6px 8px;min-height:60px}.sticky-ad-bar__toggle{width:36px;height:36px;right:6px}}.feature-board{min-height:920px;border:3px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 12% 7%,rgba(247,201,72,.16) 0 28px,transparent 29px),radial-gradient(circle at 92% 10%,rgba(123,198,123,.12) 0 34px,transparent 35px),linear-gradient(135deg,#fff9eef0,#f6eedde6);box-shadow:4px 5px 0 0 var(--ink);display:grid;grid-template-columns:210px minmax(330px,1fr) minmax(330px,1fr) minmax(330px,1fr);gap:10px;padding:14px;position:relative;overflow:hidden}.feature-board:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(18,52,95,.16);border-radius:6px;pointer-events:none}.feature-board:after{content:"";position:absolute;left:188px;top:18px;bottom:18px;width:16px;pointer-events:none;background:radial-gradient(circle at 50% 10px,rgba(18,52,95,.16) 0 3px,transparent 4px),radial-gradient(circle at 50% 32px,rgba(18,52,95,.08) 0 2px,transparent 3px);background-size:16px 46px}.page-feature-board{width:min(1536px,calc(100% - 28px))}.feature-sidebar{min-height:100%;border-right:2px dashed var(--line-strong);padding:8px 14px 12px 4px;display:grid;align-content:start;gap:10px;position:relative;z-index:1}.feature-sidebar__brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}.feature-sidebar__brand h1{margin:0;font-size:1.65rem;line-height:.9}.feature-sidebar button{min-height:42px;padding:0 10px;border-radius:8px;background:#fff9ee9e;box-shadow:1px 2px #12345f8c;display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;font-size:1.02rem;transition:transform .15s cubic-bezier(.22,1,.36,1),background-color .15s ease,box-shadow .15s ease}.feature-sidebar button.active{background:linear-gradient(135deg,#ffd978,#f7c948),var(--primary);box-shadow:3px 4px 0 0 var(--ink);transform:rotate(-1deg)}.feature-sidebar__streak{margin-top:24px;border:2px solid var(--line-strong);border-radius:8px;padding:12px;background:#ffffff73;display:grid;gap:6px}.feature-sidebar__streak span{font-size:.78rem;color:var(--muted)}.feature-panel{min-width:0;border:3px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 92% 18px,rgba(247,201,72,.18) 0 10px,transparent 11px),linear-gradient(180deg,#fff9eef5,#fff9eedb),var(--surface);padding:14px;display:grid;align-content:start;gap:12px;position:relative;z-index:1;overflow:hidden}.feature-panel:before,.daily-status-card:before,.daily-feature:before,.home-word-panel__head:before{content:"";position:absolute;top:-7px;left:22px;width:18px;height:18px;border-left:3px solid var(--ink);border-top:3px solid var(--ink);background:inherit;transform:rotate(45deg);pointer-events:none}.feature-panel:after{content:"";position:absolute;right:-28px;bottom:20px;width:74px;height:74px;border:3px solid rgba(18,52,95,.08);border-radius:50%;background:radial-gradient(circle at 36% 40%,rgba(18,52,95,.09) 0 7px,transparent 8px),radial-gradient(circle at 62% 40%,rgba(18,52,95,.09) 0 7px,transparent 8px),radial-gradient(circle at 50% 64%,rgba(18,52,95,.07) 0 16px,transparent 17px);pointer-events:none}.feature-panel--find{--panel-accent: var(--crayon-green)}.feature-panel--mood{--panel-accent: var(--crayon-pink)}.feature-panel--meme{--panel-accent: var(--crayon-purple)}.feature-panel__title{border-bottom:2px dashed rgba(18,52,95,.16);padding-bottom:8px}.feature-panel__title{display:flex;align-items:center;gap:12px}.feature-panel__title h2{margin:0;font-size:clamp(1.7rem,2.4vw,2.45rem);line-height:.95}.feature-panel__title .cat-mark{filter:drop-shadow(2px 2px 0 rgba(18,52,95,.16))}.feature-panel__title>button{margin-left:auto;border-radius:8px;min-height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:6px}.sketch-underline{display:block;width:170px;max-width:100%;height:7px;margin-top:6px;background:repeating-linear-gradient(90deg,var(--crayon-yellow),var(--crayon-yellow) 8px,transparent 8px,transparent 12px);border-radius:999px}.sketch-underline--pink{background:repeating-linear-gradient(90deg,var(--crayon-pink),var(--crayon-pink) 8px,transparent 8px,transparent 12px)}.sketch-underline--purple{background:repeating-linear-gradient(90deg,var(--crayon-purple),var(--crayon-purple) 8px,transparent 8px,transparent 12px)}.feature-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--line-strong);border-radius:8px;overflow:hidden;gap:0;background:#fff9eebd}.feature-metrics span{border:0;border-radius:0;background:radial-gradient(circle at 90% 18%,rgba(18,52,95,.07) 0 4px,transparent 5px),#ffffff6b;display:grid;gap:3px;justify-items:start}.feature-metrics .cat-mark{--cat-size: 18px}.feature-metrics span+span{border-left:1px solid var(--line-strong)}.feature-callout{min-height:44px;border:2px solid var(--crayon-yellow);border-radius:8px;background:linear-gradient(90deg,#fff5c9f5,#fff9eed1);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px}.feature-callout>span{display:inline-flex;align-items:center;gap:7px}.feature-callout button{min-height:32px;border-radius:8px;display:inline-flex;align-items:center;gap:5px}.find-cat-scene-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.find-cat-scene-switch button{min-height:38px;border-radius:8px;background:#ffffff6b;box-shadow:2px 3px 0 0 var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px}.find-cat-scene-switch button.active{background:var(--primary)}.feature-find-image{position:relative;padding:0;overflow:hidden;border-radius:8px;box-shadow:none;cursor:crosshair;touch-action:manipulation}.feature-find-image .cat-room{min-height:520px;border:0;border-radius:0;box-shadow:none}.find-cat-click-mark{position:absolute;width:54px;height:54px;transform:translate(-50%,-50%);border:3px solid var(--crayon-yellow);border-radius:999px;background:radial-gradient(circle,rgba(255,213,74,.45) 0 18%,transparent 20%),radial-gradient(circle,#fff9eeb3,#ffd54a26);box-shadow:0 0 0 3px #12345f29,2px 3px #12345f73;pointer-events:none;animation:findClickPop .9s ease-out forwards;z-index:3}.find-cat-click-mark:before,.find-cat-click-mark:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:20px;border-radius:999px;background:var(--ink);opacity:.8;transform:translate(-50%,-50%)}.find-cat-click-mark:after{width:20px;height:6px}.find-cat-click-mark.is-hit{width:70px;height:70px;border-color:var(--crayon-green);background:radial-gradient(circle,rgba(123,198,123,.62) 0 20%,transparent 22%),radial-gradient(circle,#e8f4d9e6,#7bc67b38);animation:findHitPop 1.6s ease-out forwards}@keyframes findClickPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.38) rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(4deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.55) rotate(12deg)}}@keyframes findHitPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.34) rotate(-6deg)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(3deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7) rotate(10deg)}}@keyframes tapPawBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.42) rotate(-10deg)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(5deg)}to{opacity:0;transform:translate(-50%,-78%) scale(1.45) rotate(16deg)}}@keyframes buttonPressRing{0%{opacity:.9;transform:scale(.96);border-color:#12345f6b}to{opacity:.18;transform:scale(1.06);border-color:#12345f14}}@keyframes catMarkBoop{0%{transform:translateY(0) scale(1) rotate(0)}45%{transform:translateY(-4px) scale(1.16) rotate(-8deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes optionSelectPop{0%{transform:translate(2px,2px) scale(.96) rotate(-1deg)}55%{transform:translate(-1px,-3px) scale(1.04) rotate(1deg)}to{transform:translate(0) scale(1) rotate(0)}}@keyframes catMarkSpin{to{transform:rotate(360deg)}}@keyframes uploadConfirm{0%{transform:scale(.98)}45%{transform:scale(1.025) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes photoDropIn{0%{opacity:0;transform:translateY(-8px) scale(.96) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes captionPick{0%{transform:translate(-4px) scale(.98)}60%{transform:translate(4px) scale(1.015)}to{transform:translate(0) scale(1)}}@keyframes captionStamp{0%{opacity:0;transform:translateY(8px) scale(.94) rotate(-1deg)}55%{opacity:1;transform:translateY(-2px) scale(1.035) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.feature-panel__actions{display:flex;align-items:center;gap:10px}.feature-panel__actions p{margin:0;color:var(--muted)}.feature-step{margin:0;font-weight:900;color:var(--ink)}.feature-mood-row,.feature-tone-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.feature-mood-row button,.feature-tone-row button{min-height:72px;border-radius:8px;box-shadow:2px 3px 0 0 var(--ink);background:radial-gradient(circle at 84% 16%,rgba(247,201,72,.2) 0 6px,transparent 7px),var(--surface);display:grid;place-items:center;gap:3px;padding:6px;text-transform:capitalize;font-size:.78rem;overflow-wrap:anywhere;line-height:1.05;transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s cubic-bezier(.22,1,.36,1),background-color .15s ease}.feature-mood-row button:before,.feature-tone-row button:before{display:none}.feature-mood-row button.active,.feature-tone-row button.active{background:linear-gradient(135deg,var(--primary),#ffd978),var(--primary);animation:optionSelectPop .28s cubic-bezier(.34,1.56,.64,1)}.feature-tone-row button.active .cat-mark,.feature-mood-row button.active .mascot-card{animation:catMarkBoop .36s cubic-bezier(.34,1.56,.64,1)}.feature-panel--meme.is-loading .feature-tone-row button.active .cat-mark{animation:catMarkSpin .9s linear infinite}.feature-mood-card{border:2px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 18% 16%,rgba(109,182,232,.2) 0 18px,transparent 19px),linear-gradient(180deg,#e9f4fb,#f6fbff);padding:14px;display:grid;gap:10px;text-align:center}.feature-mood-card h3{margin:0;font-size:clamp(1.55rem,2.2vw,2.1rem)}.feature-mood-art{min-height:220px;border:2px solid var(--line-strong);border-radius:8px;background:linear-gradient(180deg,#bde6f8b3,#ffffff80),radial-gradient(circle at 50% 70%,rgba(123,198,123,.28),transparent 45%);display:grid;place-items:center}.feature-mood-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.feature-mood-card dl div{border-top:1px solid var(--line-strong);padding-top:8px}.feature-mood-card dt{color:var(--muted)}.feature-mood-card dd{margin:0;font-weight:900}.feature-panel__actions--split{display:grid;grid-template-columns:1fr 1fr}.feature-upload-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px}.feature-upload,.feature-photo-thumb{min-height:150px;border:2px dashed var(--crayon-purple);border-radius:8px;display:grid;place-items:center;text-align:center;padding:12px;background:radial-gradient(circle at 16% 20%,rgba(183,136,214,.16) 0 12px,transparent 13px),#ffffff6b;position:relative;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s cubic-bezier(.22,1,.36,1),background-color .16s ease}.feature-upload{cursor:pointer;overflow:hidden}.feature-upload:after{content:"";position:absolute;inset:6px;border:1px dashed rgba(18,52,95,.18);border-radius:6px;pointer-events:none}.feature-upload:hover,.feature-upload:focus-within{transform:translate(-1px,-2px);box-shadow:3px 4px #12345f80;background:#fff9eeb3}.feature-upload.has-file{border-style:solid;background:radial-gradient(circle at 82% 20%,rgba(123,198,123,.22) 0 14px,transparent 15px),#e8f4d9;animation:uploadConfirm .42s cubic-bezier(.34,1.56,.64,1)}.feature-upload input{position:absolute;opacity:0;pointer-events:none}.feature-photo-thumb{border-style:solid;background:radial-gradient(circle at 18% 18%,rgba(247,201,72,.18) 0 14px,transparent 15px),#eee0d1}.feature-photo-thumb.has-image{animation:photoDropIn .42s cubic-bezier(.22,1,.36,1)}.feature-photo-thumb img,.feature-meme-card img{width:100%;height:100%;max-height:180px;object-fit:cover;border-radius:6px;display:block}.feature-tone-row button{min-height:54px;font-size:.72rem}.feature-caption-list{display:grid;gap:5px}.feature-caption-list button{min-height:32px;border:2px solid rgba(154,171,190,.68);border-radius:8px;box-shadow:1px 2px #12345f52;background:linear-gradient(90deg,#ffffffc7,#fff9eea8);text-align:left;justify-content:start;display:inline-flex;align-items:center;gap:8px;padding:6px 9px;transform-origin:left center;transition:transform .14s cubic-bezier(.22,1,.36,1),border-color .14s ease,background-color .14s ease}.feature-caption-list button:hover:not(:disabled){transform:translate(3px)}.feature-caption-list button:before{content:"";width:17px;height:15px;flex:0 0 17px;border:2px solid var(--ink);border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 30% 35%,var(--crayon-yellow) 0 2px,transparent 3px),radial-gradient(circle at 68% 35%,var(--crayon-yellow) 0 2px,transparent 3px),#111820;box-shadow:1px 2px #12345f80}.feature-caption-list button:first-child{background:linear-gradient(90deg,#e8f4d9,#f6fbef);border-color:var(--crayon-green)}.feature-caption-list button.active{border-color:var(--crayon-green);background:linear-gradient(90deg,#dff2d2,#f5fbeb);font-weight:900;animation:captionPick .3s cubic-bezier(.34,1.56,.64,1)}.feature-meme-card{min-height:220px;border:2px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 80% 18%,rgba(247,201,72,.16) 0 20px,transparent 21px),linear-gradient(180deg,#eee0d1,#f5eadb);display:grid;place-items:center;padding:12px;text-align:center}.feature-meme-card strong{border:2px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 12px 10px,rgba(247,201,72,.18) 0 5px,transparent 6px),var(--surface);padding:8px;font-size:1.1rem;animation:captionStamp .34s cubic-bezier(.34,1.56,.64,1)}.feature-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:50;max-width:min(520px,calc(100% - 24px));margin:0;border:3px solid var(--ink);border-radius:8px;background:var(--primary);box-shadow:3px 4px 0 0 var(--ink);color:var(--ink);padding:10px 14px;font-weight:900;text-align:center}@media(max-width:1180px){.feature-board{grid-template-columns:190px 1fr}}@media(max-width:680px){.feature-board{grid-template-columns:1fr;padding:10px}.feature-sidebar{border-right:0;border-bottom:2px dashed var(--line-strong)}.feature-metrics,.feature-mood-row,.feature-tone-row,.feature-upload-row,.feature-mood-card dl,.feature-panel__actions--split{grid-template-columns:1fr}.feature-find-image .cat-room{min-height:320px}}@media(prefers-reduced-motion:reduce){.sticky-ad-bar,.sticky-ad-bar__chevron{transition:none}}.today-seo-landing{max-width:680px;margin:32px auto 0;padding:0 16px 40px;color:var(--text)}.today-seo-h1{font-size:1.15rem;font-weight:700;margin-bottom:8px}.today-seo-lead{color:var(--muted);margin-bottom:12px;line-height:1.6}.today-seo-actions{margin-bottom:14px}.today-seo-actions .ghost{background:var(--surface);color:var(--ink);border-color:var(--ink);box-shadow:2px 3px 0 0 var(--ink)}.today-seo-more{border:2px dashed rgba(18,52,95,.18);border-radius:14px;padding:10px 12px;background:#ffffff52}.today-seo-more>summary{cursor:pointer;font-weight:700;color:var(--ink);list-style:none}.today-seo-more>summary::-webkit-details-marker{display:none}.today-seo-more>summary:before{content:"▸";display:inline-block;margin-right:6px;transition:transform .12s ease}.today-seo-more[open]>summary:before{transform:rotate(90deg)}.today-seo-features h3,.today-seo-faq h3{font-size:1rem;font-weight:700;margin-bottom:8px}.today-seo-features ul{padding-left:1.2em;margin-bottom:18px;line-height:1.7}.today-seo-features{margin-top:14px}.today-seo-faq-item{border-top:1px solid var(--border);padding:10px 0}.today-seo-faq-item summary{cursor:pointer;font-weight:600;list-style:none;padding:2px 0}.today-seo-faq-item summary::-webkit-details-marker{display:none}.today-seo-faq-item p{margin-top:6px;color:var(--muted);line-height:1.6}.daily-home,.daily-tool{display:grid;gap:16px}.daily-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.78fr);gap:16px;align-items:stretch}.daily-challenge,.daily-side,.daily-share-strip,.daily-tool,.mood-card-preview,.meme-preview,.tool-result-card{border:3px solid var(--ink);border-radius:8px;background:var(--surface);box-shadow:5px 6px 0 0 var(--ink)}.daily-challenge{padding:18px;overflow:hidden;position:relative}.daily-section-label{display:inline-flex;align-items:center;gap:8px;padding:6px 9px;border:2px solid var(--ink);border-radius:8px;background:var(--primary-soft);font-weight:800;color:var(--ink)}.daily-challenge__body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:22px;align-items:center;margin-top:18px}.daily-challenge h2,.daily-side h2,.tool-copy h2,.meme-controls h2,.daily-share-strip h2{margin:0;color:var(--ink);font-size:clamp(1.45rem,3.6vw,2.8rem);line-height:.95;letter-spacing:0}.daily-challenge p,.daily-side small,.tool-copy p,.meme-controls p,.daily-share-strip p{color:var(--muted);line-height:1.55;font-size:1rem}.daily-action-row,.find-cat-controls,.meme-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.daily-primary,.daily-secondary,.daily-feature,.daily-side-card,.daily-tool-nav button,.find-cat-controls button,.tool-result-card button,.mood-chip-row button,.mood-card-preview button,.meme-actions button,.upload-box,.meme-controls .primary,.tool-copy .primary{border-radius:8px}.daily-secondary{padding:10px 13px;display:inline-flex;align-items:center;gap:7px;background:var(--surface)}.daily-challenge__stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.daily-challenge__stats span,.find-cat-topline span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:2px solid var(--line-strong);border-radius:8px;background:#ffffff6b;font-weight:800}.cat-room{min-height:300px;border:3px solid var(--ink);border-radius:8px;background:linear-gradient(180deg,#fff5c9d9,#f6eedde6),radial-gradient(circle at 20% 10%,rgba(247,201,72,.35),transparent 34%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #12345f0a}.cat-room__image{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover}.cat-room__window{position:absolute;top:28px;left:32px;width:122px;height:112px;border:3px solid var(--ink);border-radius:8px;background:linear-gradient(90deg,transparent 48%,var(--ink) 48% 52%,transparent 52%),linear-gradient(transparent 48%,var(--ink) 48% 52%,transparent 52%),#bde6f8}.cat-room__shelf{position:absolute;top:72px;right:30px;width:145px;height:88px;border-bottom:7px solid var(--ink);display:flex;align-items:flex-end;justify-content:space-around;padding-bottom:10px}.cat-room__shelf span{width:24px;height:52px;border:3px solid var(--ink);border-radius:6px 6px 3px 3px;background:var(--crayon-green)}.cat-room__shelf span:nth-child(2){height:68px;background:var(--crayon-pink)}.cat-room__shelf span:nth-child(3){height:44px;background:var(--crayon-blue)}.cat-room__rug{position:absolute;left:52px;right:52px;bottom:28px;height:70px;border:3px solid var(--ink);border-radius:50%;background:repeating-linear-gradient(90deg,var(--crayon-yellow),var(--crayon-yellow) 18px,#fff3bf 18px,#fff3bf 36px)}.hidden-cat{position:absolute;right:70px;bottom:72px;width:70px;height:64px}.hidden-cat__head{position:absolute;inset:12px 8px 4px;border:3px solid var(--ink);border-radius:48% 48% 42% 42%;background:#172136}.hidden-cat__ear{position:absolute;top:2px;width:22px;height:22px;border:3px solid var(--ink);background:#172136;transform:rotate(45deg)}.hidden-cat__ear--left{left:12px}.hidden-cat__ear--right{right:12px}.hidden-cat__eye{position:absolute;top:34px;width:6px;height:6px;border-radius:50%;background:var(--crayon-yellow);z-index:2}.hidden-cat__eye--left{left:28px}.hidden-cat__eye--right{right:28px}.daily-side{padding:14px;display:grid;gap:12px}.daily-side__head{display:flex;align-items:center;justify-content:space-between}.daily-side-card,.daily-feature{text-align:left;padding:14px;min-height:96px;display:grid;gap:6px;box-shadow:3px 4px 0 0 var(--ink)}.daily-side-card span,.daily-feature__icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:8px;background:var(--surface)}.daily-side-card strong,.daily-feature strong{font-size:1.08rem}.daily-side-card small,.daily-feature small{color:var(--muted);line-height:1.35}.daily-side-card--mood{background:#fdebf2}.daily-side-card--meme{background:#ecf8e9}.daily-side-card--archive{background:#eaf5fb}.daily-feature-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.daily-feature--yellow{background:#fff2b8}.daily-feature--pink{background:#fdebf2}.daily-feature--green{background:#ecf8e9}.daily-feature--blue{background:#eaf5fb}.daily-share-strip{padding:16px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:center;background:var(--surface-2)}.daily-share-card{aspect-ratio:1;border:3px solid var(--ink);border-radius:8px;background:var(--surface);display:grid;place-items:center;text-align:center;padding:18px;box-shadow:3px 4px 0 0 var(--ink)}.daily-share-card strong{font-size:1.6rem;line-height:1}.daily-tool{grid-template-columns:210px minmax(0,1fr);padding:14px;align-items:start}.daily-tool-nav{display:grid;gap:8px;position:sticky;top:12px}.daily-tool-nav button{padding:10px 11px;display:inline-flex;align-items:center;gap:8px;background:var(--surface);box-shadow:2px 3px 0 0 var(--ink)}.daily-tool-nav button.active{background:var(--primary)}.find-cat-stage,.mood-workbench,.meme-workbench{display:grid;gap:14px}.find-cat-topline{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.find-cat-canvas{width:100%;padding:0;display:block;border-radius:8px;overflow:hidden;box-shadow:3px 4px 0 0 var(--ink);position:relative}.find-cat-canvas .cat-room{min-height:430px;border:0;border-radius:0}.find-cat-hint,.find-cat-found{position:absolute;right:22px;top:20px;border:2px solid var(--ink);border-radius:8px;padding:8px 10px;background:var(--primary-soft)}.find-cat-found{right:auto;bottom:auto;background:var(--crayon-green);font-weight:900;transform:translate(-50%,-50%);box-shadow:2px 3px 0 0 var(--ink)}.tool-result-card{width:min(330px,100%);padding:16px;background:#fff2b8;display:grid;gap:8px}.tool-result-card strong{font-size:1.65rem}.mood-workbench,.meme-workbench{grid-template-columns:minmax(0,.85fr) minmax(280px,.72fr);align-items:stretch}.tool-copy,.meme-controls{border:3px solid var(--ink);border-radius:8px;background:var(--surface-2);padding:18px}.mood-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.mood-chip-row button{padding:8px 10px;box-shadow:2px 3px 0 0 var(--ink);text-transform:capitalize}.mood-chip-row button.active{background:var(--primary)}.mood-card-preview{padding:18px;display:grid;justify-items:center;text-align:center;background:#fdebf2}.mood-card-preview>span{font-weight:900;color:var(--muted)}.mood-card-preview h2{font-size:clamp(1.5rem,4vw,2.3rem);line-height:.95;margin:8px 0 0}.mood-card-preview dl{width:100%;display:grid;gap:8px;margin:10px 0 14px}.mood-card-preview dl div{border:2px solid var(--ink);border-radius:8px;background:#ffffff73;padding:9px}.mood-card-preview dt{color:var(--muted);font-weight:800}.mood-card-preview dd{margin:0;font-weight:900}.upload-box{min-height:150px;border:3px dashed var(--ink);background:#ffffff61;display:grid;place-items:center;gap:8px;text-align:center;cursor:pointer}.upload-box input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.meme-preview{padding:14px;display:grid;gap:12px;background:#ecf8e9}.meme-photo{min-height:265px;border:3px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 26% 20%,rgba(255,255,255,.85),transparent 22%),var(--surface);display:grid;place-items:center}.meme-preview>strong{border:3px solid var(--ink);border-radius:8px;background:var(--surface);padding:12px;font-size:1.35rem;line-height:1.05;text-align:center}@media(max-width:860px){.daily-hero-grid,.daily-challenge__body,.daily-share-strip,.daily-tool,.mood-workbench,.meme-workbench{grid-template-columns:1fr}.daily-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-tool-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.topnav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:6px 8px 9px;gap:6px}.topnav button{flex:0 0 auto;min-height:32px;padding:0 9px;font-size:.82rem;max-width:none}.daily-feature-row,.daily-tool-nav{grid-template-columns:1fr}.cat-room{min-height:240px}.find-cat-canvas .cat-room{min-height:330px}.daily-share-strip{padding:12px}.daily-challenge h2,.daily-side h2,.tool-copy h2,.meme-controls h2,.daily-share-strip h2{font-size:1.55rem}}.page-home{width:min(1480px,calc(100% - 32px));gap:18px}.home-header{min-height:96px;padding:20px 24px;border:3px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 8% 14%,rgba(247,201,72,.14) 0 18px,transparent 19px),radial-gradient(circle at 94% 24%,rgba(109,182,232,.12) 0 26px,transparent 27px),#fff9eee0;box-shadow:4px 5px 0 0 var(--ink);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;position:relative;overflow:hidden}.home-header:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(18,52,95,.16);border-radius:6px;pointer-events:none}.home-brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.home-brand .mascot-card{box-shadow:none;border-radius:8px}.home-brand h1{margin:0;font-size:clamp(2rem,3.4vw,3.1rem);line-height:.92;color:var(--ink);white-space:nowrap}.home-nav{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 12px;min-width:0}.home-nav button{min-height:34px;padding:0 4px;border:0;border-bottom:3px solid transparent;border-radius:0;background:#fff9ee8a;box-shadow:none;display:inline-flex;align-items:center;gap:7px;font-size:.96rem;white-space:nowrap}.home-nav button:hover:not(:disabled),.home-nav button.active{color:var(--ink);border-bottom-color:var(--ink);transform:translateY(-1px);box-shadow:0 2px #12345f1f}.home-header-tools{display:inline-flex;align-items:center;gap:12px;justify-self:end}.home-header .lang-switch{border-color:var(--line-strong);background:#ffffff85;box-shadow:none}.home-header .lang-switch__icon,.home-header .lang-switch__btn{color:var(--ink)}.home-streak{min-width:108px;min-height:62px;border:2px dashed var(--ink);border-radius:8px;display:grid;place-items:center;padding:6px 10px;font-size:1.6rem;font-weight:900;color:var(--crayon-orange);text-align:center}.home-streak small{display:block;color:var(--ink);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.page-home .daily-hero-grid{grid-template-columns:minmax(0,2.05fr) minmax(360px,1fr)}.page-home .daily-challenge{padding:28px;min-height:456px}.page-home .daily-section-label{background:var(--header);color:var(--header-ink);border-color:var(--ink);text-transform:uppercase;letter-spacing:.04em}.page-home .daily-challenge__body{grid-template-columns:minmax(260px,.58fr) minmax(540px,1.42fr);gap:24px;margin-top:12px}.page-home .daily-challenge h2{font-size:clamp(2.5rem,5vw,4.2rem)}.daily-challenge__perks{display:grid;gap:10px;margin:24px 0 12px;max-width:240px}.daily-challenge__perks span{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:8px;align-items:center;padding:10px 12px;border:2px solid var(--line-strong);border-radius:8px;background:#ffffff6b}.daily-challenge__perks svg{grid-row:span 2}.daily-challenge__perks strong{font-size:.98rem}.daily-challenge__perks small{color:var(--muted);font-size:.88rem}.page-home .daily-primary{min-height:48px;padding-inline:20px;font-size:1.15rem;background:var(--header);color:var(--header-ink)}.page-home .cat-room{min-height:382px;align-self:stretch;border:0;box-shadow:none;background:transparent}.page-home .cat-room__image{border-radius:8px;border:0;object-fit:cover}.page-home .daily-side{background:transparent;border:0;box-shadow:none;padding:0;gap:16px}.daily-status-card{border:3px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 94% 14%,rgba(247,201,72,.14) 0 16px,transparent 17px),#fff9eedb;box-shadow:4px 5px 0 0 var(--ink);padding:16px;position:relative;overflow:hidden}.daily-status-card--today{min-height:126px;display:grid;grid-template-columns:48px minmax(0,1fr) 76px;gap:14px;align-items:center}.daily-status-icon{width:44px;height:44px;border:2px solid var(--ink);border-radius:8px;display:grid;place-items:center;color:#2f77c5;background:#eaf5fb}.daily-status-card h2{margin:0 0 4px;font-size:1.6rem;line-height:1}.daily-status-card p{margin:0;color:var(--muted);line-height:1.4}.daily-status-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line-strong);padding-bottom:10px;margin-bottom:10px}.daily-status-card__head button{border:0;box-shadow:none;background:transparent;color:var(--ink);text-decoration:underline;min-height:0;padding:0;display:inline-flex;align-items:center;gap:6px}.daily-status-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.daily-status-stats span{display:grid;justify-items:center;gap:3px}.daily-status-stats span+span{border-left:1px solid var(--line-strong)}.daily-status-stats strong{display:block;font-size:1.7rem;color:var(--ink)}.daily-status-stats small,.achievement-row small{color:var(--muted)}.achievement-row{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;gap:12px;align-items:center;border:2px solid var(--line);border-radius:8px;padding:10px;background:linear-gradient(90deg,#ffffff70,#fff9ee6b);position:relative}.daily-fun-heading{display:flex;align-items:baseline;gap:18px;margin:8px 0 -4px}.daily-fun-heading h2{margin:0;font-size:clamp(1.9rem,4vw,2.8rem);display:inline-flex;align-items:center;gap:10px}.daily-fun-heading p{margin:0;color:var(--muted)}.page-home .daily-feature-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.page-home .daily-feature{min-height:300px;padding:22px;align-content:start;gap:12px;position:relative;overflow:hidden;background-image:radial-gradient(circle at 88% 14%,rgba(18,52,95,.08) 0 5px,transparent 6px),linear-gradient(105deg,transparent 48%,rgba(18,52,95,.04) 50%,transparent 52%);background-size:auto,13px 13px}.page-home .daily-feature__icon{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff9eeeb,#fff9ee94);box-shadow:2px 3px #12345f61}.page-home .daily-feature strong{font-size:clamp(1.45rem,2.3vw,2.05rem);line-height:1.05}.daily-feature__art{min-height:106px;border-radius:8px;display:grid;place-items:center;margin:2px 0 4px;overflow:hidden;position:relative}.daily-feature__art--find-cat{background:radial-gradient(circle at 25% 65%,#9bcf8f 0 14%,transparent 15%),radial-gradient(circle at 68% 58%,#7abf78 0 20%,transparent 21%),#e4f4df}.daily-feature__art--mood{background:radial-gradient(circle,rgba(217,155,176,.35),transparent 62%)}.daily-feature__art--meme{background:#dff0fb}.daily-feature__art--word{grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:2px;padding:10px}.daily-feature__art--word i{min-height:22px;border:1px solid var(--line-strong);border-radius:4px;display:grid;place-items:center;font-style:normal;font-size:.58rem;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:800;color:var(--ink);background:#fff9ee94}.daily-feature__art .mascot-card,.daily-feature__art img{transform:scale(1.08)}.page-home .daily-feature small{max-width:240px;font-size:1rem}.page-home .daily-feature em{align-self:end;justify-self:stretch;margin-top:auto;min-height:44px;border:2px solid var(--ink);border-radius:8px;background:linear-gradient(135deg,var(--header),#16426f);color:var(--header-ink);display:grid;place-items:center;font-style:normal;font-weight:900}.daily-feature--purple{background:#efe5fb}.daily-made-strip{margin-inline:auto;width:min(640px,100%);border:2px dashed var(--line-strong);border-radius:8px;background:#fff9eeb8;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-weight:800}.page-home-word{width:min(1320px,calc(100% - 32px))}.home-word-panel{display:grid;gap:16px}.home-word-panel__head{min-height:138px;padding:22px 24px;border:3px solid var(--ink);border-radius:8px;background:radial-gradient(circle at 92% 16%,rgba(247,201,72,.32),transparent 18%),linear-gradient(135deg,#fff9eeeb,#ecf8e9d6);box-shadow:4px 5px 0 0 var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px}.home-word-panel__title{min-width:0;display:flex;align-items:center;gap:14px}.home-word-panel__title h2{margin:0;color:var(--ink);font-size:clamp(2rem,4vw,3.5rem);line-height:.95}.home-word-panel__title p{max-width:680px;margin:8px 0 0;color:var(--muted);font-size:1.04rem;line-height:1.5}.home-word-toolbar{border-radius:8px;background:#fff9eedb}.home-word-panel .game-workspace{padding:18px;border:3px solid var(--ink);border-radius:8px;background:#fff9eed6;box-shadow:4px 5px 0 0 var(--ink)}.home-word-panel .today-seo-landing{border-radius:8px;background:#fff9eeb8}@media(max-width:1120px){.home-header{grid-template-columns:1fr;justify-items:start}.home-nav{justify-content:flex-start;flex-wrap:wrap}.page-home .daily-hero-grid,.page-home .daily-challenge__body{grid-template-columns:1fr}.page-home .daily-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home-word-panel__head{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.page-home{width:min(100%,calc(100% - 12px))}.home-header{padding:14px;gap:12px}.home-brand h1{font-size:2rem;white-space:normal}.home-nav,.home-header-tools{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.home-streak{min-width:96px}.page-home .daily-challenge{min-height:0;padding:18px}.page-home .daily-challenge__body{gap:16px}.page-home .cat-room{min-height:258px}.daily-status-card--today,.daily-status-stats,.achievement-row{grid-template-columns:1fr;text-align:left}.daily-status-stats span+span{border-left:0;border-top:1px solid var(--line-strong);padding-top:8px}.daily-fun-heading{display:block}.page-home .daily-feature-row{grid-template-columns:1fr}.page-home .daily-feature{min-height:220px}}