*{box-sizing:border-box}body{margin:0;background:#091e2b;color:#f0fff9;font:18px/1.5 system-ui,sans-serif}header,main,footer{width:min(900px,100% - 32px);margin:auto}header{display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-size:13px;letter-spacing:.06em}a,a:visited{color:#9df1d6}.intro{display:flex;align-items:center;justify-content:space-between}.intro img{height:195px;width:145px;object-fit:contain;align-self:flex-end}.intro h1{font-size:clamp(34px,6vw,55px);line-height:1.1;margin:5px 0}.intro h1 span{font-size:.6em;color:#9df1d6}.intro p{margin:10px 0}.eyebrow{font-size:12px;letter-spacing:.15em;color:#a9ceda}.sound-bar{padding:18px;border:1px solid #4e8392;border-radius:20px;display:flex;align-items:center;gap:20px;background:#103340}.sound-bar p{margin:0;font-size:15px}button{font:700 17px/1.3 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}#sound,.actions button{padding:14px 20px;border-radius:14px;border:0;background:#b3f6df;color:#123b33;min-height:52px}#sound{flex-shrink:0}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid #ffe28c;outline-offset:4px}.play{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0;align-items:center}.ranger{border:1px solid #3a697a;background:radial-gradient(ellipse,#1b4a61,#0b2737 75%);border-radius:32px;text-align:center;padding:12px}.ranger svg{max-height:400px;width:100%;fill:#256396}.ranger .visor{fill:#f3fcff}.ranger .badge{fill:#9ff9dc}.ranger .trim{fill:none;stroke:#adeefb;stroke-width:7}.ranger g.selected{fill:#479ed0;stroke:#ffdf80;stroke-width:6}.ranger #word{margin:0 0 10px;color:#ffe7a0;font-size:24px;font-weight:750;min-height:36px}.items{display:grid;grid-template-columns:1fr 1fr;gap:14px}.item{background:#123444;border:2px solid #5f9bb0;border-radius:22px;color:#f5fffc;padding:12px 8px;min-height:140px}.item svg{display:block;width:100%;max-height:112px;margin:auto}.item span{display:block;padding-top:9px}.item[aria-pressed=true]{border-color:#ffe18f;background:#225269;box-shadow:0 0 0 2px #ffe18f}.actions{display:flex;gap:14px}.actions button{flex:1}details{padding:20px;border:1px solid #406978;border-radius:20px;margin:25px 0;font-size:16px}summary{font-weight:bold;cursor:pointer;min-height:30px}footer{font-size:11px;color:#abc8d2;padding:8px 0 28px;letter-spacing:.08em}@media(max-width:560px){.intro img{height:160px;width:105px}.sound-bar{display:block}.sound-bar p{margin-top:10px}.play{gap:12px;grid-template-columns:1fr 1.15fr}.ranger{padding:8px 2px;border-radius:20px}.ranger svg{min-height:240px}.ranger #word{font-size:17px;line-height:1.2;min-height:42px}.items{gap:10px}.item{padding:8px 3px;min-height:115px;font-size:14px;border-radius:16px}.item svg{height:70px}.item span{min-height:40px;padding-top:7px}.actions button{font-size:15px;padding:12px 8px}}