.bv2 .svc-lobby{border:2px solid var(--moon-d);background:linear-gradient(180deg,rgba(20,30,60,.55),rgba(21,16,34,.9));padding:12px;margin:0 0 10px}
.svc-lh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.svc-lh h3{margin:0;font-size:18px;font-weight:800;white-space:nowrap}
.svc-lh .bv2-btn{border-color:var(--pump);min-width:44px;flex:0 0 auto;white-space:nowrap}
.svc-list{display:flex;flex-direction:column;gap:8px}
.svc-card{display:flex;align-items:center;gap:10px;border:2px solid var(--line2);background:var(--panel);padding:8px 10px;min-width:0}
.svc-card.mine{border-color:rgba(224,112,18,.6)}
.svc-cav{position:relative;flex:none;width:48px;height:44px}
.svc-cav .bv2-face{position:absolute;left:0;top:0}
.svc-cav .bv2-cimg,.svc-cav .bv2-emoji{position:absolute;right:0;bottom:0;width:26px!important;height:26px!important}
.svc-cbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.svc-cbody b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-cbody small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-seatline{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap}
.svc-seatline{overflow:hidden}
.svc-seatline i{position:relative;width:44px;height:6px;flex:none;background:rgba(8,6,16,.8);border:1px solid var(--line);overflow:hidden}
.svc-seatline i::after{content:"";position:absolute;inset:0;background:var(--moon);transform-origin:left;transform:scaleX(var(--k))}
.svc-seatline em{font-style:normal}
.svc-seatline em.t{color:var(--ember);font-weight:800;font-variant-numeric:tabular-nums;flex:none}
.svc-card .bv2-btn{min-width:88px}

.svc-wrap{position:relative;z-index:1;height:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:8px;
  padding:calc(8px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom))}
.svc-timer{flex:none;text-align:right}
.svc-timer small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.svc-timer b{font:700 20px/1 'Oswald',sans-serif;color:var(--ember);font-variant-numeric:tabular-nums}
.svc-vs,.svc-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;flex:none}
.svc-side,.svc-sc{display:flex;align-items:center;gap:8px;min-width:0;border:2px solid var(--line);background:rgba(18,16,32,.88);padding:6px 8px}
.svc-side.st,.svc-sc.st{border-color:rgba(224,112,18,.7)}
.svc-side.ch,.svc-sc.ch{border-color:rgba(127,178,255,.6);justify-content:flex-end;text-align:right}
.svc-side>div,.svc-sc>div{min-width:0}
.svc-side small,.svc-sc small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-side b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-side em{display:block;font-style:normal;font-size:13px;font-weight:800;color:var(--ember);white-space:nowrap}
.svc-side.ch em{color:#CFE1FF}
.svc-sc b{display:block;font:700 26px/1 'Oswald',sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.svc-sc.st.lead b{color:var(--ember)}.svc-sc.ch.lead b{color:#CFE1FF}
.svc-vsd{font:700 18px/1 'Oswald',sans-serif;color:var(--muted)}
.svc-crowd{position:relative;width:42px;height:36px;flex:none;isolation:isolate}
.svc-crowd i{position:absolute;width:10px;height:10px;background:#B5D2FF;box-shadow:0 0 0 2px #120E1C,inset -2px -2px 0 #7FB2FF}
.svc-crowd i::after{content:"";position:absolute;left:-2px;top:12px;width:14px;height:8px;background:#3E6FC4;box-shadow:0 0 0 2px #120E1C,inset -2px 0 0 #2B4F94}
.svc-crowd i:nth-child(1){left:3px;top:10px}.svc-crowd i:nth-child(2){left:16px;top:4px;z-index:-1;background:#F6EEDB;box-shadow:0 0 0 2px #120E1C,inset -2px -2px 0 #C8BFA6}.svc-crowd i:nth-child(3){left:29px;top:10px}
.svc-fill{position:relative;height:22px;border:1px solid var(--line);background:rgba(8,6,16,.8);overflow:hidden;flex:none}
.svc-fill i{position:absolute;inset:0;background:linear-gradient(90deg,#3E6FC4,#7FB2FF);transform-origin:left;transition:transform .5s ease}
.svc-fill span{position:relative;display:block;text-align:center;font-size:12px;font-weight:800;line-height:20px;color:#fff;text-shadow:0 1px 0 #120E1C;white-space:nowrap}
.svc-seats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;flex:none}
.svc-seat{min-height:64px;border:2px solid var(--line2);background:rgba(18,16,32,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;min-width:0}
.svc-seat.me{border-color:var(--moon)}
.svc-seat b{font-size:11px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-seat small{font-size:11px;color:var(--ember);font-weight:800;white-space:nowrap}
.svc-seat.empty{border-style:dashed;color:var(--dim)}
.svc-seat.empty i{font-style:normal;font-size:20px;font-weight:800}
.svc-rule{font-size:12px;line-height:1.4;color:var(--muted);margin:0;flex:none}
.svc-act{margin-top:auto;flex:none;display:flex;flex-direction:column;gap:8px}
.svc-act .bv2-note{margin:0}
.svc-act .bv2-row2{margin-top:0}
.svc-step{display:grid;grid-template-columns:48px 1fr 48px;gap:8px;align-items:stretch}
.svc-stepb{min-height:48px;border:2px solid var(--line);background:var(--panel2);color:var(--text);font:800 22px/1 'Syne',sans-serif;cursor:pointer}
.svc-stepb:disabled{opacity:.4;cursor:default}
.svc-stepb:focus-visible{outline:3px solid var(--acc-hi);outline-offset:2px}
.svc-stepv{border:2px solid var(--line2);background:rgba(10,8,18,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}
.svc-stepv b{font-size:16px;white-space:nowrap}
.svc-stepv small{font-size:12px;color:var(--muted);white-space:nowrap}
.bv2-sheet-body .svc-step{margin:6px 0}

.svc-bar{height:10px}
.svc-tray{flex:none;border:2px solid var(--line2);background:rgba(18,16,32,.86);padding:4px 6px}
.svc-tray.st{border-color:rgba(224,112,18,.45)}.svc-tray.ch{border-color:rgba(127,178,255,.4)}
.svc-tray>small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;white-space:nowrap}
.svc-tiles{display:flex;flex-wrap:wrap;gap:3px;min-height:34px;align-content:flex-start;max-height:71px;overflow:hidden}
.svc-tile{width:34px;height:34px;flex:none;border:1px solid var(--line2);background:#120D20;display:flex;flex-direction:column;align-items:center;justify-content:center;
  opacity:0;transform:scale(.4);animation:svc-pop .26s ease-out var(--d) forwards}
.svc-tile b{font-size:9px;line-height:1;color:var(--muted);font-weight:800;white-space:nowrap}
.svc-tile .bv2-iimg,.svc-tile .bv2-emoji{width:20px!important;height:20px!important;object-fit:contain}
.svc-tile.rare{border:2px solid var(--pump-hi);background:#24160c}.svc-tile.rare b{color:var(--ember)}
@keyframes svc-pop{to{opacity:1;transform:scale(1)}}
.svc-crew{display:grid;grid-template-columns:1fr;gap:3px;min-height:0;flex:1 1 auto;overflow:hidden;align-content:start}
.svc-crew.two{grid-template-columns:1fr 1fr}
.svc-mate{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:6px;min-height:28px;padding:2px 6px;border:1px solid var(--line2);background:rgba(18,16,32,.8)}
.svc-mate.me{border-color:var(--moon)}
.svc-mate b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-mate small{font-size:11px;color:var(--dim);white-space:nowrap}
.svc-mate em{font-style:normal;font-size:12px;font-weight:800;color:#CFE1FF;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:34px;text-align:right}
.svc-crew.two .svc-mate small{display:none}
.svc-wrap .bv2-foot{margin-top:auto;flex:none;display:flex;gap:8px}
.svc-wrap .bv2-foot.col{flex-direction:column}
.svc-wrap .bv2-foot .bv2-btn{width:100%}

.svc-rh{text-align:center;flex:none}
.svc-rh small{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.svc-rh h1{margin:2px 0;font:700 40px/1 'Oswald',sans-serif;letter-spacing:.02em;color:var(--ember);text-shadow:0 3px 0 #8A3F06}
.svc-wrap.result.lose .svc-rh h1,.svc-wrap.result.spec .svc-rh h1{font-size:32px;color:#DDD5F2;text-shadow:0 2px 0 #2A2140}
.svc-wrap.result.tie .svc-rh h1{color:#CFE1FF;text-shadow:0 3px 0 #1D2E5A}
.svc-rh p{margin:0;font-size:14px;font-weight:800;white-space:nowrap}
.svc-rh .pump{color:var(--pump-hi)}.svc-rh .moon{color:var(--moon)}
.svc-mine{display:flex;align-items:center;justify-content:space-between;gap:10px;border:2px solid var(--line);background:rgba(18,16,32,.9);padding:8px 10px;flex:none}
.svc-mine span{font-size:13px;color:var(--text);line-height:1.35}
.svc-mine b{font:700 22px/1 'Oswald',sans-serif;white-space:nowrap}
.svc-mine.pos{border-color:var(--toxic)}.svc-mine.pos b{color:var(--toxic)}
.svc-mine.neg b{color:#FFB4A0}
.svc-table{display:flex;flex-direction:column;gap:3px;min-height:0;flex:0 1 auto;overflow:hidden}
.svc-row{display:grid;grid-template-columns:24px minmax(0,1fr) 52px minmax(0,1.2fr) 62px;align-items:center;gap:6px;min-height:30px;padding:2px 6px;border:1px solid var(--line2);background:rgba(18,16,32,.82)}
.svc-table.many .svc-row{min-height:26px;padding:1px 6px}
.svc-table.many .svc-row .bv2-face{width:20px!important;height:20px!important;font-size:9px!important}
.svc-row.h{min-height:20px;border:0;background:none;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}
.svc-row.h b,.svc-row.h small,.svc-row.h em,.svc-row.h .g{font-size:11px;color:var(--dim);font-weight:700}
.svc-row.st{border-color:rgba(224,112,18,.55)}
.svc-row.me{border-color:var(--moon);background:rgba(30,45,80,.6)}
.svc-row b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-row small{font-size:12px;color:var(--muted);white-space:nowrap;text-align:right}
.svc-row .g{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-row em{font-style:normal;font-size:13px;font-weight:800;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.svc-row em.pos{color:var(--toxic)}.svc-row em.neg{color:#FFB4A0}

.bv2-cpick.svc-shut{opacity:.45;cursor:not-allowed;border-style:dashed}
.bv2-cpick.svc-shut small{color:var(--muted);white-space:normal;text-align:center;line-height:1.2}
.svc-shut-note{margin:4px 0 0}

.svc-link{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 8px;align-items:center;border:2px solid var(--line2);background:rgba(10,8,18,.6);padding:6px 8px}
.svc-link small{grid-column:1;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.svc-link code{grid-column:1;grid-row:2;font:700 13px/1.2 'DM Mono',monospace;color:var(--ember);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:all}
.svc-link .bv2-btn{grid-column:2;grid-row:1/3;min-width:96px;min-height:44px}
.svc-hint{margin:0;font-size:12px;color:var(--muted);line-height:1.35}
.svc-deal{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.svc-deal span{display:flex;flex-direction:column;align-items:center;border:2px solid var(--line2);background:rgba(10,8,18,.6);padding:4px}
.svc-deal small{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.svc-deal b{font:700 22px/1.1 'Oswald',sans-serif;white-space:nowrap;display:flex;align-items:center;gap:4px}
.svc-deal span:last-child b{color:#CFE1FF}
.svc-explain{margin:0;font-size:12px;line-height:1.4;color:var(--text)}
.svc-explain .ok{color:var(--toxic)}.svc-explain .no{color:#FFB4A0}

.svc-bar{overflow:visible}
.svc-knot{position:absolute;inset:-4px 0;pointer-events:none;transition:transform .6s cubic-bezier(.3,1.3,.4,1)}
.svc-knot::before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:8px;background:#F6EEDB;box-shadow:0 0 0 2px #120E1C}
.svc-sc{position:relative}
.svc-fly{position:absolute;top:-22px;z-index:2;font:700 18px/1 'Oswald',sans-serif;pointer-events:none;text-shadow:0 2px 0 #120E1C;animation:svc-fly .95s ease-out both}
.svc-fly.st{left:52px;color:var(--ember)}.svc-fly.ch{right:52px;color:#CFE1FF}
@keyframes svc-fly{0%{opacity:0;transform:translateY(8px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}100%{opacity:0;transform:translateY(-24px)}}
.svc-trays{position:relative;display:flex;flex-direction:column;gap:8px;flex:none}
.svc-big{position:absolute;left:50%;top:50%;width:min(92%,340px);display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1A1428;border:3px solid var(--pump-hi);box-shadow:0 0 0 2px #120E1C,0 8px 0 rgba(0,0,0,.4);
  transform:translate(-50%,-50%);animation:svc-big .5s cubic-bezier(.2,1.3,.4,1) both;z-index:3}
.svc-big[hidden]{display:none}
.svc-big.ch{border-color:#7FB2FF}
.svc-big .bv2-iimg,.svc-big .bv2-emoji{width:44px!important;height:44px!important;object-fit:contain;flex:none}
.svc-big span{flex:1;min-width:0;display:flex;flex-direction:column}
.svc-big small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ember)}
.svc-big.ch small{color:#CFE1FF}
.svc-big b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-big em{font:700 24px/1 'Oswald',sans-serif;font-style:normal;color:var(--ember);white-space:nowrap}
.svc-big.ch em{color:#CFE1FF}
@keyframes svc-big{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6) rotate(-4deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(.96)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.svc-cd{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(10,8,18,.55);pointer-events:none}
.svc-cd b{font:700 120px/1 'Oswald',sans-serif;color:var(--ember);text-shadow:0 6px 0 #8A3F06,0 0 0 #120E1C;animation:svc-cd .5s cubic-bezier(.2,1.4,.4,1) both}
.svc-cd b.go{font-size:48px;letter-spacing:.02em;animation-name:svc-go}
@keyframes svc-go{0%{opacity:0;transform:scale(1.25)}100%{opacity:1;transform:scale(1)}}
.svc-cd.out{opacity:0;transition:opacity .2s ease-in}
@keyframes svc-cd{0%{opacity:0;transform:scale(2.2)}100%{opacity:1;transform:scale(1)}}
.svc-rh{position:relative}
.svc-side-note{display:block;font-style:normal;font-size:13px;font-weight:800;color:var(--toxic);margin:2px 0}
.svc-wrap.result.lose .svc-side-note{color:#FFB4A0}
.svc-rh h1{animation:svc-cd .55s cubic-bezier(.2,1.4,.4,1) both}
.svc-conf{position:absolute;left:50%;top:40%;width:0;height:0;pointer-events:none}
.svc-conf i{position:absolute;left:0;top:0;width:8px;height:8px;background:var(--c);box-shadow:0 0 0 1px #120E1C;animation:svc-conf 1.3s cubic-bezier(.12,.7,.3,1) var(--dl) both}
@keyframes svc-conf{0%{opacity:0;transform:translate(0,0) rotate(0)}8%{opacity:1}55%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}100%{opacity:0;transform:translate(calc(var(--dx)*1.15),calc(var(--dy) + 60px)) rotate(calc(var(--r)*1.6))}}

@media (max-height:760px){.svc-rule.opt{display:none}}
@media (max-height:700px){
  .svc-wrap{gap:6px}
  .svc-seat{min-height:56px}
  .svc-sc b{font-size:22px}
  .svc-rh h1{font-size:32px}
  .svc-row{min-height:27px}
  .svc-tile{width:30px;height:30px}.svc-tiles{max-height:63px;min-height:30px}
  .svc-mate{min-height:25px}
}
@media (min-width:700px) and (min-height:701px){.svc-wrap{padding-top:20px;justify-content:center}.svc-wrap .svc-act,.svc-wrap .bv2-foot{margin-top:6px}.svc-crew,.svc-table{flex:0 1 auto}}
@media (prefers-reduced-motion:reduce){.svc-tile{animation:none;opacity:1;transform:none}.svc-fill i{transition:none}.svc-big,.svc-cd b,.svc-rh h1{animation:none}.svc-knot{transition:none}.svc-fly,.svc-conf{display:none}}
