.board-town{--board-accent:#ff7ab2}@media (prefers-color-scheme:dark){.board-town{--board-accent:#ff7ab2}}.town-card-container{border:3px solid var(--ink,#1b1726);background:var(--surface,#fff);width:100%;max-width:380px;min-height:400px;box-shadow:6px 6px 0 var(--ink,#1b1726);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:box-shadow .15s;display:flex;position:relative}.town-card-container:active{cursor:grabbing}.town-meter-item{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.town-meter-bar{border:1.5px solid var(--ink,#1b1726);background:#1b17261f;border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.town-meter-fill{background:var(--board-accent,#ff7ab2);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.town-meter-shake{animation:.4s ease-in-out infinite meterShake}@keyframes meterShake{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}.town-choice-pill{border:2px solid var(--ink,#1b1726);box-shadow:2px 2px 0 var(--ink,#1b1726);pointer-events:none;z-index:10;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:900;transition:opacity .1s;position:absolute;top:1rem}.town-choice-left{color:#fff8ee;background:#ff6b4a;right:1rem}.town-choice-right{color:#1b1726;background:#7ae582;left:1rem}@media (prefers-reduced-motion:reduce){.town-meter-shake{animation:none}}@media (max-height:430px){.town-card-container{min-height:228px}}