*{box-sizing:border-box}body{margin:0;background:#e9e8dc;color:#223e41;font:15px/1.5 system-ui,sans-serif}header{background:#163b40;color:#faf2d9;padding:30px max(22px,6vw)}header span{font-size:11px;letter-spacing:3px}h1{font:clamp(48px,7vw,76px)/1.1 Georgia,serif;margin:12px 0}header p{margin:0;color:#c7d8d0}main{max-width:1180px;margin:auto;padding:26px 24px}h2{font:29px Georgia,serif;margin:0 0 12px}h3{font-size:15px}.brief{max-width:950px;margin-bottom:24px}.small,footer{font-size:12px;color:#5a6c65}.tools,.arrows{display:flex;gap:7px;flex-wrap:wrap}button,select{font:inherit;min-height:44px;border:1px solid #8b9f94;border-radius:5px;background:#fffdf0;color:inherit;padding:10px 14px;cursor:pointer}button:hover{background:#dce5d8}button:focus-visible,input:focus-visible{outline:3px solid #c08736;outline-offset:2px}.bench{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.mapcard,.desk{background:#f9f6e9;padding:23px;border:1px solid #b4c1b4;border-radius:10px;align-self:start}#map{display:grid;grid-template-columns:repeat(11,1fr);aspect-ratio:1;background:linear-gradient(#163b4020,#163b4020),url(room.webp) center/cover;border:6px solid #8b7852;border-radius:6px}#map button{min-height:0;padding:0;border:1px solid #d2d8b82b;border-radius:0;background:transparent;color:#fff7d4;aspect-ratio:1;font-size:22px;position:relative}#map button:hover{background:#ffffff30}#map button.listener{background:#83d0bd50}#map button.guess{box-shadow:inset 0 0 0 2px #f4c86c}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin:13px 0}.arrows button{flex:1;font-size:24px}.tools button[aria-pressed=true]{background:#28565b;color:white}.desk label{display:block;margin:17px 0}input[type=range]{width:100%;min-height:34px;accent-color:#2c6668}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;accent-color:#2c6668}.primary{width:100%;background:#28565b;color:#fff;font-weight:700}.primary:hover{background:#183e43}.primary:disabled{background:#627b79;cursor:default}.cue{background:#e3e9da;padding:15px;border-radius:6px;margin:20px 0}.pan{display:flex;align-items:center;gap:9px}.pan meter{flex:1;width:100%;height:25px}#audio,#tokens,#location{font-size:13px}#verdict{font-weight:700;min-height:55px}#notes{padding-left:20px;font-size:12px;max-height:200px;overflow:auto}footer{margin:25px 0}@media(max-width:740px){main{padding:20px 12px}.bench{grid-template-columns:1fr}.mapcard,.desk{padding:16px}header{padding:24px 18px}#map{border-width:4px}#map button{font-size:17px}}