.stp{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surf);overflow:hidden}.stp-top{border-bottom:1px solid var(--line2);align-items:center;gap:16px;padding:18px 24px;display:flex}.stp-top p{font:500 14px/1.3 var(--f-body);color:var(--fg3)}.stp-prog{background:var(--line);border-radius:2px;flex:1;height:4px;overflow:hidden}.stp-prog i{background:var(--coral);transform-origin:0;height:100%;transition:transform var(--t-panel) var(--ease);display:block}.stp-body{padding:clamp(24px,3vw,40px)}.stp-q{font:600 clamp(21px,2vw,28px)/1.25 var(--f-display);letter-spacing:-.015em;color:var(--fg);max-width:28em}.stp-help{color:var(--fg3);margin-top:8px;font-size:15px}.stp-opts{border:0;gap:10px;max-width:680px;margin-top:22px;padding:0;display:grid}.stp-acts{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.stp-acts .sp{flex:1}.stp-start{justify-items:start;gap:18px;display:grid}.opt{border:1px solid var(--line);background:var(--bg);cursor:pointer;min-height:56px;transition:border-color var(--t-fast),background-color var(--t-fast);border-radius:14px;align-items:center;gap:14px;padding:12px 18px;display:flex;position:relative}.opt:hover{border-color:var(--ghost-line)}.opt input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.opt .mk{border:1.5px solid var(--ghost-line);width:22px;height:22px;transition:border-color var(--t-fast),background-color var(--t-fast);border-radius:50%;flex:none;place-items:center;display:grid}.opt.cb .mk{border-radius:6px}.opt .mk:after{content:"";background:var(--fg);width:10px;height:10px;transition:transform var(--t-fast) var(--ease);border-radius:50%;transform:scale(0)}.opt.cb .mk:after{border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);background:0 0;border-radius:0;width:11px;height:6px;margin-top:-2px;transform:rotate(-45deg)scale(0)}.opt input:checked~.mk{border-color:var(--fg)}.opt input:checked~.mk:after{transform:scale(1)}.opt.cb input:checked~.mk{background:var(--fg)}.opt.cb input:checked~.mk:after{transform:rotate(-45deg)scale(1)}.opt:has(input:checked){border-color:var(--fg);background:var(--surf2)}.opt:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.opt .lb{color:var(--fg);font-size:16px;line-height:1.4}.fld{gap:8px;display:grid}.fld label{font:500 15px/1.3 var(--f-body);color:var(--fg)}.fld .req{color:var(--fg3);font-size:13px;font-weight:400}.inp,.sel{border:1px solid var(--line);border-radius:var(--r-field);background:var(--field);width:100%;min-height:52px;color:var(--fg);font:400 16px/1.4 var(--f-body);transition:border-color var(--t-fast),box-shadow var(--t-fast);-webkit-appearance:none;appearance:none;padding:12px 16px}.inp::placeholder{color:var(--fg3);opacity:.8}.inp:hover,.sel:hover{border-color:var(--ghost-line)}.inp:focus,.sel:focus{border-color:var(--fg);box-shadow:0 0 0 3px var(--line);outline:0}.inp[aria-invalid=true]{border-color:var(--coral)}.sel{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5l4.5 4.5 4.5-4.5' fill='none' stroke='%2390a3b0' stroke-width='1.6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:44px}.t-ice .sel,.t-mist .sel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5l4.5 4.5 4.5-4.5' fill='none' stroke='%234a6070' stroke-width='1.6'/%3E%3C/svg%3E")}.sel option{background:var(--bg);color:var(--fg)}.err{color:var(--coral);font-size:14px}.t-deep .err,.t-navy .err{color:var(--coral-light)}.form{gap:18px;max-width:640px;display:grid}@media (width>=760px){.form .two{grid-template-columns:1fr 1fr;gap:18px;display:grid}}.seg{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.seg legend{width:100%;font:500 15px/1.3 var(--f-body);color:var(--fg);margin-bottom:10px}.seg label{position:relative}.seg input{opacity:0;width:1px;height:1px;position:absolute}.seg span{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg);min-height:44px;color:var(--fg);font:600 14px/1.2 var(--f-display);cursor:pointer;align-items:center;padding:0 16px;display:inline-flex}.seg input:checked+span{border-color:var(--fg);background:var(--surf2)}.seg input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.res{gap:28px;display:grid}.res-top{align-items:center;gap:24px;display:grid}@media (width>=860px){.res-top{grid-template-columns:auto 1fr}}.gauge{width:180px;height:180px;position:relative}.gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge .tr{stroke:var(--line);fill:none}.gauge .vl{stroke:var(--coral);fill:none;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease)}.gauge .num{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.gauge .num b{font:700 46px/1 var(--f-display);letter-spacing:-.04em;color:var(--fg)}.gauge .num span{color:var(--fg3);margin-top:4px;font-size:12.5px}.res-lv{gap:10px;display:grid}.res-lv .lvn{font:500 14px/1.3 var(--f-body);color:var(--fg3)}.res-lv h3{font:700 clamp(28px,3vw,40px)/1.05 var(--f-display);letter-spacing:-.03em;color:var(--fg)}.res-lv p{color:var(--fg2);max-width:40em}.ladder{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:520px;margin-top:6px;display:grid}.ladder i{background:var(--line);border-radius:3px;height:6px}.ladder i.on{background:var(--coral)}.bars{gap:14px;list-style:none;display:grid}.bars li{gap:6px;display:grid}.bars .lb{color:var(--fg);justify-content:space-between;gap:12px;font-size:15px;display:flex}.bars .lb b{font-weight:600}.bars .lb span{color:var(--fg3);font-variant-numeric:tabular-nums}.bars .tr{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.bars .tr i{background:var(--fg2);transform-origin:0;height:100%;transition:transform 1s var(--ease);border-radius:4px;display:block}.bars li.pri .tr i{background:var(--coral)}.res-moves{counter-reset:m;gap:12px;list-style:none;display:grid}.res-moves li{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:14px;padding:16px 18px 16px 56px;position:relative}.res-moves li:before{counter-increment:m;content:counter(m);border:1px solid var(--ghost-line);width:28px;height:28px;font:600 13px/1 var(--f-display);color:var(--fg);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;left:16px}.res-acts{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.res-note{color:var(--fg3);font-size:14px}.rank{counter-reset:r;gap:12px;list-style:none;display:grid}.rank li{border:1px solid var(--line);background:var(--bg);border-radius:14px;gap:6px;padding:18px 20px;display:grid}.rank li.first{border-color:var(--coral)}.rank .top{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.rank b{font:600 17px/1.3 var(--f-display);color:var(--fg)}.rank p{color:var(--fg2);font-size:15px}.model{gap:12px;list-style:none;display:grid}@media (width>=900px){.model{grid-template-columns:repeat(5,minmax(0,1fr))}}.model li{border:1px solid var(--line);background:var(--surf);border-radius:14px;align-content:start;gap:8px;padding:18px;display:grid}.model .n{font:600 12.5px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--fg3)}.model b{font:600 18px/1.2 var(--f-display);color:var(--fg)}.model p{color:var(--fg2);font-size:14.5px}.dims{gap:12px;display:grid}@media (width>=760px){.dims{grid-template-columns:repeat(3,minmax(0,1fr))}}.dims>div{border-top:1px solid var(--line);padding:18px}.dims b{font:600 17px/1.25 var(--f-display);color:var(--fg);margin-bottom:6px;display:block}.dims p{color:var(--fg2);font-size:15px}.stp-opts legend{margin-bottom:4px;padding:0}.stp-opts.wide{max-width:none}.opt-grid{gap:10px;display:grid}@media (width>=760px){.opt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.opt-grp{gap:10px;margin-top:18px;display:grid}.opt-h{font:600 15px/1.3 var(--f-display);color:var(--fg)}.fld-l{font:500 15px/1.3 var(--f-body);color:var(--fg);margin-bottom:10px}.ghost.on{border-color:var(--fg)}button.ghost:disabled,button.lux:disabled{opacity:.42;cursor:default;pointer-events:none}.lnk{cursor:pointer;background:0 0;border:0;padding:0}.res h4{margin-bottom:14px}.res-lv h3:focus{outline:0}.rank .bars{display:block}.rank .tr{background:var(--line);border-radius:3px;height:6px;display:block;overflow:hidden}.rank .tr i{background:var(--fg2);transform-origin:0;height:100%;display:block}.rank li.first .tr i{background:var(--coral)}.stp [data-focus]:focus,.stp .stp-q:focus{outline:0}