.tool-band{padding-bottom:34px}.tool-head{align-items:center;gap:14px;margin:10px 0 16px;display:flex}.tool-head .icon-tile{border-radius:10px;width:54px;height:54px}.tool-head .icon-tile svg.icon{width:36px;height:36px}.tool-head-copy{flex:1;min-width:0}.tool-head h1{margin:0 0 4px}.fav-btn{color:#fff;background:#1a2d47;border:1px solid #3a567c;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.fav-btn .glyph{color:#ffb020;font-size:18px;line-height:1}.fav-btn[aria-pressed=true]{border-color:#ffb020}.fav-btn[aria-pressed=true] .glyph{animation:.3s pop}.stage{background:linear-gradient(125deg,#93a1b2,#344151 12%,#6a788b 40%,#263441 72%,#596371);border:2px solid #97a4b5;border-radius:16px;padding:14px;position:relative;box-shadow:inset 0 0 0 5px #334050,inset 0 0 0 7px #111c28,8px 8px #101923,12px 14px 22px #000a}.stage .screw{background:linear-gradient(130deg,#000 40%,#8a8c86 48%,#060c12 60%);border:1px solid #b2a896;border-radius:50%;width:9px;height:9px;position:absolute}.stage .screw.a{top:8px;left:8px}.stage .screw.b{top:8px;right:8px}.stage .screw.c{bottom:8px;left:8px}.stage .screw.d{bottom:8px;right:8px}.stage-screen{border:2px solid color-mix(in srgb, var(--accent) 70%, #087db7);color:#e4faff;background:#030c17;border-radius:10px;min-height:300px;padding:16px;box-shadow:0 0 0 4px #122031,inset 0 0 24px #000}.w-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.seg{background:#0b1a2c;border:1px solid #1d3550;border-radius:9px;gap:2px;padding:3px;display:inline-flex}.seg button{color:#a9b8cd;background:0 0;border:0;border-radius:6px;min-width:44px;min-height:34px;padding:0 10px;font-size:13px;font-weight:700}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.tool-btn{color:#d7e6f7;background:#0f2238;border:1px solid #2a4664;border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.tool-btn:hover{border-color:var(--accent)}.tool-btn svg.icon{width:16px;height:16px}.tool-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.readouts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px;margin-bottom:12px;display:grid}.readout{border:1px solid color-mix(in srgb, var(--accent) 70%, #1b2f45);text-align:center;background:radial-gradient(ellipse at top, color-mix(in srgb, var(--accent) 16%, #041224), #03101c);border-radius:8px;padding:8px 10px}.readout span{letter-spacing:.6px;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 45%, white);font-size:10px;font-weight:700;display:block}.readout strong{font-variant-numeric:tabular-nums;text-shadow:0 0 12px color-mix(in srgb, var(--accent) 55%, transparent);font-size:28px;line-height:1.15;display:block}.readout strong small{font-size:13px}.w-hint{text-align:center;color:#9fb2c9;margin:10px 0 0;font-size:13px}.w-error{color:#ff9a9a;background:#3a0f16;border:1px solid #7a2231;border-radius:8px;margin:10px 0 0;padding:10px 12px;font-size:13px}.result:not([hidden]){margin-top:14px}.res-card{text-align:center;background:radial-gradient(ellipse at top, color-mix(in srgb, var(--accent) 22%, #06172a), #041020);border:1px solid color-mix(in srgb, var(--accent) 60%, #1b2f45);border-radius:12px;padding:18px 14px;animation:.25s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.res-label{letter-spacing:1px;text-transform:uppercase;color:#a9b8cd;margin:0;font-size:12px;font-weight:700}.res-value{margin:2px 0 6px}.res-value strong{letter-spacing:-2px;text-shadow:0 0 22px color-mix(in srgb, var(--accent) 60%, transparent);font-size:62px;line-height:1}.res-value span{color:#cfe0f3;font-size:20px}.res-band{background:#1b2f45;border-radius:20px;margin:0 0 12px;padding:4px 14px;font-size:14px;font-weight:700;display:inline-block}.res-band.b0{color:#3b2a00;background:#ffc45b}.res-band.b1{color:#00301c;background:#00c779}.res-band.b2{color:#fff;background:#009dff}.res-band.b3{color:#fff;background:#627d9e}.res-band.b4{color:#fff;background:#3b4b61}.res-scale{grid-template-columns:repeat(5,1fr);gap:3px;max-width:520px;margin:0 auto 12px;display:grid}.res-scale span{color:#7f93ab;white-space:nowrap;text-overflow:ellipsis;background:#0e2033;border-radius:4px;padding:5px 2px;font-size:10px;overflow:hidden}.res-scale span.on{background:var(--accent);color:#fff;font-weight:700}.res-best{color:#a9b8cd;margin-bottom:12px;font-size:13px;display:block}.res-best.is-new{color:#ffc45b;font-weight:700}.res-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 14px;display:flex}.res-stats div{background:#0b1a2c;border:1px solid #1d3550;border-radius:8px;min-width:96px;padding:7px 12px}.res-stats dt{text-transform:uppercase;letter-spacing:.5px;color:#8ea3bc;font-size:10px}.res-stats dd{margin:2px 0 0;font-size:16px;font-weight:700}.res-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.res-actions .btn{height:42px;padding:0 22px}.typing-box{cursor:text;background:#061425;border:1px solid #1d3550;border-radius:10px;padding:14px 16px;position:relative}.typing-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.words-view{height:6.3em;font:24px/2.1em ui-monospace,Cascadia Mono,Consolas,Courier New,monospace;overflow:hidden}.words{color:#5d7391;flex-wrap:wrap;column-gap:.6em;transition:transform .15s;display:flex;position:relative}.word{white-space:nowrap;position:relative}.word .ok{color:#e8f4ff}.word .bad{color:#ff5d6c}.word .extra{color:#b8303f}.word.wrong{text-underline-offset:6px;text-decoration:underline 1px wavy #ff5d6c}.word .cur{box-shadow:-2px 0 #ffc45b}.word.cur-end:after{content:"";background:#ffc45b;width:2px;height:60%;position:absolute;top:20%;right:-2px}.typing-input{opacity:0;cursor:text;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.typing-box.done{opacity:.5}.react-pad{color:#fff;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(#2d6bd6,#13307a);border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:320px;transition:background-color 50ms;display:flex}.react-pad svg.icon{width:56px;height:56px}.react-pad strong{letter-spacing:-1px;font-size:40px}.react-pad span{color:#dbe8ff;font-size:16px}.react-pad[data-state=wait]{background:#c9283e}.react-pad[data-state=go]{background:#19b562}.react-pad[data-state=early]{background:radial-gradient(#4b3b9b,#241a57)}.react-pad[data-state=wait] svg.icon,.react-pad[data-state=go] svg.icon{display:none}.attempts{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.attempts span{text-align:center;font-variant-numeric:tabular-nums;color:#7f93ab;background:#0b1a2c;border:1px solid #1d3550;border-radius:8px;padding:8px 4px;font-weight:700}.attempts span.filled{color:#fff;border-color:var(--accent)}.arena{touch-action:manipulation;cursor:crosshair;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#0f2742,#06121f);border:1px solid #1d3550;border-radius:12px;height:400px;position:relative;overflow:hidden}.target{background:radial-gradient(circle, #fff 0 16%, var(--accent) 17% 38%, #fff 39% 52%, var(--accent) 53%);width:58px;height:58px;box-shadow:0 0 18px color-mix(in srgb, var(--accent) 80%, transparent);cursor:crosshair;border:0;border-radius:50%;margin:-29px 0 0 -29px;padding:0;animation:.12s ease-out appear;position:absolute}@keyframes appear{0%{transform:scale(.4)}}.arena-msg{text-align:center;color:#cfe0f3;pointer-events:none;white-space:nowrap;font-size:14px;position:absolute;top:calc(50% + 50px);left:50%;transform:translate(-50%)}.click-area{border:2px dashed color-mix(in srgb, var(--accent) 60%, #1d3550);background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 20%, #061425), #040f1c);color:#fff;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;min-height:300px;font-size:22px;font-weight:700;position:relative;overflow:hidden}.click-area small{color:#a9b8cd;margin-top:6px;font-size:14px;font-weight:400;display:block}.click-area.running{border-style:solid}.click-area.locked{opacity:.6;cursor:not-allowed}.click-area .ripple{background:var(--accent);pointer-events:none;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.4s ease-out forwards ripple;position:absolute}@keyframes ripple{to{opacity:0;transform:scale(5)}}.space-key{color:#cfe0f3;letter-spacing:2px;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(#1c3350,#10223a);border:1px solid #2d4a6a;border-radius:12px;width:min(100%,560px);height:110px;margin:24px auto;font-size:18px;font-weight:700;transition:transform 50ms,box-shadow 50ms;display:block;box-shadow:0 8px #06101d,inset 0 1px #ffffff30}.space-key.down{background:linear-gradient(color-mix(in srgb, var(--accent) 70%, #1c3350), #10223a);transform:translateY(6px);box-shadow:0 2px #06101d}.mouse-lab{grid-template-columns:280px 1fr;align-items:start;gap:16px;display:grid}.mouse-zone{-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#0f2742,#06121f);border:1px solid #1d3550;border-radius:12px;place-items:center;min-height:330px;padding:20px;display:grid;position:relative}.mouse-body{background:linear-gradient(160deg,#2c4665,#10223a);border:2px solid #3b5b80;border-radius:75px 75px 70px 70px;width:150px;height:250px;position:relative;overflow:hidden}.mouse-body .mb{background:#1a3150;border-bottom:2px solid #3b5b80;height:110px;transition:background 50ms;position:absolute;top:0}.mouse-body .mb.left{border-right:1px solid #3b5b80;border-radius:75px 0 0;width:50%;left:0}.mouse-body .mb.right{border-left:1px solid #3b5b80;border-radius:0 75px 0 0;width:50%;right:0}.mouse-body .mb.middle{z-index:1;background:#0b182a;border:2px solid #4d6f96;border-radius:9px;width:18px;height:46px;margin-left:-9px;top:30px;left:50%}.mouse-side{background:#1a3150;border:2px solid #3b5b80;border-radius:6px 0 0 6px;width:14px;height:34px;position:absolute;left:calc(50% - 94px)}.mouse-side.back{top:calc(50% + 4px)}.mouse-side.forward{top:calc(50% - 38px)}.mouse-body .mb.on,.mouse-side.on{background:var(--accent)}.mouse-body .mb.middle.up{box-shadow:0 -8px 12px -4px var(--accent)}.mouse-body .mb.middle.dn{box-shadow:0 8px 12px -4px var(--accent)}.mouse-zone p{color:#9fb2c9;text-align:center;margin:14px 0 0;font-size:12px}.count-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.count-grid .readout strong{font-size:24px}.chatter{background:#061425;border:1px solid #1d3550;border-radius:10px;margin-top:12px;padding:12px}.chatter-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.chatter-head b{font-size:15px}.chatter-status{color:#58f0a8;background:#0e3a26;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:700}.chatter-status.bad{color:#ff8a96;background:#4a1119}.chatter select{color:#e4faff;background:#0b1a2c;border:1px solid #1d3550;border-radius:6px;padding:5px 8px}.event-log{color:#a9b8cd;max-height:132px;margin:10px 0 0;padding:0;font:12px/1.7 ui-monospace,Consolas,monospace;list-style:none;overflow:auto}.event-log li.flag{color:#ff8a96}.kb-info{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;margin-bottom:12px;display:grid}.kb-info .readout strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.kb-scroll{padding-bottom:6px;overflow-x:auto}.kb{--u:40px;gap:14px;min-width:980px;font-size:11px;display:flex}.kb-block{flex-direction:column;gap:4px;display:flex}.kb-row{gap:4px;display:flex}.kb-row.gap{margin-bottom:8px}.key{height:38px;width:calc(var(--u) * var(--w,1) + 4px * (var(--w,1) - 1));color:#c8d8ea;text-align:center;background:linear-gradient(#18304c,#0f2238);border:1px solid #2a4664;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;line-height:1.1;display:flex;box-shadow:0 3px #06101d}.key.spacer{visibility:hidden}.key.tested{background:linear-gradient(color-mix(in srgb, var(--accent) 38%, #18304c), color-mix(in srgb, var(--accent) 25%, #0f2238));border-color:color-mix(in srgb, var(--accent) 70%, #2a4664);color:#fff}.key.down{background:var(--accent);color:#fff;transform:translateY(2px);box-shadow:0 1px #06101d}.numpad{grid-template-columns:repeat(4, var(--u));grid-auto-rows:38px;gap:4px;margin-top:50px;display:grid}.numpad .key{width:auto;height:auto}.numpad .tall{grid-row:span 2}.numpad .wide{grid-column:span 2}.kb-legend{color:#9fb2c9;margin:10px 0 0;font-size:12px}.game-top{color:#cfe0f3;justify-content:center;gap:22px;margin-bottom:12px;font-size:16px;display:flex}.game-top b{color:#fff;font-size:20px}.lives{letter-spacing:3px;color:#ef438a}.vm-grid{aspect-ratio:1;gap:8px;width:min(100%,420px);margin:0 auto;display:grid}.vm-grid button{background:#16395f;border:0;border-radius:8px;padding:0;transition:background .15s,transform .1s}.vm-grid button:active{transform:scale(.96)}.vm-grid button.lit,.vm-grid button.hit{background:#fff}.vm-grid button.miss{background:#1b0b16;box-shadow:inset 0 0 0 2px #ef438a}.vm-grid.show button{cursor:default}.vm-grid.fail{animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.game-intro{text-align:center;padding:34px 12px}.game-intro svg.icon{width:64px;height:64px;color:var(--accent)}.game-intro h2{margin:8px 0 6px;font-size:26px}.game-intro p{color:#a9b8cd;max-width:460px;margin:0 auto 18px;font-size:14px}.nm-number{text-align:center;letter-spacing:4px;word-break:break-all;margin:30px 0 16px;font:700 clamp(34px,9vw,64px)/1.2 ui-monospace,Consolas,monospace}.nm-bar{background:#0e2033;border-radius:3px;max-width:420px;height:6px;margin:0 auto 30px;overflow:hidden}.nm-bar i{background:var(--accent);transform-origin:0;height:100%;display:block}.nm-form{flex-wrap:wrap;justify-content:center;gap:10px;padding:30px 0;display:flex}.nm-form input{color:#fff;text-align:center;letter-spacing:3px;background:#061425;border:1px solid #2a4664;border-radius:10px;width:min(100%,360px);height:50px;font:700 26px ui-monospace,Consolas,monospace}.nm-compare{text-align:center;color:#a9b8cd;padding:20px 0;font-size:15px}.nm-compare p{margin:4px 0}.nm-compare code{color:#fff;letter-spacing:2px;word-break:break-all;font:700 22px ui-monospace,Consolas,monospace}.nm-compare code .x{color:#ff5d6c;text-decoration:underline}.chimp-board{grid-template-columns:repeat(8,1fr);gap:6px;max-width:640px;margin:0 auto;display:grid}.chimp-board button,.chimp-board span{aspect-ratio:1;border:0;border-radius:8px}.chimp-board button{color:#fff;background:#0f2742;border:2px solid #4d6f96;font-size:clamp(14px,3.4vw,26px);font-weight:700}.chimp-board.hidden button{color:#0000;background:#e4ecf7;border-color:#e4ecf7}.swatches{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:12px 0;display:grid}.swatches button{border:2px solid #2a4664;border-radius:8px;justify-content:center;align-items:end;height:58px;padding-bottom:5px;font-size:11px;font-weight:700;display:flex}.swatches button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}.screen-preview{border:1px solid #1d3550;border-radius:10px;place-items:center;height:200px;font-size:13px;transition:background .15s;display:grid}.fs-overlay{z-index:1000;cursor:pointer;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.fs-overlay[hidden]{display:none}.fs-hint{color:#fff;background:#000c;border-radius:8px;margin-bottom:30px;padding:10px 16px;font-size:14px;transition:opacity .5s}.fs-hint.fade{opacity:0}.hz-big{text-align:center;margin:8px 0 14px}.hz-big strong{letter-spacing:-3px;text-shadow:0 0 24px color-mix(in srgb, var(--accent) 60%, transparent);font-variant-numeric:tabular-nums;font-size:84px;line-height:1}.hz-big span{color:#cfe0f3;font-size:26px}.hz-big p{color:#9fb2c9;margin:4px 0 0}.motion-track{background:repeating-linear-gradient(90deg,#0b1a2c 0 38px,#0e2033 38px 76px);border-radius:8px;height:54px;margin-bottom:10px;position:relative;overflow:hidden}.motion-track i{background:var(--accent);width:36px;height:36px;box-shadow:0 0 14px var(--accent);will-change:transform;border-radius:8px;position:absolute;top:9px;left:0}.frame-graph{background:#061425;border-radius:8px;width:100%;height:80px;display:block}.sound-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sound-btn{background:radial-gradient(ellipse at top, color-mix(in srgb, var(--accent) 22%, #0b1a2c), #061425);color:#fff;border:1px solid #2a4664;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:120px;font-size:16px;font-weight:700;display:flex}.sound-btn small{color:#a9b8cd;font-size:12px;font-weight:400}.sound-btn svg.icon{width:38px;height:38px;color:var(--accent)}.sound-btn.left svg.icon{transform:scaleX(-1)}.sound-btn.playing{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent)}.sound-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.sound-row .sound-btn{min-height:74px}.volume{color:#cfe0f3;align-items:center;gap:12px;margin-top:14px;font-size:13px;display:flex}.volume input{accent-color:var(--accent);flex:1}.device-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.device-row select{color:#e4faff;background:#0b1a2c;border:1px solid #2a4664;border-radius:8px;flex:1;min-width:180px;min-height:36px;padding:0 8px}.meter{background:#0b1a2c;border:1px solid #1d3550;border-radius:8px;height:26px;position:relative;overflow:hidden}.meter i{transform-origin:0;background:linear-gradient(90deg,#00c779,#ffc45b 70%,#ff5d6c);position:absolute;inset:0;transform:scaleX(0)}.meter b{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:0}.wave{background:#061425;border-radius:8px;width:100%;height:140px;margin-top:10px;display:block}.mic-status{text-align:center;color:#9fb2c9;margin:10px 0 0;font-weight:700}.mic-status.ok{color:#58f0a8}.cam-view{aspect-ratio:16/9;background:#000;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.cam-view video{object-fit:contain;width:100%;height:100%}.cam-view video.mirror{transform:scaleX(-1)}.cam-view p{color:#9fb2c9;text-align:center;margin:0;padding:12px;position:absolute}.switch{color:#cfe0f3;align-items:center;gap:6px;font-size:13px;display:inline-flex}.switch input{accent-color:var(--accent);width:18px;height:18px}.next-steps{flex-wrap:wrap;align-items:center;gap:8px;padding-top:18px;padding-bottom:4px;display:flex}.next-steps>span{color:var(--muted);font-size:13px;font-weight:700}.tool-content{grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding-top:22px;padding-bottom:40px;display:grid}.tool-content .prose{max-width:820px}.band-table td:first-child{font-weight:700}.band-dot{background:#3b4b61;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.b0 .band-dot{background:#ffc45b}.b1 .band-dot{background:#00c779}.b2 .band-dot{background:#009dff}.b3 .band-dot{background:#627d9e}.prose .note{color:var(--muted);font-size:13px}.tool-aside{flex-direction:column;gap:10px;display:flex}.privacy-note{align-items:start;gap:10px;display:flex}.privacy-note svg.icon{color:#00c779;width:26px;height:26px}.privacy-note p{color:var(--muted);margin:0;font-size:13px}.best-panel h2{margin:0;font-size:14px}.best-value{margin:4px 0;font-size:26px;font-weight:700}.aside-title{margin:10px 0 0;font-size:15px}.aside-list{gap:8px;display:grid}.aside-links{margin:0;padding-left:18px;font-size:14px;line-height:1.9}.aside-links a{color:var(--link)}.view-all{font-size:13px}@media (width<=1000px){.tool-content,.mouse-lab{grid-template-columns:1fr}}@media (width<=760px){.tool-band{padding-bottom:22px}.tool-head{flex-wrap:wrap;gap:10px}.tool-head .icon-tile{width:44px;height:44px}.tool-head .icon-tile svg.icon{width:30px;height:30px}.fav-btn .label{display:none}.stage{border-radius:12px;padding:8px;box-shadow:inset 0 0 0 4px #334050,4px 5px #111923}.stage .screw{display:none}.stage-screen{min-height:0;padding:10px}.readouts{grid-template-columns:repeat(3,1fr);gap:6px}.readout{padding:6px 4px}.readout strong{font-size:22px}.words-view{font-size:19px}.react-pad{min-height:260px}.react-pad strong{font-size:30px}.arena{height:340px}.target{width:50px;height:50px;margin:-25px 0 0 -25px}.click-area{min-height:240px}.res-value strong{font-size:50px}.res-scale span{font-size:8px}.sound-grid,.sound-row{gap:6px}.sound-btn{min-height:96px;font-size:14px}.hz-big strong{font-size:64px}.game-top{gap:14px;font-size:14px}.chimp-board{gap:4px}}