.devicetest{container:devicetest / inline-size;min-width:0;font-variant-numeric:tabular-nums}.devicetest__cols,.devicetest__play,.devicetest__side,.devicetest__stage{display:grid;gap:var(--space-3);align-content:start;min-width:0}.devicetest__cols{gap:var(--space-3) var(--space-5)}.devicetest__swap{display:grid}.devicetest__swap>*{display:grid;grid-area:1 / 1;gap:var(--space-2);align-content:start;min-width:0;visibility:hidden}.devicetest[data-state="idle"] .devicetest__setup,.devicetest:not([data-state="idle"]):not([data-state="running"]) .devicetest__outcome{visibility:visible}.devicetest[data-state="running"] :is(.tool-more,.devicetest__pick),.devicetest[data-state="idle"] [data-act="rumble"],.devicetest__reading[data-none],.devicetest__cell[data-spare]:not([data-used]),.devicetest__cell:not([data-used]) .devicetest__v,.devicetest[data-state="idle"] [data-rate],.devicetest[data-state="idle"] [data-mark-value],.devicetest[data-state="idle"] :is(.devicetest__dir,.devicetest__notes,.devicetest__time){visibility:hidden}[data-mode=gamepad][data-state=idle] :is(.devicetest__padid,.devicetest__notes,[data-stage]>.devicetest__tools){display:none}.devicetest:not([data-has-runs]) .devicetest__runs,.devicetest:not([data-has-runs]) .devicetest__runs-head{display:none}.devicetest__play,.devicetest__side{line-height:1.45}.devicetest p{margin:0}.devicetest__gaps,.devicetest__chips,.devicetest__cells,.devicetest__marks,.devicetest__log{margin:0;padding:0;list-style:none}.devicetest__catch .devicetest__prompt,.devicetest__notes>[data-perkey],.devicetest__notes>[data-more],.devicetest__reports,.devicetest__dir,.devicetest__stick figcaption{min-height:2.9em}.devicetest__prompt,.devicetest__combo,.devicetest__padid>span,.devicetest__rests>span,.devicetest__rumble .hint{min-height:4.35em}.devicetest__progress{min-height:5.8em}.tool[data-tool="devicetest"]>noscript{display:none}.devicetest__go{min-width:10.5rem}.devicetest__pick .select{width:100%;font-weight:400}.devicetest__tools,.devicetest__ways{min-height:var(--tap)}.devicetest__tools .btn,.devicetest__done{border-color:var(--line-strong)}.devicetest__fold summary,.devicetest .tool-more>summary{min-height:var(--tap);padding-block:.75rem;color:var(--ink-muted);cursor:pointer}.devicetest .tool-more__body{display:grid;gap:var(--space-3);padding-bottom:var(--space-3)}.devicetest__answer{display:block;min-height:1.45em}.devicetest__extra .input{max-width:9rem}.devicetest__keep .check{min-height:var(--tap)}.devicetest__fold ul{margin:0;padding-left:1.2em}.devicetest__catch,.devicetest__surface,.devicetest__box{border:2px dashed var(--line-strong);background:var(--surface-2)}.devicetest[data-state="running"] :is(.devicetest__catch,.devicetest__box,.devicetest__surface){border-style:solid;border-color:var(--brand);background:var(--surface)}.devicetest__catch{display:grid;place-items:center;align-content:center;gap:var(--space-2);min-height:12.5rem;padding:var(--space-4);border-radius:var(--radius-lg);text-align:center;cursor:pointer}.devicetest__catch--pad{min-height:11rem;cursor:default}.devicetest__big{min-height:2.2em;font:var(--display-weight) var(--step-2) / 1.1 var(--font-display)}.devicetest__catch .devicetest__big{min-height:0;font-size:var(--step-3)}.devicetest__n,.devicetest__padid>b{font-weight:700}.devicetest__notes{display:grid;gap:2px}.devicetest__notes>span{min-height:1.45em}.devicetest__chart{display:block;width:100%;height:5rem;border-bottom:2px solid var(--line-strong);fill:var(--brand)}.devicetest .progress>span{width:100%;transform:scaleX(var(--p,0));transform-origin:0 50%;transition:transform .15s linear}.devicetest__triggers .progress>span{transition:none}.devicetest__gaps{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:var(--space-1)}.devicetest__gaps li{padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);font:var(--step--1) / 1.45 var(--font-mono);text-align:center;white-space:nowrap}.devicetest__chips{display:flex;flex-wrap:wrap;align-content:flex-start;gap:var(--space-2);height:8rem;padding:2px;overflow:auto}.devicetest__chips li,.devicetest__marks li,.devicetest__cell,.devicetest__key{border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-muted)}.devicetest__chips li{padding:.2em .6em;font:700 var(--step--1) / 1.45 var(--font-mono)}.devicetest [data-seen]{border-color:var(--ok);background:var(--ok-soft);box-shadow:inset 0 -3px 0 var(--ok);color:var(--ink)}.devicetest [data-on]{border-color:var(--brand);background:var(--brand);box-shadow:none;color:var(--brand-ink);transform:translateY(1px) scale(.97)}.devicetest__dir{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.devicetest__arrow{flex:none;opacity:var(--lit,.3);transform:rotate(var(--turn,0deg));transition:transform .2s var(--ease)}.devicetest__strip{display:grid;grid-template-columns:repeat(24,1fr);gap:2px 1px;height:3.25rem}.devicetest__strip span{background:var(--line)}.devicetest__strip [data-s="same"]{background:var(--brand)}.devicetest__strip [data-s="gap"]{background:var(--warn)}.devicetest__strip [data-s="opp"]{background:var(--bad);clip-path:polygon(50% 0,100% 100%,0 100%)}.devicetest__surface{position:relative;container-type:size;height:22rem;overflow:hidden;border-radius:var(--radius);cursor:crosshair;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.devicetest[data-state="running"] .devicetest__surface{touch-action:none}.devicetest__surface:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}.devicetest__canvas{position:absolute;inset:0;width:100%;height:100%}.devicetest__overlay{position:absolute;inset:auto var(--space-3) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 0 0 1px var(--line-strong);text-align:center;pointer-events:none}.devicetest[data-state="running"] .devicetest__overlay{opacity:0;transition:opacity .3s 2.5s}.devicetest[data-state="done"] .devicetest__overlay{visibility:hidden}.devicetest__done{position:absolute;top:var(--space-2);right:var(--space-2);overflow:hidden;background:var(--surface);pointer-events:none;transition:transform .2s var(--ease)}.devicetest__done[data-far]{transform:translate(calc(100% + 2 * var(--space-2) - 100cqw),calc(100cqh - 100% - 2 * var(--space-2)))}.devicetest__done::after{content:"";position:absolute;inset:0;background:currentColor;opacity:.25;transform:scaleX(0);transform-origin:0 50%}.devicetest__done[data-holding]::after{transform:scaleX(1);transition:transform 1s linear}.devicetest__padid{overflow-wrap:anywhere}.devicetest__padid>*{display:block}.devicetest__padid>b{height:2.9em;overflow:hidden}.devicetest__cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:var(--space-1)}.devicetest__cell{display:grid;justify-items:center;padding:var(--space-1) 0}.devicetest__v{font:var(--step--1) / 1.3 var(--font-mono)}.devicetest__sticks,.devicetest__views{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.devicetest__stick{min-width:0;margin:0}.devicetest__stick svg{display:block;width:100%;max-width:10rem;margin-inline:auto;aspect-ratio:1}.devicetest__unit{fill:var(--surface-2)}.devicetest__unit,.devicetest__cross{stroke:var(--line-strong)}.devicetest__ring{stroke:var(--warn)}.devicetest__trace{stroke:var(--ink-muted)}.devicetest__dot{fill:var(--brand);stroke:var(--surface)}.devicetest__triggers,.devicetest__triggers p,.devicetest__rumble{display:grid;gap:var(--space-2)}.devicetest__rumble{min-width:0;margin:0;padding:0;border:0}.devicetest__rumble input[type="range"]{width:100%;min-height:var(--tap);margin:0;accent-color:var(--brand)}.devicetest__readout{min-height:1.45em;font:var(--step--1) / 1.45 var(--font-mono)}.devicetest__readout b{display:inline-block;min-width:7ch;margin-right:var(--space-3);text-align:left}.devicetest__board{--k:1.9rem;display:grid;grid-template-columns:repeat(28,minmax(0,1fr));gap:var(--space-3) var(--space-2);align-items:end}.devicetest__block{--c:60;display:grid;gap:2px;grid-column:span 28;min-width:0}.devicetest__block[data-block="nav"]{--c:12}.devicetest__block[data-block="pad"]{--c:16}.devicetest__block:not([data-block="main"]){grid-column:span var(--c)}.devicetest__row{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr))}.devicetest__key,.devicetest__gap{height:var(--k);margin:0 1px}.devicetest__key{display:grid;place-items:center;overflow:hidden;border-width:1px;font:700 .6875rem / 1 var(--font-body);white-space:nowrap}.devicetest__key:empty{height:calc(var(--k) + 3px);margin-top:-3px;border-top-color:transparent;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.devicetest__row>[data-w="2"]{grid-column:span 2}.devicetest__row>[data-w="4"]{grid-column:span 4}.devicetest__row>[data-w="5"]{grid-column:span 5}.devicetest__row>[data-w="6"]{grid-column:span 6}.devicetest__row>[data-w="7"]{grid-column:span 7}.devicetest__row>[data-w="8"]{grid-column:span 8}.devicetest__row>[data-w="9"]{grid-column:span 9}.devicetest__row>[data-w="11"]{grid-column:span 11}.devicetest__row>[data-w="12"]{grid-column:span 12}.devicetest__row>[data-w="16"]{grid-column:span 16}.devicetest__row>[data-w="25"]{grid-column:span 25}.devicetest__never,.devicetest__log{padding:var(--space-2) var(--space-3);overflow:auto;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.devicetest__never{height:7rem}.devicetest__pass{font-size:var(--step-0)}.devicetest__box{min-height:4.5rem;resize:none}.devicetest__log{height:9.5rem;font-family:var(--font-mono)}.devicetest__log li + li{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--line)}.devicetest__log [data-empty]{color:var(--ink-muted);font-family:var(--font-body)}.devicetest__ask{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3)}.devicetest__drawing{width:3rem;height:3rem;stroke-width:1.25}.devicetest__marks{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:var(--space-2)}.devicetest__marks li{display:grid;min-height:3.75em;padding:var(--space-1) var(--space-2)}.devicetest__marks [data-off]{display:none}.devicetest__panel,.devicetest__figures{display:grid;gap:var(--space-2);margin:0}.devicetest__rate{display:grid;grid-template-columns:5.5rem 1fr 4rem;align-items:center;gap:var(--space-2)}.devicetest__rate b{text-align:right}.devicetest__zero{position:relative;height:.75rem;overflow:hidden;background:var(--line)}.devicetest__zero>span{position:absolute;inset:0 0 0 50%;background:var(--brand);transform:scaleX(var(--v,0));transform-origin:0 50%}.devicetest__views{justify-items:center}.devicetest__scene,.devicetest__level{position:relative;display:grid;place-items:center;width:min(100%,9rem);aspect-ratio:1;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);perspective:24rem}.devicetest__slab{position:relative;width:38%;height:68%;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);transform:rotateZ(calc(var(--a,0) * -1deg)) rotateX(calc(var(--b,0) * -1deg)) rotateY(calc(var(--g,0) * 1deg))}.devicetest__slab[data-off]{opacity:.25}.devicetest__slab i,.devicetest__level>span{position:absolute;inset:0 0 auto;height:14%;background:var(--brand)}.devicetest__level,.devicetest__level>span{border-radius:50%}.devicetest__level>span{inset:40%;height:auto;transform:translate(calc(var(--x,0) * 200%),calc(var(--y,0) * 200%))}.devicetest__result{place-items:stretch;align-content:start;min-height:0;padding:0;border:0;background:none;box-shadow:none;text-align:left}.devicetest__result .result-card__label{min-height:2.6em;line-height:1.3}.devicetest__result .result-card__text{min-height:6.5em;font-size:var(--step-1);line-height:1.3;text-wrap:pretty}.devicetest[data-state="blocked"] .devicetest__result{padding-left:var(--space-3);border-left:4px solid var(--warn)}.devicetest__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);margin:0;padding-top:var(--space-3);border-top:1px solid var(--line)}.devicetest__stats div{min-width:0}.devicetest__stats dd,.devicetest__figures dd{margin:0;font-weight:700;overflow-wrap:anywhere}.devicetest__stats dd{line-height:1.3}.devicetest__sub{font-family:var(--font-body);line-height:1.3}.devicetest__reading-also:has([hidden]),.devicetest__reading [data-reading-name]:empty{display:none}.devicetest__reading-also .btn{justify-content:flex-start;padding-inline:0;color:var(--link);text-align:left;white-space:normal}.devicetest__runs{margin:0;padding-left:1.5em}.devicetest__runs [data-empty]{margin-left:-1.5em;color:var(--ink-muted);list-style:none}.devicetest__runs [aria-hidden="true"]{display:none}@container devicetest (max-width:33.99rem){.devicetest__go{flex:1 0 100%}.devicetest__key[data-long]{font-size:0}}@container devicetest (min-width:34rem){.devicetest__strip{grid-template-columns:repeat(48,1fr);height:1.75rem}.devicetest__board{--k:2.3rem}}@container devicetest (min-width:48rem){.devicetest--split>.devicetest__cols{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.devicetest__board{grid-template-columns:repeat(88,minmax(0,1fr))}.devicetest__block[data-block="main"]{grid-column:span 60}}@media (prefers-reduced-motion:reduce){.devicetest *,.devicetest ::after{transition-duration:0s !important}.devicetest [data-on]{transform:none}}@media (forced-colors:active){.devicetest [data-seen]{border-style:double;border-width:3px}.devicetest [data-on]{outline:2px solid Highlight;outline-offset:-2px}.devicetest__strip [data-s],.devicetest__zero>span,.devicetest__level>span{background:CanvasText}.devicetest__strip [data-s="opp"]{background:Highlight}.devicetest__chart{fill:CanvasText}}@media (scripting:none){.devicetest__swap,.devicetest__swap>*{display:block;visibility:visible}.devicetest__reading,.devicetest__ways,.devicetest .tool-more{display:none}}@media print{.devicetest__cols{display:flex;flex-direction:column-reverse}.devicetest__bar,.devicetest__pick,.devicetest__ways,.devicetest__keep,.devicetest__extra,.devicetest [data-status],.devicetest [data-act],.devicetest .tool-more>summary,.devicetest__setup>[data-how],.devicetest__stage>:not([data-paper]){display:none}.devicetest__swap,.devicetest__swap>*{display:block;visibility:visible}.devicetest details::details-content{content-visibility:visible}.devicetest [data-paper]{print-color-adjust:exact}.devicetest__surface{height:14rem}.devicetest__result .result-card__label,.devicetest__result .result-card__text{min-height:0}}
