.ag-game-tents{--tn-grass:#6ee7a8;--tn-tree:#4fd18b;--tn-trunk:#c58a52;--tn-tent:#f4b860;--tn-err:#ff7a90}:root[data-theme=light] .ag-game-tents{--tn-grass:#1f9d5c;--tn-tree:#16824a;--tn-trunk:#8a5a2b;--tn-tent:#c46a10;--tn-err:#c3002f}.ag-game-tents .tn-grid{width:min(100%,calc((var(--n) + 1) * 54px),600px);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:3px;display:flex}.ag-game-tents .tn-row{grid-template-columns:repeat(calc(var(--n) + 1),minmax(0,1fr));gap:3px;display:grid}.ag-game-tents .tn-corner{display:block}.ag-game-tents .tn-count{aspect-ratio:1;min-width:0;color:var(--ink);font-family:var(--display);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:0;padding:0;font-size:clamp(.85rem,3.4vw,1.2rem);font-weight:800;transition:color .15s,background-color .15s;display:grid}.ag-game-tents .tn-count:hover{background:var(--panel-soft)}.ag-game-tents .tn-count:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.ag-game-tents .tn-count.is-done{color:var(--muted);text-decoration:line-through 2px;text-decoration-color:color-mix(in srgb,var(--tn-grass) 70%,transparent)}.ag-game-tents .tn-count.is-over{color:var(--tn-err);background:color-mix(in srgb,var(--tn-err) 14%,transparent)}.ag-game-tents .tn-cell{aspect-ratio:1;border:1px solid var(--hairline);background:var(--panel-soft);min-width:0;color:var(--ink);cursor:pointer;border-radius:7px;place-items:center;margin:0;padding:0;transition:background-color .12s,border-color .12s;display:grid;position:relative}.ag-game-tents .tn-cell:hover{border-color:var(--cat,var(--accent))}.ag-game-tents .tn-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-2px;z-index:2}.ag-game-tents .tn-cell.is-grass{background:color-mix(in srgb,var(--tn-grass) 22%,var(--panel-soft));border-color:color-mix(in srgb,var(--tn-grass) 30%,var(--hairline))}.ag-game-tents .tn-cell.is-grass:after{content:"";background:linear-gradient(90deg,transparent 0 12%,var(--tn-grass) 12% 24%,transparent 24% 44%,var(--tn-grass) 44% 56%,transparent 56% 76%,var(--tn-grass) 76% 88%,transparent 88%);opacity:.65;clip-path:polygon(0 100%,18% 0,30% 100%,44% 0,56% 100%,70% 0,82% 100%,100% 100%);width:34%;height:22%}.ag-game-tents .tn-cell.is-tree{background:color-mix(in srgb,var(--tn-tree) 12%,var(--panel));cursor:default}.ag-game-tents .tn-cell.is-tent{background:color-mix(in srgb,var(--tn-tent) 20%,var(--panel-soft));border-color:color-mix(in srgb,var(--tn-tent) 55%,var(--hairline))}.ag-game-tents .tn-cell.is-error{background:color-mix(in srgb,var(--tn-err) 22%,var(--panel-soft));border-color:var(--tn-err)}.ag-game-tents .tn-icon{place-items:center;width:72%;height:72%;display:grid}.ag-game-tents .tn-icon svg{stroke-linejoin:round;stroke-linecap:round;width:100%;height:100%}.ag-game-tents .tr-crown{fill:var(--tn-tree);stroke:color-mix(in srgb,var(--tn-tree) 60%,#000);stroke-width:1px}.ag-game-tents .tr-trunk{fill:none;stroke:var(--tn-trunk);stroke-width:2.2px}.ag-game-tents .tn-body{fill:var(--tn-tent);stroke:color-mix(in srgb,var(--tn-tent) 55%,#000);stroke-width:1.2px}.ag-game-tents .tn-door{fill:color-mix(in srgb,var(--tn-tent) 35%,#1a1205)}.ag-game-tents .tn-pole{fill:none;stroke:color-mix(in srgb,var(--tn-tent) 55%,#000);stroke-width:1.4px}.ag-game-tents .tn-cell.is-error .tn-body{fill:var(--tn-err)}.ag-game-tents .tn-cell.is-tent .tn-icon{animation:.2s ease-out tn-in}.ag-game-tents .tn-cell.is-hint{z-index:1;animation:1.1s 2 tn-hint}.ag-game-tents .tn-grid.is-won .tn-cell.is-tent .tn-icon{animation:.5s cubic-bezier(.2,.9,.3,1.4) both tn-win;animation-delay:var(--d,0s)}.ag-game-tents .tn-legend{flex-wrap:wrap;justify-content:center;gap:6px 18px;display:flex}.ag-game-tents .tn-key{align-items:center;gap:6px;display:inline-flex}.ag-game-tents .tn-mini{border:1px solid var(--hairline);background:var(--panel-soft);border-radius:5px;place-items:center;width:20px;height:20px;display:inline-grid}.ag-game-tents .tn-mini.is-grass{background:color-mix(in srgb,var(--tn-grass) 30%,var(--panel-soft))}.ag-game-tents .tn-mini svg{width:15px;height:15px}@keyframes tn-in{0%{opacity:0;transform:translateY(30%)scale(.6)}to{opacity:1;transform:none}}@keyframes tn-hint{50%{box-shadow:0 0 0 4px var(--focus)}}@keyframes tn-win{0%{transform:none}45%{transform:translateY(-18%)scale(1.2)}to{transform:none}}.ag-game-tents .ag-result-stats{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}@media (width<=520px){.ag-game-tents .tn-grid,.ag-game-tents .tn-row{gap:2px}.ag-game-tents .tn-cell{border-radius:5px}.ag-game-tents .ag-panel.is-finished{min-height:460px}.ag-game-tents .ag-result-card{padding:24px 16px 20px}.ag-game-tents .ag-result-title{font-size:1.45rem}}@media (prefers-reduced-motion:reduce){.ag-game-tents .tn-cell.is-tent .tn-icon,.ag-game-tents .tn-cell.is-hint,.ag-game-tents .tn-grid.is-won .tn-cell.is-tent .tn-icon{animation:none}.ag-game-tents .tn-cell{transition:none}}@media (forced-colors:active){.ag-game-tents .tn-cell{border-color:canvastext}.ag-game-tents .tn-cell.is-error{outline-offset:-4px;outline:2px solid highlight}}