:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#edf2fb;background:#0c111c;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh}main{width:100%;max-width:440px;margin:30px auto;padding:0 20px 24px}
.brand{display:flex;justify-content:center;align-items:center;width:100%;height:165px;margin-bottom:8px}.brand img{display:block;object-fit:cover;width:220px;height:160px}
.card{background:#151d2c;border:1px solid #2e3a50;border-radius:17px;padding:25px}.card-top{display:flex;align-items:center;gap:8px;padding-bottom:19px;border-bottom:1px solid #2b3648;color:#91a5bf;font-size:10px;letter-spacing:.8px}.status-dot{height:7px;width:7px;flex:none;border-radius:50%;background:#6e809a}.status-dot.active{background:#73dfba}
h2{font-size:22px;font-weight:650;margin:23px 0 8px;overflow-wrap:anywhere}p{color:#a7b5ca;font-size:12px;line-height:1.7;margin:7px 0 20px}label{display:block;color:#d8e2ef;font-size:12px;margin:21px 0}
input{display:block;margin-top:8px;padding:13px;width:100%;border:1px solid #37465f;border-radius:9px;background:#0d1522;color:#f5f7ff;font:14px Segoe UI,Arial,sans-serif;outline:none}input:focus{border-color:#64d3eb;box-shadow:0 0 0 3px #64d3eb12}
button{font:600 13px Segoe UI,Arial,sans-serif;cursor:pointer;border:0;border-radius:9px;padding:14px;width:100%;color:#e3e9f5}button:focus-visible,a:focus-visible{outline:2px solid #73dcef;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}.primary{background:#74d9eb;color:#102a36;display:flex;justify-content:center;align-items:center;gap:12px}.secondary{background:#213047;border:1px solid #3a4e68;margin-top:10px}.text-button{background:transparent;color:#9babc3;font-size:11px;padding:15px}
.hint{display:block;text-align:center;font-size:10px;color:#8194ae;line-height:1.7;margin:12px 0 0}footer{border-top:1px solid #2b3648;margin-top:22px;padding-top:16px;text-align:center;font-size:10px;line-height:1.8;color:#a7b6cb}footer span{color:#788da7}.error{color:#f3b9b2;background:#8b3d3d20;border:1px solid #915351;padding:11px;border-radius:8px;margin:18px 0 0}
.eyebrow{display:block;margin-top:22px;color:#81d8d1;font-size:10px;letter-spacing:1px}.eyebrow+h2{margin-top:9px}.mic-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px;background:#0e1825;border:1px solid #35485d;border-radius:12px}.mic-symbol{font-size:31px;color:#879db9}.mic-display strong{font-size:13px}.mic-display>span:last-child{font-size:11px;color:#98b4c6}.mic-display.active{background:#17342d;border-color:#69caa7}.mic-display.active .mic-symbol{color:#7ce6b8}.game-hint{font-size:11px;margin:17px 0}kbd{font:600 11px monospace;padding:2px 5px;border:1px solid #48627c;border-radius:4px;background:#27384e}.speaker{font-size:11px;line-height:1.6;color:#8bdfc1;min-height:16px;text-align:center;overflow-wrap:anywhere}.site-footer{text-align:center;color:#61768e;font-size:10px;margin:20px 0 0}[hidden]{display:none!important}
@media(max-width:480px){main{margin:12px auto;padding:0 16px 18px}.brand{height:145px;margin-bottom:4px}.brand img{width:205px;height:145px}.card{padding:22px}.card-top{font-size:9px}}