/* result — V1's shell: a sidebar on the left (thumbnail, summary, judge index),
   one main column in the middle. The picture becomes a reference, the verdict takes the room. */
.app[data-state="verdict"]{grid-template-columns:300px minmax(0,1fr)}
.app[data-state="verdict"] .stage{padding:22px 22px 0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;border-right:1px solid var(--line);overflow:hidden}
.app[data-state="verdict"] .table{display:block;place-items:unset}
.app[data-state="verdict"] .lightbox{height:auto;width:100%;border-radius:8px;box-shadow:0 0 0 1px var(--line-2);opacity:.9;transition:opacity .2s}
.app[data-state="verdict"] .lightbox:hover{opacity:1}
.app[data-state="verdict"] .panel{background:var(--room)}
.app[data-state="verdict"] .view-verdict{padding:0 0 200px}

.sidebar{display:none}
.app[data-state="verdict"] .sidebar{display:block;overflow-y:auto;padding:0 2px 180px;scrollbar-width:thin}
.sb-sec{margin-bottom:26px}
.sb-sec h4{font-size:11px;letter-spacing:.01em;font-weight:500;color:var(--ink-4);margin-bottom:10px}
.sb-link{width:100%;text-align:left;padding:7px 10px;border-radius:8px;font-size:12.5px;color:var(--ink-2);display:flex;align-items:center;gap:8px}
.sb-link::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-4);flex:0 0 auto}
.sb-link:hover{background:rgba(20,20,25,.045);color:var(--ink)}
.sb-card{background:rgba(20,20,25,.036);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.sb-card .l{font-size:11px;letter-spacing:.01em;color:var(--ink-4);margin-bottom:4px;min-height:14px}
.sb-card .big{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.sb-card .big span{font-size:12px;color:var(--ink-4);font-weight:400;margin-left:4px;letter-spacing:0}
.sb-bars{display:grid;gap:12px;margin-top:16px}
.sb-bar .h{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.01em;font-weight:500;color:var(--c);margin-bottom:5px}
.sb-bar .h span{font-family:var(--data);color:var(--ink-3);font-weight:500;letter-spacing:0}
.sb-bar .t{height:3px;border-radius:2px;background:rgba(20,20,25,.054);position:relative;overflow:hidden}
.sb-bar .t i{position:absolute;inset:0;transform-origin:left;background:var(--c);transition:transform .35s var(--ease),opacity .25s}
.sb-bar .t i.u{opacity:1}
.sb-bar .t i.j{opacity:0}
.sb-card[data-hover="true"] .t i.u{opacity:.2}
.sb-card[data-hover="true"] .t i.j{opacity:1}
.sb-judges{display:flex;flex-wrap:wrap;gap:10px}
.sb-judges .mono-avatar{width:38px;height:38px;font-size:14px;cursor:help;transition:.2s}
.sb-judges .mono-avatar:hover{transform:scale(1.08);box-shadow:0 0 0 1.5px rgba(20,20,25,.45)}
.sb-ix{display:grid;gap:14px}
.sb-ix .j{width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.sb-ix .j:hover{background:rgba(20,20,25,.045);color:var(--ink)}
.sb-ix .j .mono{color:var(--ink-4);font-weight:400}
.sb-ix .runs{padding:2px 4px 0 18px;display:grid;gap:3px}
.sb-ix .rl{font-family:var(--data);font-size:9px;letter-spacing:.1em;color:var(--ink-4);margin:5px 0 2px}
.sb-ix .p{display:grid;grid-template-columns:1fr 12px;gap:8px;align-items:center;height:12px;opacity:.5;transition:.15s;border-radius:3px;padding:0 2px}
.sb-ix .p:hover{opacity:1;background:rgba(20,20,25,.045)}
.sb-ix .p i{height:3px;border-radius:2px;background:rgba(20,20,25,.054);position:relative;overflow:hidden}
.sb-ix .p i::after{content:"";position:absolute;inset:0;transform:scaleX(var(--v));transform-origin:left;background:var(--sc)}
.sb-ix .p b{width:6px;height:6px;border-radius:50%;background:var(--c);display:block;justify-self:center}

.vmain{max-width:980px;margin:0 auto;padding:0 40px}
@media (max-width:1180px){.app[data-state="verdict"]{grid-template-columns:240px minmax(0,1fr)}.vmain{padding:0 24px}}