.test-results .test-results__row[role=button]{cursor:pointer;position:relative;padding-right:19px;-webkit-tap-highlight-color:transparent}
.test-results .test-results__row[role=button]:after{content:"";position:absolute;right:2px;top:50%;width:6px;height:6px;border-right:1.5px solid #a4a5ac;border-top:1.5px solid #a4a5ac;transform:rotate(45deg)}
.test-results .test-results__row[role=button]:focus-visible{outline:2px solid #9cbaf5;outline-offset:2px;border-radius:6px}
.test-results .test-results__row[role=button]:active{background:#ffffff08}
#impuls-test-detail{box-sizing:border-box;padding:0;border:0;width:min(100%,600px);max-width:100%;height:100dvh;max-height:100dvh;margin:auto;color:#192f53;background:#fff;overflow:auto;overscroll-behavior:contain;font-family:Arial,sans-serif}
#impuls-test-detail::backdrop{background:#1c273b65}
#impuls-test-detail *{box-sizing:border-box}
#impuls-test-detail button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#impuls-test-detail button:focus:not(:focus-visible){outline:none}
#impuls-test-detail button:focus-visible{outline:2px solid #a9c6ff;outline-offset:2px}
#impuls-test-detail .itd-header{display:flex;align-items:center;gap:10px;padding:18px 12px 14px;position:sticky;top:0;z-index:3;background:#fffffff5;border-bottom:1px solid #e9ecf0;backdrop-filter:blur(10px)}
#impuls-test-detail .itd-header button{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:#192f53;padding:10px}
#impuls-test-detail .itd-header svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#impuls-test-detail h1{font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:0;font-weight:700;text-align:left;color:#192f53}
#impuls-test-detail .itd-body{display:grid;gap:14px;padding:16px 12px calc(24px + env(safe-area-inset-bottom,0px));text-align:left}
#impuls-test-detail .itd-card{background:#353535;color:#fff;border-radius:18px;padding:18px 16px;min-width:0;overflow:hidden}
#impuls-test-detail h2{font-size:19px;line-height:1.3;margin:0;color:#fff;font-weight:700}
#impuls-test-detail .itd-caption{font-size:12px;line-height:1.5;color:#b9bac1;margin:7px 0 0}
#impuls-test-detail .itd-section-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
#impuls-test-detail .itd-selected{text-align:right;min-width:75px}
#impuls-test-detail .itd-selected strong{font-size:23px;color:#fff;display:block;line-height:1.15}
#impuls-test-detail .itd-selected span{font-size:11px;color:#b9bac1;display:block;margin-top:5px}
#impuls-test-detail .itd-chart-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#63666c transparent;margin:4px -8px 0;overscroll-behavior-x:contain}
#impuls-test-detail .itd-chart{position:relative;height:180px;width:100%}
#impuls-test-detail .itd-chart svg{display:block;width:100%;height:180px;overflow:visible}
#impuls-test-detail .itd-grid{stroke:#ffffff17;stroke-width:1}
#impuls-test-detail .itd-line{stroke:#ff495b;stroke-width:2.5;stroke-linecap:round}
#impuls-test-detail .itd-placeholder{position:absolute;left:50%;top:85px;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;border:2px solid #8c909a;background:#353535}
#impuls-test-detail .itd-point{position:absolute;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:none;transform:translate(-50%,-50%);border-radius:50%;z-index:1}
#impuls-test-detail .itd-point span{width:10px;height:10px;border-radius:50%;background:#50c88a;border:2px solid #353535;box-sizing:content-box}
#impuls-test-detail .itd-point.is-selected span{box-shadow:0 0 0 4px #50c88a25}
#impuls-test-detail .itd-point.is-empty span{background:#353535;border-color:#8c909a}
#impuls-test-detail .itd-date{position:absolute;top:159px;transform:translateX(-50%);font-size:11px;color:#b9bac1;white-space:nowrap}
#impuls-test-detail .itd-empty-chart{position:absolute;top:110px;width:100%;text-align:center;font-size:13px;color:#b9bac1;margin:0}
#impuls-test-detail .itd-trend{margin:8px 0 0;font-size:13px;line-height:1.5;color:#d2d3d7}
#impuls-test-detail .itd-trend.is-better{color:#65d69c}
#impuls-test-detail .itd-trend.is-worse{color:#ffc5cb}
#impuls-test-detail .itd-trend span{display:block;color:#aeb1b9;font-size:11px}
#impuls-test-detail .itd-own{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid #ffffff17;border-radius:12px;padding:12px;margin:16px 0 3px;font-size:13px}
#impuls-test-detail .itd-own strong{font-size:25px}
#impuls-test-detail .itd-own small{font-size:13px;color:#b9bac1;font-weight:400}
#impuls-test-detail .itd-rank-list{margin:12px 0 0;padding:0;list-style:none}
#impuls-test-detail .itd-rank-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #ffffff15;min-height:60px}
#impuls-test-detail .itd-rank-row.is-self{background:#50c88a10;border-radius:8px;margin:0 -7px;padding-left:7px;padding-right:7px}
#impuls-test-detail .itd-place{flex:0 0 20px;color:#aeb1b9;font-size:15px;font-weight:600}
#impuls-test-detail .itd-person{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:44px;padding:0;background:none;border:0;text-align:left;color:inherit;border-radius:8px}
#impuls-test-detail button.itd-person:active{background:#ffffff0a}
#impuls-test-detail .itd-avatar{display:grid;place-items:center;position:relative;width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;background:#4b4e55;box-shadow:inset 0 0 0 1px #ffffff12}
#impuls-test-detail .itd-avatar svg{width:28px;height:28px;fill:#aeb4bf}
#impuls-test-detail .itd-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
#impuls-test-detail .itd-player{flex:1;min-width:0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#impuls-test-detail .itd-player small{display:inline-block;font-size:10px;color:#71dba4;margin-left:4px}
#impuls-test-detail .itd-result-date{display:block;font-size:10px;color:#aeb1b9;margin-top:3px}
#impuls-test-detail .itd-rank-row>strong{flex-shrink:0;font-size:16px;font-weight:600}
#impuls-test-detail .itd-footnote,#impuls-test-detail .itd-no-peers,#impuls-test-detail .itd-not-ranked{font-size:12px;color:#b9bac1;line-height:1.5;margin:16px 0 0}
#impuls-test-detail .itd-more{display:block;width:100%;margin-top:14px;padding:12px;border:1px solid #ffffff36;border-radius:10px;color:#fff;background:#ffffff08;font-size:13px;min-height:44px}
#impuls-test-detail .itd-error{font-size:14px;line-height:1.5;margin:5px 0;color:#24395b}
#impuls-test-detail .itd-error button{border:0;border-radius:8px;padding:12px;color:#192f53;background:#ffda45;min-height:44px}
#impuls-test-detail .itd-loading{padding:40px 18px;color:#c1c2c8;font-size:14px;text-align:center}
@media(max-width:350px){#impuls-test-detail h1{font-size:21px}#impuls-test-detail .itd-card{padding:16px 12px}#impuls-test-detail .itd-body{padding-left:10px;padding-right:10px}#impuls-test-detail .itd-rank-row{gap:7px}#impuls-test-detail .itd-rank-row>strong{font-size:14px}}
@media(max-width:350px){#impuls-test-detail .itd-person{gap:7px}#impuls-test-detail .itd-avatar{width:34px;height:34px;flex-basis:34px}#impuls-test-detail .itd-place{flex-basis:18px}#impuls-test-detail .itd-rank-row>strong{font-size:13px}}

/* Initial dialog focus announces the heading; keyboard controls retain their focus ring. */
#impuls-test-detail #itd-title:focus{outline:none}