:root{--clue:#0f5257;--clue-hi:#1b6e72;--clue-ink:#fff4e2}@media (prefers-color-scheme:dark){:root{--clue:#082a2c;--clue-hi:#10403f;--clue-ink:#f7e6c8}}.wordmark{color:var(--ink);margin:0;font-size:clamp(2.2rem,11vw,3.2rem);font-weight:700;line-height:1}.wordmark span{color:var(--teal);font-size:.72em;display:block}#home-screen{place-items:safe center;overflow-y:auto}.home-card{gap:9px}@media (height<=760px){.home-mascot{display:none}}.home-mini{--cs:38px;grid-template-columns:repeat(4, var(--cs));background:var(--frame);box-shadow:0 5px 0 var(--shadow);border-radius:14px;gap:3px;padding:4px;display:grid}.home-mini>span{height:var(--cs);background:var(--card);color:var(--teal);border-radius:6px;place-items:center;font-size:1.4rem;font-weight:700;display:grid;position:relative}.home-mini>span.on{animation:2.4s ease-in-out infinite bob;animation-delay:calc(var(--n) * .12s)}.home-mascot{width:96px;height:96px}.tiers{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.tier-btn{flex-direction:column;align-items:center;padding:10px 8px;line-height:1.15;display:flex}.tier-btn small{color:var(--ink-soft);min-height:1em;font-size:.75rem;font-weight:500}.home-card #resume[hidden]{display:none}.tier[data-t=expert]{color:#0f5257;background:#d4b5f0}#app{--board:max(min(calc(100vw - 32px), 300px), min(calc(100vw - 32px), 520px, calc(100dvh - 430px)));gap:10px}#timer{border:0;min-width:64px}.board-wrap{width:var(--board);margin:0 auto;position:relative}.board{--n:7;--cs:calc((var(--board) - 6px) / var(--n));width:var(--board);height:var(--board);background:var(--frame);box-shadow:0 6px 0 var(--shadow);grid-template:repeat(var(--n), 1fr) / repeat(var(--n), 1fr);touch-action:manipulation;border-radius:14px;gap:2px;padding:3px;display:grid;overflow:hidden}.board.loading{animation:1s ease-in-out infinite alternate thinking}@keyframes thinking{to{opacity:.55}}.cell{background:linear-gradient(180deg, color-mix(in srgb, var(--card), #fff 40%), var(--card));min-width:0;min-height:0;color:var(--ink);font-weight:600;font-size:calc(var(--cs) * .56);font-variant-numeric:tabular-nums;border:0;border-radius:4px;place-items:center;padding:0;line-height:1;transition:background .12s;display:grid}.cell.mine{color:var(--teal)}.cell.area{background:color-mix(in srgb, var(--card), #9ec9e8 26%)}.cell.same{background:color-mix(in srgb, var(--card), #f4a261 38%)}.cell.sel{background:color-mix(in srgb, var(--card), #f4a261 68%);box-shadow:inset 0 0 0 2px #e38b45}.cell.conf{color:var(--heart);background:color-mix(in srgb, var(--card), #e85d5d 18%)}.cell.conf.sel{background:color-mix(in srgb, var(--card), #e85d5d 35%)}.cell.pop{animation:.3s cubic-bezier(.3,1.6,.5,1) pop}.cell.shake{animation:.35s shake}.board.intro>*{animation:.3s cubic-bezier(.3,1.4,.5,1) backwards cellIn;animation-delay:var(--d)}.blk{background:color-mix(in srgb, var(--clue), #000 25%);border-radius:4px;min-width:0;min-height:0;position:relative}.blk.clue,.home-mini .blk.clue{background:linear-gradient(to bottom left, transparent calc(50% - 1px), #ffffff47 50%, transparent calc(50% + 1px)), linear-gradient(160deg, var(--clue-hi), var(--clue));box-shadow:inset 0 1px #ffffff24}.home-mini .blk{background:color-mix(in srgb, var(--clue), #000 25%)}.blk b{font-size:calc(var(--cs) * .3);color:var(--clue-ink);font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 2px;font-weight:700;line-height:1;transition:color .15s,background .15s;position:absolute}.blk .a{top:7%;right:7%}.blk .d{bottom:7%;left:7%}.blk b.hot{color:#3b2516;background:#f4a261}.blk b.ok{color:#a8d5ba;opacity:.75}.blk b.bad{background:var(--heart);color:#fff}.notes{grid-template:repeat(3,1fr)/repeat(3,1fr);width:100%;height:100%;padding:1px;display:grid}.notes i{font-style:normal;font-size:calc(var(--cs) * .25);color:var(--ink-soft);border-radius:3px;place-items:center;font-weight:600;line-height:1;display:grid}.notes i.hl{color:#3b2516;background:#f4a261}.helper{width:var(--board);min-height:64px;margin:0 auto;position:relative}.combos{color:var(--ink-soft);gap:5px;font-size:.9rem;transition:opacity .2s;display:grid}.combo-empty{text-align:center;margin:0;padding-top:18px}.combo-row{white-space:nowrap;align-items:center;gap:5px;display:flex;overflow:hidden}.rl{flex:none;min-width:58px;font-weight:600}.rl b{color:var(--ink);font-size:1.05rem}.chip{background:var(--card);color:var(--ink);letter-spacing:.06em;box-shadow:0 2px 0 var(--shadow);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:2px 7px;font-weight:600}.chip.off{opacity:.35;box-shadow:none;text-decoration:line-through}.more{font-weight:600}.tip{text-align:center;background:var(--card);color:var(--ink);box-shadow:0 3px 0 var(--shadow);opacity:0;pointer-events:none;border-radius:14px;place-items:center;margin:0;padding:6px 10px;font-size:.92rem;transition:opacity .3s;display:grid;position:absolute;inset:0}.tip.show{opacity:1}.pad{width:var(--board);grid-template-columns:repeat(9,1fr);gap:5px;margin:0 auto;display:grid}.pad button{background:linear-gradient(180deg, color-mix(in srgb, var(--card), #fff 50%), var(--card));height:50px;color:var(--teal);box-shadow:0 4px 0 var(--shadow);touch-action:manipulation;border:0;border-radius:12px;padding:0;font-size:1.55rem;font-weight:600;transition:opacity .15s}.pad button:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}.pad button.done{opacity:.35}#notes[aria-pressed=true]{background:var(--teal);color:#fff;box-shadow:0 5px #1e7268}#notes[aria-pressed=true] .badge{background:var(--sun);color:#3b2516;box-shadow:0 2px 0 var(--sun-dark)}.tools{grid-template-columns:repeat(5,1fr);gap:7px}.tool{padding-left:2px;padding-right:2px;font-size:.78rem}.tool svg{width:26px;height:26px}