.townhall-wrapper{max-width:900px;margin:0 auto;padding:1rem 1.5rem}.townhall-header{text-align:center;margin-bottom:1.5rem}.townhall-header h1{font-size:1.4rem;font-weight:700;margin-bottom:.3rem;color:var(--color-text);font-family:var(--font-heading)}.townhall-header .debate-meta{font-size:.8rem;color:var(--color-text-muted);font-style:italic}.townhall-back{display:inline-block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.8rem}.room{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px 8px 0 0;overflow:hidden;border:1px solid var(--color-border);border-bottom:none;background:#f5f3ef}.room-table{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22%;padding-bottom:10%;overflow:visible}.room-table-top{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 45% 40%,#c9a46c,#b8925a,#a88350);border:2px solid #8a6a3a;box-shadow:0 4px #7a5c32,0 6px #6b5030,0 8px 12px #0000001f}.room-table-top:after{content:"";position:absolute;inset:20% 15%;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.room-table-leg{position:absolute;width:8px;height:16px;background:linear-gradient(to right,#6b5030,#7a5c32,#6b5030);border-radius:0 0 2px 2px;top:100%;box-shadow:0 1px 2px #0000001a}.room-table-leg:nth-child(2){left:18%}.room-table-leg:nth-child(3){right:18%}.room-chair{position:absolute;width:16px;height:16px;transform:translate(-50%,-30%)}.room-chair:before{content:"";position:absolute;bottom:0;left:1px;right:1px;height:7px;background:#7a5c32;border-radius:2px;border-top:1px solid #9a7a4a}.room-chair:after{content:"";position:absolute;top:0;left:1px;right:1px;height:10px;background:linear-gradient(to bottom,#8a6a3a,#6b5030);border-radius:3px 3px 1px 1px;border:1px solid #5a4428}.sprite-container{position:absolute;transform:translate(-50%,-60%);display:flex;flex-direction:column;align-items:center;transition:filter .3s ease}.sprite{width:1px;height:1px;transform:scale(3);transform-origin:top left;image-rendering:pixelated;transition:box-shadow .4s ease;pointer-events:none}.sprite-container .nametag{font-size:.42rem;color:var(--color-text-muted);text-align:center;white-space:nowrap;margin-top:1px;letter-spacing:.03em;text-transform:uppercase;font-weight:600;transition:color .3s ease}.sprite-container.speaking .nametag{color:var(--color-text);font-weight:700}.sprite-container.speaking{filter:drop-shadow(0 0 6px rgba(200,160,60,.6));animation:sprite-glow 1.5s ease-in-out infinite alternate}@keyframes sprite-glow{0%{filter:drop-shadow(0 0 4px rgba(200,160,60,.4))}to{filter:drop-shadow(0 0 10px rgba(200,160,60,.7))}}.dialogue-box{background:var(--color-bg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px;padding:1.2rem 1.5rem;min-height:120px;max-height:180px;overflow-y:auto;cursor:pointer}.dialogue-speaker{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-subtle);margin-bottom:.4rem;font-family:var(--font-body)}.dialogue-text{font-size:.9rem;line-height:1.65;color:var(--color-text);min-height:2.4em;font-family:var(--font-body)}.dialogue-text .cursor{display:inline;animation:blink-cursor .6s step-end infinite;color:var(--color-text-muted)}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.dialogue-stage-direction{text-align:center;font-style:italic;color:var(--color-text-muted);padding:.5rem 0;font-family:var(--font-heading)}.controls{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 0}.controls button{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:4px;padding:.4rem .8rem;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .15s}.controls button:hover{background:var(--color-bg-alt);color:var(--color-text);border-color:var(--color-text-muted)}.controls .progress{font-size:.75rem;color:var(--color-text-muted);margin:0 .5rem;min-width:60px;text-align:center}.progress-bar-container{width:100%;max-width:900px;margin:0 auto;height:3px;background:var(--color-border);border-radius:2px;cursor:pointer}.progress-bar-fill{height:100%;background:var(--color-text-muted);border-radius:2px;transition:width .15s ease}.btn-audio{display:flex;align-items:center;justify-content:center;margin-left:.5rem}.btn-audio svg{pointer-events:none}@media(max-width:600px){.townhall-wrapper{padding:.5rem}.room{aspect-ratio:4 / 3}.sprite{transform:scale(2)}.sprite-container .nametag{font-size:.38rem}.dialogue-box{padding:.8rem 1rem;min-height:100px;max-height:150px}.dialogue-text{font-size:.8rem}.controls button{padding:.3rem .5rem;font-size:.75rem}.room-chair{width:10px;height:13px}}