.ag-game-tapa{--tp-ink:#d7c8ff;--tp-wall:#1b1433;--tp-wall-edge:#b39cf6;--tp-err:#ff7a90;--tp-ok:#6ee7a8}:root[data-theme=light] .ag-game-tapa{--tp-ink:#3a2a78;--tp-wall:#241b45;--tp-wall-edge:#6d57c7;--tp-err:#c3002f;--tp-ok:#0e7a45}.ag-game-tapa .tp-pips{flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 10px;display:flex}.ag-game-tapa .tp-pip{border:1px solid var(--hairline);background:var(--panel-soft);min-width:36px;height:36px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;padding:0 8px;font-weight:800}.ag-game-tapa .tp-pip:disabled{opacity:.4;cursor:default}.ag-game-tapa .tp-pip.is-on{border-color:var(--cat,var(--accent));background:color-mix(in srgb,var(--cat,var(--accent)) 22%,var(--panel))}.ag-game-tapa .tp-pip.is-s1{box-shadow:inset 0 -3px 0 var(--muted)}.ag-game-tapa .tp-pip.is-s2{box-shadow:inset 0 -3px 0 var(--tp-ink)}.ag-game-tapa .tp-pip.is-s3{box-shadow:inset 0 -3px 0 var(--tp-ok)}.ag-game-tapa .tp-grid{grid-template-columns:repeat(var(--n),minmax(0,1fr));width:min(100%,calc(var(--n) * 64px),440px);touch-action:manipulation;user-select:none;gap:3px;margin-inline:auto;display:grid}.ag-game-tapa .tp-cell{aspect-ratio:1;border:1px solid var(--hairline);background:var(--panel-soft);min-width:0;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;place-items:center;margin:0;padding:0;font-weight:800;display:grid;position:relative}.ag-game-tapa .tp-cell:hover:not(:disabled){border-color:var(--cat,var(--accent))}.ag-game-tapa .tp-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:2}.ag-game-tapa .tp-cell.is-clue{background:var(--panel);cursor:default;color:var(--ink)}.ag-game-tapa .tp-cell.is-black{background:var(--tp-wall);border-color:var(--tp-wall-edge)}.ag-game-tapa .tp-cell.is-white{background:color-mix(in srgb,var(--panel) 70%,var(--bg))}.ag-game-tapa .tp-cell.is-error{background:color-mix(in srgb,var(--tp-err) 55%,var(--tp-wall));border-color:var(--tp-err)}.ag-game-tapa .tp-cell.is-wrong:not(.is-error){outline:2px solid var(--tp-err);outline-offset:-3px}.ag-game-tapa .tp-nums{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;font-size:clamp(.72rem,2.6vw,.95rem);line-height:1;display:flex}.ag-game-tapa .tp-nums b{font-weight:800}.ag-game-tapa .tp-block{background:var(--tp-ink);border-radius:4px;width:46%;height:46%}.ag-game-tapa .tp-dot{background:var(--muted);border-radius:50%;width:18%;height:18%}.ag-game-tapa .tp-cell.is-hint{animation:1s 2 tp-hint}.ag-game-tapa .tp-grid.is-won .tp-cell.is-black .tp-block{animation:.45s both tp-win}.ag-game-tapa .tp-legend{text-align:center}.ag-game-tapa .tp-banner{border:1px solid color-mix(in srgb,var(--cat,var(--accent)) 45%,var(--hairline));background:color-mix(in srgb,var(--cat,var(--accent)) 8%,var(--panel));text-align:center;border-radius:14px;margin-top:12px;padding:14px 16px}.ag-game-tapa .tp-banner[hidden]{display:none}.ag-game-tapa .tp-banner-title{font-family:var(--display);margin:0 0 4px;font-size:1.25rem}.ag-game-tapa .tp-stars{letter-spacing:.2em;color:var(--tp-ink);margin:0;font-size:1.3rem}.ag-game-tapa .tp-banner-note{color:var(--muted);margin:6px 0 10px;font-size:.92rem}.ag-game-tapa .tp-banner-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ag-game-tapa .tp-tour{border:1px solid color-mix(in srgb,var(--cat,var(--accent)) 45%,var(--hairline));background:color-mix(in srgb,var(--cat,var(--accent)) 7%,var(--panel));border-radius:14px;margin:0 0 12px;padding:12px 14px}.ag-game-tapa .tp-tour[hidden]{display:none}.ag-game-tapa .tp-tour-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.ag-game-tapa .tp-tour-title{margin:0;font-size:1rem}.ag-game-tapa .tp-tour-count{color:var(--muted);font-size:.8rem;font-weight:700}.ag-game-tapa .tp-tour-grid{grid-template-columns:repeat(var(--n),44px);gap:3px;width:max-content;max-width:100%;margin:10px 0;display:grid}.ag-game-tapa .tp-mini{border:1px solid var(--hairline);background:var(--panel);width:44px;height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:7px;place-items:center;padding:0;font-weight:800;display:grid}.ag-game-tapa .tp-mini.is-black{background:var(--tp-wall);border-color:var(--tp-wall-edge)}.ag-game-tapa .tp-mini.is-clue{cursor:default}.ag-game-tapa .tp-ask,.ag-game-tapa .tp-say{margin:6px 0}.ag-game-tapa .tp-say.is-right{color:var(--tp-ok)}.ag-game-tapa .tp-say.is-wrong{color:var(--tp-err)}.ag-game-tapa .tp-tour-actions{flex-wrap:wrap;gap:8px;display:flex}@keyframes tp-hint{50%{box-shadow:0 0 0 4px var(--focus)}}@keyframes tp-win{50%{transform:scale(1.15)}}@media (width<=520px){.ag-game-tapa .tp-grid{gap:2px;width:100%}.ag-game-tapa .tp-cell{border-radius:5px}.ag-game-tapa .tp-tour-grid{grid-template-columns:repeat(var(--n),40px)}.ag-game-tapa .tp-mini{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.ag-game-tapa .tp-cell.is-hint,.ag-game-tapa .tp-grid.is-won .tp-cell.is-black .tp-block{animation:none}}@media (forced-colors:active){.ag-game-tapa .tp-cell{border-color:canvastext}.ag-game-tapa .tp-cell.is-wrong,.ag-game-tapa .tp-cell.is-error{outline:2px solid highlight}}
