#dartava-live-v3{position:fixed;z-index:2300;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));font:600 13px/1.4 Inter,system-ui,sans-serif;color:#f4fbff}#dartava-live-v3 *{box-sizing:border-box}#dartava-live-v3 button{cursor:pointer;border:1px solid #31829d;border-radius:9px;background:#0d3448;color:#e9ffff;padding:10px 12px;font:700 13px Inter,system-ui,sans-serif;min-height:40px}#dartava-live-v3 button.da-primary{background:#19d2dd;color:#041621;border-color:#19d2dd}#dartava-live-v3 .da-live-pill{border-radius:50px;background:#052d3b;border-color:#18c9d8;max-width:230px;box-shadow:0 5px 22px #0008}#dartava-live-v3 .da-live-pill[data-waiting="1"]{border-color:#f7b25d}#dartava-live-v3 .da-live-pill[data-found="1"]{border-color:#20ed9c}#dartava-live-v3 .da-live-panel{position:absolute;right:0;bottom:calc(100% + 10px);background:#081626;border:1px solid #355d70;border-radius:15px;width:min(620px,calc(100vw - 20px));max-height:77dvh;overflow:auto;padding:14px;box-shadow:0 15px 44px #000b;overscroll-behavior:contain}#dartava-live-v3 .da-live-panel[hidden]{display:none!important}#dartava-live-v3 header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#dartava-live-v3 header button{font-size:20px}#dartava-live-v3 p{font-weight:500;color:#bed8e1;margin:8px 0}#dartava-live-v3 .da-error{color:#ffb19b}#dartava-live-v3 select,#dartava-live-v3 input{width:100%;padding:10px;border:1px solid #487587;border-radius:7px;background:#112b3c;color:white;font-size:16px}#dartava-live-v3 label{display:block;margin:8px 0}#dartava-live-v3 footer,#dartava-live-v3 .da-controls,#dartava-live-v3 .da-rematch{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}#dartava-live-v3 .da-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}#dartava-live-v3 .da-score{display:grid;gap:4px;padding:13px;border:1px solid #27465d;border-radius:10px;background:#0f2338}#dartava-live-v3 .da-score[data-turn="1"]{border-color:#ffbc59}#dartava-live-v3 .da-score strong{font-size:32px;line-height:1.1;color:#fff}#dartava-live-v3 .da-boards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}#dartava-live-v3 .da-stream{display:flex;flex-direction:column;gap:8px}#dartava-live-v3 video,#dartava-live-v3 .da-placeholder{width:100%;aspect-ratio:4/3;object-fit:contain;background:#031017;border-radius:9px;border:1px solid #244653}#dartava-live-v3 .da-placeholder{display:grid;place-items:center;color:#a3bac5;padding:12px;text-align:center}#dartava-live-v3 .da-chat-scroll{height:110px;overflow:auto;background:#07111d;padding:8px;border-radius:7px}#dartava-live-v3 .da-chat form{display:flex;gap:6px}#dartava-live-v3 .da-chat form input{flex:1;min-width:0}#dartava-live-v3 .da-tiny{font-size:11px}@media(min-width:821px){#dartava-live-v3{bottom:16px;right:16px}}@media(max-width:440px){#dartava-live-v3 .da-live-pill{font-size:12px;max-width:185px}#dartava-live-v3 .da-live-panel{max-height:70dvh}#dartava-live-v3 .da-boards{grid-template-columns:1fr}}
html[data-dartava-arena-v3-preview="1"] .da-next-root{display:none!important}


/* A genuine multicolour travelling LIGHT, not a static teal/amber outline.
   The swept segment runs round the active player's card for only 3.6 seconds.
   Works in Chrome/Android WebView, tablet and desktop; no camera or voice use. */
#dartava-live-v3 .da-score{position:relative;isolation:isolate}
#dartava-live-v3 .da-score>small,#dartava-live-v3 .da-score>strong{position:relative;z-index:1}
#dartava-live-v3 .da-score[data-turn-light="1"]{
 border-color:#62f6df;
 box-shadow:0 0 12px #23efdb66,0 0 25px #7365ff33;
}
#dartava-live-v3 .da-score[data-turn-light="1"]::before,
#dartava-live-v3 .da-score[data-turn-light="1"]::after{
 content:"";position:absolute;inset:-5px;border-radius:14px;
 pointer-events:none;
 background:conic-gradient(from var(--dartava-light-angle),
 transparent 0deg,transparent 70deg,#8d79ff 95deg,#41bcff 118deg,
 #30ffe0 140deg,#eaff64 159deg,#ffb44e 179deg,#ff5eae 201deg,
 transparent 235deg,transparent 360deg);
 animation:dartava-rainbow-orbit .92s linear infinite,dartava-rainbow-end 3.6s ease-in both;
}
#dartava-live-v3 .da-score[data-turn-light="1"]::before{
 padding:4px;z-index:0;
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
 filter:drop-shadow(0 0 4px #52e8ff);
}
#dartava-live-v3 .da-score[data-turn-light="1"]::after{
 inset:-7px;padding:5px;z-index:0;opacity:.72;filter:blur(8px);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
}
@property --dartava-light-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes dartava-rainbow-orbit{to{--dartava-light-angle:360deg}}
@keyframes dartava-rainbow-end{0%,76%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
 #dartava-live-v3 .da-score[data-turn-light="1"]::before,
 #dartava-live-v3 .da-score[data-turn-light="1"]::after{
  animation:dartava-rainbow-end 3.6s ease-out both;
  background:conic-gradient(#8d79ff,#41bcff,#30ffe0,#eaff64,#ffb44e,#ff5eae,#8d79ff);
 }
}

/* The same active match is the mobile Arena; camera-off panels stay compact. */
#dartava-live-v3[data-match-open="1"] .da-live-panel{position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:calc(12px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}
#dartava-live-v3 .da-placeholder{aspect-ratio:auto;min-height:44px;height:52px;font-size:12px}
#dartava-live-v3 .da-visit-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.6fr);gap:8px;margin:12px 0}
#dartava-live-v3 .da-visit-form label{margin:0;min-width:0}
#dartava-live-v3 .da-visit-form label:nth-child(3){grid-column:1/-1;display:flex;align-items:center;gap:8px}
#dartava-live-v3 .da-visit-form [type="checkbox"]{width:20px;height:20px;flex:none}
#dartava-live-v3 details{margin:10px 0;border:1px solid #274b60;border-radius:10px;padding:10px}
#dartava-live-v3 summary{cursor:pointer;font-weight:700;min-height:24px}
#dartava-live-v3 details[open]>summary{margin-bottom:10px}
#dartava-live-v3 .da-rematch{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
@media(min-width:821px){#dartava-live-v3[data-match-open="1"] .da-live-panel{inset:3vh max(20px,calc((100vw - 1100px)/2));width:auto;height:94vh;max-height:94vh;border-radius:16px}}