:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;color:#e9eef2;background:#101923;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input,select{font:inherit}button{cursor:pointer;border:1px solid #354450;background:#202e3a;color:#e9eef2;border-radius:7px;padding:11px 16px;transition:background .15s}button:hover{background:#304452}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #90dac6;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}main{max-width:780px;margin:auto;padding:0 28px}header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a3641}.brand{text-decoration:none;color:#f3f5f6;font-size:23px;letter-spacing:-1px;font-weight:650;display:flex;align-items:center;gap:10px}.brandmark{color:#98ddca;letter-spacing:1px;font-size:21px}.beta{font-size:9px;letter-spacing:1px;color:#9faeb8;border:1px solid #3a4854;padding:4px;border-radius:3px;margin-left:2px}nav{display:flex;gap:6px}nav button{background:transparent;border:0;color:#aebdc6;padding:8px 10px}nav button:first-child{color:#98ddca;font-size:13px}.intro{padding:40px 0 27px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#98ddca;font-weight:600}h1{font-size:38px;letter-spacing:-1.3px;margin:12px 0 8px;font-weight:550}.intro p{color:#97a8b5;font-size:14px;margin:0}.game{background:#16222d;border:1px solid #32414e;border-radius:12px;padding:23px 26px}.game-top{display:flex;justify-content:space-between;color:#94a7b4;font-size:10px;letter-spacing:1.4px}.live{font-size:9px;display:flex;align-items:center;gap:6px}.live i{width:5px;height:5px;border-radius:50%;background:#98ddca}#slots{display:flex;justify-content:center;gap:10px;padding:30px 0 18px}#slots button{width:62px;height:67px;background:#101a24;border:1px solid #546672;font-size:29px;font-weight:550;border-radius:5px;position:relative;padding:0}#slots button.selected{border-color:#98ddca;box-shadow:0 0 0 1px #98ddca}#slots button.selected:after{content:'';position:absolute;height:2px;width:20px;background:#98ddca;bottom:8px;left:calc(50% - 10px)}.correct{background:#28594b!important;border-color:#71b39b!important}.transmission{height:32px;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:23px}.transmission span{width:3px;height:5px;border-radius:3px;background:#465964}.transmission.active span{background:#98ddca;animation:pulse .5s ease-in-out infinite alternate}.transmission span:nth-child(3n){animation-delay:.15s}.transmission span:nth-child(2n){animation-delay:.3s}@keyframes pulse{to{height:25px}}.controls{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.primary{background:#98ddca;color:#122b26;border-color:#98ddca;font-weight:650}.primary:hover{background:#b0ebda}.controls small{display:block;text-align:center;font-size:11px;color:#96a8b5;margin-top:9px}.guess-actions{display:flex;gap:7px}#message{font-size:12px;text-align:center;color:#a6b7c2;min-height:18px;margin:21px 0 0}#history{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.history-row{display:flex;gap:3px}.history-row span{display:grid;place-items:center;width:23px;height:26px;border-radius:3px;background:#2d3945;font:12px monospace}.keyboard-section{margin:26px 0}.keyboard-label{display:flex;align-items:center;justify-content:space-between;color:#91a5b3;font-size:10px;letter-spacing:1.5px;margin-bottom:12px}.keyboard-label button{padding:0;border:0;background:none;color:#98ddca;font-size:11px;letter-spacing:0}#keyboard{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:column;grid-template-rows:repeat(9,1fr);gap:6px}#keyboard button{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border:1px solid #2c3b47;background:#1d2b37;border-radius:5px;font-size:14px;min-height:39px}#keyboard button span{font-family:monospace;letter-spacing:2px;color:#91a7b4;font-size:15px}#keyboard.qwerty{display:flex;flex-wrap:wrap;justify-content:center}#keyboard.qwerty button{flex:0 0 9%;min-width:42px;display:flex;flex-direction:column;gap:7px;padding:9px 3px}#keyboard.qwerty button span{font-size:11px;letter-spacing:0}footer{border-top:1px solid #2a3641;padding:20px 0 30px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#7e929f}footer b{margin:0 6px}dialog{width:510px;max-width:calc(100% - 28px);background:#1b2935;color:#e9eef2;border:1px solid #4b606e;border-radius:12px;padding:30px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#080e16ba;backdrop-filter:blur(3px)}h2{margin:0 0 20px;font-size:24px;font-weight:550}dialog p{font-size:14px;line-height:1.8;color:#b9c7d0}dialog label{display:block;margin:20px 0;font-size:14px}dialog input[type=range]{width:100%;accent-color:#98ddca;margin-top:12px}dialog select{background:#101923;color:white;padding:8px;border:1px solid #556672;border-radius:5px}.close{position:absolute;right:13px;top:10px;background:none;border:0;font-size:25px;padding:4px 9px}.stat-grid{display:flex;justify-content:space-around;text-align:center;margin:25px 0}.stat-grid strong{display:block;font-size:30px;color:#98ddca}.stat-grid small{color:#a6b7c2}#result{text-align:center}#result button{margin:12px 4px 0}#result h2{margin-top:20px}@media(max-width:560px){main{padding:0 16px}header{height:78px}.brand{font-size:18px;gap:6px}.brandmark,.beta{display:none}nav{gap:0}nav button{padding:8px}.intro{padding-top:29px}h1{font-size:32px}.intro p{font-size:12px}.game{padding:19px 15px}#slots{gap:7px}#slots button{width:48px;height:57px}#keyboard button{padding:9px}.live{font-size:8px;letter-spacing:.5px}footer{flex-direction:column}.controls button{padding:11px 12px}.keyboard-label{font-size:9px}}
.callsign-options{border:1px solid #405461;border-radius:8px;padding:16px;margin:20px 0}.callsign-options legend{padding:0 7px;color:#98ddca;font-size:14px}.callsign-options label{margin:5px 0 10px}.callsign-options select{max-width:100%;width:100%;font-size:13px}.format-help{font-size:12px!important;line-height:1.6!important}.format-options{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin:18px 0}.format-options label{margin:0;display:flex;align-items:center;gap:5px}.format-options small{color:#98ddca;font-size:10px}.format-options input{accent-color:#98ddca}#call-error{color:#ffd39f;font-size:12px;margin:0}.practice-actions{display:flex;gap:8px;flex-wrap:wrap}dialog{max-height:calc(100dvh - 32px);overflow:auto}
.practice-speed{margin-top:18px;font-size:12px;color:#b9cbd4}.practice-speed label{display:flex;align-items:center;gap:6px;cursor:pointer}.practice-speed input{accent-color:#98ddca;width:15px;height:15px}.practice-speed[hidden]{display:none}

.practice-speed label{margin:9px 0}.practice-speed input[type=number],dialog input[type=number]{width:72px;height:auto;padding:7px;background:#101923;color:#e9eef2;border:1px solid #556672;border-radius:5px}.practice-speed small{display:block;line-height:1.6}