/* Tents and Trees game */
.tt-catalog-art{background:linear-gradient(125deg,#dff1e3,#f3e7d4)}.tt-catalog-demo{display:grid;grid-template-columns:repeat(5,24px);grid-template-rows:repeat(5,24px);gap:2px}.tt-catalog-demo i{display:grid;place-items:center;background:#fdfcf6;border:1px solid #9fbca4;color:#22755c;font:900 17px Arial,sans-serif}.tt-catalog-demo i.tent{color:#d18c34}
.tt-playground{display:flex;flex:1;min-height:0;justify-content:center;align-items:center}.tt-play-area{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;justify-content:center;align-items:center;gap:6px;padding:5px}
.tt-board{--tt-size:480px;--tt-n:6;width:var(--tt-size);height:var(--tt-size);display:grid;grid-template-columns:minmax(0,1fr) 34px;grid-template-rows:minmax(0,1fr) 34px;gap:3px}.tt-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(var(--tt-n),minmax(0,1fr));grid-template-rows:repeat(var(--tt-n),minmax(0,1fr));border:4px solid #29554d;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 6px 16px #31584b20}.tt-cell{display:grid;place-items:center;min-width:0;min-height:0;border:.8px solid #afc8c3;background:#fcfffe;font:900 clamp(1rem,3vmin,2.3rem)/1 Nunito,Arial,sans-serif;color:#163e36;cursor:pointer}.tt-cell:nth-child(2n){background:#f0f7f3}.tt-cell.tree{color:#157751;background:#e8f7ed;opacity:1;cursor:default}.tt-cell.tent{color:#b86821;background:#fff1d4}.tt-cell.empty{color:#91a29c}.tt-cell:focus-visible{outline:3px solid #e29d44;outline-offset:-3px}.tt-right{grid-row:1;grid-column:2;display:grid;grid-template-rows:repeat(var(--tt-n),1fr);font:800 1.1rem Arial,sans-serif;color:#224b42;text-align:center}.tt-right span,.tt-bottom span{display:grid;place-items:center}.tt-bottom{grid-row:2;grid-column:1;display:grid;grid-template-columns:repeat(var(--tt-n),1fr);font:800 1.1rem Arial,sans-serif;color:#224b42}
.tt-tools,.tt-controls{display:flex;justify-content:center;align-items:center;gap:7px}.tt-tools button{background:#fff;color:#285147;border:1px solid #aac8ba;border-radius:8px;padding:8px 12px;font:800 .9rem Nunito,Arial,sans-serif}.tt-tools button.selected{background:#d9f4e7;border:2px solid #15926a}.tt-race-area{display:flex;min-height:0;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:6px}.tt-race-board{--tt-size:380px}.tt-race-stage .race-panels{position:relative}.tt-race-stage .race-center-new{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:#078d76!important;color:white!important}
.tt-print-sheet{padding-top:7mm}.tt-print-body{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:252mm;gap:3mm}.tt-print-card{display:flex;align-items:center;justify-content:center;border:.3mm solid #999;border-radius:1.4mm;min-width:0;min-height:0}.tt-print-wrap{display:grid;grid-template-columns:56mm 4mm;grid-template-rows:56mm 4mm;gap:0}.tt-print-grid{--tt-n:8;display:grid;grid-template-columns:repeat(var(--tt-n),1fr);grid-template-rows:repeat(var(--tt-n),1fr);border:.3mm solid #333}.tt-print-cell{display:grid;place-items:center;border:.12mm solid #999;font:900 12pt Arial,sans-serif;color:#111}.tt-print-cell.tree{background:#f7f7f7}.tt-print-cell.tent{color:#111}.tt-print-right{display:grid;grid-template-rows:repeat(var(--tt-n),1fr);text-align:center}.tt-print-bottom{display:grid;grid-template-columns:repeat(var(--tt-n),1fr);text-align:center}.tt-print-right span,.tt-print-bottom span{display:grid;place-items:center;font:700 8pt Arial,sans-serif}
html[data-theme="dark"] .tt-grid{border-color:#85c2b1}html[data-theme="dark"] .tt-cell{background:#24423e;color:#d9f9ee;border-color:#577b70}html[data-theme="dark"] .tt-cell.tree{background:#305a43;color:#c7f8d2}html[data-theme="dark"] .tt-cell.tent{background:#66513a;color:#ffd5a2}html[data-theme="dark"] .tt-right,html[data-theme="dark"] .tt-bottom{color:#d9f5ea}

.tt-play-area .feedback:empty,.tt-race-area .feedback:empty{display:none}.tt-cell.tree{font-size:clamp(1.25rem,4vmin,2.4rem);-webkit-filter:none;filter:none}.tt-cell.tree:disabled{opacity:1!important}
@media print{.tt-print-cell.tree{position:relative;font-size:0}.tt-print-cell.tree::before{content:"";position:absolute;left:20%;right:20%;top:18%;height:55%;background:#111;border-radius:55% 55% 40% 40%}.tt-print-cell.tree::after{content:"";position:absolute;left:44%;right:44%;top:60%;bottom:10%;background:#111}}