.town-board{aspect-ratio:1;touch-action:none;border-radius:var(--radius-md);background:var(--color-nature);width:100%;padding:3.2%;position:relative;overflow:hidden}.town-stage:fullscreen,.town-stage.is-immersive{box-sizing:border-box;background:var(--color-canvas);justify-content:center;align-items:center;width:100%;max-width:none;height:100%;margin:0;padding:.75rem 1rem;display:flex}.town-stage.is-immersive{z-index:40;position:fixed;inset:0}.town-stage:fullscreen .town-stage-panel,.town-stage.is-immersive .town-stage-panel{flex-direction:column;width:min(100%,100dvh - 1rem);height:100%;min-height:0;max-height:100%;display:flex}.town-stage:fullscreen .town-board,.town-stage.is-immersive .town-board{aspect-ratio:1;flex:none;width:min(100%,100dvh - 11rem);height:auto;margin-inline:auto;padding:1.4%}.town-stage:fullscreen .town-play,.town-stage.is-immersive .town-play{--town-gap:1.35cqi}.town-stage:fullscreen .town-tile-face,.town-stage.is-immersive .town-tile-face{border-radius:var(--radius-sm);overflow:hidden}.town-stage:fullscreen .town-tile-face img,.town-stage.is-immersive .town-tile-face img{padding:0;transform:scale(1.32)}.town-play{--town-gap:2.4cqi;--town-cell:calc((100cqi - 3 * var(--town-gap)) / 4);width:100%;height:100%;position:relative;container-type:size}.town-board-slots{gap:var(--town-gap);grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;inset:0}.town-slot{border-radius:var(--radius-sm);background:var(--color-green-light);min-width:0;min-height:0}.town-board-tiles{position:absolute;inset:0}.town-tile{width:var(--town-cell);height:var(--town-cell);will-change:transform;position:absolute}.town-tile-slide{transition:transform .32s cubic-bezier(.22,.7,.2,1)}.town-tile-face{background:0 0;width:100%;height:100%}.town-tile-face img{object-fit:contain;opacity:0;width:100%;height:100%;filter:drop-shadow(0 2px 2px color-mix(in oklab, var(--color-forest-dark) 40%, transparent));padding:4%;display:block}.town-tile-face img.is-ready{opacity:1}.town-tile-town .town-tile-face img{filter:drop-shadow(0 2px 2px color-mix(in oklab, var(--color-forest-dark) 40%, transparent)) drop-shadow(0 0 6px color-mix(in oklab, var(--color-green-pale) 80%, white))}.town-tile-spawn{animation:.16s ease-out both town-tile-spawn}.town-tile-merge{animation:.22s ease-out both town-tile-merge}.town-board-overlay{border-radius:inherit;background:color-mix(in oklab, var(--color-paper) 92%, var(--color-green-pale));flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;display:flex;position:absolute;inset:0}@keyframes town-tile-spawn{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes town-tile-merge{0%{transform:scale(1)}55%{transform:scale(1.07)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.town-tile-slide,.town-tile-spawn,.town-tile-merge{transition:none;animation:none}}