/* Burlington Tile cutaway - black & gold colours only (v573; v575 additions at end). No sizing/layout. */
#viewer{background:radial-gradient(120% 90% at 50% 35%,#3a3631 0,#1d1b19 55%,#0e0d0c 100%)!important;border-color:#b8955a55}
#viewer button{background:#1d1a16e6!important;color:#f3e7cf!important;border-color:#c9a86a88!important}
#viewer #play{background:linear-gradient(180deg,#e2c487,#b48a45)!important;color:#1a140b!important}
#viewer button:focus-visible{outline-color:#e2c487}
#card{background:#fbf7ee!important;border-color:#c9a86a!important}
#viewer .hint{color:#d9c8a6!important}
/* v574 (Mike Oct 24): white bubbles -> dark smoked glass. Colours/blur only, no sizing or position changes. */
#card,#tip,.pin span,#viewer .fxlab,#pennyNote,#buildNote,#finBar,#golfHint,#curbCap,#plumbEgg{background:rgba(18,16,14,.5)!important;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(226,196,135,.45)!important;box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)!important;color:#f6eedd!important;text-shadow:0 1px 2px rgba(0,0,0,.45)}
#card{border-radius:14px!important}#pennyNote,#buildNote,#tip,#viewer .fxlab{border-radius:10px!important}
#pennyNote{border-left:3px solid #e2c487!important}#buildNote{border-left:3px solid #e2c487!important}#tip{border-left:3px solid #e2c487!important}#viewer .fxlab{border-top:2px solid #e2c487!important}
#card h3,#card h4,#card p,#card .what,#card .chip,#card .src,#card li,#card b,#card strong,#viewer .fxlab b,#buildNote label{color:#f6eedd!important}
#card .chip,#card .src{color:#d9c8a6!important}#card .chip .no{color:#e2c487!important}#card hr{border-top-color:#e2c487!important}
#card .mike{border-left-color:#e2c487!important}#card a{color:#f0d79c!important}#card .x{color:#f3e7cf!important}
#card .you,#card .tbc,#card .glow{background:rgba(255,255,255,.1)!important;color:#f6eedd!important;border-color:rgba(226,196,135,.5)!important}
#finBar .fin-tabs button[aria-selected=true]{background:rgba(226,196,135,.25)!important;color:#fff!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#card,#tip,.pin span,#viewer .fxlab,#pennyNote,#buildNote,#finBar,#golfHint,#curbCap,#plumbEgg{background:rgba(22,20,17,.9)!important}}
/* v574 plumber easter egg */
#plumbEgg{position:absolute;left:50%;top:18%;transform:translateX(-50%);z-index:9;max-width:min(320px,86%);padding:12px 48px 12px 14px;border-radius:14px;font:600 15px/1.45 'MT Lato',system-ui,sans-serif;opacity:0;transition:opacity .3s}
#plumbEgg.show{opacity:1}#plumbEgg .f{display:inline-block;transform-origin:50% 90%;animation:wag .5s ease-in-out 4}
#plumbEgg button{position:absolute;right:2px;top:2px;width:44px;height:44px;border:0;background:none!important;color:#f3e7cf!important;font-size:22px;cursor:pointer}
@keyframes wag{0%,100%{transform:rotate(0)}25%{transform:rotate(-18deg)}75%{transform:rotate(18deg)}}
@media (prefers-reduced-motion:reduce){#plumbEgg .f{animation:none}#plumbEgg{transition:none}}
/* v575 (Mike Oct 24): remaining light bubbles -> same smoked glass; LED hot button */
#ledMod,#fixNote,#fixHot,#tourCap{background:rgba(18,16,14,.5)!important;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(226,196,135,.45)!important;box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)!important;color:#f6eedd!important}
#ledMod *,#fixNote h3,#fixNote p,#fixNote .chip,#tourCap *{color:#f6eedd!important}#fixNote .src,#fixNote .src a,#fixNote a{color:#f0d79c!important}#fixNote{border-top:2px solid #e2c487!important}
#viewer #ledBtn{min-width:44px;min-height:44px;height:44px;width:44px;padding:0;justify-content:center;gap:0;border-radius:50%!important;background:rgba(18,16,14,.55)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,196,135,.6)!important;color:#e2c487!important;box-shadow:0 6px 18px rgba(0,0,0,.35)!important}
#viewer #ledBtn .lb-dot{position:absolute;right:7px;top:7px;width:7px;height:7px}
#viewer #ledBtn.open{background:rgba(226,196,135,.28)!important;color:#fff3d6!important}
#viewer #ledBtn:focus-visible{outline:2px solid #e2c487}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#ledMod,#fixNote,#fixHot,#tourCap,#viewer #ledBtn{background:rgba(22,20,17,.9)!important}}
#viewer #tiltBtn{min-height:44px;padding:0 14px;border-radius:999px!important;background:rgba(18,16,14,.55)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,196,135,.6)!important;color:#f3e7cf!important;font-size:14px}
#viewer #tiltBtn[aria-pressed=true]{background:rgba(226,196,135,.28)!important;color:#fff3d6!important}#viewer #tiltBtn[hidden]{display:none!important}
/* v575 (Mike: "the white bubble at the bottom should be glass too"): the step / explode control bar is smoked glass on every screen size */
#viewer .bar{background:rgba(18,16,14,.55)!important;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(226,196,135,.45)!important;box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)!important}
#viewer .bar,#viewer .bar label,#viewer .bar span,#viewer .bar small,#viewer .bar b,#viewer .bar strong,#viewer .bar div{color:#f6eedd!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#viewer .bar{background:rgba(22,20,17,.9)!important}}
/* v575 (Mike): curb "Ah ah ah!" pop-up, same as the plumber one but with a green accent */
#curbEgg,#curblessEgg{position:absolute;left:50%;top:18%;transform:translateX(-50%);z-index:9;max-width:min(320px,86%);padding:12px 48px 12px 14px;border-radius:14px;font:600 15px/1.45 'MT Lato',system-ui,sans-serif;opacity:0;transition:opacity .3s;background:rgba(18,16,14,.5);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(110,200,120,.7);border-left:3px solid #5fc46c;box-shadow:0 8px 28px rgba(0,0,0,.35),0 0 14px rgba(95,196,108,.25),inset 0 1px 0 rgba(255,255,255,.08);color:#f6eedd}
#curbEgg.show,#curblessEgg.show{opacity:1}#curbEgg b,#curblessEgg b{color:#8fe39a}
#curbEgg .f,#curblessEgg .f{display:inline-block;transform-origin:50% 90%;animation:wag .5s ease-in-out 4;filter:drop-shadow(0 0 4px rgba(95,196,108,.8))}
#curbEgg button,#curblessEgg button{position:absolute;right:2px;top:2px;width:44px;height:44px;border:0;background:none;color:#bdf0c3;font-size:22px;cursor:pointer}
@media (prefers-reduced-motion:reduce){#curbEgg .f,#curblessEgg .f{animation:none}#curbEgg,#curblessEgg{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#curbEgg,#curblessEgg{background:rgba(22,20,17,.9)}}

/* v576: Choose your tile flavors button (all devices) + wizard stub */
#viewer #flavorBtn{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:rgba(18,16,14,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,196,135,.6);color:#f3e7cf;font:700 14px 'MT Lato',system-ui,sans-serif;white-space:nowrap;cursor:pointer;margin-left:4px}
#viewer #flavorBtn:hover{background:rgba(226,196,135,.28)}
/* v576 (Mike Oct 24): every "Ah ah ah!" pop-up uses the green-edged curb style */
#viewer #plumbEgg,#plumbEgg{border:1px solid rgba(110,200,120,.7)!important;border-left:3px solid #5fc46c!important;box-shadow:0 8px 28px rgba(0,0,0,.35),0 0 14px rgba(95,196,108,.25),inset 0 1px 0 rgba(255,255,255,.08)!important}
#plumbEgg b{color:#8fe39a}
#plumbEgg .f{filter:drop-shadow(0 0 4px rgba(95,196,108,.8))}
#plumbEgg button{color:#bdf0c3!important}
/* v576 (Mike couldn't find it): LED hot button = labelled pill in the bottom button row */
#viewer #finBar #ledBtn{position:static;opacity:1;transform:none;pointer-events:auto;width:auto;min-width:44px;height:44px;padding:0 14px;gap:6px;border-radius:999px!important;font:700 14px 'MT Lato',system-ui,sans-serif;color:#f3e7cf!important;white-space:nowrap;margin-left:4px}
#viewer #finBar #ledBtn .lb-bulb{display:none}
#viewer #finBar #ledBtn .lb-dot{position:static;width:9px;height:9px;flex:none}
#viewer #finBar{flex-wrap:wrap;row-gap:6px}
#curblessEgg{z-index:12}
#golfBtn{display:none!important}
#viewer #panBar button{min-height:44px;padding:0 14px 0 6px;font:700 15px "MT Lato",system-ui,sans-serif}#viewer #panBar button span{display:inline!important;font-size:15px}
/* v576 (Mike Oct 24): ONE look for every "Ah ah ah!" pop-up - compact retro-futuristic neon glass, 44px close X, 6 s on screen */
#viewer .ahEgg{position:absolute;left:50%;top:14px;bottom:auto;right:auto;transform:translate(-50%,-6px);z-index:30;box-sizing:border-box;
  width:min(300px,calc(100% - 24px));max-width:300px;margin:0;padding:10px 46px 11px 13px;border-radius:4px;
  background:rgba(6,14,9,.78);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);
  border:1px solid rgba(80,255,140,.75);border-left:1px solid rgba(80,255,140,.75);
  box-shadow:0 0 0 1px rgba(80,255,140,.12) inset,0 0 14px rgba(60,255,130,.35),0 8px 24px rgba(0,0,0,.45);
  color:#d9ffe4;font:500 13px/1.35 system-ui,-apple-system,sans-serif;text-align:left;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;overflow:hidden}
#viewer .ahEgg.show{opacity:1;transform:translate(-50%,0);pointer-events:auto;animation:ahGlitch .5s steps(2,end) 1}
#viewer .ahEgg::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(80,255,140,.06) 0 1px,transparent 1px 3px)}
#viewer .ahEgg .ah-h{display:block;margin:0 0 3px;font:700 14px/1.1 ui-monospace,"SFMono-Regular",Menlo,Consolas,"Courier New",monospace;letter-spacing:.08em;
  text-transform:uppercase;color:#7dffa8;text-shadow:0 0 6px rgba(80,255,140,.85),0 0 14px rgba(80,255,140,.45)}
#viewer .ahEgg .ah-t{display:block;color:#d9ffe4}
#viewer .ahEgg .f{display:none}
#viewer .ahEgg .ah-c,#viewer .ahEgg .ah-c::after{position:absolute;width:9px;height:9px;pointer-events:none}
#viewer .ahEgg .ah-c{left:3px;bottom:3px;border-left:2px solid #7dffa8;border-bottom:2px solid #7dffa8}
#viewer .ahEgg::after{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;border-left:2px solid #7dffa8;border-top:2px solid #7dffa8;pointer-events:none}
#viewer .ahEgg .ah-x{position:absolute;top:0;right:0;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent;
  color:#7dffa8;font:400 26px/44px ui-monospace,Menlo,monospace;text-align:center;cursor:pointer;text-shadow:0 0 8px rgba(80,255,140,.8)}
#viewer .ahEgg .ah-x:hover,#viewer .ahEgg .ah-x:focus-visible{color:#fff;outline:1px solid rgba(80,255,140,.7);outline-offset:-6px}
@keyframes ahGlitch{0%{opacity:.2;transform:translate(calc(-50% + 3px),0);filter:hue-rotate(40deg)}50%{opacity:.85;transform:translate(calc(-50% - 2px),0)}100%{opacity:1;transform:translate(-50%,0);filter:none}}
@media (prefers-reduced-motion:reduce){#viewer .ahEgg,#viewer .ahEgg.show{animation:none;transition:opacity .2s;transform:translate(-50%,0)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#viewer .ahEgg{background:rgba(6,14,9,.94)}}
/* v576: tile-flavors label must stay readable on phones (the bar hides button spans at narrow widths) */
#viewer #finBar #flavorBtn{width:auto;min-width:44px;min-height:44px;padding:0 14px}
#viewer #finBar #flavorBtn span{display:inline!important;white-space:nowrap}
/* v576: phone - the three extra buttons sit on ONE compact row (short labels), no tall panel over the model */
#viewer #finBar #ledBtn .lb-t{display:inline!important;white-space:nowrap}
#viewer #finBar .lg{font-style:normal}
#viewer #finBar #tiltBtn span,#viewer #finBar #flavorBtn span{display:inline!important;white-space:nowrap}
#viewer #finBar #flavorBtn .lg{text-transform:none}
@media (max-width:600px){
  #viewer #finBar .lg{display:none}
  #viewer #finBar #tiltBtn,#viewer #finBar #flavorBtn,#viewer #finBar #ledBtn{width:auto;min-height:44px;height:44px;padding:0 11px;font-size:13px}
}
#viewer #finBar .sm{display:none;font-style:normal}
@media (max-width:600px){#viewer #finBar .sm{display:inline}}
/* v576: LED panel opened from the button sits just under the button bar on phones (was hidden behind it), above everything else */
#viewer #ledMod{z-index:9}
@media (max-width:980px){#viewer #ledMod.manual{top:158px}}
/* v576 (Mike): "Choose your tile flavors" opens the existing tile chooser (#finStrip) as a frosted-glass panel, matching the other glass bubbles */
#viewer.flavors-open #finStrip{display:flex!important}
#viewer.flavors-open:not(.fin-on) #finStrip,#viewer.flavors-open #finStrip{z-index:11;gap:8px;padding:12px;border-radius:18px;
  background:rgba(18,16,14,.55)!important;-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
  border:1px solid rgba(226,196,135,.45);box-shadow:0 10px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#viewer.flavors-open #finStrip{background:rgba(22,20,17,.92)!important}}
#finStrip .fs-h,#finStrip .fs-x{display:none}
#viewer.flavors-open #finStrip .fs-h{display:block;padding:2px 48px 2px 4px;font:600 19px/1.25 'EB Garamond',Georgia,serif;color:#f3e2b8;letter-spacing:.01em}
#viewer.flavors-open #finStrip .fs-x{display:block;position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#f6eedd;font:400 30px/44px system-ui,sans-serif;cursor:pointer}
#viewer.flavors-open #finStrip .fs-x:hover{background:rgba(255,255,255,.1)}
#viewer.flavors-open #finStrip{position:absolute}
#viewer.flavors-open #finStrip .fs-surf button{min-height:44px;font-size:14px;border-radius:999px;border-color:rgba(226,196,135,.4);background:rgba(255,255,255,.06)}
#viewer.flavors-open #finStrip .fs-surf button[aria-checked=true]{background:#e2c487;color:#17140f;border-color:#e2c487}
#viewer.flavors-open #finStrip [role=radiogroup] button span{font-size:13px;color:#f6eedd}
#viewer.flavors-open #finStrip [role=radiogroup] button[aria-checked=true] i{outline:2px solid #e2c487;outline-offset:2px}
/* v576b (Mike): Fixtures note = frosted glass with finish swatches + Water on toggle (44px taps) */
#viewer #fixNote.glass{background:rgba(18,16,14,.58);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);border:1px solid rgba(226,196,135,.45);border-radius:18px;box-shadow:0 10px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12);color:#f6eedd;width:320px;max-height:calc(100% - 70px);overflow:auto}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#viewer #fixNote.glass{background:rgba(22,20,17,.94)}}
#viewer #fixNote.glass h3{color:#f3e2b8}#viewer #fixNote.glass p{color:#e9e1d0;font-size:15px}#viewer #fixNote.glass .chip{color:#e2c487}
#viewer #fixNote.glass .x{width:44px;height:44px;top:2px;right:2px;color:#f6eedd;font-size:28px;border-radius:50%}
#fixNote .fx-ctl{margin-top:12px;display:grid;gap:8px}
#fixNote .fx-l{font:700 11px 'MT Lato',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#e2c487}
#fixNote .fx-fin{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#fixNote .fx-fin button,#fixNote .fx-water{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:999px;border:1px solid rgba(226,196,135,.35);background:rgba(255,255,255,.07);color:#f6eedd;font:600 14px 'MT Lato',system-ui,sans-serif;cursor:pointer;text-align:left}
#fixNote .fx-fin i{width:22px;height:22px;border-radius:50%;flex:none;box-shadow:inset 0 2px 3px rgba(255,255,255,.45),inset 0 -2px 3px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.3)}
#fixNote .fx-fin button[aria-checked=true]{border-color:#e2c487;background:rgba(226,196,135,.2);box-shadow:0 0 0 1px #e2c487}
#fixNote .fx-water{justify-content:center;font-size:15px}
#fixNote .fx-water i{width:12px;height:16px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#8fc6ff;transform:rotate(0)}
#fixNote .fx-water[aria-pressed=true]{background:#e2c487;color:#17140f;border-color:#e2c487}
#fixNote .fx-fin button:focus-visible,#fixNote .fx-water:focus-visible{outline:2px solid #ffd54f;outline-offset:2px}
@media (max-width:760px){#viewer #fixNote.glass{width:auto}}
/* v576c (Mike): the open tile chooser sits ON TOP of the bottom control bar (bottom-anchored, covers its footprint); the bar is hidden and untappable until it closes */
#viewer.flavors-open #finStrip{bottom:8px!important;left:8px!important;right:8px!important;z-index:40!important;min-height:min(240px,calc(100% - 140px));max-height:calc(100% - 120px);overflow:auto;justify-content:flex-start}
#viewer.flavors-open .bar{visibility:hidden!important;pointer-events:none!important}
.app.is-fs #viewer.flavors-open #finStrip{max-width:none}
/* v576c: LED colours panel extras: brightness slider (big thumb) + Party mode toggle, frosted glass, 44px targets */
#ledMod .lm-extra{display:grid;gap:8px;margin:10px 0 4px}
#ledMod .lm-bl{font:700 11px 'MT Lato',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e2c487}
#ledMod .lm-bright{-webkit-appearance:none;appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;--pc:54%}
#ledMod .lm-bright::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,#e2c487 var(--pc),rgba(255,255,255,.22) var(--pc))}
#ledMod .lm-bright::-moz-range-track{height:8px;border-radius:99px;background:rgba(255,255,255,.22)}#ledMod .lm-bright::-moz-range-progress{height:8px;border-radius:99px;background:#e2c487}
#ledMod .lm-bright::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-11px;border-radius:50%;background:#fff;border:3px solid #e2c487;box-shadow:0 2px 8px rgba(0,0,0,.45)}
#ledMod .lm-bright::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #e2c487}
#ledMod .lm-bright:focus-visible{outline:2px solid #ffd54f;outline-offset:2px;border-radius:8px}
#ledMod .lm-party{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid rgba(226,196,135,.4);background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f6eedd;font:600 15px 'MT Lato',system-ui,sans-serif;cursor:pointer}
#ledMod .lm-party[aria-pressed=true]{background:linear-gradient(90deg,rgba(255,80,160,.35),rgba(80,170,255,.35),rgba(120,255,140,.35));border-color:#fff}
#ledMod .lm-party:focus-visible{outline:2px solid #ffd54f;outline-offset:2px}
/* v576c (Mike): "Whole shower" default in the open chooser (full-width pill above the area tabs) + hint line */
#finStrip .fs-surf [data-s=all]{display:none}
#viewer.flavors-open #finStrip .fs-surf{flex-wrap:wrap}
#viewer.flavors-open #finStrip .fs-surf [data-s=all]{display:flex;align-items:center;justify-content:center;flex:1 1 100%;min-height:44px;font-size:15px}
#viewer.flavors-open #finStrip .fs-h small{display:block;margin-top:3px;font:500 13px/1.3 'MT Lato',system-ui,sans-serif;color:#e9dcbf;letter-spacing:0}
/* v576e: Reset view button (shows once zoomed in) */
#viewer .zoom-reset{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:30;min-height:44px;padding:0 18px;border-radius:22px;border:1px solid rgba(255,255,255,.35);background:rgba(20,22,26,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:700 14px/1 'MT Lato',Arial,sans-serif;cursor:pointer}
#viewer .zoom-reset[hidden]{display:none}
#viewer canvas{touch-action:none}

/* MIKE: Oct 28, 2026: Explode label fix. The theme rule '#viewer button{background:rgba(29,26,22,.9)!important}' (above) also hit the pin buttons, so each pin
   (number + its hidden label) painted as an empty dark box. Pins are now transparent; labels are cream cards with Academy silver discs and show in Explode. */
#viewer button.pin{background:none!important;border:0!important;box-shadow:none!important}
#viewer .pin:hover,#viewer .pin:focus-visible,#viewer .pin.on{z-index:2}
#viewer .pin span{visibility:hidden;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(250,248,242,.97)!important;color:#2f3338!important;text-shadow:none!important;border:1px solid #b9bec4!important;box-shadow:0 4px 14px rgba(0,0,0,.28),inset 0 1px 0 #fff!important;font:700 16px/1.2 'MT Lato','Lato',Arial,sans-serif;letter-spacing:.01em;padding:7px 13px;border-radius:6px}
#viewer .pin:hover span,#viewer .pin:focus-visible span,#viewer .pin.on span{visibility:visible;opacity:1;transform:none}
/* MIKE: Oct 28 b: smaller discs (25px desktop / 24px phone) with a 44px invisible tap area; labels float beside the disc */
#viewer .pin{margin:-12.5px 0 0 -12.5px;gap:0;position:absolute}
#viewer .pin::before{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%}
#viewer .pin span{position:absolute;left:33px;top:50%;margin-top:-15px;font-size:15px;line-height:1.2;padding:5px 11px;border-radius:5px}
#viewer .pin[data-key="bed"] span{left:auto;right:33px}
#viewer .pin b{width:25px;height:25px;font:700 12.5px/23px 'MT Lato','Lato',Arial,sans-serif;color:#2f3338;border:1px solid #8c939a;
  background:radial-gradient(120% 90% at 30% 20%,#fff 0%,#f1f3f5 30%,transparent 60%),linear-gradient(160deg,#fbfcfc 0%,#dfe2e5 38%,#b9bec4 68%,#e2e5e8 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 1.5px 4px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.5)}
#viewer .pin:hover b,#viewer .pin.on b{background:linear-gradient(160deg,#ffffff 0%,#e9ecef 35%,#c2c6cb 70%,#eef0f2 100%);box-shadow:inset 0 0 0 1px #fff,0 2px 6px rgba(0,0,0,.4),0 0 0 3px rgba(244,239,226,.75)}
#viewer .pin i.lead{left:12.5px;top:12.5px;height:1px;background:rgba(194,196,197,.85)}
#viewer .pin i.lead::after{width:4px;height:4px;right:-2px;top:-1.5px;background:#f4efe2;box-shadow:0 0 0 1px #8c939a}
@media (max-width:600px){#viewer .pin{margin:-12px 0 0 -12px}#viewer .pin b{width:24px;height:24px;font-size:12px;line-height:22px}#viewer .pin i.lead{left:12px;top:12px}}
/* LATASIL explode tag: same cream card + silver line */
#viewer .xlab{font:700 13px/1.2 'MT Lato','Lato',Arial,sans-serif;letter-spacing:.01em;color:#2f3338;background:rgba(250,248,242,.97);border:1px solid #b9bec4;border-radius:5px;padding:4px 10px;margin:-12px 0 0 14px;box-shadow:0 3px 10px rgba(0,0,0,.25),inset 0 1px 0 #fff}
#viewer .xlab::before{left:-15px;width:14px;background:#c2c4c5}

/* MIKE: Oct 28 c: desktop now like mobile: plain discs, label only for the hovered/focused/selected layer */