:root{font-family:Arial,sans-serif;color:#203e35;background:#f5f5ec;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:20px 4vw 30px}header,.panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:22px}.brand{color:#244c3b;text-decoration:none;font-weight:bold;font-size:22px}.brand span{display:block;font-size:14px;letter-spacing:.05em;margin-top:5px}.quiet{font-size:16px;min-height:48px}button,select{font:700 21px Arial,sans-serif;border:2px solid #6e8271;border-radius:16px;background:#fff;color:#203e35;min-height:60px;padding:13px 22px;touch-action:manipulation}button{cursor:pointer}button:hover{background:#edf1e4}button:focus,select:focus{outline:4px solid #365eae;outline-offset:4px}h1:focus,h2:focus{outline:none}.primary{background:#27543f;color:white;border-color:#27543f}.primary:hover{background:#1d402e}section:not(#parent-panel){text-align:center}h1{font-size:clamp(28px,3.4vw,44px);line-height:1.15;margin:15px 0 10px}p{font-size:20px;line-height:1.5}#welcome,#finished{padding:35px 0}.eyebrow{font-size:14px;letter-spacing:.15em;text-transform:uppercase}.invitation{margin:10px 0 22px}.choices{display:flex;justify-content:center;gap:24px}.animal{width:46%;max-width:460px;padding:16px;border-width:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:245px}.animal img{width:100%;height:clamp(150px,27vh,280px);object-fit:contain}.animal-name{font-size:28px}.animal[aria-disabled="true"]{cursor:default}.feedback{font-weight:bold;min-height:32px;margin:18px 0}.play-controls{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.play-controls button{min-width:170px}.controller-hint{font-size:16px;display:inline-flex;align-items:center;gap:7px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:5px 9px;border-radius:50%;color:white;background:var(--badge);border:2px solid #ffffff80;font-weight:bold}.color-word{color:#203e35}.primary .color-word{color:white}.controller-hint em{font-style:normal;font-size:15px}#audio-status{min-height:22px;text-align:center}footer{display:flex;flex-direction:column;text-align:center;gap:8px;margin-top:22px;font-size:16px}.hint{font-size:16px;color:#47604e}.parent-actions{display:flex;gap:16px;flex-wrap:wrap}.panel-top h2{margin:0}#parent-panel{border:2px solid #abb8a4;border-radius:22px;background:#fff;padding:26px;margin:20px 0}#parent-panel p{font-size:17px}h3{font-size:24px;margin-top:28px}label{display:block;font-size:16px;font-weight:bold;margin:12px 0 6px}select{font-size:17px;width:100%;font-weight:normal;max-width:100%}.mapping-row{display:grid;grid-template-columns:minmax(110px,1fr) 105px minmax(100px,1fr) 100px;gap:15px;align-items:end;border-top:1px solid #dce2d7;padding:15px 0}.mapping-row h4{margin:0 0 8px}.mapping-row button{font-size:17px}.mapping-row small{display:block;font-size:14px;color:#47604e}.diagnostic{background:#eef2e8;padding:14px;border-radius:12px;overflow-wrap:anywhere}details{margin-top:25px}summary{cursor:pointer;font-size:18px;font-weight:bold;padding:12px 0}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px}.brand{font-size:19px}.quiet{font-size:15px;padding:10px}.choices{gap:12px}.animal{width:50%;padding:9px;min-height:225px}.animal img{height:160px}.animal-name{font-size:25px}.controller-hint{font-size:14px}.color-word{display:none}.mapping-row{grid-template-columns:1fr 1fr}.mapping-row button{width:100%}#parent-panel{padding:18px}.panel-top{align-items:flex-start}.panel-top button{font-size:17px}p{font-size:18px}}@media(max-height:650px) and (min-width:700px){header{margin-bottom:10px}.animal img{height:145px}.animal{min-height:215px}.feedback{margin:12px 0}footer{margin-top:14px}h1{font-size:30px}}