.gate-examples{display:flex;gap:8px;justify-content:center;margin:18px 0}.gate-examples span{padding:9px 16px;border-radius:8px;background:#62b9a0;color:white;font:bold 20px Arial}.gate-examples span:nth-child(even){background:#d97d73}.mob-controls{display:flex;gap:12px;margin-top:12px}.mob-controls button{flex:1;display:flex;align-items:center;justify-content:center;gap:18px;min-height:64px;border:2px solid #b4c7b6;border-radius:12px;background:#e3ebe0;color:#294d3b;cursor:pointer;touch-action:manipulation}.mob-controls strong{font:700 25px Arial}.mob-controls small{font-size:20px}.mob-controls button.selected{border-color:#284d3b;box-shadow:0 2px 0 #284d3b;background:#c8dfd0}.mob-controls button.bad{background:#f2ded7;color:#9f564b}.mob-controls button.bad.selected{border-color:#9f564b;box-shadow:0 2px 0 #9f564b}#crowd{font-size:24px;max-width:125px;overflow-wrap:anywhere}#speed{font-size:22px}.accel{height:4px;margin-top:10px;border-radius:10px;background:#dedfcc;overflow:hidden}.accel i{display:block;height:100%;width:0;background:#c5a15a}.hud div{min-width:80px}#connection{font-size:11px;line-height:1.5;color:#9c5e42;margin:4px 0}#result-copy{line-height:1.8}#result .result-score strong{font-size:52px}.speed-up{animation:heartbeat .18s ease-in-out 2 alternate}#leaders li .name small{display:block;color:#7c8070;font-size:10px}#leaders li b{direction:ltr;white-space:nowrap;font-size:16px}.arena canvas{height:min(55svh,550px)}.intro{font-size:13px}#welcome h1{font-size:43px}@media(prefers-reduced-motion:reduce){.speed-up{animation:none}}
#toast{top:auto;bottom:8px;font-size:12px;background:#f5f1e8db;border-radius:9px}#toast:empty{display:none}#leaders li span{flex:1}#leaders li strong{direction:ltr;white-space:nowrap}