.room{display:grid;gap:16px}.stage-row{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.presenter{width:70px;height:70px;border-radius:50%;background:var(--red);position:relative}.presenter:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;border-radius:50%;background:#111}.speech{padding:12px 16px;border-radius:18px 18px 18px 6px;background:var(--bg);font-weight:700;min-height:48px}.audience{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:14px;border-radius:20px;background:var(--bg-2)}.seat{--a: 1;aspect-ratio:1;border-radius:50%;position:relative;background:color-mix(in srgb,var(--cyan) calc(var(--a) * 100%),var(--line-strong));transform:translateY(calc((1 - var(--a)) * 8px)) rotate(calc((1 - var(--a)) * 24deg));transition:transform .4s,background-color .4s}.seat:before,.seat:after{content:"";position:absolute;top:40%;width:14%;height:calc(14% * var(--a) + 2%);border-radius:50%;background:#111}.seat:before{left:28%}.seat:after{right:28%}.att{display:grid;gap:6px}.att .tr{height:16px;border-radius:9px;background:var(--line);overflow:hidden}.att i{display:block;height:100%;background:var(--green);transition:width .3s,background-color .3s}.acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.act{font:inherit;font-weight:900;min-height:56px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;position:relative;overflow:hidden}.act .cd{position:absolute;left:0;bottom:0;height:4px;background:var(--red);width:0}.act:disabled{opacity:.55;cursor:default}.ema{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ema .panel{display:grid;gap:10px;align-content:start}.ema .big{font-weight:900;font-size:clamp(40px,5vw,72px);line-height:.9;letter-spacing:-.04em}.reward-sim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.bars3{display:grid;gap:12px}.bar3{display:grid;grid-template-columns:150px 1fr 48px;gap:12px;align-items:center;font-weight:700}.bar3 .tr{height:22px;border-radius:12px;background:var(--line);overflow:hidden}.bar3 i{display:block;height:100%;border-radius:12px;transition:width .7s var(--ease-out)}.bar3 b{text-align:right;font-variant-numeric:tabular-nums}.podium{display:flex;align-items:flex-end;gap:6px;height:150px}.podium span{flex:1;border-radius:10px 10px 0 0;background:var(--pc);transition:height .7s var(--ease-spring);display:grid;place-items:start center;padding-top:6px;font-weight:900;color:#111;font-size:13px}@media (max-width: 900px){.ema,.reward-sim{grid-template-columns:minmax(0,1fr)}}@media (max-width: 520px){.audience{grid-template-columns:repeat(6,minmax(0,1fr))}.acts{grid-template-columns:minmax(0,1fr)}.bar3{grid-template-columns:1fr 48px}.bar3 .tr{grid-column:1 / -1;grid-row:2}}