:root{--bg: #f7f1ed;--card: #ffffff;--ink: #8a5a52;--ink-strong: #7a4a44;--chip: #faf1ea;--chip-lit: #ffffff;--shadow: 0 6px 18px rgba(138, 90, 82, .13);--logo-shadow: rgba(138, 90, 82, .25);--scrim: rgba(90, 60, 55, .4);--mini: #dfc2ac;--mini-x: #b9744f;--mini-dog: #e9d3c0;--muted: #b9aaa4;--done: #dff5e6;--region-mix: 100%;--dog-rim: none;--x: #ffffff;--red: #e5383b;--green: #12b755;color-scheme:light;font-family:Avenir Next,Nunito,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}:root[data-theme=dark]{--bg: #1f1715;--card: #2b211e;--ink: #d9bfb5;--ink-strong: #f5e4dc;--chip: #382b27;--chip-lit: #4d3c36;--shadow: 0 6px 18px rgba(0, 0, 0, .38);--logo-shadow: rgba(0, 0, 0, .5);--scrim: rgba(0, 0, 0, .55);--mini: #5e4a42;--mini-x: #a0654a;--mini-dog: #7d6258;--muted: #6e5f59;--done: #1d3a28;--region-mix: 85%;--dog-rim: drop-shadow(0 0 1px rgba(255, 236, 224, .7)) drop-shadow(0 0 3px rgba(255, 236, 224, .18));color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1f1715;--card: #2b211e;--ink: #d9bfb5;--ink-strong: #f5e4dc;--chip: #382b27;--chip-lit: #4d3c36;--shadow: 0 6px 18px rgba(0, 0, 0, .38);--logo-shadow: rgba(0, 0, 0, .5);--scrim: rgba(0, 0, 0, .55);--mini: #5e4a42;--mini-x: #a0654a;--mini-dog: #7d6258;--muted: #6e5f59;--done: #1d3a28;--region-mix: 85%;--dog-rim: drop-shadow(0 0 1px rgba(255, 236, 224, .7)) drop-shadow(0 0 3px rgba(255, 236, 224, .18));color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}svg{display:block;width:100%;height:100%}.art{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.silhouette{-webkit-mask-image:var(--dog);mask-image:var(--dog);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:currentColor;display:block;width:100%;height:100%}[hidden]{display:none!important}#app{height:100%;display:flex;justify-content:center}.screen{width:100%;max-width:480px;height:100dvh;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.card{background:var(--card);border-radius:22px;box-shadow:var(--shadow)}.pill{background:var(--card);border-radius:999px;box-shadow:var(--shadow);display:flex;align-items:center}.round{width:52px;height:52px;border-radius:50%;background:var(--card);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--ink);flex:none}.round svg{width:26px;height:26px}.round.ghost{visibility:hidden}.round:active,.power:active,.primary:active,.secondary:active,.tile:active{transform:scale(.95)}.primary,.secondary{border-radius:999px;padding:14px 26px;font-weight:800;font-size:1.05rem;box-shadow:var(--shadow);transition:transform .08s}.primary{background:var(--green);color:#fff}.secondary{background:var(--card);color:var(--ink-strong)}.big{width:100%;max-width:320px;font-size:1.2rem;padding:17px 26px}.link{color:var(--ink);font-weight:700;text-decoration:underline;padding:8px}.topbar{display:flex;align-items:center;justify-content:space-between}.score{text-align:center;line-height:1.05}.score-level{font-size:1.05rem;font-weight:800;color:var(--ink-strong);margin-bottom:2px}.score-label{font-size:1.1rem;color:var(--ink)}.score-value{font-size:1.7rem;font-weight:800;color:var(--ink-strong);font-variant-numeric:tabular-nums}.status{display:flex;gap:12px;align-items:stretch}.tracker{flex:1;min-width:0;padding:7px 12px;gap:2px;justify-content:space-between}.slot{flex:1 1 0;max-width:34px;aspect-ratio:1}.slot.filled.new{animation:pop .35s}.slot.filled .art,.power .art,.result-art .art{filter:var(--dog-rim)}.bone-pill{padding:6px 14px;gap:4px;flex:none}.bone{width:34px;height:22px;transition:opacity .3s,filter .3s,transform .3s}.bone.gone{opacity:.22;filter:grayscale(1);transform:scale(.85)}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:9px}.chip{background:var(--chip);border-radius:12px;padding:7px 8px;display:flex;align-items:center;gap:7px;font-size:.78rem;line-height:1.15;border:2px solid transparent;transition:border-color .2s,background .2s}.chip.lit{border-color:var(--ink-strong);background:var(--chip-lit)}.mini{display:grid;grid-template-columns:repeat(3,10px);gap:1.5px;flex:none}.mini i{width:10px;height:10px;border-radius:2px;background:var(--mini);display:block;color:#fff}.mini .m-x{background:var(--mini-x);padding:1.5px}.mini .m-c{background:var(--mini-dog);color:var(--ink-strong)}.topbar,.status,.rules,.bottom{flex:none}.board-area{flex:1 1 0;min-height:0;container-type:size;display:flex;justify-content:center;align-items:flex-start}.board-card{padding:9px;width:min(100cqw,100cqh);aspect-ratio:1}.board{display:grid;gap:5px;touch-action:none}.cell{aspect-ratio:1;border-radius:12%;display:grid;place-items:center;color:var(--x);background:color-mix(in srgb,var(--region) var(--region-mix),var(--bg));position:relative;transition:opacity .2s,filter .2s;cursor:pointer}.cell svg{pointer-events:none}.cell[data-mark=x] svg,.cell[data-mark=redx] svg{width:62%;height:62%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.cell[data-mark=redx]{color:var(--red)}.cell[data-mark=redx] svg{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 1px #fff)}.cell[data-mark=dog] .art{width:88%;height:88%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22))}.cell.pop svg,.cell.pop .art{animation:pop .35s}.cell.shake,.pill.shake{animation:shake .4s}.board.won .cell[data-mark=dog] .art{animation:bounce .9s ease-in-out 2;filter:drop-shadow(0 0 7px #ffe27a)}.cell.hint-dim{opacity:.32;filter:saturate(.6)}.cell.hint-context{opacity:1}.cell.hint-open:after{content:"";position:absolute;inset:7%;border-radius:12%;border:3px dashed #fff;box-shadow:0 0 0 1.5px #7a4a448c}.cell.hint-source:after{content:"";position:absolute;inset:-3px;border-radius:16%;border:3px dashed var(--ink-strong)}.cell.hint-ghost:before{content:"";position:absolute;inset:22%;opacity:.75;background:linear-gradient(45deg,transparent 44%,#fff 44%,#fff 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,#fff 44%,#fff 56%,transparent 56%);border-radius:4px}.cell.hint-target{opacity:1;z-index:1;animation:pulse 1.1s ease-in-out infinite}.cell.hint-target:after{content:"";position:absolute;inset:-3px;border-radius:16%;border:3px solid #fff;box-shadow:0 0 0 2px var(--ink-strong),0 0 12px 2px #ffe27ae6}.bottom{position:relative;display:flex;flex-direction:column;gap:8px}.bottom.hinting .powers,.bottom.hinting .level-tag{display:none}.hint-bubble{min-height:118px;display:flex;flex-direction:column;justify-content:center;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:10px 14px 4px;font-size:.9rem;line-height:1.32;color:var(--ink-strong);text-align:center}.hint-bubble{position:relative}.hint-bubble p{margin:0}.hint-actions{display:flex;justify-content:center;gap:18px}.powers{display:flex;justify-content:center;gap:22%;padding-top:10px}.power{width:82px;height:82px;border-radius:50%;background:var(--card);box-shadow:var(--shadow);padding:15px;position:relative;transition:transform .08s}.power.empty svg,.power.empty .art{opacity:.35;filter:grayscale(1)}.badge{position:absolute;top:-6px;right:-12px;min-width:38px;height:26px;padding:0 8px;border-radius:999px;background:var(--green);color:#fff;font-weight:800;font-size:.95rem;display:grid;place-items:center}.power.empty .badge{background:var(--muted)}.cost-float{position:absolute;top:-6px;right:-12px;min-width:38px;text-align:center;font-weight:800;font-size:1rem;color:var(--ink-strong);pointer-events:none;text-shadow:0 1px 0 var(--card),0 0 6px var(--card);animation:cost-float .9s ease-out forwards}.cost-float.in-bubble{top:8px;right:12px}@keyframes cost-float{0%{opacity:0;transform:translateY(2px) scale(.7)}22%{opacity:1;transform:translateY(-9px) scale(1.15)}to{opacity:0;transform:translateY(-38px) scale(1)}}.level-tag{text-align:center;font-size:.8rem;opacity:.7;text-transform:capitalize}.home{align-items:center;justify-content:flex-start;text-align:center;gap:12px;overflow-y:auto}.home-bar{flex:none;width:100%}.home-art{margin-top:auto}.home-actions{margin-bottom:auto}.home-art,.home-actions{display:flex;flex-direction:column;align-items:center;width:100%}.home-art{gap:4px}.home-actions{gap:12px}.logo{width:150px;height:150px;filter:drop-shadow(0 8px 12px var(--logo-shadow))}.home h1{margin:6px 0 0;font-size:2.6rem;color:var(--ink-strong);letter-spacing:.5px}.tagline{margin:0 0 18px;font-size:1.1rem}.home-stats{margin-top:18px;display:flex;align-items:center;gap:6px;font-weight:700}.home-stats span:first-child{margin-right:12px}.stat-icon{width:24px;height:24px;margin-left:8px}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:4px 4px 20px;margin:0 -4px;flex:1 1 0;min-height:0;overflow-y:auto;align-content:start;-webkit-overflow-scrolling:touch}.tile{aspect-ratio:1;border-radius:16px;background:var(--card);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.tile b{font-size:1.15rem;color:var(--ink-strong)}.tile small{font-size:.68rem;opacity:.7}.tile.done{background:var(--done)}.tile.open{outline:3px solid var(--green)}.tile.locked{opacity:.4;box-shadow:none}.custom-body{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-bottom:8px}.field-label{font-weight:800;color:var(--ink-strong);margin-top:8px}.field-help{margin:0;font-size:.85rem;opacity:.75}.custom-message{margin:4px 0 0;color:var(--ink-strong);font-weight:700;min-height:1.2em}.unlock{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 20px;text-align:center}.unlock h2{margin:0;font-size:1.2rem;color:var(--ink-strong)}.unlock p{margin:0;line-height:1.4}.unlock-note{min-height:1.2em;font-size:.85rem;color:var(--ink-strong)}.unlock button:disabled{opacity:.55}.chips{display:flex;flex-wrap:wrap;gap:8px}.choice{flex:1 1 auto;min-width:72px;padding:12px 10px;border-radius:14px;background:var(--card);box-shadow:var(--shadow);font-weight:800;color:var(--ink-strong);transition:transform .08s}.choice:active{transform:scale(.95)}.choice.on{background:var(--green);color:#fff}.choice.off{opacity:.4}.code-input{font:inherit;font-weight:800;letter-spacing:.22em;text-align:center;text-transform:uppercase;color:var(--ink-strong);background:var(--card);border:0;border-radius:14px;padding:14px;box-shadow:var(--shadow);width:100%}.primary.working{opacity:.7}.draw .custom-body>*{flex-shrink:0}.palette{display:flex;gap:6px;justify-content:center;align-items:center}.swatch{flex:1 1 0;min-width:0;max-width:40px;aspect-ratio:1;border-radius:12px;box-shadow:var(--shadow);border:3px solid transparent;background:color-mix(in srgb,var(--swatch) var(--region-mix),var(--bg));transition:transform .08s}.swatch.on{border-color:var(--ink-strong);transform:scale(1.1)}.swatch.eraser{background:var(--card);color:var(--ink);padding:0;display:grid;place-items:center}.swatch.eraser svg{width:55%;height:55%}.draw-card{padding:9px;width:100%;max-width:440px;align-self:center;flex:none}.draw-board{display:grid;gap:5px;touch-action:none}.draw-cell{aspect-ratio:1;border-radius:12%;background:color-mix(in srgb,var(--region) var(--region-mix),var(--bg))}.draw-cell.blank{background:var(--chip);border:2px dashed var(--mini)}.draw-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.custom-message.bad{color:var(--red)}.coming-soon{text-align:center}.landing{align-items:center;justify-content:center;text-align:center;gap:14px;overflow-y:auto}.landing .app-icon{width:132px;height:132px;border-radius:23%;box-shadow:var(--shadow)}.landing h1{margin:0;font-size:2.6rem;color:var(--ink-strong);letter-spacing:.5px}.landing .tagline{margin:0;font-size:1.1rem}.landing .shots{display:flex;gap:9px;justify-content:center;align-items:center}.landing .shot{width:31%;max-width:128px;aspect-ratio:375 / 667;object-fit:cover;object-position:top;border-radius:15px;box-shadow:var(--shadow)}.board-page .logo{width:104px;height:104px}.board-page h1{font-size:1.9rem}.board-page .tagline{margin-bottom:6px}.site-footer{display:flex;gap:18px;justify-content:center;font-size:.9rem;opacity:.8}.site-footer a{color:var(--ink);text-decoration:underline}.overlay{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;z-index:10;animation:fade .2s}.sheet{width:100%;max-width:480px;background:var(--bg);border-radius:26px 26px 0 0;padding:22px calc(20px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));animation:rise .28s ease-out;max-height:88dvh;overflow-y:auto}.sheet h2{margin:0 0 12px;color:var(--ink-strong);text-align:center}.result{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.result p{margin:0}.result .primary{margin-top:12px;min-width:220px}.result-art{width:110px;height:110px}.result-art.sad{height:66px;filter:grayscale(1);opacity:.6}.refill{color:var(--green);font-weight:800}.settings .row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:var(--card);border-radius:14px;padding:15px 16px;margin-top:9px;font-weight:700}.settings .danger{color:var(--red)}.settings input{width:22px;height:22px;accent-color:var(--green)}.settings .row.sub{margin-top:5px;margin-left:16px;padding:11px 14px;background:var(--chip);font-weight:600}.settings .row.muted{opacity:.42}.settings .row-value{margin-left:auto;margin-right:10px;font-variant-numeric:tabular-nums;opacity:.65}.settings input[type=range]{width:45%;flex:none}.settings .theme{padding:9px 9px 9px 16px;gap:10px}.settings .theme .chips{flex-wrap:nowrap;gap:6px}.settings .theme .choice{min-width:0;padding:9px 11px;border-radius:11px;background:var(--chip);box-shadow:none}.settings .theme .choice.on{background:var(--green);color:#fff}.settings .row-note{margin:4px 6px 0;font-size:.72rem;opacity:.6;text-align:left}.howto ol{margin:0;padding-left:22px;display:grid;gap:9px;line-height:1.4;color:var(--ink-strong)}.toast{position:fixed;left:50%;bottom:calc(130px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink-strong);color:var(--bg);padding:11px 16px;border-radius:14px;width:max-content;max-width:86vw;text-align:center;font-size:.92rem;z-index:20;animation:fade .2s}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:30}.confetti i{position:absolute;top:-14px;width:9px;height:15px;border-radius:2px;animation:fall linear forwards}@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}@keyframes fall{to{transform:translateY(105vh) rotate(540deg)}}@media(max-height:740px){.screen{gap:9px}.power{width:66px;height:66px;padding:12px}.score-level{font-size:.95rem}.score-label{font-size:1.05rem}.score-value{font-size:1.4rem}}@media(max-width:380px){.rules{gap:5px;padding:6px}.chip{font-size:.7rem;padding:5px 6px;gap:5px}.mini{grid-template-columns:repeat(3,8px)}.mini i{width:8px;height:8px}}@media(min-width:600px){.screen{max-width:none;gap:18px}.screen.game{display:grid;grid-template-columns:minmax(0,1fr) clamp(200px,31%,280px);grid-template-rows:auto 1fr auto auto auto 1fr;column-gap:22px}.screen.game .topbar{grid-column:1 / -1;grid-row:1}.screen.game .board-area{grid-column:1;grid-row:2 / -1;align-items:center}.screen.game .status{grid-column:2;grid-row:3}.screen.game .rules{grid-column:2;grid-row:4}.screen.game .bottom{grid-column:2;grid-row:5}.screen.game .rules{grid-template-columns:1fr;gap:7px}.screen.game .chip{font-size:.92rem;padding:9px 10px}.screen.game .status{flex-direction:column;gap:10px}.screen.game .tracker{width:100%;padding:9px 14px}.screen.game .slot{max-width:40px}.screen.game .bone-pill{align-self:center}.screen.game .powers{gap:12%;padding-top:4px}.screen.game .hint-bubble{min-height:0}.level-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.screen.home{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:40px}.screen.home .home-bar{grid-column:1 / -1;grid-row:1}.screen.home .home-art{grid-column:1;grid-row:2;align-self:center;margin:0}.screen.home .home-actions{grid-column:2;grid-row:2;align-self:center;margin:0}.home h1{font-size:3.1rem}.logo{width:190px;height:190px}}