.rtg{color:var(--cream); font-family:var(--font);
  --rtg-plate:var(--stone);                                                            
  --rtg-block:var(--seam);                                                             
  --rtg-ava:var(--seam-2);                                                             
  
  --rtg-gold-hi:#ecd9a0; --rtg-gold:#d4b05a; --rtg-gold-lo:#b08d3e;
  --rtg-silver-hi:#eef0f2; --rtg-silver:#c4c8ce; --rtg-silver-lo:#9aa0a8;
  --rtg-bronze-hi:#e6bf9a; --rtg-bronze:#c98f5e; --rtg-bronze-lo:#b37b4c;
  --rtg-on-metal:#141009;
  --rtg-you:var(--nw-cyan, #8fa6bd);                                                   
  --rtg-hot:var(--nw-orange, #d0844a)}                                                 

:is(.rtg-step, .rtg-row).p1{--rtg-m-hi:var(--rtg-gold-hi); --rtg-m:var(--rtg-gold); --rtg-m-lo:var(--rtg-gold-lo)}
:is(.rtg-step, .rtg-row).p2{--rtg-m-hi:var(--rtg-silver-hi); --rtg-m:var(--rtg-silver); --rtg-m-lo:var(--rtg-silver-lo)}
:is(.rtg-step, .rtg-row).p3{--rtg-m-hi:var(--rtg-bronze-hi); --rtg-m:var(--rtg-bronze); --rtg-m-lo:var(--rtg-bronze-lo)}
.rtg *, .rtg *::before, .rtg *::after{box-sizing:border-box}
.rtg-ic{flex:none; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}
.rtg-ic .f{fill:currentColor; stroke:none}
.rtg-sr{position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}


.rtg-head{display:flex; flex-direction:column; align-items:flex-start; min-width:0}
.rtg-eyebrow{display:inline-flex; align-items:center; gap:7px; font:700 13px/1 var(--font); color:var(--rtg-gold)}
.rtg-eyebrow::before{content:""; width:8px; height:8px; rotate:45deg; border-radius:1.5px; background:var(--rtg-gold)}

.rtg-h1{margin:10px 0 0; font:800 clamp(30px, 3.2vw, 46px)/1.04 var(--font-display); color:var(--rtg-gold)}
.rtg-sub{margin:10px 0 0; font:500 15px/1.4 var(--font); color:var(--sand); font-variant-numeric:tabular-nums}
.rtg-sub:empty{display:none}
.rtg-seg{display:inline-flex; gap:4px; margin-top:16px; padding:4px; border-radius:13px; background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--nw-нить)}
:is(.rtg, html.desk #desk .rtg) .rtg-seg button{height:36px; padding:0 16px; border:0; border-radius:9px; cursor:pointer; background:none; color:var(--sand);
  font:600 14px/1 var(--font); transition:background-color 160ms ease, color 160ms ease}
:is(.rtg, html.desk #desk .rtg) .rtg-seg button[aria-pressed="true"]{color:var(--rtg-gold-hi); background:color-mix(in oklab, var(--rtg-gold) 14%, var(--stone-deep));
  box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rtg-gold) 60%, var(--stone-deep))}
:is(.rtg, html.desk #desk .rtg) .rtg-seg button:disabled{cursor:default; opacity:.45}


.rtg-stage{position:relative; isolation:isolate; overflow:hidden; padding:20px 24px 0; border-radius:18px;
  background: var(--rtg-plate);
  box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rtg-gold) 32%, var(--stone))}
.rtg-stage-head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 16px; min-height:28px}
.rtg-prize{display:inline-flex; align-items:center; gap:10px; margin:0; font:600 16px/1.25 var(--font); color:var(--cream)}
.rtg-prize .rtg-ic{width:22px; height:22px; color:var(--rtg-gold)}
.rtg-prize b{font-weight:600}
.rtg-stage-s{display:inline-flex; align-items:center; gap:6px; font:500 14px/1.35 var(--font); color:var(--sand)}
.rtg-stage-s .rtg-ic{width:16px; height:16px}
.rtg-stage-call{font-weight:600; color:var(--rtg-gold-hi)}

.rtg-steps{display:grid; grid-template-columns:minmax(18px, 1fr) minmax(0, 236px) minmax(0, 260px) minmax(0, 236px) minmax(18px, 1fr);
  align-items:end; margin:22px -24px 0; padding:0; list-style:none}
.rtg-step{grid-row:1; display:flex; flex-direction:column; align-items:center; min-width:0; padding:0 6px; text-align:center}
.rtg-step.p2{grid-column:2} .rtg-step.p1{grid-column:3} .rtg-step.p3{grid-column:4}
.rtg-step .rtg-ava{width:52px; height:52px; margin-bottom:10px; font-size:20px}

.rtg-art{display:block; flex:none; width:78px; height:78px; margin:0 0 6px; background:center / contain no-repeat}
.rtg-step.p1 .rtg-art{width:112px; height:112px; margin-bottom:4px; background-image:url(img/rating/kubok.webp?v=0c092ada)}
.rtg-step.p2 .rtg-art{background-image:url(img/rating/medal-2.webp?v=19371e84)}
.rtg-step.p3 .rtg-art{background-image:url(img/rating/medal-3.webp?v=0c091b4e)}
.rtg-step.free .rtg-art{opacity:.42}

.rtg-step .rtg-ava{display:none}
.rtg-step.p1 .rtg-ava{width:64px; height:64px; font-size:24px}

.rtg-step:not(.free) .rtg-ava{border:3px solid var(--rtg-m); background:color-mix(in oklab, var(--rtg-m) 20%, var(--seam)); box-shadow:none}
.rtg-step.free .rtg-ava-free{border-color:color-mix(in oklab, var(--rtg-m) 75%, var(--stone)); color:var(--rtg-m)}

.rtg-step.p1:not(.free) .rtg-ava::after{content:""; position:absolute; top:-5px; right:-5px; width:15px; height:15px; rotate:45deg;
  border:3px solid var(--stone-2); border-radius:2px; background:var(--rtg-gold-hi)}
.rtg-step-sum{display:block; margin-top:3px; font:700 15px/1.2 var(--font); font-variant-numeric:tabular-nums; color:var(--rtg-m); white-space:nowrap}
.rtg-step.p1 .rtg-step-sum{font-size:16px}
.rtg-step-nick{display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 16px/1.3 var(--font); color:var(--cream)}
.rtg-step.p1 .rtg-step-nick{font-size:17px}
.rtg-step.free .rtg-step-nick{font-weight:500; color:var(--sand)}

.rtg-plinth{position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; margin-top:12px; padding:18px 8px 0;
  border-radius:12px 12px 0 0; background:linear-gradient(180deg, var(--rtg-m-hi), var(--rtg-m) 42%, var(--rtg-m-lo));
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55); color:var(--rtg-on-metal)}
.rtg-step.free .rtg-plinth{background:linear-gradient(180deg, color-mix(in oklab, var(--rtg-m) 34%, var(--stone-2)), color-mix(in oklab, var(--rtg-m) 12%, var(--stone-deep)));
  box-shadow:inset 0 1px 0 color-mix(in oklab, var(--rtg-m) 60%, var(--stone)); color:var(--cream)}
.rtg-step.p1 .rtg-plinth{height:188px}
.rtg-step.p2 .rtg-plinth{height:152px}
.rtg-step.p3 .rtg-plinth{height:124px}
.rtg-step-pl{font:800 44px/1 var(--font-display); font-variant-numeric:tabular-nums}
.rtg-step.p1 .rtg-step-pl{font-size:56px}
.rtg-step-prize{display:flex; flex-direction:column; align-items:center; gap:3px}
.rtg-step-pts{display:inline-flex; align-items:center; gap:6px; font:800 22px/1 var(--font-display); font-variant-numeric:tabular-nums}
.rtg-step-pts .rtg-ic{width:18px; height:18px}
.rtg-step.p1 .rtg-step-pts{font-size:26px}
.rtg-step-prize small{font:600 13px/1.2 var(--font); color:inherit}


.rtg-ava{position:relative; flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--rtg-ava);
  box-shadow:inset 0 1px 0 var(--nw-нить-ярко); color:var(--cream); font:700 15px/1 var(--font-display)}
.rtg-ava-free{background:transparent; color:var(--sand); border:1.5px dashed var(--sand); box-shadow:none}
.rtg-ava-free .rtg-ic{width:50%; height:50%}
:is(.rtg-step.mine, .rtg-row.mine, .rtg-card-me) .rtg-ava{outline:2px solid var(--rtg-you); outline-offset:2px}
.rtg-you{display:inline-block; margin-left:6px; padding:3px 7px; border-radius:999px; background:var(--rtg-you); color:var(--on-lamp);
  font:800 11px/1 var(--font); font-style:normal; vertical-align:2px}


.rtg-table{margin-top:24px}
.rtg-table-head{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 12px; margin:0 4px 10px}
.rtg-table-head b{font:700 18px/1.25 var(--font)}
.rtg-table-head span{font:500 13px/1.3 var(--font); color:var(--sand)}
.rtg-list{margin:0; padding:0; list-style:none; background:var(--rtg-plate); border-radius:14px; box-shadow:inset 0 0 0 1px var(--nw-нить-ярко); overflow:hidden}
.rtg-list-me{margin-top:8px}

.rtg-row{display:flex; align-items:center; gap:12px; min-height:54px; padding:0 18px 0 12px}
.rtg-row + .rtg-row{box-shadow:inset 0 1px 0 var(--nw-нить)}
.rtg-row:is(.p1, .p2, .p3){box-shadow:inset 3px 0 0 var(--rtg-m)}
.rtg-row + .rtg-row:is(.p1, .p2, .p3){box-shadow:inset 3px 0 0 var(--rtg-m), inset 0 1px 0 var(--nw-нить)}
.rtg-row.mine{background:color-mix(in oklab, var(--rtg-you) 12%, var(--stone));
  box-shadow:inset 3px 0 0 var(--rtg-you)}
.rtg-row + .rtg-row.mine{box-shadow:inset 3px 0 0 var(--rtg-you), inset 0 1px 0 var(--nw-нить)}
.rtg-place{flex:none; width:32px; text-align:center; font:700 15px/1 var(--font-display); color:var(--sand); font-variant-numeric:tabular-nums}
.rtg-row.mine .rtg-place{color:var(--rtg-you)}

.rtg-place.rtg-medal{display:grid; place-items:center; width:30px; height:30px; margin:0 1px; border-radius:50%; font-size:14px; color:var(--rtg-on-metal);
  background:linear-gradient(160deg, var(--rtg-m-hi), var(--rtg-m) 50%, var(--rtg-m-lo)); box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.rtg-row.mine .rtg-place.rtg-medal{color:var(--rtg-on-metal)}
.rtg-row:is(.p1, .p2, .p3) .rtg-ava{background:color-mix(in oklab, var(--rtg-m) 22%, var(--seam))}
.rtg-nick{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 16px/1.25 var(--font)}
.rtg-sum{flex:none; min-width:76px; text-align:right; font:700 15px/1 var(--font); font-variant-numeric:tabular-nums; color:var(--cream); white-space:nowrap}
.rtg-row:is(.p1, .p2, .p3) .rtg-sum{color:var(--rtg-m)}
.rtg-row.mine .rtg-sum{color:var(--rtg-you)}
.rtg-chip{display:inline-flex; align-items:center; gap:5px; flex:none; height:26px; padding:0 9px 0 7px; border-radius:999px; background:var(--rtg-block);
  font:700 13px/1 var(--font); font-variant-numeric:tabular-nums; color:var(--cream)}
.rtg-row:is(.p1, .p2, .p3) .rtg-chip{background:color-mix(in oklab, var(--rtg-m) 16%, var(--stone-deep)); color:var(--rtg-m-hi);
  box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rtg-m) 55%, var(--stone-deep))}
.rtg-chip .rtg-ic{width:15px; height:15px}

:is(.rtg, html.desk #desk .rtg) .rtg-all{display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:46px; margin-top:8px; padding:0 16px;
  border:0; border-radius:12px; cursor:pointer; background:var(--stone); color:var(--cream);
  box-shadow:inset 0 0 0 1px var(--nw-нить-ярко); font:700 15px/1 var(--font); font-variant-numeric:tabular-nums;
  transition:transform 130ms var(--ease-out, ease), background-color 160ms ease}
:is(.rtg, html.desk #desk .rtg) .rtg-all:active{transform:scale(.985)}
.rtg-all .rtg-ic{width:18px; height:18px; transition:transform 200ms var(--ease-out, ease)}
.rtg-all.on .rtg-ic{transform:rotate(180deg)}
.rtg-band{display:inline-flex; flex:none; align-items:flex-end; gap:3px; height:18px}
.rtg-band i{width:4px; border-radius:1.5px; background:var(--seam-2)}
.rtg-band i:nth-child(1){height:6px} .rtg-band i:nth-child(2){height:9px} .rtg-band i:nth-child(3){height:12px}
.rtg-band i:nth-child(4){height:15px} .rtg-band i:nth-child(5){height:18px}
.rtg-band i.on{background:var(--rtg-you)}
.rtg-more{margin:10px 4px 0; font:500 13px/1.4 var(--font); color:var(--sand)}
.rtg-empty{margin:0; padding:40px 8px; text-align:center; font:500 15px/1.45 var(--font); color:var(--sand)}

.rtg-note{display:flex; align-items:flex-start; gap:10px; margin:14px 4px 0; font:500 13px/1.45 var(--font); color:var(--sand)}
.rtg-note .rtg-ic{width:18px; height:18px; margin-top:-1px}


.rtg-timer{--rtg-t:var(--rtg-gold); --rtg-t-hi:var(--rtg-gold-hi); padding:20px 22px; border-radius:18px;
  background:var(--stone);
  box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rtg-t) 36%, var(--stone))}
.rtg-timer.hot{--rtg-t:var(--rtg-hot); --rtg-t-hi:var(--rtg-hot)}
.rtg-timer-t{display:flex; align-items:center; gap:8px; margin:0; font:700 14px/1.2 var(--font); color:var(--rtg-t-hi)}
.rtg-timer-t .rtg-ic{width:18px; height:18px}

.rtg-live{flex:none; width:8px; height:8px; margin-left:auto; border-radius:50%; background:var(--rtg-t)}
.rtg-timer-n{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 18px; margin:14px 0 0}
.rtg-tu{display:inline-flex; align-items:baseline; gap:5px}
.rtg-tu b{font:800 40px/1 var(--font-display); font-variant-numeric:tabular-nums; color:var(--cream)}
.rtg-tu small{font:500 14px/1 var(--font); color:var(--sand)}
.rtg-timer-foot{margin:12px 0 0; font:500 13px/1.4 var(--font); color:var(--sand)}
.rtg-timer-foot b{font-weight:700; color:var(--cream)}
.rtg-meter{display:block; height:6px; margin-top:16px; border-radius:999px; background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--nw-нить); overflow:hidden}
.rtg-meter i{display:block; height:100%; border-radius:inherit; background:var(--rtg-t); transform-origin:0 50%; transform:scaleX(var(--p, 0))}
.rtg-me-next .rtg-meter i{background:var(--rtg-you)}


.rtg-card{margin-top:16px; padding:20px 22px 22px; border-radius:18px; background:var(--rtg-plate); box-shadow:inset 0 0 0 1px var(--nw-нить-ярко)}
.rtg-card-me{background:var(--stone);
  box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rtg-you) 45%, var(--stone))}
.rtg-card-top{display:flex; align-items:center; gap:14px}
.rtg-card-top .rtg-ava{width:44px; height:44px}
.rtg-badge{flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--rtg-block); color:var(--cream)}
.rtg-badge .rtg-ic{width:22px; height:22px}
.rtg-card-t{display:block; min-width:0; font:700 19px/1.25 var(--font)}
.rtg-card p{margin:12px 0 0; font:500 14px/1.5 var(--font); color:var(--sand)}
.rtg-card-over{display:block; font:700 13px/1 var(--font); color:var(--rtg-you)}
.rtg-me-row{display:flex; align-items:center; gap:12px; margin-top:12px}
.rtg-me-row .rtg-ava{width:40px; height:40px; font-size:16px}
.rtg-me-nick{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:700 20px/1.2 var(--font)}
.rtg-card .rtg-me-pl{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-top:16px; font-size:15px; color:var(--cream)}
.rtg-me-pl b{font:800 28px/1 var(--font-display); color:var(--rtg-you)}
.rtg-me-pl .rtg-band{align-self:center}
.rtg-card .rtg-me-sum{margin-top:6px}
.rtg-me-next .rtg-meter{margin-top:10px}
.rtg-act{display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; margin-top:16px}
.rtg-act-c{justify-content:center}

:is(.rtg, html.desk #desk .rtg) .rtg-btn{height:46px; padding:0 22px; border:0; border-radius:12px; cursor:pointer; font:700 15px/1 var(--font); white-space:nowrap;
  transition:transform 130ms var(--ease-out, ease)}
:is(.rtg, html.desk #desk .rtg) .rtg-btn:active{transform:scale(.98)}
:is(.rtg, html.desk #desk .rtg) .rtg-btn:disabled{opacity:.55; cursor:default}
:is(.rtg, html.desk #desk .rtg) .rtg-btn-main{background:var(--metal); color:var(--on-lamp); box-shadow:var(--nw-хром)}
:is(.rtg, html.desk #desk .rtg) .rtg-btn-ghost{background:transparent; color:var(--cream); box-shadow:inset 0 0 0 1px var(--nw-нить-ярко)}
:is(.rtg, html.desk #desk .rtg) .rtg-link{padding:4px 0; border:0; background:none; cursor:pointer; font:600 14px/1.2 var(--font); color:var(--lamp);
  text-decoration:underline; text-underline-offset:3px}
.rtg-consent{display:block; margin-top:14px; font:500 12.5px/1.5 var(--font); color:var(--sand)}
:is(.rtg, html.desk #desk .rtg) .rtg-consent a{color:var(--cream); text-decoration:underline; text-underline-offset:2px}
.rtg-msg{min-height:20px; margin:10px 2px 0; font:500 14px/1.4 var(--font); color:var(--sand)}
.rtg-msg:empty{min-height:0; margin:0}


.rtg-form{display:grid; gap:8px; margin-top:12px}
.rtg-field{display:block}
.rtg-field span{display:block; margin:0 0 6px; font:600 13px/1 var(--font); color:var(--sand)}
.rtg-field input{width:100%; height:46px; padding:0 14px; border-radius:10px; border:1px solid var(--nw-нить-ярко); background:var(--stone-deep);
  color:var(--cream); font:500 16px/1 var(--font); outline:0; transition:border-color 160ms ease}
.rtg-field input:focus{border-color:var(--lamp)}
:is(.rtg, html.desk #desk .rtg) .rtg-field input:focus-visible{outline:0}
.rtg-field input::placeholder{color:var(--sand-dim)}
.rtg-help{margin:0!important; font-size:13px!important}
.rtg-err{margin:0!important; font:500 13px/1.35 var(--font)!important; color:var(--rust)!important}
.rtg-err:empty{display:none}
.rtg-form .rtg-act{margin-top:6px}

:is(.rtg, html.desk #desk .rtg) button:focus-visible, :is(.rtg, html.desk #desk .rtg) a:focus-visible, :is(.rtg, html.desk #desk .rtg) input:focus-visible{outline:2px solid var(--lamp); outline-offset:2px}


.rtg-why{margin-top:36px}
.rtg-h2{margin:0 0 14px; font:700 20px/1.2 var(--font-display); color:var(--cream)}
.rtg-steps3{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; margin:0; padding:0; list-style:none}
.rtg-steps3 > li{display:flex; align-items:flex-start; gap:14px; padding:18px 18px 18px 16px; border-radius:14px; background:var(--rtg-plate); box-shadow:inset 0 0 0 1px var(--nw-нить)}
.rtg-step-ic{flex:none; display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:var(--deep); box-shadow:inset 0 0 0 1px var(--nw-нить-ярко); color:var(--cream)}
.rtg-step-ic .rtg-ic{width:24px; height:24px}
.rtg-step-tx{display:flex; flex-direction:column; gap:4px; min-width:0; padding-top:2px}
.rtg-step-tx b{display:flex; align-items:baseline; gap:8px; font:600 16px/1.3 var(--font)}
.rtg-n{font:700 13px/1 var(--font-display); color:var(--sand)}
.rtg-step-tx > span{font:500 14px/1.45 var(--font); color:var(--sand)}
.rtg-how{margin-top:14px}
.rtg-how summary{display:inline-flex; align-items:center; gap:8px; padding:4px 0; list-style:none; cursor:pointer; font:600 14px/1.3 var(--font); color:var(--cream)}
.rtg-how summary::-webkit-details-marker{display:none}
.rtg-how summary::after{content:""; width:7px; height:7px; margin-top:-3px; border-right:1.8px solid currentColor; border-bottom:1.8px solid currentColor;
  transform:rotate(45deg); transition:transform 160ms ease}
.rtg-how[open] summary::after{margin-top:3px; transform:rotate(-135deg)}
.rtg-how ul{display:grid; gap:6px; margin:10px 0 0; padding:0 0 0 18px}
.rtg-how li{font:500 14px/1.5 var(--font); color:var(--sand)}
.rtg-how summary:focus-visible{outline:2px solid var(--lamp); outline-offset:3px; border-radius:4px}


html.desk #desk .rtg-page{display:grid; grid-template-columns:minmax(0, 1fr) minmax(320px, 392px); grid-template-rows:auto 1fr;
  grid-template-areas:"head aside" "main aside"; gap:28px 32px; align-items:start; padding:48px 0 96px}
html.desk #desk .rtg-page > .rtg-head{grid-area:head}
html.desk #desk .rtg-aside{grid-area:aside; min-width:0; position:sticky; top:96px}
html.desk #desk .rtg-aside > .rtg-card:first-child{margin-top:0}
html.desk #desk .rtg-main{grid-area:main; min-width:0}

html.desk #desk .rtg-page .rtg-eyebrow{font:800 12px/1 var(--font); letter-spacing:.18em; text-transform:uppercase; color:var(--rtg-gold)}
html.desk #desk .rtg-page .rtg-h1{letter-spacing:.07em; text-transform:uppercase}
html.desk #desk .rtg-page .rtg-all{font:800 12.5px/1 var(--font); letter-spacing:.1em; text-transform:uppercase}
html.desk #desk .rtg-page .rtg-h2{font-size:17px; letter-spacing:.08em; text-transform:uppercase}
html.desk #desk .rtg-page .rtg-btn{font:800 12.5px/1 var(--font); letter-spacing:.1em; text-transform:uppercase}
@media (max-height:760px){
  html.desk #desk .rtg-aside{position:static}
}
@media (max-width:1180px){
  html.desk #desk .rtg-page{grid-template-columns:minmax(0, 1fr) minmax(296px, 340px); gap:24px}
  html.desk #desk .rtg-tu b{font-size:34px}
  html.desk #desk .rtg-steps3 > li{flex-direction:column; gap:12px}
}


.rtg-sheetbody .rtg-h1{font-size:28px}
.rtg-sheetbody .rtg-head{padding-right:44px}
.rtg-sheetbody .rtg-board{margin-top:16px}
.rtg-sheetbody .rtg-stage{padding:16px 14px 0; border-radius:16px}
.rtg-sheetbody .rtg-prize{font-size:15px}
.rtg-sheetbody .rtg-stage-s{font-size:13.5px}
.rtg-sheetbody .rtg-steps{grid-template-columns:6px minmax(0, 1fr) minmax(0, 1.12fr) minmax(0, 1fr) 6px; margin:18px -14px 0}
.rtg-sheetbody .rtg-step{padding:0 4px}
.rtg-sheetbody .rtg-step .rtg-ava{width:42px; height:42px; margin-bottom:8px; font-size:17px}
.rtg-sheetbody .rtg-art{width:54px; height:54px; margin-bottom:4px}
.rtg-sheetbody .rtg-step.p1 .rtg-art{width:74px; height:74px}
.rtg-sheetbody .rtg-step.p1 .rtg-ava{width:50px; height:50px; font-size:20px}
.rtg-sheetbody .rtg-step.p1:not(.free) .rtg-ava::after{width:12px; height:12px; border-width:2.5px}
.rtg-sheetbody .rtg-step-nick, .rtg-sheetbody .rtg-step.p1 .rtg-step-nick{font-size:14px}
.rtg-sheetbody .rtg-step-nick .rtg-you{display:table; margin:4px auto 0}
.rtg-sheetbody .rtg-step-sum, .rtg-sheetbody .rtg-step.p1 .rtg-step-sum{font-size:13px}
.rtg-sheetbody .rtg-step:not(.free) .rtg-ava{border-width:2.5px}
.rtg-sheetbody .rtg-plinth{gap:6px; margin-top:8px; padding:12px 4px 0; border-radius:10px 10px 0 0}
.rtg-sheetbody .rtg-step.p1 .rtg-plinth{height:124px}
.rtg-sheetbody .rtg-step.p2 .rtg-plinth{height:100px}
.rtg-sheetbody .rtg-step.p3 .rtg-plinth{height:82px}
.rtg-sheetbody .rtg-step-pl{font-size:30px}
.rtg-sheetbody .rtg-step.p1 .rtg-step-pl{font-size:36px}
.rtg-sheetbody .rtg-step-pts{gap:4px; font-size:16px}
.rtg-sheetbody .rtg-step.p1 .rtg-step-pts{font-size:18px}
.rtg-sheetbody .rtg-step-pts .rtg-ic{width:14px; height:14px}
.rtg-sheetbody .rtg-step-prize{gap:2px}
.rtg-sheetbody .rtg-step-prize small{font-size:12px}
.rtg-sheetbody .rtg-timer{margin-top:12px; padding:16px; border-radius:16px}
.rtg-sheetbody .rtg-timer-n{gap:4px 14px; margin-top:10px}
.rtg-sheetbody .rtg-tu b{font-size:30px}
.rtg-sheetbody .rtg-timer-foot{margin-top:8px}
.rtg-sheetbody .rtg-meter{margin-top:12px}
.rtg-sheetbody .rtg-card{margin-top:12px; padding:18px 16px; border-radius:16px}
.rtg-sheetbody .rtg-card-t{font-size:18px}
.rtg-sheetbody .rtg-rest{margin-top:12px}
.rtg-sheetbody .rtg-rest .rtg-table{margin-top:0}
.rtg-sheetbody .rtg-table-head b{font-size:17px}
.rtg-sheetbody .rtg-row{min-height:48px; padding:0 12px 0 8px; gap:9px}
.rtg-sheetbody .rtg-row .rtg-ava{width:30px; height:30px; font-size:13px}
.rtg-sheetbody .rtg-place{width:26px; font-size:14px}
.rtg-sheetbody .rtg-place.rtg-medal{width:26px; height:26px; margin:0; font-size:13px}
.rtg-sheetbody .rtg-nick{font-size:15px}
.rtg-sheetbody .rtg-sum{min-width:64px; font-size:14.5px}
.rtg-sheetbody .rtg-chip{height:24px; padding:0 8px 0 6px; font-size:12.5px}
.rtg-sheetbody .rtg-chip .rtg-ic{width:13px; height:13px}
.rtg-sheetbody .rtg-table-head{margin-bottom:8px}
.rtg-sheetbody .rtg-all{height:44px; font-size:14.5px}
.rtg-sheetbody .rtg-why{margin-top:20px}
.rtg-sheetbody .rtg-h2{margin-bottom:10px; font-size:18px}
.rtg-sheetbody .rtg-steps3{grid-template-columns:minmax(0, 1fr); gap:0; border-radius:14px; background:var(--rtg-plate); box-shadow:inset 0 0 0 1px var(--nw-нить); overflow:hidden}
.rtg-sheetbody .rtg-steps3 > li{align-items:center; gap:14px; padding:14px 16px; border-radius:0; background:none; box-shadow:none}
.rtg-sheetbody .rtg-steps3 > li + li{box-shadow:inset 0 1px 0 var(--nw-нить)}
.rtg-sheetbody .rtg-step-ic{width:42px; height:42px; border-radius:11px}
.rtg-sheetbody .rtg-step-ic .rtg-ic{width:22px; height:22px}
.rtg-sheetbody .rtg-step-tx{padding-top:0}
.rtg-sheetbody .rtg-step-tx b{font-size:15px}
.rtg-sheetbody .rtg-step-tx > span{font-size:13.5px}
.rtg-sheetbody .rtg-how{margin-top:10px}


html.rtg-lock{overflow:hidden}
.rtg-sheet{position:fixed; inset:0; z-index:100; display:flex; align-items:flex-end; justify-content:center}
.rtg-sheet-scrim{position:absolute; inset:0; background:rgba(0,0,0,.55); opacity:0; transition:opacity 220ms ease}
.rtg-sheet.on .rtg-sheet-scrim{opacity:1}
.rtg-sheet-card{position:relative; width:100%; max-width:560px; max-height:92vh; max-height:92dvh; overflow:auto; overscroll-behavior:contain;
  padding:22px 16px calc(28px + env(safe-area-inset-bottom, 0px)); border-radius:22px 22px 0 0; background:var(--deep); box-shadow:inset 0 1px 0 var(--nw-нить-ярко); color:var(--cream);
  transform:translateY(100%); transition:transform 280ms var(--ease-drawer, cubic-bezier(.32, .72, 0, 1))}
.rtg-sheet.on .rtg-sheet-card{transform:none}
.rtg-sheet-x{position:absolute; right:10px; top:10px; z-index:2; display:grid; place-items:center; width:40px; height:40px; border:0; border-radius:50%;
  background:var(--stone); color:var(--cream); cursor:pointer}
.rtg-sheet-x svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round}


body.shell .rtg-prow .sh-row-t small{color:var(--sand)}
body.shell .rtg-prow-join{flex-wrap:wrap; gap:4px 10px; padding-right:8px}
body.shell .rtg-prow-note{flex:0 0 100%; padding:0 6px 6px 34px; font:500 12px/1.4 var(--font); color:var(--sand)}
body.shell .rtg-prow-open{display:flex; align-items:center; flex:1; gap:14px; min-width:0; padding:0; border:0; background:none; text-align:left; cursor:pointer; color:inherit}
body.shell .rtg-prow-open > .sh-ic{flex:none; width:20px; height:20px; color:var(--sand)}
body.shell .rtg-pill{flex:none; height:34px; padding:0 14px; border:0; border-radius:999px; cursor:pointer; background:var(--metal); color:var(--on-lamp); box-shadow:var(--nw-хром);
  font:700 13px/1 var(--font)}
body.shell .rtg-pill:disabled{opacity:.55}
body.shell .rtg-prow > .sh-ic:first-child{width:20px; height:20px; color:var(--sand)}

body.shell .rtg-prow-in{gap:10px; padding-right:8px}
body.shell .rtg-pill-ghost{background:transparent; color:var(--cream); box-shadow:inset 0 0 0 1px var(--nw-нить-ярко)}

.rtg-toast{position:fixed; z-index:130; left:50%; bottom:calc(88px + env(safe-area-inset-bottom, 0px)); max-width:calc(100vw - 32px); transform:translateX(-50%);
  padding:12px 16px; border-radius:12px; background:var(--metal); color:var(--on-lamp); font:600 14px/1.3 var(--font); text-align:center;
  transition:opacity 260ms ease}
.rtg-toast.off{opacity:0}

@media (hover:hover) and (pointer:fine){
:is(.rtg, html.desk #desk .rtg) .rtg-seg button:not(:disabled):not([aria-pressed="true"]):hover{color:var(--cream)}
:is(.rtg, html.desk #desk .rtg) .rtg-all:hover{background:var(--stone-2); box-shadow:inset 0 0 0 1px var(--lamp)}
:is(.rtg, html.desk #desk .rtg) .rtg-btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--nw-свет-нить)}
:is(.rtg, html.desk #desk .rtg) .rtg-btn-main:not(:disabled):hover{filter:brightness(1.05)}
}

@keyframes rtg-breathe{0%, 100%{opacity:1} 50%{opacity:.3}}
@keyframes rtg-sheen{0%{transform:translateX(-130%)} 22%, 100%{transform:translateX(130%)}}
@keyframes rtg-float{0%, 100%{transform:translateY(0)} 50%{transform:translateY(-6px)}}
.rtg-live{animation:rtg-breathe 1.8s ease-in-out infinite}
.rtg-timer.hot .rtg-live{animation-duration:1s}
@media (hover:hover) and (pointer:fine){
  @media not (any-pointer:coarse){
    .rtg-step.p1:not(.free) .rtg-plinth::before{content:""; position:absolute; z-index:-1; inset:0; pointer-events:none;
      background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.42) 50%, transparent 62%); transform:translateX(-130%);
      animation:rtg-sheen 6.5s var(--ease-in-out, ease-in-out) 1.2s infinite}
    .rtg-step.p1:not(.free) .rtg-art{animation:rtg-float 4.2s ease-in-out infinite}
    .rtg-step:not(.p1):not(.free) .rtg-art{animation:rtg-float 5s ease-in-out .8s infinite}
  }
}
@media (prefers-reduced-motion:reduce){
  .rtg *, .rtg-sheet-card, .rtg-sheet-scrim, .rtg-toast{transition:none!important}
  .rtg *, .rtg *::before{animation:none!important}
}