.play-heading{font-family:"Hannotate SC","Kaiti SC",system-ui,sans-serif;font-size:30px;margin:12px 0}.play-note{color:#496479;font-size:16px}.play-picture{width:100%;height:150px;display:block}.listen-pictures{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.listen-pictures button{background:white;border:3px solid #18344b;border-radius:24px;padding:15px;margin:0;min-height:190px}.listen-pictures button.hint{border-color:#d5a900;background:#fff8d6}.listen-pictures button.selected{border-color:#176da4;background:#e3f5fe}.play-feedback{min-height:58px;line-height:1.6;font-size:21px}.play-actions{display:flex;flex-wrap:wrap;gap:8px}.play-actions button{margin:0;min-height:52px}.play-next{background:#ffe15a!important}.play-menu{display:grid;gap:14px}.play-menu button{text-align:left;padding:18px 22px;font-size:23px;margin:0}.play-menu small{display:block;font-size:16px;margin-top:7px;line-height:1.5}.play-word{font-size:32px;color:#18344b;text-align:center;min-height:42px}.family-observation{border-top:1px solid #c2dce9;margin-top:22px;padding-top:14px}.family-observation summary{cursor:pointer;padding:12px 0}.family-observation button{font-size:16px}@media(max-width:500px){.listen-pictures{gap:10px}.listen-pictures button{padding:8px;min-height:145px}.play-picture{height:110px}.play-heading{font-size:25px}}
.traffic-discover,.traffic-slots,.traffic-pieces{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.traffic-discover button,.traffic-discover>div,.traffic-slots button,.traffic-pieces button{margin:0;padding:12px;background:white;border:3px solid #18344b;border-radius:22px;text-align:center;font:inherit}.traffic-discover>div{border-color:transparent}.traffic-slots button{border:3px dashed #6eafc8;background:#edf8fc}.vehicle-picture{display:block;width:100%;height:145px;object-fit:contain;pointer-events:none}.traffic-pieces button.selected,.traffic-slots button.selected{border-color:#176da4;background:#e3f5fe}.traffic-pieces button{touch-action:manipulation}.traffic-slots{margin-bottom:24px}@media(max-width:500px){.vehicle-picture{height:110px}.traffic-discover,.traffic-slots,.traffic-pieces{gap:10px}}