circle.dtopticket{fill:#1D82DC;stroke:#0067CE;cursor:pointer;stroke-width:0.5;}

circle.dtopticket[data-dclass='good']{fill:#5fa95d;stroke:#8AA609;}
circle.dtopticket[data-dclass='great']{fill:#429B46;stroke:#438716;}
circle.dtopticket[data-dclass='best']{fill:#1A8828;stroke:#008000;}


circle.ticket-marker{fill:#1D82DC;stroke:#0067CE;stroke-width:1;}
circle.ticket-marker[data-dclass='good']{fill:#4b8949;stroke:#2d6f30;}
circle.ticket-marker[data-dclass='great']{fill:#37843b;stroke:#12671d;}
circle.ticket-marker[data-dclass='excellent']{fill:#157622;stroke:#045f04;}



/* Control stroke-width for ticket markers based on zoomfactor attribute  */
#scaleSVG[data-zoomfactor='100'] circle.dtopticket{stroke-width:0.5;}
#scaleSVG[data-zoomfactor='110'] circle.dtopticket, #scaleSVG[data-zoomfactor='120'] circle.dtopticket, #scaleSVG[data-zoomfactor='130'] circle.dtopticket{stroke-width:0.6;}
#scaleSVG[data-zoomfactor='90'] circle.dtopticket,#scaleSVG[data-zoomfactor='80'] circle.dtopticket{stroke-width:0.4;}
#scaleSVG[data-zoomfactor='70'] circle.dtopticket,#scaleSVG[data-zoomfactor='60'] circle.dtopticket{stroke-width:0.3;}
#scaleSVG[data-zoomfactor='50'] circle.dtopticket,#scaleSVG[data-zoomfactor='40'] circle.dtopticket,#scaleSVG[data-zoomfactor='30'] circle.dtopticket,#scaleSVG[data-zoomfactor='20'] circle.dtopticket,#scaleSVG[data-zoomfactor='10'] circle.dtopticket{stroke-width:0.2;}

/* Control stroke-width for ticket markers based on zoomfactor attribute  */
#scaleSVG[data-zoomfactor='90'] circle.ticket-marker{stroke-width:0.9;}
#scaleSVG[data-zoomfactor='80'] circle.ticket-marker{stroke-width:0.78;}
#scaleSVG[data-zoomfactor='70'] circle.ticket-marker{stroke-width:0.67;}
#scaleSVG[data-zoomfactor='60'] circle.ticket-marker{stroke-width:0.57;}
#scaleSVG[data-zoomfactor='50'] circle.ticket-marker{stroke-width:0.47;}
#scaleSVG[data-zoomfactor='40'] circle.ticket-marker{stroke-width:0.37;}
#scaleSVG[data-zoomfactor='30'] circle.ticket-marker{stroke-width:0.27;}
#scaleSVG[data-zoomfactor='20'] circle.ticket-marker{stroke-width:0.17;}
#scaleSVG[data-zoomfactor='10'] circle.ticket-marker{stroke-width:0.07;}

/* Control stroke-width for ticket markers based on zoomfactor attribute  */
#viewport[data-zoomfactor='90'] circle.ticket-marker{stroke-width:0.9;}
#viewport[data-zoomfactor='80'] circle.ticket-marker{stroke-width:0.78;}
#viewport[data-zoomfactor='70'] circle.ticket-marker{stroke-width:0.67;}
#viewport[data-zoomfactor='60'] circle.ticket-marker{stroke-width:0.57;}
#viewport[data-zoomfactor='50'] circle.ticket-marker{stroke-width:0.47;}
#viewport[data-zoomfactor='40'] circle.ticket-marker{stroke-width:0.37;}
#viewport[data-zoomfactor='30'] circle.ticket-marker{stroke-width:0.27;}
#viewport[data-zoomfactor='20'] circle.ticket-marker{stroke-width:0.17;}
#viewport[data-zoomfactor='10'] circle.ticket-marker{stroke-width:0.07;}


text.dtopprice, text.ticket-price{
   font-family: Roboto,Arial,sans-serif;
   fill:#000000;
   font-weight:500;
   text-anchor:start;
   cursor:pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   stroke:#FFF;
   stroke-width:0.18em;
   paint-order:stroke fill;
}



text.ticket-price[data-dclass='excellent']{font-size:140%;}
text.ticket-price[data-dclass='great']{font-size:122%;}
text.ticket-price[data-dclass='good']{font-size:115%;}


polygon[data-sectionid='static_stage'],polygon[data-sectionid='b_stage'],polygon[data-sectionid='fighting_ring']{
   fill: black !important;
   stroke:none !important;
   pointer-events:none;
}
text[data-sectionid='static_stage'],text[data-sectionid='b_stage']{
   fill: white !important;
   color:white !important;
   pointer-events:none;
}

text.is-dyn{pointer-events: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
 




/* Ticket Bar container - minimal, no background or border */
.map-ticket-bar {
   position: absolute;
   top: 6px;
   right: 4px;
   z-index: 1;
   justify-items: right;
 }
 
 /* Group: icon + label (+ switch or button) */
 .ticket-bar-group {

    line-height: 32px;
   display: flex;
   align-items: center;
   gap: 4px;
   font-size: 16px;
   background: none;
   border: none;
   outline: none;
   padding: 0 8px;
   background: white;
   border-radius: 16px;
   border: 1px solid #E5E5E5;
   height: 36px;
   font-weight: 500;
   font-size: 12px;
   margin-bottom: 4px;
 }
 
 /* Iconify icons with mask (mdi recommended) */
 .ticket-icon {
   width: 16px;
   height: 16px;
   background: currentColor;
   display: inline-block;
   vertical-align: middle;
   mask-size: cover;
   mask-repeat: no-repeat;
   -webkit-mask-size: cover;
   -webkit-mask-repeat: no-repeat;
 }
 .icon-star {
   mask-image: url('https://api.iconify.design/mdi:star-outline.svg');
   -webkit-mask-image: url('https://api.iconify.design/mdi:star-outline.svg');
 }
 .icon-numeric {
   -webkit-mask-image: url('https://api.iconify.design/ant-design/number-outlined.svg');
   mask-image: url('https://api.iconify.design/ant-design/number-outlined.svg');
 }
 .icon-more {
   mask-image: url('https://api.iconify.design/mingcute:settings-2-line.svg');
   -webkit-mask-image: url('https://api.iconify.design/mingcute:settings-2-line.svg');
 }
 .icon-chevron{
   -webkit-mask-image: url('https://api.iconify.design/mdi/chevron-down.svg');
   mask-image: url('https://api.iconify.design/mdi/chevron-down.svg');    
 }

 
 /* Modern CSS switch (pure, no icons needed) */
 .switch {
   position: relative;
   display: inline-block;
   width: 32px;
   height: 16px;
 }
 .switch-input {
   opacity: 0;
   width: 0;
   height: 0;
 }
 .switch-slider {
   position: absolute;
   cursor: pointer;
   background-color: #e5e5e5;
   border-radius: 16px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   transition: background-color 0.2s;
 }
 .switch-slider:before {
   content: '';
   position: absolute;
   left: 2px;
   top: 2px;
   width: 12px;
   height: 12px;
   background: #fff;
   border-radius: 50%;
   transition: .2s;
 }
 .switch-input:checked + .switch-slider {
   background-color: #FF6600;
 }
 .switch-input:checked + .switch-slider:before {
   transform: translateX(16px);
   background: #fff;
   /* slider color on checked */
 }
 
/* text.ticket-price[data-dclass='excellent']{font-size:125%;}
text.ticket-price[data-dclass='great']{font-size:120%;}
text.ticket-price[data-dclass='good']{font-size:112%;} */