@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(./fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(./fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:Mochiy Pop One;font-style:normal;font-display:swap;font-weight:400;src:url(./mochiy-pop-one-latin-400-normal-B-XEkQuZ.woff2)format("woff2"),url(./mochiy-pop-one-latin-400-normal-D7_dByCQ.woff)format("woff")}:root{--gfs-ink:#4e3b31;--gfs-ink-soft:#7a6558;--gfs-paper:#fffdf6;--gfs-cream:#fff8ea;--gfs-bg:#f6ecd9;--gfs-pink:#ffb3c7;--gfs-pink-deep:#f08aa6;--gfs-mint:#9fd8c4;--gfs-butter:#ffd98a;--gfs-lav:#c7b3ef;--gfs-sky:#a9d4f5;--gfs-peach:#ffc4a8;--gfs-sage:#9cc39a;--gfs-accent:#e8906a;--gfs-line:2.5px;--gfs-shadow:0 3px 0 #4e3b31e6;--gfs-shadow-card:0 5px 0 #4e3b31d9;--gfs-radius:22px;--gfs-font:"Fredoka", "Hiragino Maru Gothic ProN", ui-rounded, system-ui, sans-serif;--gfs-display:"Mochiy Pop One", "Fredoka", ui-rounded, system-ui, sans-serif}.gfs-card{background:var(--gfs-paper);border:var(--gfs-line) solid var(--gfs-ink);border-radius:var(--gfs-radius);box-shadow:var(--gfs-shadow-card);color:var(--gfs-ink);background-image:radial-gradient(#ffffffb3 1px,#0000 1px);background-size:6px 6px}.gfs-btn{border:var(--gfs-line) solid var(--gfs-ink);background:var(--gfs-butter);min-height:48px;color:var(--gfs-ink);font-family:var(--gfs-font);box-shadow:var(--gfs-shadow);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:18px;font-weight:700;text-decoration:none;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.gfs-btn:active{box-shadow:none;transform:translateY(3px)}.gfs-btn[disabled]{opacity:.45}.gfs-btn.pink{background:var(--gfs-pink)}.gfs-btn.mint{background:var(--gfs-mint)}.gfs-btn.sky{background:var(--gfs-sky)}.gfs-btn.lav{background:var(--gfs-lav)}.gfs-btn.cream{background:var(--gfs-cream)}.gfs-petals{border:var(--gfs-line) solid var(--gfs-ink);background:var(--gfs-cream);box-shadow:var(--gfs-shadow);font-family:var(--gfs-font);color:var(--gfs-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 12px 3px 6px;font-size:17px;font-weight:700;display:inline-flex}.gfs-petals svg{display:block}:root{--ink:var(--gfs-ink);--ink-soft:var(--gfs-ink-soft);--paper:var(--gfs-paper);--bg:var(--gfs-bg);--line:var(--gfs-line);--hi-peer:#fff1c9;--hi-sel:#ffd3df;--hi-same:#8a6fd0;--clash:#e9546b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--gfs-font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;margin:0;font-weight:500}body{background-image:radial-gradient(#4e3b310f 1.2px,#0000 1.2px);background-size:14px 14px}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:inherit}h1,h2,h3{font-family:var(--gfs-display);margin:0;font-weight:400}.screen{height:100dvh;padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));flex-direction:column;max-width:560px;margin:0 auto;display:flex;position:relative;overflow:hidden}.muted{color:var(--ink-soft)}.small{font-size:14px}.center{text-align:center}.grow{flex:1}.btn{border:var(--line) solid var(--ink);background:var(--gfs-butter);min-height:48px;box-shadow:var(--gfs-shadow);border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:18px;font-weight:600;text-decoration:none;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.btn:active:not([disabled]){box-shadow:none;transform:translateY(3px)}.btn[disabled]{color:#9d8f82;filter:saturate(.5);border-color:#b3a597;box-shadow:0 3px #b3a597}.btn.pink{background:var(--gfs-pink)}.btn.mint{background:var(--gfs-mint)}.btn.sky{background:var(--gfs-sky)}.btn.lav{background:var(--gfs-lav)}.btn.cream{background:var(--gfs-cream)}.btn.ghost{box-shadow:none;color:var(--ink-soft);background:0 0;border-color:#0000}.btn.wide{width:100%}.btn.big{min-height:62px;font-family:var(--gfs-display);flex-direction:column;gap:0;font-size:22px;line-height:1.1}.btn.big small{font-family:var(--gfs-font);opacity:.85;align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}.icon-btn{border:var(--line) solid var(--ink);background:var(--gfs-cream);width:44px;height:44px;box-shadow:var(--gfs-shadow);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.icon-btn:active{box-shadow:none;transform:translateY(3px)}.icon-btn.ghost{visibility:hidden}.chip{border:2px solid var(--ink);background:var(--gfs-cream);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:14px;font-weight:600;display:inline-flex}.chip.mint{background:var(--gfs-mint)}.chip.butter{background:var(--gfs-butter)}.chip.cream{background:var(--gfs-cream)}.card{background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--gfs-radius);box-shadow:var(--gfs-shadow-card);background-image:radial-gradient(#f6ecd9e6 1px,#0000 1px);background-size:6px 6px}.num-badge{color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 2px;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:1px;right:1px;box-shadow:0 0 0 1.5px #fff}.num-badge.inline{vertical-align:2px;margin-left:4px;display:inline-grid;position:static}.overlay{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));z-index:50;background:#4e3b3159;place-items:center;display:grid;position:fixed;inset:0}.overlay>.card{text-align:center;width:min(420px,100%);max-height:calc(100dvh - 32px);padding:20px 18px 18px;overflow-y:auto}.pop-in{animation:.32s cubic-bezier(.2,1.4,.4,1) both popIn}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(10px)}}.toast{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--gfs-shadow);text-align:center;z-index:5;pointer-events:none;border-radius:14px;width:max-content;max-width:92%;padding:6px 12px;font-size:15px;font-weight:600;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.toast.global{bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;position:fixed}.toast-inline{margin:4px auto;font-weight:600}.eyebrow{font-family:var(--gfs-display);color:var(--gfs-pink-deep);margin:0 0 6px;font-size:15px}.logo{flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:6px 0 4px;display:flex}.logo-word{gap:2px;display:inline-flex}.logo-ch{border:var(--line) solid var(--ink);width:38px;height:44px;box-shadow:0 4px 0 var(--ink);color:var(--ink);border-radius:12px;place-items:center;font-size:28px;display:inline-grid}.logo.small .logo-ch{width:28px;height:33px;box-shadow:0 3px 0 var(--ink);border-radius:9px;font-size:20px}.home{padding-bottom:max(16px, env(safe-area-inset-bottom));gap:10px;overflow-y:auto}.home-top{align-items:center;gap:8px;padding-top:10px;display:flex}.lineup{border-bottom:3px solid #4e3b312e;justify-content:center;align-items:flex-end;gap:0;margin:0 -4px;padding:6px 0 4px;display:flex}.lineup-res{flex-direction:column;align-items:center;margin:0 -3px;animation:.5s cubic-bezier(.2,1.6,.4,1) both hopIn;display:flex;position:relative}.lineup-n{color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;margin-top:-4px;font-size:11px;font-weight:700;display:grid;position:relative;box-shadow:0 0 0 1.5px #fff}@keyframes hopIn{0%{opacity:0;transform:translateY(16px)scale(.6)}}.continue{width:100%}.daily-card{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.daily-card:active,.street-card:active{box-shadow:none;transform:translateY(3px)}.daily-txt{flex-direction:column;flex:1;display:flex}.daily-txt b{font-size:18px;font-weight:600}.daily-txt small{color:var(--ink-soft);font-size:14px}.section-h{margin:4px 2px -2px;font-size:18px}.streets{flex-direction:column;gap:8px;display:flex}.street-card{border:var(--line) solid var(--ink);box-shadow:var(--gfs-shadow);text-align:left;border-radius:18px;align-items:center;gap:10px;min-height:60px;padding:6px 12px 6px 6px;display:flex}.street-card.locked{filter:grayscale(.7);opacity:.6}.street-host{border:2px solid var(--ink);background:#ffffffb3;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.street-txt{flex-direction:column;flex:1;min-width:0;display:flex}.street-txt b{font-size:17px;font-weight:600}.street-txt small{color:var(--ink-soft);font-size:13px}.street-prog{border:2px solid var(--ink);background:#ffffffbf;border-radius:999px;flex-shrink:0;width:72px;height:22px;position:relative;overflow:hidden}.street-prog i{background:var(--gfs-mint);position:absolute;inset:0 auto 0 0}.street-prog em{place-items:center;height:100%;font-size:13px;font-style:normal;font-weight:600;display:grid;position:relative}.home-row{gap:10px;margin-top:4px;display:flex}.home-row .btn{flex:1}.corner-btn{width:100%}.footer{text-align:center;margin:6px 0 0}.play-top{align-items:center;gap:8px;min-height:56px;padding:8px 0 4px;display:flex}.play-title{text-align:center;flex:1;min-width:0}.play-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.play-title p{color:var(--ink-soft);margin:0;font-size:14px;font-weight:600}.rule-chips{flex-wrap:wrap;justify-content:center;gap:6px;min-height:30px;padding-bottom:4px;display:flex}.rule-chip{box-shadow:0 2px 0 var(--ink);font-size:13px}.rule-chip:active{box-shadow:none;transform:translateY(2px)}.rule-dot{border:1.5px solid var(--ink);background:#fff;border-radius:50%;width:10px;height:10px}.board-wrap{flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.board{transform-origin:50% 0;box-shadow:var(--gfs-shadow-card);background:var(--paper);touch-action:none;border-radius:12px;flex-shrink:0;transition:transform .3s;position:relative}.board-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.board>.board-layer:first-child{border-radius:12px;overflow:hidden}.board-layer.top{overflow:visible}.cell-bg{transition:background-color .12s;position:absolute}.cell-bg.given{background-color:#f3e6cf;box-shadow:inset 0 0 0 3px #4e3b3147}.cell-bg.peer{background-image:linear-gradient(#6e96d72b,#6e96d72b)}.cell-bg.same{box-shadow:inset 0 0 0 3px #8a6fd0}.cell-bg.sel{box-shadow:inset 0 0 0 3.5px #3d7fc0;background-image:linear-gradient(#78b4f073,#78b4f073)!important}.cell-bg.focus{background-image:linear-gradient(#aa8ceb4d,#aa8ceb4d)}.cell-bg.focus1{box-shadow:inset 0 0 0 4px #2f9a74,0 0 0 2px #fff;background-image:linear-gradient(#50be9652,#50be9652)!important}.cell-bg.proof{background-image:linear-gradient(#ffd25073,#ffd25073);box-shadow:inset 0 0 0 3px #e8a33d}.cell-bg.witness{box-shadow:inset 0 0 0 3.5px #e8a33d,0 0 0 2px #fff6d6;box-shadow:inset 0 0 0 4px #d63c80,0 0 0 2px #fff!important}.cell-bg.blocked:after{content:"×";color:#ee9aa8;place-items:center;font-size:150%;font-weight:700;display:grid;position:absolute;inset:0}.cell-bg.clash{background-color:#ffc9d2!important;background-image:none!important}.cell-res,.cell-notes{place-items:center;display:grid;position:absolute}.cell-res .animal{margin-top:2%}.cell-res.hop{animation:.5s cubic-bezier(.3,1.6,.5,1) both hop}@keyframes hop{0%{transform:translateY(0)scale(1)}25%{transform:translateY(0)scale(1.12,.86)}55%{transform:translateY(-22%)scale(.94,1.08)}85%{transform:translateY(0)scale(1.06,.94)}to{transform:none}}.cell-res.plop{animation:.34s cubic-bezier(.3,1.7,.5,1) both plop}@keyframes plop{0%{transform:translateY(-18%)scale(.8,.85)}60%{transform:translateY(0)scale(1.12,.88)}to{transform:none}}.big-num{font-family:var(--gfs-display);line-height:1}.cell-res.given .cell-res.plop{animation:.34s cubic-bezier(.3,1.7,.5,1) both plop}.note{font-weight:700;line-height:1;position:absolute;transform:translate(-50%,-50%)}.note.hot{background:#dcecfb;border-radius:4px;padding:0 1px}.note.crossed{text-align:center;min-width:1.15em;text-shadow:none;z-index:1;background:#fff;border-radius:999px;padding:0 1px;animation:1.1s ease-in-out infinite alternate pulse;box-shadow:0 0 0 1.5px #d63c55;color:#c42a46!important}@keyframes pulse{to{transform:translate(-50%,-50%)scale(1.05)}}.fence-thin{stroke:#4e3b3147;stroke-width:1px;vector-effect:non-scaling-stroke}.fence-thick{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.fence-frame{fill:none;stroke:var(--ink);stroke-width:3px;vector-effect:non-scaling-stroke}.slide-edge{fill:none;stroke:#6fb8a0;stroke-width:.36px;stroke-linecap:round;stroke-linejoin:round}circle.slide-edge{fill:#6fb8a0;stroke:none}.slide-fill{fill:none;stroke:#bfe8d9;stroke-width:.26px;stroke-linecap:round;stroke-linejoin:round}circle.slide-fill{fill:#bfe8d9;stroke:none}.blanket{fill:none;stroke:#d08a2a;stroke-width:1.6px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.cage-sum rect{fill:var(--gfs-butter);stroke:var(--ink);stroke-width:1.2px;vector-effect:non-scaling-stroke}.cage-sum text{font-size:.2px;font-weight:700;font-family:var(--gfs-font);text-anchor:middle;fill:var(--ink)}.parade line{stroke:#e8a33d;stroke-width:.09px;stroke-dasharray:.16 .14;stroke-linecap:round;opacity:.8}.bow path,.bow circle{fill:#ff9fbf;stroke:var(--ink);stroke-width:.16px;stroke-linejoin:round}.bow.gold path,.bow.gold circle{fill:#f2c14e}.sign path{fill:#a9d4f5;stroke:var(--ink);stroke-width:.045px;stroke-linejoin:round}body[data-paper=gingham] .board{background:#ffeef2}body[data-paper=notebook] .board{background:#eef6fd}body[data-paper=linen] .board{background:#f1f4e6}body[data-paper=sakura] .board{background:#fff7f9 radial-gradient(circle,#ffb3c766 2px,#0000 2.5px) 0 0/26px 26px}body[data-paper=starry] .board{background:#f1eefb radial-gradient(circle,#c7b3efb3 1.5px,#0000 2px) 0 0/20px 20px}.porch{grid-template-columns:repeat(9,1fr);gap:4px;padding:8px 0 4px;display:grid}.porch.n6{grid-template-columns:repeat(6,1fr)}.porch.n4{grid-template-columns:repeat(4,1fr)}.porch-btn{border:var(--line) solid var(--ink);height:clamp(58px,9.6dvh,88px);box-shadow:0 3px 0 var(--ink);border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:3px;transition:transform 60ms;display:flex;position:relative;overflow:hidden}.porch-btn:active{box-shadow:none;transform:translateY(3px)}.porch-btn.held{box-shadow:0 7px 0 var(--ink);outline:3px solid var(--gfs-pink-deep);outline-offset:1px;transform:translateY(-4px)}.porch-btn.same:not(.held){outline:3px solid var(--hi-same);outline-offset:1px}.porch-btn.done{filter:saturate(.55);border-color:#a8998a;box-shadow:0 3px #a8998a;background:#efe7da!important}.porch-btn.done .porch-left{background:var(--gfs-mint)}.porch-v{color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:13px;font-weight:700;display:grid;position:absolute;bottom:3px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1.5px #fff}.porch-num{font-family:var(--gfs-display);font-size:26px;line-height:40px}.porch-left{color:var(--ink);background:#fffdf6eb;border-radius:999px;padding:2px 4px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:2px;right:2px}.porch.notes .porch-btn{border-style:dashed}.tools{gap:6px;padding:4px 0 8px;display:flex}.play.left .tools{flex-direction:row-reverse}.tool{border:var(--line) solid var(--ink);background:var(--gfs-cream);height:clamp(50px,7dvh,62px);box-shadow:0 3px 0 var(--ink);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;font-size:13px;font-weight:600;display:flex}.tool:active:not([disabled]){box-shadow:none;transform:translateY(3px)}.tool[disabled]{color:#b3a597;background:#f4ecdf;border-color:#b3a597;box-shadow:0 3px #b3a597}.tool.on{background:var(--gfs-lav)}.hint-tool{background:var(--gfs-butter)}.held-chip,.fill-chip{left:50%;bottom:calc(clamp(58px, 9.6dvh, 88px) + clamp(50px, 7dvh, 62px) + 50px + env(safe-area-inset-bottom));box-shadow:var(--gfs-shadow);background:var(--gfs-lav);z-index:4;padding:6px 12px;font-size:14px;position:absolute;transform:translate(-50%)}.hint-sheet{z-index:6;text-align:left;padding:10px 14px 12px;position:absolute;bottom:0;left:0;right:0}.hint-x{width:36px;height:36px;font-size:26px;line-height:1;position:absolute;top:2px;right:6px}.hint-lead{margin:0 30px 10px 0;font-size:17px;font-weight:600}.hint-tech{font-family:var(--gfs-display);margin:0 30px 4px 0;font-size:17px}.hint-why{margin:0 0 10px;font-size:15.5px;line-height:1.35}.hint-btns{gap:8px;display:flex}.hint-btns .btn{flex:1;min-height:42px;font-size:16px}.solve-banner{z-index:3;pointer-events:none;position:absolute;top:60px;left:50%;transform:translate(-50%)}.board.solved .cell-bg:not(.given){background-color:#fff9ea}.rule-card h2{border:var(--line) solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;margin-bottom:8px;padding:4px 14px;font-size:20px;display:inline-block}.rule-sec+.rule-sec{border-top:2px dashed #4e3b3133;margin-top:14px;padding-top:12px}.rule-line{margin:8px 0 4px;font-size:17px;font-weight:600;line-height:1.3}.rule-card .btn{margin-top:12px}.rc-pic{flex-direction:column;align-items:center;gap:6px;margin:6px 0;display:flex}.rc-two{gap:10px}.rc-row,.rc-blanket,.rc-slide{align-items:center;gap:6px;display:flex;position:relative}.rc-face{border:2px solid var(--ink);border-radius:10px;place-items:center;width:54px;height:54px;display:grid;position:relative;overflow:hidden}.rc-blanket{border:2px dashed #d08a2a;border-radius:10px;padding:10px 8px 8px}.rc-sum{background:var(--gfs-butter);border:2px solid var(--ink);border-radius:6px;padding:0 5px;font-size:14px;font-weight:700;position:absolute;top:-10px;left:-6px}.rc-eq{color:var(--ink-soft);margin:0;font-weight:700}.rc-slide{background:#bfe8d9;border-radius:999px;padding:4px 6px 4px 10px;box-shadow:0 0 0 3px #6fb8a0}.rc-bulb{background:#6fb8a0;border-radius:50%;width:22px;height:22px;position:absolute;left:-12px}.rc-bow{border:2px solid var(--ink);background:#ff9fbf;border-radius:6px;width:22px;height:14px}.rc-bow.gold{background:#f2c14e}.rc-sign{border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:16px solid var(--ink);width:0;height:0;position:relative}.moved{max-height:calc(100dvh - 12px - env(safe-area-inset-top));position:relative;overflow:hidden auto}.moved-hero{border-bottom:var(--line) solid var(--ink);place-items:center;margin:-20px -18px 10px;padding:14px 0 6px;display:grid}.moved h2{font-size:24px}.moved>p{margin:4px 0 10px}.moved-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px;display:flex}.petal-pop{animation:.6s cubic-bezier(.2,1.8,.4,1) .4s both petalPop}@keyframes petalPop{0%{transform:scale(0)}}.moved-btns{flex-direction:column;gap:10px;display:flex}.moved-btns .row{gap:8px;display:flex}.moved-btns .row .btn{flex:1;padding:8px 10px;font-size:15px}.confetti{pointer-events:none;z-index:2;position:absolute;inset:0}.confetti i{border:1.5px solid var(--ink);border-radius:3px;width:10px;height:14px;animation:1.8s ease-in both confetti;position:absolute;top:-12px}@keyframes confetti{to{opacity:0;transform:translateY(300px)rotate(400deg)}}.street{background:linear-gradient(var(--sky) 0, var(--ground) 40%);max-width:none}.street>*{width:100%;max-width:544px;margin-left:auto;margin-right:auto}.street-scroll{flex:1;padding:8px 4px 24px;overflow-y:auto}.path{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 54px;padding-bottom:56px;display:grid;position:relative}.path:before,.path:after{content:"";pointer-events:none;position:absolute;top:-12px;bottom:0;left:50%;transform:translate(-50%)}.path:before{border-left:var(--line) solid var(--ink);border-right:var(--line) solid var(--ink);background:#f3e3c3;border-radius:0 0 20px 20px;width:40px}.path:after{border-left:3px dashed #4e3b3140;width:0}.plot{z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex}.plot.right{transform:translateY(46px)}.plot-art{width:112px;height:100px;position:relative}.plot:active .plot-art{transform:translateY(3px)scale(.97)}.house-svg{width:100%;height:100%;overflow:visible}.lot-n{font-family:var(--gfs-display);fill:var(--ink);font-size:22px}.plot.locked{opacity:.45}.plot.next .plot-art{animation:1.4s ease-in-out infinite bob}.plot.next .plot-art:after{content:"";z-index:-1;border-radius:18px;position:absolute;inset:4px 10px 18px;box-shadow:0 0 0 4px #ffffffd9,0 0 18px 6px #ffd98ae6}@keyframes bob{50%{transform:translateY(-5px)}}.plot-res{border:2.5px solid var(--ink);background:#fffdf6;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-18%)}.plot-paw{background:var(--gfs-mint);border:2px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:0;right:6px}.plot-wip{background:var(--gfs-butter);border:2px solid var(--ink);border-radius:999px;padding:0 6px;font-weight:700;position:absolute;top:2px;right:10px}.plot-label{text-align:center;border:2px solid var(--ink);white-space:nowrap;text-overflow:ellipsis;background:#fffdf6e6;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;padding:1px 10px;font-size:13px;font-weight:600;line-height:1.15;display:inline-flex;overflow:hidden;white-space:normal!important;border-radius:12px!important}.plot-label em{color:var(--ink-soft);font-size:12px;font-style:normal}.plot.festival .plot-art{width:130px}.seg{border:var(--line) solid var(--ink);background:var(--gfs-cream);box-shadow:var(--gfs-shadow);border-radius:16px;display:flex;overflow:hidden}.seg button{flex:1;min-height:42px;padding:4px 6px;font-size:15px;font-weight:600}.seg button+button{border-left:2px solid var(--ink)}.seg button.on{background:var(--gfs-pink)}.tabs{margin:4px 0 10px}.book-scroll,.open-scroll,.corner-scroll{flex-direction:column;flex:1;gap:10px;padding:4px 2px 24px;display:flex;overflow-y:auto}.book-row{text-align:left;align-items:center;gap:12px;padding:10px 12px;display:flex}.book-row>span:last-child{flex-direction:column;gap:2px;display:flex}.book-row b{font-size:17px;font-weight:600}.book-pic{border:2px solid var(--ink);border-radius:14px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;overflow:hidden;align-items:end!important}.book-row.unknown{opacity:.6}.book-rule{text-align:center;padding:12px}.book-rule h3{border:2px solid var(--ink);border-radius:999px;padding:2px 12px;font-size:16px;display:inline-block}.book-rule p{margin:6px 0 0;font-weight:600}.open-scroll h3,.corner-scroll h3{margin:6px 0 -2px;font-size:16px}.open-hero{align-items:center;gap:12px;display:flex}.open-hero p{margin:0}.pick-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pick{border:2px solid var(--ink);background:var(--gfs-cream);min-height:44px;box-shadow:0 2px 0 var(--ink);border-radius:12px;padding:2px 4px;font-size:14px;font-weight:600}.pick.on{background:var(--gfs-pink)}.pick[disabled]{opacity:.4}.paper-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.paper-swatch{border:2px solid var(--ink);background:var(--paper);box-shadow:0 3px 0 var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px;font-size:13px;display:flex}.paper-swatch.on{outline:3px solid var(--gfs-pink-deep)}.paper-swatch b{font-weight:600}.paper-swatch small{align-items:center;gap:3px;display:inline-flex}.swatch{border:1.5px solid var(--ink);background:#fffdf6;border-radius:8px;width:100%;height:44px}.paper-gingham .swatch{background:#ffeef2}.paper-notebook .swatch{background:#eef6fd}.paper-linen .swatch{background:#f1f4e6}.paper-sakura .swatch{background:#fff7f9 radial-gradient(circle,#ffb3c7cc 2px,#0000 2.5px) 0 0/14px 14px}.paper-starry .swatch{background:#f1eefb radial-gradient(circle,#c7b3ef 1.5px,#0000 2px) 0 0/10px 10px}.outfit-list{flex-direction:column;gap:8px;display:flex}.outfit{background-image:none;align-items:center;gap:4px;padding:6px;display:flex}.outfit .arrow{width:30px;height:60px;font-size:30px;font-weight:700}.outfit-fig{place-items:center;width:90px;display:grid}.outfit-info{flex-direction:column;flex:1;align-items:flex-start;gap:4px;display:flex}.outfit-info b{font-size:17px;font-weight:600}.outfit-info small{color:var(--ink-soft)}.settings{text-align:left!important}.settings h2{text-align:center;margin-bottom:6px}.settings h3{margin:10px 0 5px;font-size:15px}.settings .seg button{font-size:14px}.settings p{margin:6px 0 0}.toggle-row{justify-content:space-between;align-items:center;gap:10px;padding:3px 0;font-weight:600;display:flex}.switch{border:2px solid var(--ink);background:#eadfcd;border-radius:999px;flex-shrink:0;width:52px;height:30px;position:relative}.switch i{border:2px solid var(--ink);background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--gfs-mint)}.switch.on i{left:24px}.settings .btn{margin-top:12px}.hello-line{font-size:18px;font-weight:600;line-height:1.3}.hello-line-up{justify-content:center;align-items:flex-end;margin:6px -8px;display:flex}.hello-res{flex-direction:column;align-items:center;margin:0 -2px;animation:.5s cubic-bezier(.2,1.6,.4,1) both hopIn;display:flex}.hello-res b{color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;margin-top:-3px;font-size:11px;display:grid}.hello-rule,.loading{place-items:center;display:grid}.loading-card{text-align:center;padding:24px 32px}.spinner{border:5px solid var(--gfs-pink);border-top-color:var(--ink);border-radius:50%;width:44px;height:44px;margin:0 auto 8px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.petal-card{text-align:left!important}.rotate-note{display:none}@media (orientation:landscape) and (height<=500px){#app{display:none}.rotate-note{place-items:center;height:100vh;font-size:22px;font-weight:600;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.village{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.hood-strip,.square{border:var(--line) solid var(--ink);width:100%;box-shadow:var(--gfs-shadow);text-align:left;border-radius:18px;padding:0;display:block;position:relative;overflow:hidden}.hood-strip:active{box-shadow:none;transform:translateY(3px)}.hood-svg{width:100%;height:auto;display:block}.hood-label{background:var(--paper);border:2px solid var(--ink);border-radius:999px;align-items:baseline;gap:6px;padding:1px 10px;font-size:14px;display:flex;position:absolute;top:6px;left:8px}.hood-label b{font-weight:600}.hood-label em{color:var(--ink-soft);font-size:12px;font-style:normal}.hood-folk{align-items:flex-end;display:flex;position:absolute;bottom:2px;right:6px}.hood-folk .animal{margin-left:-6px}.hood-strip.soon{box-shadow:none;background:#efe5d3;border-style:dashed;padding:10px 12px}.soon-sign{color:var(--ink-soft);font-size:14px}.soon-sign b{color:var(--ink);font-weight:600}.square-name{font-family:var(--gfs-display);font-size:13px}.walkers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.walker{animation:28s linear infinite strollX;position:absolute;bottom:6%;left:0}.walker.w1{animation-duration:33s;animation-delay:-10s}.walker.w2{animation-duration:38s;animation-delay:-20s}@keyframes strollX{0%{left:1%;transform:scaleX(1)}49%{left:88%;transform:scaleX(1)}50%{left:88%;transform:scaleX(-1)}99%{left:1%;transform:scaleX(-1)}to{left:1%;transform:scaleX(1)}}.home-row.three .btn{flex-direction:column;gap:2px;min-height:64px;padding:6px 4px;font-size:14px;line-height:1.1}.decor-ico{border:1.5px solid var(--ink);background:#cfe5c4;border-radius:8px;place-items:center;width:100%;height:44px;display:grid}.board.solved .fence-thin{opacity:0;transition:opacity .8s .6s}.board.settled .cell-res .animal{animation:2.6s ease-in-out infinite idle;animation-delay:calc(var(--d) + .8s)}.roof{z-index:2;width:92%;height:auto;animation:.4s cubic-bezier(.2,1.6,.4,1) both roofIn;animation-delay:calc(var(--d) * .25);position:absolute;top:0;left:4%;overflow:visible}.board.settled .cell-res .animal{transition:scale .3s,translate .3s;translate:0 17%;scale:.76}@keyframes roofIn{0%{transform:translateY(-40%)scale(.05)}}@keyframes idle{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)scale(1.02,.98)}}.board.solved .cell-bg{border-radius:6px;transition:border-radius .6s}.moved-sheet{z-index:50;padding:0 8px max(8px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.moved-sheet>.card{pointer-events:auto;text-align:center;width:min(440px,100%);max-height:62dvh;padding:14px 16px;overflow-y:auto}.moved-sheet .moved-hero{border-radius:20px 20px 0 0;margin:-14px -16px 8px;padding:8px 0 2px}.moved-sheet.festival:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 30%,#ffd98a59,#0000 60%);position:fixed;inset:0}.slide-up{animation:.45s cubic-bezier(.2,1.3,.4,1) both slideUp}@keyframes slideUp{0%{transform:translateY(110%)}}.moved-hero.parade{flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:0;padding:10px 6px 4px;display:flex;position:relative}.parader{margin:0 -4px;animation:.5s cubic-bezier(.2,1.6,.4,1) both hopIn}.screen.play.themed{background:linear-gradient(var(--sky), var(--ground));max-width:none}.screen.play.themed>:is(.play-top,.rule-chips,.board-wrap,.hint-sheet,.porch,.tools){width:100%;max-width:544px;margin-left:auto;margin-right:auto}.screen.dark .play-title h1,.screen.dark .play-title p{color:#fff8ea}.screen.dark .play-title p{opacity:.85}.moved-peek{z-index:3;border:2px solid var(--ink);background:var(--paper);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;position:absolute;top:6px;right:10px}.moved.mini{align-items:center;gap:10px;padding:10px 12px;display:flex}.mini-open{text-align:left;flex:1;font-size:15px}.mini-open b{font-weight:600}.more-streets{box-shadow:0 2px 0 var(--ink);align-self:center;margin-top:-2px}.festival-hello .card{position:relative;overflow:hidden}.festival-hello .card>.animal{margin:0 auto;display:block}.festival-lanterns{justify-content:space-around;margin:-6px 0 4px;display:flex}.festival-lanterns i{background:var(--gfs-butter);border:2px solid var(--ink);transform-origin:50% -10px;border-radius:8px;width:16px;height:20px;animation:1.4s ease-in-out infinite alternate sway}.festival-lanterns i:nth-child(2n){background:var(--gfs-pink)}@keyframes sway{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.moved-hero.parade{row-gap:0;min-height:140px}.square-tip{font-family:var(--gfs-font);fill:var(--ink-soft);font-size:10.5px;font-weight:600}.parade-host{position:absolute;top:4px;left:50%;transform:translate(-50%)}.moved-hero.parade{min-height:0!important;padding-top:74px!important}.lone-cross{flex-wrap:wrap;place-content:center;gap:2px;max-width:100%;display:flex}.lone-cross b{color:#c42a46;background:#fff;border-radius:999px;padding:0 .3em;font-weight:700;box-shadow:0 0 0 2px #d63c55}.hint-why,.hint-lead,.hint-tech{padding-right:26px}.board.settled .cage-sum,.board.settled .bow,.board.settled .sign{opacity:0;transition:opacity .4s}.settings h2{font-size:20px}.settings .seg button{min-height:38px}.settings .btn{min-height:42px;margin-top:8px}.progress-row{color:var(--ink-soft);align-items:center;gap:8px;padding:4px 6px 0;font-size:13px;font-weight:600;display:flex}.screen.dark .progress-row{color:#fff8ea}.progress-row .bar{border:2px solid var(--ink);background:var(--paper);border-radius:999px;flex:1;height:10px;overflow:hidden}.progress-row .bar i{background:var(--gfs-mint);height:100%;transition:width .3s;display:block}@media (height<=700px){.progress-row{display:none}}.hint-sheet.over-porch{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));max-width:544px;min-height:calc(clamp(58px,9.6dvh,88px) + clamp(50px,7dvh,62px) + 44px);margin:0 auto;position:fixed}.lone-cross b{font-size:1em}.settings-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.settings-foot .link-btn{text-align:left}.settings-foot .btn{min-width:120px;margin:0}@media (height<=700px){.settings .toggle-row small{display:none}.settings .toggle-row{padding:1px 0}.settings .switch{height:28px}.settings .switch i{width:20px;height:20px}.settings h3{margin:7px 0 4px}}.parade-march{background:linear-gradient(transparent 30%, var(--ink) 30%, var(--ink) calc(30% + 2.5px), #fff4d6 calc(30% + 2.5px), #fff4d6 calc(92% - 2.5px), var(--ink) calc(92% - 2.5px), var(--ink) 92%, transparent 92%);pointer-events:none;z-index:4;position:absolute;left:4px;right:4px;overflow:hidden}.parade-march span{animation:13.2s linear infinite both march;position:absolute;bottom:0}@keyframes march{0%{transform:translate(0)}to{transform:translateX(var(--travel,calc(100vw + 120px)))}}.moved-btns .btn.big{white-space:nowrap;font-size:19px}.note.ghost{opacity:.75;text-shadow:0 0 2px #fff}.hint-sheet{flex-direction:column;justify-content:space-between;min-height:196px;display:flex}@media (height<=760px){.hint-why{font-size:14px;line-height:1.3}.hint-btns .btn{min-height:38px;font-size:15px}}.lone-cross b{position:relative}.lone-cross b:after{content:"";background:#c42a46;border-radius:2px;height:2.5px;position:absolute;top:50%;left:-2px;right:-2px;transform:rotate(-35deg)}.mini-open b{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mini-paw{background:var(--gfs-mint);border:2px solid var(--ink);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;margin-right:2px;display:inline-grid}.mini-chips{align-items:center;gap:3px;margin-left:6px;font-size:13px;font-weight:700;display:inline-flex}.walker .animal{width:34px!important;height:34px!important}.note.ghost.hot{opacity:1;background:#ffe9a8;border-radius:4px}.visit-card .visit-res{border-bottom:var(--line) solid var(--ink);border-radius:20px 20px 0 0;place-items:center;width:calc(100% + 36px);margin:-20px -18px 10px;padding:10px 0 4px;display:grid}.visit-card h2{font-size:22px}.visit-card p{margin:4px 0}.visit-gag{font-size:16px;font-weight:600}.visit-card .row{gap:8px;margin-top:12px;display:flex}.visit-card .row .btn{flex:1}.note{text-shadow:0 0 2px #fff,0 0 2px #fff}.note.ghost{opacity:.55;font-style:italic}.note.crossed:after{content:"";background:#c42a46;border-radius:1px;height:1.5px;position:absolute;top:calc(50% - .75px);left:8%;right:8%;transform:rotate(-35deg)}@media (height<=700px){.home .logo{margin:0;transform:scale(.85)}.home .daily-card{padding:6px 12px}.home .btn.big{min-height:54px}}.note.lesson{background:#fff;border-radius:4px;font-style:normal;box-shadow:0 0 0 1.6px;opacity:1!important}@media (height<=700px){.rule-card .rc-face{width:44px;height:44px}.rule-card .rule-line{font-size:15px}.rule-sec+.rule-sec{margin-top:8px;padding-top:8px}}.speech{border:2.5px solid var(--ink);background:#fff;border-radius:16px;max-width:300px;padding:8px 12px;font-size:16px;font-weight:600;position:relative;margin:10px auto 2px!important}.speech:before{content:"";border-left:2.5px solid var(--ink);border-top:2.5px solid var(--ink);background:#fff;width:14px;height:14px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.link-btn{color:var(--ink-soft);margin:10px auto 0;font-size:14px;font-weight:600;text-decoration:underline;display:block}.tap-tip{z-index:30;box-shadow:var(--gfs-shadow);background:var(--paper);pointer-events:none;animation:.3s 1.5s both popIn;position:absolute;top:4px;left:50%;transform:translate(-50%)}.visit-card p.muted{font-size:14px}.moved-hero.finale{grid-template-columns:repeat(3,auto);justify-content:center;align-items:end;gap:0 6px;display:grid;padding:34px 4px 4px!important}.mini-open b{font-size:14px}.visit-card .speech{margin-top:4px!important}.square-visitor{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:6%;left:40%}.visitor-dot{border:2.5px solid var(--ink);background:#fff;border-radius:12px;place-items:center;min-width:26px;height:20px;margin-bottom:-4px;font-weight:700;line-height:1;animation:1.6s ease-in-out infinite alternate bob;display:grid}.visitor-say.speech{text-align:left;width:max-content;max-width:220px;padding:6px 10px;font-size:13px;position:absolute;bottom:100%;left:-8px;margin:0!important}.visitor-say.speech:before{top:auto;bottom:-9px;left:36px;transform:rotate(225deg)}@media (height<=700px){.rule-card .rule-sec .muted.small{display:none}.rule-card .rc-pic{margin:0 auto;transform:scale(.85)}}.hint-stages{flex:1;display:grid}.hint-stage{flex-direction:column;grid-area:1/1;display:flex}.hint-stage .hint-btns{margin-top:auto}.note.crossed.was{box-shadow:none;outline-offset:0;outline:1.5px dashed #d98896;animation:none;color:#c25a6c!important}.note.crossed.was:after{display:none}.open-scroll>*,.corner-scroll>*{flex-shrink:0}@media (height<=760px){.moved-hero.finale{grid-template-columns:repeat(6,auto);gap:0;padding-top:30px!important}.moved-hero.finale .animal{width:50px;height:50px}}@media (height<=700px){.moved h2{font-size:21px}.moved>p{margin:2px 0 6px;font-size:14px}.moved-btns .btn.big{min-height:46px}}.animal{display:block;overflow:visible}.animal.an-bust{overflow:hidden}.an-anim .an-f0{animation:.5s step-end infinite anFrameA}.an-anim .an-f1{animation:.5s step-end infinite anFrameB}@keyframes anFrameA{0%{opacity:1}50%{opacity:0}}@keyframes anFrameB{0%{opacity:0}50%{opacity:1}}.an-anim .an-bob{animation:.25s ease-in-out infinite alternate anBob}@keyframes anBob{0%{transform:translateY(0)}to{transform:translateY(-1.8px)}}.an-anim .an-blink{animation:4.2s ease-in-out infinite anBlink}@keyframes anBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}.an-anim .an-wave{animation:.42s ease-in-out infinite alternate anWave}@keyframes anWave{0%{transform:rotate(-10deg)}to{transform:rotate(16deg)}}.an-anim .an-treat{animation:.7s ease-in-out infinite alternate anNibble}@keyframes anNibble{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-1.2px)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.an-anim .an-f0,.an-anim .an-f1,.an-anim .an-bob,.an-anim .an-blink,.an-anim .an-wave,.an-anim .an-treat{animation:none}.an-anim .an-f1{opacity:0}}.petal-card{text-align:left;max-height:calc(100dvh - 32px);overflow-y:auto}.petal-card h3{margin:16px 0 4px;font-size:16px}.petal-card .muted{margin:0 0 8px;line-height:1.35}.petal-title{align-items:center;gap:8px;margin:0 0 8px;display:flex}.petal-actions{gap:10px;margin:12px 0 4px;display:flex}.petal-actions .btn{flex:1;text-decoration:none}.petal-code{letter-spacing:.12em;border:2.5px solid var(--gfs-ink,#4e3b31);background:var(--gfs-butter,#ffd98a);border-radius:14px;margin:4px 0 8px;padding:4px 14px;font-size:28px;font-weight:800;display:inline-block}.petal-claim{gap:8px;margin-top:10px;display:flex}.petal-claim input{min-width:0;min-height:44px;font:inherit;letter-spacing:.08em;border:2.5px solid var(--gfs-ink,#4e3b31);background:var(--gfs-cream,#fff8ea);color:inherit;-webkit-user-select:text;user-select:text;border-radius:14px;flex:1;padding:4px 12px;font-size:17px}.petal-card>.btn.ghost{margin:12px auto 0;display:block}.chip.petal-chip .petal-icon{margin:-2px 0}@media (width<=374px){.screen.home .home-top{gap:5px}.screen.home .home-top .chip{gap:3px;padding-left:8px;padding-right:9px;font-size:15px}.screen.home .home-top .icon-btn{flex-shrink:0;width:40px;height:40px}}