.tents-game{--game-accent:#d8f3df;--tents-field:#16231f;--tents-grid:#3a4d46;--tents-orange:#f59e5b;--tents-warning:#fb7185}.tents-board{aspect-ratio:var(--tents-columns) / var(--tents-rows);background:var(--tents-grid);border:2px solid var(--tents-grid);grid-template-columns:repeat(var(--tents-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--tents-rows), minmax(0, 1fr));touch-action:manipulation;user-select:none;border-radius:1rem;gap:2px;width:100%;max-width:38rem;max-height:min(68vh,38rem);margin:0 auto;transition:background-color .7s .36s,border-color .7s .36s,gap .7s .36s,box-shadow .7s .36s;display:grid;overflow:hidden;box-shadow:0 1rem 2.8rem #02080b42;container-type:inline-size}.tents-grid-row{display:contents}.tents-board:not([data-entry-mode=cycle]){touch-action:none}.tents-board:focus-visible{outline-offset:4px;outline:3px solid #facc15d1}.tents-cell,.tents-tree,.tents-count{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.tents-cell{background:linear-gradient(145deg, #ffffff08 0 1px, transparent 1px 100%), var(--tents-field);cursor:pointer;transition:background .7s .36s,box-shadow .5s,filter .7s .36s}.tents-board[aria-readonly=true] .tents-cell{cursor:default}.tents-cell[data-state="-1"]{background:repeating-linear-gradient(25deg,#0000 0 8px,#a7c5b212 8px 9px),#192720}.tents-tree{background:radial-gradient(circle at 50% 54%,#365947 0,#203d31 55%,#172a23 100%);transition:background .7s .36s,box-shadow .7s .36s;box-shadow:inset 0 0 0 1px #6c8d7d45}.tents-tree[data-matched=true]{box-shadow:inset 0 0 0 2px #86efac8a,inset 0 0 1rem #4ade8030}.tents-count{color:#d5dfe2;font-variant-numeric:tabular-nums;background:#111a1d;font-size:clamp(.68rem,6.8cqi,1.7rem);font-weight:760;line-height:1}.tents-count--corner{background:#0d1416}.tents-count[data-status=satisfied]{color:#bbf7d0;text-underline-offset:.18em;text-decoration:underline .14em}.tents-count[data-status=mistake]{box-shadow:inset 0 0 0 3px var(--tents-warning), inset 0 0 0 6px #4b121b;color:#fecdd3}.tents-tree-symbol{filter:drop-shadow(0 1px #07110c);justify-content:center;align-items:center;width:78%;height:78%;display:flex;position:relative}.tents-tree-crown{z-index:2;background:radial-gradient(circle at 35% 30%,#b7e4bd,#4d9664 55%,#245638);border:1px solid #c7f2cf5c;border-radius:50%;width:52%;height:52%;position:absolute;top:16%}.tents-tree-crown--left{top:28%;left:7%}.tents-tree-crown--right{top:28%;right:7%}.tents-tree-crown--top{left:24%}.tents-tree-trunk{z-index:1;background:linear-gradient(90deg,#5c3d24,#b1804d 50%,#4b311d);border-radius:.2rem;width:17%;height:42%;position:absolute;bottom:4%}.tents-tent-symbol{--tent-canvas:var(--tents-orange);--tent-fold:#d86d37;--tent-trim:#ffd09a;z-index:2;justify-content:center;align-items:flex-end;width:72%;height:64%;display:flex;position:relative}.tents-tent-canopy{filter:drop-shadow(0 2px #4e2110);width:88%;height:100%;position:relative}.tents-tent-canopy:before,.tents-tent-canopy:after{clip-path:polygon(50% 0,100% 100%,0 100%);content:"";bottom:0;position:absolute;inset-inline:0}.tents-tent-canopy:before{background:linear-gradient(135deg, var(--tent-trim) 0 2%, var(--tent-canvas) 48%);height:100%}.tents-tent-canopy:after{background:linear-gradient(115deg, transparent 0 48%, var(--tent-fold) 49% 100%);height:100%}.tents-tent-pole{z-index:4;background:#6b321c;border-radius:999px;width:1px;height:77%;position:absolute;bottom:-2%;left:calc(50% - .5px)}.tents-tent-flap{display:none}.tents-board[data-complete=true] .tents-tent-symbol[data-open=true] .tents-tent-flap{clip-path:polygon(50% 0,100% 100%,0 100%);z-index:5;background:linear-gradient(145deg,#1b0b07,#4e1f10);width:42%;height:70%;display:block;position:absolute;bottom:0;left:29%}.tents-tent-symbol[data-open=true] .tents-tent-flap:after{background:linear-gradient(135deg, var(--tent-trim), var(--tent-canvas));clip-path:polygon(0 0,100% 100%,0 86%);content:"";transform-origin:100% 0;width:62%;height:100%;position:absolute;top:0;left:-2%;transform:translate(-34%)rotate(-8deg)}.tents-tent-window,.tents-tent-pennant{z-index:4;display:none;position:absolute}.tents-board[data-complete=true] .tents-tent-symbol:is([data-variant="3"],[data-variant="9"]) .tents-tent-window{border:1px solid var(--tent-trim);background:#243d39;border-radius:50% 50% 46% 46%;width:18%;height:24%;display:block;top:53%;left:26%}.tents-board[data-complete=true] .tents-tent-symbol:is([data-variant="5"],[data-variant="11"]) .tents-tent-pennant{clip-path:polygon(0 0,100% 24%,0 58%);background:#fef08a;width:29%;height:31%;display:block;top:-17%;left:50%}.tents-tent-symbol:is([data-variant="0"],[data-variant="6"]):before,.tents-tent-symbol:is([data-variant="0"],[data-variant="6"]):after{content:"";border-top:1px solid #e5c28a;width:24%;position:absolute;bottom:4%}.tents-tent-symbol:is([data-variant="0"],[data-variant="6"]):before{left:-4%;transform:rotate(-31deg)}.tents-tent-symbol:is([data-variant="0"],[data-variant="6"]):after{right:-4%;transform:rotate(31deg)}.tents-tent-symbol:is([data-variant="0"],[data-variant="6"]){--tent-canvas:#f7b267;--tent-fold:#d97745;--tent-trim:#ffe0b2}.tents-tent-symbol:is([data-variant="2"],[data-variant="8"]){--tent-canvas:#d97745;--tent-fold:#b5522c;--tent-trim:#ffc38b}.tents-tent-symbol:is([data-variant="3"],[data-variant="5"],[data-variant="9"]){--tent-canvas:#e58b55;--tent-fold:#bd6237;--tent-trim:#ffd2a7}.tents-tent-symbol:is([data-variant="4"],[data-variant="10"]){--tent-canvas:#e9a35f;--tent-fold:#c5753e;--tent-trim:#ffe0b0}.tents-campfire{z-index:4;width:30%;height:36%;display:none;position:absolute;bottom:-2%;right:-10%}.tents-board[data-complete=true] .tents-campfire{display:block}.tents-campfire>i{background:#68402a;border-radius:999px;width:92%;height:16%;position:absolute;bottom:3%;left:4%;transform:rotate(24deg)}.tents-campfire>i:nth-child(2){transform:rotate(-24deg)}.tents-campfire>b{filter:drop-shadow(0 0 .2rem #fb923c);background:linear-gradient(140deg,#fff2a8 8%,#f59e0b 48%,#ef4444 88%);border-radius:70% 30% 58% 42%;width:43%;height:66%;animation:.58s ease-in-out infinite alternate tents-fire-flicker;position:absolute;bottom:13%;left:29%;transform:rotate(45deg)}.tents-camping-gear{z-index:4;width:34%;height:38%;display:none;position:absolute;bottom:-3%;right:-12%}.tents-board[data-complete=true] .tents-camping-gear{display:block}.tents-camping-gear[data-gear=backpack]>i:first-child{background:linear-gradient(90deg,#405a3d,#789160 55%,#34492f);border:1px solid #b6c79b;border-radius:42% 42% 20% 20%;width:72%;height:86%;position:absolute;bottom:0;left:12%;box-shadow:inset 0 -.14rem #2d422a}.tents-camping-gear[data-gear=backpack]>i:nth-child(2){border:1px solid #263821;border-radius:50%;width:38%;height:56%;position:absolute;top:21%;right:0}.tents-camping-gear[data-gear=backpack]>b{background:#d6a85e;border-radius:999px;width:38%;height:9%;position:absolute;top:44%;left:29%}.tents-camping-gear[data-gear=lantern]>i:first-child{background:radial-gradient(circle,#fff7b2 12%,#facc15 54%,#c16a18 100%);border:1px solid #fff2a8;border-radius:45%;width:56%;height:54%;position:absolute;bottom:4%;left:22%;box-shadow:0 0 .35rem #fde047b8}.tents-camping-gear[data-gear=lantern]>i:nth-child(2){border:2px solid #765335;border-bottom:0;border-radius:50% 50% 0 0;width:44%;height:56%;position:absolute;top:2%;left:28%}.tents-camping-gear[data-gear=lantern]>b{background:#765335;border-radius:999px;width:68%;height:12%;position:absolute;bottom:0;left:16%}.tents-camping-gear[data-gear=bedroll]{width:46%;bottom:-5%;right:-17%}.tents-camping-gear[data-gear=bedroll]>i:first-child{background:linear-gradient(#7e9c77,#405f48);border:1px solid #b6c9a9;border-radius:999px;width:100%;height:43%;position:absolute;bottom:4%;left:0;transform:rotate(-8deg)}.tents-camping-gear[data-gear=bedroll]>i:nth-child(2){border-left:2px solid #e0bd77;height:43%;position:absolute;bottom:4%;left:47%;transform:rotate(-8deg)}.tents-camping-gear[data-gear=bedroll]>b{background:#c69a55;border-radius:50%;width:22%;height:30%;position:absolute;bottom:9%;right:1%}.tents-camping-gear[data-gear=boots]>i{background:#6d4930;border-radius:45% 45% 30% 15%;width:34%;height:62%;position:absolute;bottom:2%;left:12%;transform:rotate(-10deg);box-shadow:inset 0 -.1rem #38261b}.tents-camping-gear[data-gear=boots]>i:nth-child(2){left:51%;transform:rotate(12deg)}.tents-camping-gear[data-gear=mug]>i:first-child{background:linear-gradient(90deg,#9db9b0,#e1eee7);border-radius:12% 12% 30% 30%;width:56%;height:55%;position:absolute;bottom:2%;left:18%}.tents-camping-gear[data-gear=mug]>i:nth-child(2){border:2px solid #c5d9d0;border-left:0;border-radius:0 50% 50% 0;width:28%;height:30%;position:absolute;bottom:15%;right:5%}.tents-camping-gear[data-gear=mug]>b{opacity:.72;border-left:1px solid #ffffff8f;border-radius:50%;height:36%;position:absolute;top:-6%;left:48%;transform:rotate(16deg)}.tents-grass-symbol{opacity:.76;z-index:2;justify-content:center;align-items:flex-end;gap:clamp(1px,.7cqi,4px);width:66%;height:50%;display:flex}.tents-grass-symbol i{transform-origin:bottom;background:linear-gradient(#b7ddb9,#4c8b62);border-radius:100% 0;width:14%;height:72%;transform:rotate(-18deg)}.tents-grass-symbol i:nth-child(2){height:100%;transform:rotate(2deg)}.tents-grass-symbol i:nth-child(3){height:78%;transform:rotate(22deg)scaleX(-1)}.tents-flower{filter:drop-shadow(0 1px #163120);width:clamp(.44rem,5.2cqi,1rem);height:clamp(.44rem,5.2cqi,1rem);position:absolute;bottom:4%;right:-2%}.tents-flower>i{transform-origin:50% 100%;background:#f9a8d4;border-radius:999px;width:32%;height:52%;position:absolute;top:0;left:34%;transform:none}.tents-flower>i:nth-child(2){height:52%;transform:rotate(90deg)}.tents-flower>i:nth-child(3){height:52%;transform:rotate(180deg)}.tents-flower>i:nth-child(4){height:52%;transform:rotate(270deg)}.tents-flower>b{background:#fde047;border-radius:50%;width:31%;height:31%;position:absolute;top:35%;left:35%}.tents-flower[data-flower="1"]>i,.tents-flower[data-flower="4"]>i{background:#c4b5fd}.tents-flower[data-flower="2"]>i{background:#fef08a}.tents-flower[data-flower="3"]>i{background:#93c5fd}.tents-flower--second{bottom:1%;left:-4%;right:auto;transform:scale(.76)rotate(-12deg)}.tents-cell[data-conflict=true]{box-shadow:inset 0 0 0 3px var(--tents-warning), inset 0 0 0 6px #4b121b}.tents-board:focus-visible [data-selected=true]{z-index:3;box-shadow:inset 0 0 0 3px #facc15,inset 0 0 0 6px #2e2504}.tents-error-badge,.tents-hint-badge{z-index:4;border-radius:999px;justify-content:center;align-items:center;min-width:clamp(.72rem,7cqi,1.2rem);height:clamp(.72rem,7cqi,1.2rem);font-size:clamp(.46rem,3cqi,.76rem);font-weight:850;line-height:1;display:flex;position:absolute;top:.1rem;right:.1rem}.tents-error-badge{background:var(--tents-warning);color:#3b0a12}.tents-hint-badge{color:#332700;background:#facc15;border:1px dashed #332700;padding-inline:.18rem}.tents-cell[data-hint],.tents-tree[data-hint]{outline-offset:-5px;outline:3px dashed #facc15;animation:.7s ease-in-out infinite alternate tents-hint-pulse}.tents-status{color:#fde68a;text-align:center;min-height:1.25rem;margin:.85rem 0 0;font-size:.82rem}.tents-board[data-complete=true]{background:#284734;border-color:#0000;gap:0;animation:.82s cubic-bezier(.2,.75,.25,1) both tents-complete-pulse;box-shadow:0 1.2rem 3rem #02080b38,0 0 2.4rem #65a30d1c}.tents-board[data-complete=true] .tents-cell{background:#20382a;box-shadow:inset 0 0 1.4rem #86a65a0b}.tents-board[data-complete=true] .tents-cell:nth-child(3n){background:#223c2b}.tents-board[data-complete=true] .tents-tree{box-shadow:none;background:radial-gradient(circle at 50% 54%,#41664f 0,#294735 58%,#20392b 100%)}.tents-board[data-complete=true] .tents-count{text-decoration-color:#0000;box-shadow:inset 0 0 0 1px #5d746a45}.tents-board[data-complete=true] .tents-tent-symbol{animation:tents-complete-pitch .72s cubic-bezier(.2, .8, .2, 1) var(--tents-reveal-delay) both}.tents-board[data-complete=true] .tents-grass-symbol{animation:tents-grass-grow .68s cubic-bezier(.2, .8, .2, 1) calc(.32s + var(--tents-reveal-delay)) both;opacity:.82}@keyframes tents-hint-pulse{to{filter:brightness(1.3);outline-offset:-2px}}@keyframes tents-complete-pitch{45%{filter:brightness(1.25)drop-shadow(0 0 .4rem #fb923c);transform:scale(1.16)translateY(-7%)}}@keyframes tents-complete-pulse{45%{filter:brightness(1.08)saturate(1.08);transform:scale(1.012)}}@keyframes tents-grass-grow{0%{opacity:0;transform-origin:bottom;transform:translateY(24%)scaleY(.25)}}@keyframes tents-fire-flicker{to{filter:brightness(1.18)drop-shadow(0 0 .28rem #fbbf24);transform:rotate(42deg)scale(.88,1.08)}}@media (prefers-reduced-motion:reduce){.tents-board[data-complete=true] .tents-tent-symbol,.tents-board[data-complete=true],.tents-board[data-complete=true] .tents-grass-symbol,.tents-campfire>b,.tents-cell[data-hint],.tents-tree[data-hint]{animation:none}}