@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-400.32010990.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-700.05dadf00.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fredoka-500.6438e7de.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fredoka-600.6438e7de.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #eef3ef;--surface: #ffffff;--ink: #18261f;--soft: #4b5d54;--rule: #cddad2;--brand: #2f7d5b;--brand-wash: #dcefe4;--warm: #f08a24;--warm-wash: #fde9d4;--felt-a: #3f8a63;--felt-b: #2a6448;--tile-face-a: #fffcf3;--tile-face-b: #f2e5c6;--tile-side: #c9ad74;--tile-line: rgba(80, 60, 20, .18);--sel-a: #fff6b8;--sel-b: #ffe27a;--display: "Fredoka", "Atkinson Hyperlegible", system-ui, sans-serif;--body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #101915;--surface: #18241e;--ink: #e6f0ea;--soft: #a5b8ae;--rule: #2c3e35;--brand: #6fcf9f;--brand-wash: #1d3a2c;--warm: #ffa552;--warm-wash: #3d2a14;--felt-a: #24553f;--felt-b: #173a2b;color-scheme:dark}}:root[data-theme=dark]{--bg: #101915;--surface: #18241e;--ink: #e6f0ea;--soft: #a5b8ae;--rule: #2c3e35;--brand: #6fcf9f;--brand-wash: #1d3a2c;--warm: #ffa552;--warm-wash: #3d2a14;--felt-a: #24553f;--felt-b: #173a2b;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.5;-webkit-tap-highlight-color:transparent}#app{min-height:100%}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.15;margin:0}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--warm);outline-offset:2px}[hidden]{display:none!important}.btn{min-height:44px;padding:6px 14px;border-radius:12px;border:2px solid var(--rule);background:var(--surface);color:var(--ink);font-weight:700;font-size:.95rem;cursor:pointer}.btn:hover{border-color:var(--brand)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--surface)}.btn.icon{min-width:44px;padding:6px 10px;font-size:1.15rem}.btn[aria-pressed=true]{background:var(--brand-wash);border-color:var(--brand)}.shelf{max-width:60rem;margin:0 auto;padding:24px 16px 56px;display:grid;gap:26px}.shelf-head{display:grid;gap:6px}.shelf-head h1{font-size:clamp(2rem,7vw,3rem);color:var(--brand)}.shelf-head p{color:var(--soft)}.todays{display:grid;gap:10px}.todays h2{font-size:1.3rem}.today-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:640px){.today-row{grid-template-columns:1fr}}.today{display:flex;align-items:center;gap:14px;background:var(--warm-wash);border:2px solid var(--warm);border-radius:18px;padding:12px 16px;cursor:pointer;text-align:left;width:100%;min-width:0}.today.done{background:var(--brand-wash);border-color:var(--brand)}.today-pic{width:56px;height:56px;flex:none}.today b{display:block;font-family:var(--display);font-size:1.25rem}.today span{color:var(--soft);font-size:.95rem}.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:640px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}.cat{display:grid;justify-items:center;gap:6px;padding:16px 8px 14px;border-radius:20px;border:2px solid var(--rule);background:var(--surface);cursor:pointer;text-align:center}.cat:hover{border-color:var(--brand);transform:translateY(-2px)}.cat-pic{width:min(96px,70%);aspect-ratio:1;display:block}.cat b{font-family:var(--display);font-size:1.2rem}.cat span{color:var(--soft);font-size:.85rem}.cat.soon{opacity:.5;cursor:default}.cat.soon:hover{transform:none;border-color:var(--rule)}.crumb{justify-self:start}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:14px}.gcard{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border-radius:18px;border:2px solid var(--rule);background:var(--surface);cursor:pointer;text-align:left}.gcard:hover{border-color:var(--brand)}.gcard-pic{width:72px;height:72px;display:block}.gcard b{display:block;font-family:var(--display);font-size:1.2rem}.gcard span{color:var(--soft);font-size:.92rem}.gcard.soon{opacity:.55;cursor:default}.note{color:var(--soft);font-size:.85rem}.game{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;background:var(--bg);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.topbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface);border-bottom:2px solid var(--rule);flex-wrap:wrap}.topbar h1{font-size:1.35rem;margin-right:auto}.topbar .btn[aria-pressed=true]{background:var(--surface);border-color:var(--rule)}.topbar{position:relative}.snd-panel{position:absolute;top:calc(100% + 6px);right:8px;z-index:40;width:min(20rem,calc(100vw - 24px));display:grid;gap:10px;padding:14px;background:var(--surface);color:var(--ink);border:2px solid var(--rule);border-radius:16px;box-shadow:0 12px 30px #00000040;font-size:1rem}.snd-row{display:flex;align-items:center;gap:8px}.snd-range{flex:1 1 auto;min-width:0;height:44px;accent-color:var(--brand)}.snd-val{min-width:3.2em;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.snd-onoff{width:100%}.toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 10px;background:var(--surface);border-top:2px solid var(--rule)}.toolbar .btn{min-width:76px}.infobar{display:flex;gap:18px;justify-content:center;padding:4px 10px;font-size:.95rem;color:var(--soft);background:var(--bg)}.infobar .time{font-variant-numeric:tabular-nums}@media(max-width:560px){.topbar h1{font-size:1.15rem}.toolbar{gap:6px;padding:6px}.toolbar .btn{min-width:0;flex:1 1 0;padding:4px 6px;font-size:.88rem}}.mj-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,var(--felt-a),var(--felt-b))}.mj-board{position:relative}.mj-tile{position:absolute;border-radius:12%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--tile-face-a),var(--tile-face-b));box-shadow:inset 0 0 0 1px var(--tile-line),var(--side) var(--side) 0 0 var(--tile-side),calc(var(--side) + 1px) calc(var(--side) + 3px) 4px #00000059;transition:opacity .18s ease,transform .18s ease,filter .15s ease}.mj-face{width:84%;height:84%;display:block;pointer-events:none}.mj-tile.blocked{filter:brightness(.82) saturate(.55)}.mj-tile.sel{background:linear-gradient(160deg,var(--sel-a),var(--sel-b));transform:translate(-1px,-3px);outline:3px solid var(--warm);outline-offset:-1px}.mj-tile.gone{opacity:0;transform:scale(.6);pointer-events:none}.mj-tile.hint{animation:hint 1.4s ease 1}.mj-tile.shake{animation:shake .28s ease 1}.mj-board.shuffling .mj-tile:not(.gone){animation:flip .45s ease 1}@keyframes hint{0%,to{outline:0 solid transparent}20%,70%{outline:4px solid #3cc8ff;outline-offset:-1px;transform:translateY(-3px)}}@keyframes shake{0%,to{translate:0}25%{translate:-3px 0}75%{translate:3px 0}}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media(prefers-reduced-motion:reduce){.mj-tile,.cat{transition:none}.mj-tile.hint,.mj-tile.shake,.mj-board.shuffling .mj-tile{animation:none}.mj-tile.hint{outline:4px solid #3cc8ff}}.tt-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 30%,#f6e2bd,#e3c08a)}:root[data-theme=dark] .tt-stage{background:radial-gradient(120% 90% at 50% 30%,#5b4527,#3e2f1a)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tt-stage{background:radial-gradient(120% 90% at 50% 30%,#5b4527,#3e2f1a)}}.tt-board{position:relative}.tt-tile,.tt-ghost{position:absolute;border-radius:14%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(160deg,var(--tile-face-a),var(--tile-face-b));box-shadow:inset 0 0 0 1px var(--tile-line),0 4px 0 var(--tile-side),0 6px 8px #3c280a59;transition:opacity .15s ease,filter .15s ease}.tt-ghost{position:fixed;pointer-events:none;transform-origin:top left}.tt-face{width:84%;height:84%;display:block;pointer-events:none}.tt-tile.covered{filter:brightness(.62) saturate(.6);cursor:default}.tt-tile.queued{transform:translateY(-6px);filter:brightness(1.08)}.tt-tile.gone{opacity:0;pointer-events:none}.tt-tile.shake{animation:shake .28s ease 1}.tt-board.shuffling .tt-tile:not(.gone){animation:flip .45s ease 1}.tt-tray{--slot: 56px;display:flex;justify-content:center;gap:4px;padding:10px 12px;background:linear-gradient(#a8763f,#8a5c2c);border-top:3px solid #6e4520}.tt-slot{width:var(--slot);height:calc(var(--slot) * 1.2);border-radius:12px;background:#00000038;box-shadow:inset 0 2px 4px #00000059;display:flex;align-items:center;justify-content:center}.tt-mini{width:92%;height:82%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--tile-face-a),var(--tile-face-b));border-radius:12%;box-shadow:0 3px 0 var(--tile-side)}.tt-slot.pop .tt-mini{animation:pop .26s ease 1 forwards}.tt-tray.danger{background:linear-gradient(#b4542f,#8e3a1d)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(.2);opacity:0}}.pick.levels{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.pick.levels .pick-item{min-height:56px;text-align:center;font-family:var(--display);font-size:1.3rem;font-weight:600}.pick-item.done{background:var(--brand-wash);border-color:var(--brand)}@media(prefers-reduced-motion:reduce){.tt-slot.pop .tt-mini,.tt-board.shuffling .tt-tile{animation:none}}.btn:disabled{opacity:.45;cursor:default}.ct-stage{flex:1;min-height:0;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 35%,var(--felt-a),var(--felt-b))}.ct-table{position:absolute;inset:0;touch-action:none}.ct-layer{position:absolute;inset:0}.ct-spot{position:absolute;left:0;top:0;width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .1);border:2px dashed rgba(255,255,255,.38);color:#fff9;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:calc(var(--cw) * .4)}.ct-spot.tap{cursor:pointer}.ct-spot.closed{border-style:solid;border-color:#0000002e;background:repeating-linear-gradient(135deg,#0003 0 6px,#00000014 6px 12px);color:#ffffff73}.pc{position:absolute;left:0;top:0;width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .1);transition:transform .22s ease;cursor:pointer;user-select:none;-webkit-user-select:none}.pc.drag,.ct-table.instant .pc{transition:none}.pc-face,.pc-back{position:absolute;inset:0;border-radius:inherit}.pc-face{background:#fffdf7;border:1px solid #d6cfbd;box-shadow:0 1px #00000040,0 2px 5px #0000004d}.pc-back{display:none;background:var(--card-back, repeating-linear-gradient(45deg, #2f7d5b 0 6px, #286b4e 6px 12px));border:calc(var(--cw) * .05) solid #fffdf7;box-shadow:0 1px #00000040,0 2px 5px #0000004d}.pc.down .pc-face{display:none}.pc.down .pc-back{display:block}.pc-corner{position:absolute;left:7%;top:3%;display:flex;align-items:center;gap:3%;line-height:1}.pc-corner b{font-family:var(--body);font-weight:700;font-size:calc(var(--cw) * .34);letter-spacing:-.03em}.pc-small{width:calc(var(--cw) * .25);height:calc(var(--cw) * .25)}.pc-big{position:absolute;left:50%;top:60%;width:56%;height:56%;transform:translate(-50%,-50%)}.pc-art{position:absolute;left:6%;top:31%;width:88%;height:66%;pointer-events:none}.pc.red{color:#cf2f2b}.pc.black{color:#1d2330}.pc svg path{fill:currentColor}.pc.dim .pc-face{filter:brightness(.76)}.pc.sel .pc-face{background:#fff4c2;box-shadow:0 0 0 3px var(--warm),0 2px 5px #0000004d}.pc.hint,.ct-spot.hint,.pc.hint-to,.ct-spot.hint-to{animation:cardhint 1.3s ease 1}@keyframes cardhint{0%,to{filter:none}25%,75%{filter:drop-shadow(0 0 7px #3cc8ff) drop-shadow(0 0 2px #3cc8ff)}}.ct-table.won .pc{animation:winhop .6s ease 1}@keyframes winhop{50%{translate:0 -10px}}@media(prefers-reduced-motion:reduce){.pc{transition:none}.ct-table.won .pc,.pc.hint{animation:none}}.mv-stage{--size: min(94vw, calc(100dvh - 330px) , 540px);flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px;background:linear-gradient(#bfe3f5,#e8f3dc 72%)}:root[data-theme=dark] .mv-stage{background:linear-gradient(#1b2d3a,#1f3020 72%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mv-stage{background:linear-gradient(#1b2d3a,#1f3020 72%)}}.mv-truck{width:var(--size);background:#f7f7f2;border:4px solid #2b3a44;border-radius:18px;padding:10px;display:grid;gap:8px;box-shadow:0 7px #2b3a44}.mv-truck.drive{animation:drive .9s ease}.mv-fill{position:relative;height:26px;border-radius:999px;background:#dfe7ea;overflow:hidden}.mv-fill i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#f6b24d,#f08a24);transition:width .4s ease}.mv-fill span{position:relative;display:block;text-align:center;font-weight:700;font-size:.85rem;line-height:26px;color:#2b3a44}.mv-floor{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;background:#a77446;padding:4px;border-radius:10px;aspect-ratio:1;touch-action:none}.mv-cell{aspect-ratio:1;border-radius:6px;background:#c9935f;box-shadow:inset 0 2px #ffffff26,inset 0 -2px #0000001f;display:flex;align-items:center;justify-content:center;position:relative}.mv-cell.box{background:linear-gradient(#f4c98d,#dda15f);box-shadow:inset 0 0 0 2px #b97a3c,0 2px #0003}.mv-cell.box:before{content:"";position:absolute;inset:0 42%;background:#ffffff52}.mv-ico{width:76%;height:76%;display:block;position:relative;pointer-events:none}.mv-cell.ghost{background:#c3ecb2;box-shadow:inset 0 0 0 3px #43a047}.mv-cell.ghost-bad{background:#f5c0b2}.mv-cell.land{animation:land .2s ease}.mv-cell.carry{animation:carry .32s ease forwards}.mv-tray{width:var(--size);display:flex;gap:10px}.mv-slot{flex:1;display:flex;align-items:center;justify-content:center;min-height:116px;border-radius:16px;background:#fff9;border:3px solid transparent;cursor:grab;touch-action:none}.mv-slot.picked{border-color:var(--warm);background:var(--warm-wash)}.mv-slot.stuck{opacity:.4}.mv-piece{--cell: clamp(16px, calc(var(--size) / 19), 28px);display:grid;grid-template-columns:repeat(var(--w),var(--cell));grid-template-rows:repeat(var(--h),var(--cell));gap:2px;pointer-events:none}.mv-piece .mv-cell{width:var(--cell);height:var(--cell)}.mv-drag{position:fixed;left:0;top:0;z-index:60;opacity:.92}@keyframes drive{30%{transform:translate(-12px) rotate(-1deg)}60%{transform:translate(14px) rotate(1deg)}}@keyframes land{0%{transform:scale(1.18)}}@keyframes carry{to{transform:scale(.2) translateY(-30px);opacity:0}}@media(prefers-reduced-motion:reduce){.mv-cell.land,.mv-cell.carry,.mv-truck.drive{animation:none}}.mf-stage{flex:1;min-height:0;display:flex;overflow:auto;padding:10px;background:radial-gradient(120% 90% at 50% 30%,#cfe9b8,#9fcd83)}:root[data-theme=dark] .mf-stage{background:radial-gradient(120% 90% at 50% 30%,#2c4a24,#1d3418)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mf-stage{background:radial-gradient(120% 90% at 50% 30%,#2c4a24,#1d3418)}}.mf-grid{--cs: 40px;--gap: 2px;margin:auto;display:grid;grid-template-columns:repeat(var(--cols),var(--cs));gap:var(--gap);padding:6px;border-radius:14px;background:#6f9a4f;box-shadow:0 6px #4f7537}.mf-cell{width:var(--cs);height:var(--cs);padding:0;border:0;border-radius:7px;cursor:pointer;font-family:var(--display);font-weight:600;font-size:calc(var(--cs) * .56);line-height:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(#8fd16a,#6fb84c);box-shadow:inset 0 3px #ffffff4d,inset 0 -3px #0000002e;color:#20301a;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mf-cell:hover{filter:brightness(1.06)}.mf-cell.open{background:#ead2a8;box-shadow:inset 0 1px 2px #00000040;cursor:default}.mf-cell.open:hover{filter:none}.mf-pic{width:90%;height:90%;display:block;pointer-events:none}.mf-cell.hit,.mf-cell.mole{background:#e9b9a4}.mf-cell.n1{color:#1e5bd6}.mf-cell.n2{color:#2e7d32}.mf-cell.n3{color:#d32f2f}.mf-cell.n4{color:#283593}.mf-cell.n5{color:#8d2a1f}.mf-cell.n6{color:#00838f}.mf-cell.n7{color:#212121}.mf-cell.n8{color:#616161}.mf-cell.hint{animation:cellhint 1.3s ease 1}.mf-cell.bloom .mf-pic{width:70%;height:70%;animation:land .4s ease}.mf-cell.shake{animation:shake .28s ease 1}@keyframes cellhint{0%,to{outline:0 solid transparent}25%,75%{outline:4px solid #3cc8ff;outline-offset:-2px}}.infobar .lives{color:#d0312d;letter-spacing:.06em}.dlg-back{position:fixed;inset:0;z-index:50;background:#0a140f73;display:grid;place-items:center;padding:16px}.dlg{background:var(--surface);color:var(--ink);border-radius:20px;padding:22px;width:min(26rem,100%);display:grid;gap:14px;box-shadow:0 20px 50px #0000004d;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.dlg.wide{width:min(34rem,100%)}.dlg h2{font-size:1.6rem}.dlg p{color:var(--soft)}.dlg-row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.dlg.howto ol{margin:0;padding-left:1.3em;display:grid;gap:8px}.dlg.howto .goal{color:var(--ink);font-weight:700}.dlg.howto .tip{background:var(--brand-wash);border-radius:12px;padding:8px 12px;color:var(--ink);font-size:.95rem}.topbar .help{font-family:var(--display);font-size:1.25rem;font-weight:600}.pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:460px){.pick{grid-template-columns:1fr}}.pick-item{display:grid;gap:2px;text-align:left;padding:12px 14px;border-radius:14px;border:2px solid var(--rule);background:var(--bg);cursor:pointer;min-height:64px}.pick-item:hover{border-color:var(--brand)}.pick-item b{font-family:var(--display);font-size:1.15rem}.pick-item span{color:var(--soft);font-size:.88rem}.lv{display:grid;gap:6px}.lv-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.lv-row .btn{padding:6px 4px}.lv-row .btn[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--surface)}.lv-note{color:var(--soft);font-size:.92rem;min-height:1.4em}.pick-item.primary-pick{grid-column:1 / -1;border-color:var(--brand);background:var(--brand-wash)}.pick-item.daily{grid-column:1 / -1;background:var(--warm-wash);border-color:var(--warm);font-family:var(--display);font-size:1.2rem;font-weight:600}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:.95rem;max-width:calc(100% - 32px);text-align:center;transition:opacity .4s ease}.toast.out{opacity:0}html,body{height:auto}body.site{min-height:100vh;display:flex;flex-direction:column}.site a{color:var(--brand)}.site a:hover{text-decoration-thickness:3px}.skip{position:absolute;left:8px;top:-60px;z-index:100;background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:10px;border:2px solid var(--brand)}.skip:focus{top:8px}.site-head{background:var(--surface);border-bottom:2px solid var(--rule)}.site-head-in{max-width:72rem;margin:0 auto;padding:6px 16px;display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--display);font-size:1.3rem;font-weight:600;color:var(--ink)!important;text-decoration:none}.brand img{width:32px;height:32px;border-radius:8px;display:block}.site-nav{display:flex;gap:4px;flex-wrap:wrap}.site-nav a,.site-foot a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--ink);font-weight:700;text-decoration:none;border-radius:10px}.site-nav a:hover,.site-foot a:hover{background:var(--brand-wash)}.site-foot{margin-top:auto;background:var(--surface);border-top:2px solid var(--rule)}.site-foot-in{max-width:72rem;margin:0 auto;padding:16px;display:grid;gap:6px;color:var(--soft);font-size:.95rem}.site-foot nav{display:flex;flex-wrap:wrap;gap:0 4px;margin-left:-12px}.gpage,.page{width:100%;max-width:72rem;margin:0 auto;padding:10px 16px 40px;display:grid;gap:14px;align-content:start}.page{max-width:48rem;padding-top:24px}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;font-size:.95rem;color:var(--soft)}.crumbs a{display:inline-flex;align-items:center;min-height:40px;padding:0 6px;font-weight:700}.gtitle{display:grid;gap:2px}.gtitle h1{font-size:clamp(1.6rem,5vw,2.3rem);color:var(--brand)}.gtitle .lede{color:var(--soft)}:root{--stage-h: clamp(520px, calc(100dvh - 150px) , 980px)}.stage{position:relative;height:var(--stage-h);min-height:0!important;border-radius:16px;overflow:hidden;border:2px solid var(--rule);background:var(--bg)}.stage .game{position:absolute;inset:0;padding-top:0;padding-bottom:0;z-index:1}.stage .loading{padding:24px;color:var(--soft)}.stage noscript p{padding:24px}.topbar .ttl{flex:1 1 0;min-width:0;overflow:hidden;font-size:0;margin:0}.stage .du-board{--size: min(92vw, calc(var(--stage-h) - 260px), 560px)}.stage .gs-board{--size: min(94vw, calc(var(--stage-h) - 270px), 600px)}.stage .mv-stage{--size: min(94vw, calc(var(--stage-h) - 330px), 540px)}.dailybar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dailybar .note{color:var(--soft)}.site a.btn{display:inline-flex;align-items:center;text-decoration:none}.site a.btn.primary{color:var(--surface)}.under{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.under .btn{display:inline-flex;align-items:center;text-decoration:none}.under .note{margin-left:auto}.article{max-width:46rem;display:grid;gap:12px;padding-top:10px;line-height:1.6}.article h2{font-size:1.7rem;margin-top:10px}.article h3{font-size:1.3rem;margin-top:8px}.article h4{font-size:1.1rem}.article ul,.article ol{margin:0;padding-left:1.4em;display:grid;gap:6px}.article blockquote{margin:0;padding:8px 14px;border-left:5px solid var(--brand);background:var(--brand-wash);border-radius:0 12px 12px 0}.article blockquote>:first-child{margin-top:0}.article blockquote p+p{margin-top:8px}.article .goal{font-weight:700}.article .tip{background:var(--brand-wash);border-radius:12px;padding:10px 14px}.article .table-wrap{overflow-x:auto}.article table{border-collapse:collapse;width:100%;font-size:.95rem}.article th,.article td{border:1px solid var(--rule);padding:6px 10px;text-align:left}.article th{background:var(--brand-wash)}.article code{background:var(--brand-wash);padding:1px 5px;border-radius:6px;font-size:.95em}.article hr{border:0;border-top:2px solid var(--rule);width:100%}.article .slot{border:2px dashed var(--rule);border-radius:12px;padding:10px 14px;color:var(--soft)}.more{display:grid;gap:10px;padding-top:6px}.more h2{font-size:1.5rem}a.gcard,a.cat,a.today{text-decoration:none;color:inherit}a.gcard b,a.cat b{color:var(--ink)}a.gcard:focus-visible,a.cat:focus-visible,a.today:focus-visible{outline:3px solid var(--warm)}.gcard-pic,.cat-pic,.today-pic{display:block;flex:none}.cards.six{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}a.cat{min-height:44px}.home{max-width:72rem}.home-hero{display:grid;gap:6px;padding-top:10px}.home-hero h1{font-size:clamp(2rem,7vw,3rem);color:var(--brand)}.home-hero p{color:var(--soft);max-width:42rem}.sect{display:grid;gap:12px;padding-top:8px;scroll-margin-top:8px}.sect-head{display:flex;align-items:center;gap:12px}.sect-head .cat-pic{width:56px;height:56px}.sect-head h2{font-size:1.7rem}.sect-head p{color:var(--soft)}.today b{display:block}.report-box{display:grid;gap:6px}.report-text{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:2px solid var(--rule);border-radius:12px;padding:10px 12px;resize:vertical;min-height:7.5rem}.report-text:focus{border-color:var(--brand);outline:none}.report-count{font-size:.9rem;color:var(--soft);text-align:right}.dlg .dlg-row .btn{min-width:44px}.page h1{font-size:clamp(2rem,6vw,2.8rem);color:var(--brand)}.page .article{max-width:none;padding-top:0}.page .article p+h2,.page .article ul+h2{margin-top:14px}.big-link{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;background:var(--brand);color:var(--surface)!important;border-radius:12px;font-weight:700;text-decoration:none;justify-self:start}.langs{position:relative}.langs summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:10px;font-weight:700;cursor:pointer;list-style:none;color:var(--ink)}.langs summary::-webkit-details-marker{display:none}.langs summary:hover,.langs[open] summary{background:var(--brand-wash)}.langs ul{position:absolute;right:0;top:calc(100% + 4px);z-index:50;margin:0;padding:6px;list-style:none;min-width:11rem;background:var(--surface);border:2px solid var(--rule);border-radius:14px;box-shadow:0 12px 30px #0003}.langs li a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600}.langs li a:hover{background:var(--brand-wash)}.langs li a[aria-current]{color:var(--brand);font-weight:800}.wordnote{margin:6px 0 0;color:var(--soft)}@media(max-width:700px){.langs ul{right:auto;left:0}}@media(max-width:560px){.gpage,.page,.site-head-in{padding-left:12px;padding-right:12px}.under .note{margin-left:0}}.site .note,.site .cat span,.site .report-count,.site .crumbs,.site .site-foot-in{font-size:.95rem}