.dh{min-height:calc(100dvh - 72px);padding:0 0 100px;background:radial-gradient(52% 34% at 14% 0%,color-mix(in srgb,var(--champ) 12%,transparent),transparent 72%),radial-gradient(46% 30% at 88% 6%,color-mix(in srgb,var(--royal) 12%,transparent),transparent 72%)}.dh-in{width:min(1180px,calc(100% - 32px));margin:0 auto;padding-top:36px}.dh-col{width:min(650px,100%);margin:0 auto}.dh-k{display:flex;align-items:center;gap:9px;color:var(--champ-text);font:850 var(--type-label)/1 var(--mono);letter-spacing:var(--type-track-label);text-transform:uppercase}.dh-k i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 15%,transparent)}.dh h1{margin-top:12px;font:400 clamp(32px,6vw,52px)/1.02 var(--display);letter-spacing:-.025em;text-wrap:balance}.dh-seg{display:flex;gap:8px;margin:22px 0 14px;padding:5px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--chalk) 2%,var(--booth))}.dh-seg-opt{--mc: var(--royal);flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 10px;border:1px solid transparent;border-radius:10px;background:none;color:var(--dim);font:800 15px/1 var(--sans);cursor:pointer;transition:color .13s ease,background .13s ease,border-color .13s ease}.dh-seg-opt.on{border-color:color-mix(in srgb,var(--mc) 55%,var(--line));background:color-mix(in srgb,var(--mc) 14%,transparent);color:color-mix(in srgb,var(--mc) 72%,var(--chalk))}@media(hover:hover){.dh-seg-opt:not(.on):hover{color:var(--chalk);background:color-mix(in srgb,var(--chalk) 5%,transparent)}}.dh-seg-opt:focus-visible{outline:2px solid var(--mc);outline-offset:2px}.dh-seg-opt:active{transform:scale(.98)}.dh-seg-tick{flex:none;display:block;color:var(--turf-text);transform:translateY(-.5px)}.dvp{max-width:100%}.dvp .k{align-items:center}.dvp .k>span:not(.dvp-done){display:inline-flex;align-items:center;transform:translateY(.5px)}.dvp .dvp-done{display:inline-flex;align-items:center;gap:4px;margin-left:2px;padding:3px 8px 3px 6px;border-radius:99px;background:color-mix(in srgb,#34C173 24%,rgba(7,13,25,.5));border:1px solid color-mix(in srgb,#34C173 52%,transparent);color:#a9f0c6;font:850 var(--type-label)/1 var(--mono);letter-spacing:.06em}.dvp .dvp-done-tick{flex:none;display:block;transform:translateY(.5px)}.dvp .dvp-tag{position:relative;display:block;margin-top:6px;color:#f3f7ffdb;font:600 14px/1.42 var(--sans)}.dh-result{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--chalk) 2%,var(--booth))}.dh-result-verdict{display:flex;align-items:center;gap:14px;min-width:0}.dh-result-letter{flex:none;font:400 clamp(34px,7vw,46px)/1 var(--display);letter-spacing:.01em;color:var(--chalk)}.dh-result-lines{display:flex;flex-direction:column;gap:4px;min-width:0}.dh-result-rec{font:800 20px/1 var(--mono);color:var(--chalk);font-variant-numeric:tabular-nums}.dh-result-grade-word{font:800 var(--type-micro)/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.dh-result-rec .l-part{color:var(--loss-text)}.dh-result[data-tone=good] .dh-result-grade-word,.dh-result[data-tone=perfect] .dh-result-grade-word{color:var(--champ-text)}.dh-result[data-tone=mediocre] .dh-result-grade-word{color:var(--mediocre)}.dh-result[data-tone=bust] .dh-result-grade-word{color:var(--loss-text)}.dh-result-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.dh-result-actions .btn{min-height:40px}.dh-roster{width:min(1080px,100%);margin:18px auto 0}.dh-roster .res-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-roster-load{width:min(650px,100%);margin:16px auto 0;padding:18px;border:1px solid var(--line);border-radius:14px;color:var(--dim);font:600 13px/1.4 var(--sans);text-align:center}@media(min-width:900px){.dh-roster .res-roster{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:899px){.dh-in{padding-top:22px}}@media(max-width:680px){.dh{padding-bottom:88px}.dh-in{width:calc(100% - 24px)}.dh h1{font-size:30px}.dh-seg{gap:5px;padding:4px;margin:18px 0 12px}.dh-seg-opt{padding:10px 6px;font-size:13.5px;gap:5px}.dh-result{padding:13px 14px;gap:10px 12px}.dh-result-actions{margin-left:0;width:100%}.dh-result-actions .btn{flex:1}.dh-roster{width:100%;margin-top:14px}.dh-roster .res-roster{grid-template-columns:minmax(0,1fr)}.dh-roster-load{width:100%;margin-top:14px}}@media(prefers-reduced-motion:reduce){.dh-seg-opt{transition:none}.dh-seg-opt:active{transform:none}}