@font-face{font-family:Detective;src:local("Georgia")}
:root{font:18px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:#193a3d;background:#f4f0e6;--ink:#193a3d;--orange:#db7339;--paper:#fffdf7;--line:#d8d8c9}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{min-height:48px;padding:.65rem 1rem;border:1px solid transparent;border-radius:12px;background:#1c5659;color:white;font-weight:650;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #db7339;outline-offset:3px}a{color:#174f54}button.quiet{background:transparent;color:var(--ink);border-color:#a9bab1}button.secondary{background:#e7ece2;color:var(--ink)}button.danger{background:#9b3c32}input,textarea,select{border:1px solid #a5b6ad;border-radius:9px;padding:.7rem;background:white;color:var(--ink);max-width:100%}input[type=checkbox]{width:23px;height:23px;flex:none;accent-color:#1c5659}textarea{width:100%;min-height:105px;resize:vertical}label{display:block;margin:.7rem 0}.check{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem}.check input{margin-top:.15rem}.masthead{display:flex;justify-content:space-between;align-items:center;padding:22px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;gap:12px;text-decoration:none;color:var(--ink);font-weight:800;line-height:1.2}.brand>span:first-child{font-size:54px;line-height:44px}.brand small{display:block;font-weight:400;font-size:.75rem;margin-top:5px}main{max-width:1180px;margin:auto;padding:38px 24px 50px}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(2rem,5vw,3.8rem)/1.12 Detective,Georgia,serif;letter-spacing:-.03em;margin-bottom:20px}h2{font:700 1.7rem/1.25 Detective,Georgia,serif}h3{font-size:1.1rem}p{margin-bottom:1rem}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#676d56}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start;padding:25px 0}.hero-copy{padding-top:25px}.tag{display:inline-block;padding:.2rem .65rem;background:#e4e8d6;border-radius:99px;font-size:.76rem;font-weight:700;margin:0 5px 8px 0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px;margin-bottom:22px;box-shadow:0 6px 24px #193a3d05}.panel.accent{border-top:5px solid var(--orange)}.muted{color:#64736b;font-size:.88rem}.code{font-size:2.1rem;text-align:center;letter-spacing:.35em;width:100%;font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:grid;gap:12px}.full{width:100%}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}.progress{display:flex;gap:10px;margin-bottom:25px}.progress span{flex:1;border-top:4px solid #d4dacb;padding-top:7px;font-size:.8rem}.progress .current{border-color:var(--orange);font-weight:800}.progress .done{border-color:#1c5659}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:24px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clue{background:#f0f2e8;border:1px dashed #a9b6a4;border-radius:12px;padding:18px;min-height:150px}.clue strong{display:block;font-size:.72rem;letter-spacing:.1em;margin-bottom:10px}.clue p{font-size:1rem;margin:0}.clue.drawing{display:grid;place-items:center}.dragon{font:700 2.6rem Georgia;color:#587268}.prompt{font:700 1.45rem/1.4 Detective,Georgia,serif;padding:10px 0}.speaker{display:flex;gap:10px;margin:14px 0}.speaker button{flex:1}.speaker .selected{background:#db7339;color:#fff}.mic{width:100%;font-size:1.1rem;padding:20px}.mic.recording{background:#a43e32}.hint-box{padding:15px;background:#edf1e6;border-radius:10px;margin-top:12px}.branch{font-size:.86rem}.transcript{border-left:3px solid #7c9c8a;padding-left:14px;margin:18px 0}.source{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}.warning{border-left:4px solid #ca743b;background:#fff2df;padding:14px 18px;margin:16px 0;font-size:.88rem}.success{background:#e1eddf;padding:14px;border-radius:10px}.rule{padding:18px 0;border-bottom:1px solid var(--line)}.rule:last-child{border:0}.rule p{font:700 1.2rem/1.45 Georgia;margin-bottom:6px}.small{font-size:.82rem}details{margin:18px 0}summary{cursor:pointer;font-weight:700;min-height:44px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(90vw,720px);background:#193a3d;color:#fff;padding:14px 20px;border-radius:12px;z-index:10;box-shadow:0 10px 30px #0002}#notice:empty{display:none}footer{border-top:1px solid var(--line);padding:22px;text-align:center;font-size:.78rem;color:#64736b}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table td,.admin-table th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table button{font-size:.8rem}.poster-preview{width:100%;max-width:430px;border:1px solid var(--line);height:auto}.paused{text-align:center;padding:40px}.lockup{font-size:5rem;color:#db7339}.hidden{display:none!important}.busy{opacity:.65;pointer-events:none}code{word-break:break-all}audio{width:100%;margin-top:12px}.note-list{padding-left:20px}.note-list li{margin-bottom:10px}
@media(max-width:850px){.hero,.workspace{grid-template-columns:1fr;gap:14px}.hero{padding:0}.hero-copy{padding-top:0}.card-grid{grid-template-columns:1fr}.clue{min-height:auto}.panel{padding:21px}main{padding:24px 16px}.masthead{padding:17px}.brand{font-size:.85rem}.brand>span:first-child{font-size:40px}.progress span{font-size:.7rem}.admin-table{display:block;overflow:auto}}