:root{color-scheme:dark;--cream:#f3eadf;--brown:#4a2f20;--brown2:#251914;--glass:#241813b8;--gold:#d2a35f;--yellow:#f3bd35;--text:#fff8f1}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#1a120f;font-family:Tahoma,Arial,"Noto Kufi Arabic",sans-serif}button{font:inherit}.showroom{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;background:#1a120f;color:var(--text)}#showroomCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:0}.showroomTopbar{position:absolute;z-index:35;top:max(14px,env(safe-area-inset-top));left:16px;right:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;pointer-events:none}.showroomGlass{pointer-events:auto;border:1px solid #ffffff2e;background:linear-gradient(145deg,#3a261ec7,#1d1410c7);box-shadow:0 14px 45px #0005,inset 0 1px #ffffff18;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#fff;border-radius:16px}.showroomBack,.showroomHotspotToggle{min-height:48px;padding:0 15px;display:flex;align-items:center;gap:8px;cursor:pointer}.showroomBack span{font-size:23px}.showroomBack b,.showroomHotspotToggle b{font-size:12px}.showroomBrand{justify-self:center;display:flex;align-items:center;gap:9px;padding:7px 13px;min-width:190px}.showroomBrand img{width:36px;height:36px;border-radius:10px;object-fit:contain;background:#fff}.showroomBrand b,.showroomBrand small{display:block}.showroomBrand b{font-size:12px}.showroomBrand small{margin-top:2px;color:#d8c9bb;font-size:9px}.showroomHotspotToggleDot{width:12px;height:12px;border-radius:50%;background:#d8b07b;box-shadow:0 0 0 5px #d8b07b20}.showroomHotspotToggle[aria-pressed="false"] .showroomHotspotToggleDot{background:#75665d;box-shadow:none}.showroomIntro{position:absolute;z-index:100;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#62402d 0,#2d1c15 44%,#120c09 100%);opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}.showroomIntro.hide{opacity:0;visibility:hidden;pointer-events:none}.showroomIntroBrand{text-align:center;transform:scale(.94) translateY(8px);animation:showroomIntroIn .75s cubic-bezier(.2,.75,.2,1) forwards}.showroomIntroBrand img{width:88px;height:88px;object-fit:contain;border-radius:24px;background:#fff;box-shadow:0 22px 70px #0008}.showroomIntroBrand strong,.showroomIntroBrand span{display:block}.showroomIntroBrand strong{font-size:24px;margin-top:15px}.showroomIntroBrand span{font-size:9px;letter-spacing:.32em;color:#d9bc98;margin-top:6px}.showroomIntroBrand i{display:block;width:150px;height:2px;margin:15px auto 0;background:#ffffff20;overflow:hidden}.showroomIntroBrand i:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,#e5b671,transparent);animation:showroomIntroLine 1s ease}.showroomInstructions{position:absolute;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:#120c09a8;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.showroomInstructions.open{opacity:1;visibility:visible}.showroomInstructionsCard{width:min(520px,100%);border:1px solid #ffffff2c;border-radius:28px;background:linear-gradient(160deg,#302019f2,#17100df2);padding:24px;box-shadow:0 30px 100px #0009;text-align:center;transform:scale(.96) translateY(10px);transition:transform .35s ease}.showroomInstructions.open .showroomInstructionsCard{transform:scale(1) translateY(0)}.showroomInstructionsCard>img{width:58px;height:58px;border-radius:16px;background:#fff;object-fit:contain}.showroomEyebrow{display:block;color:#ddb986;font-size:10px;margin-top:11px}.showroomInstructions h1{font-size:24px;margin:6px 0 17px}.showroomInstructionGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:right}.showroomInstructionGrid>div{min-height:98px;border:1px solid #ffffff17;border-radius:16px;background:#ffffff0a;padding:12px}.showroomInstructionGrid i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#c89b5f1f;color:#e5bd85;font-style:normal;font-size:17px;margin-bottom:8px}.showroomInstructionGrid b,.showroomInstructionGrid small{display:block}.showroomInstructionGrid b{font-size:11px}.showroomInstructionGrid small{font-size:9px;color:#cbbdb3;margin-top:4px;line-height:1.55}.showroomInstructionsCard>button{width:100%;min-height:48px;margin-top:15px;border:0;border-radius:14px;background:linear-gradient(135deg,#8c5d3b,#4d3020);color:#fff;font-weight:900;cursor:pointer}.showroomNavigator{position:absolute;z-index:36;left:50%;bottom:max(23px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:52px minmax(190px,260px) 52px;gap:8px;direction:ltr}.showroomNavArrow{width:52px;height:52px;border:1px solid #ffffff2c;border-radius:16px;background:#251813ce;color:#fff;font-size:31px;line-height:1;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 12px 34px #0004;transition:transform .2s ease,background .2s ease}.showroomNavArrow:hover{transform:translateY(-2px);background:#4a2f20}.showroomProductPill{direction:rtl;min-height:52px;border:1px solid #ffffff2c;border-radius:16px;background:#251813ce;padding:8px 14px;backdrop-filter:blur(12px);box-shadow:0 12px 34px #0004;position:relative}.showroomProductPill small,.showroomProductPill strong{display:block}.showroomProductPill small{font-size:8px;color:#cbbdb3}.showroomProductPill strong{font-size:13px;margin-top:2px}.showroomProductPill span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:9px;color:#dcb57d;direction:ltr}.showroomHint{position:absolute;z-index:20;left:50%;bottom:88px;transform:translateX(-50%);padding:7px 11px;border-radius:99px;background:#1f1511a8;color:#d5c7bc;font-size:9px;white-space:nowrap;pointer-events:none;backdrop-filter:blur(8px)}.showroomHotspotLayer{position:absolute;z-index:30;inset:0;pointer-events:none;overflow:hidden}.showroomHotspot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border:0;padding:0;border-radius:50%;background:transparent;pointer-events:auto;cursor:pointer;opacity:1;transition:opacity .18s ease}.showroomHotspotDot{position:absolute;inset:7px;border-radius:50%;background:#f1c786;border:2px solid #fff9ef;box-shadow:0 0 0 0 #f1c78680;animation:showroomPulse 1.8s infinite}.showroomHotspotCard{position:absolute;right:36px;top:50%;transform:translateY(-50%) scale(.92);transform-origin:right center;width:210px;padding:12px;border:1px solid #ffffff2c;border-radius:14px;background:#251813ed;color:#fff;text-align:right;box-shadow:0 18px 50px #0008;backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;pointer-events:none}.showroomHotspot.open .showroomHotspotCard{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.showroomHotspotCard strong,.showroomHotspotCard b,.showroomHotspotCard small{display:block}.showroomHotspotCard strong{font-size:12px;color:#f0c98e}.showroomHotspotCard b{font-size:10px;margin-top:4px}.showroomHotspotCard small{font-size:9px;color:#cfc1b5;line-height:1.65;margin-top:5px}.showroom.hotspotsOff .showroomHotspot{opacity:0!important;pointer-events:none}.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes showroomIntroIn{to{transform:scale(1) translateY(0)}}@keyframes showroomIntroLine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes showroomPulse{0%{box-shadow:0 0 0 0 #f1c78680}70%{box-shadow:0 0 0 10px #f1c78600}100%{box-shadow:0 0 0 0 #f1c78600}}@media(max-width:700px){.showroomTopbar{left:9px;right:9px;top:max(9px,env(safe-area-inset-top));grid-template-columns:48px 1fr 48px}.showroomBack,.showroomHotspotToggle{width:48px;height:48px;min-height:48px;padding:0;justify-content:center}.showroomBack b,.showroomHotspotToggle b{display:none}.showroomBrand{min-width:0;width:min(210px,100%);padding:6px 9px}.showroomBrand img{width:34px;height:34px}.showroomBrand b{font-size:10px}.showroomBrand small{font-size:8px}.showroomInstructionGrid{grid-template-columns:1fr}.showroomInstructionsCard{max-height:88dvh;overflow:auto;padding:18px;border-radius:22px}.showroomInstructions h1{font-size:20px}.showroomInstructionGrid>div{min-height:76px}.showroomNavigator{bottom:max(14px,env(safe-area-inset-bottom));grid-template-columns:46px minmax(170px,220px) 46px}.showroomNavArrow{width:46px;height:50px}.showroomProductPill{min-height:50px}.showroomHint{bottom:73px;font-size:8px;max-width:86vw;overflow:hidden;text-overflow:ellipsis}.showroomHotspotCard{width:178px;right:30px}.showroomHotspotCard small{font-size:8px}}@media(prefers-reduced-motion:reduce){.showroomIntro,.showroomIntroBrand,.showroomIntroBrand i:after,.showroomInstructions,.showroomInstructionsCard,.showroomNavArrow,.showroomHotspot,.showroomHotspotDot,.showroomHotspotCard{animation:none!important;transition-duration:.01ms!important}}

.showroomActions{position:absolute;z-index:36;bottom:90px;left:50%;transform:translateX(-50%);display:flex;gap:8px;max-width:calc(100% - 24px);width:max-content}
.showroomActions button,#showroomSkipIntro{min-height:44px;padding:10px 16px;border:1px solid #d2a35f55;border-radius:13px;background:linear-gradient(135deg,#38261fee,#1b1512ee);color:#f5e9d6;box-shadow:0 8px 24px #0003;cursor:pointer;white-space:nowrap}
.showroomActions button[aria-pressed="true"]{background:#805a33;border-color:#c9a573}
.showroomHint{bottom:144px}
#showroomSkipIntro{position:absolute;z-index:110;right:24px;bottom:28px}
#showroomSkipIntro[hidden]{display:none}
.showroomCinemaBars{position:absolute;inset:0;z-index:70;pointer-events:none}
.showroomCinemaBars:before,.showroomCinemaBars:after{content:"";position:absolute;left:0;right:0;height:0;background:#100c09;transition:height .9s cubic-bezier(.22,.61,.36,1)}
.showroomCinemaBars:before{top:0}.showroomCinemaBars:after{bottom:0}
.cinematic .showroomCinemaBars:before,.cinematic .showroomCinemaBars:after{height:9vh}
.cinematic .showroomTopbar,.cinematic .showroomNavigator,.cinematic .showroomActions,.cinematic .showroomHint,.cinematic .showroomHotspotLayer{opacity:0;pointer-events:none}
.showroomTopbar,.showroomNavigator,.showroomActions,.showroomHint{transition:opacity .8s ease}
.showroomIntro{background:radial-gradient(ellipse at 50% 45%,#493124 0,#1b120d 62%,#0c0806 100%);transition:opacity 1.2s ease,visibility 1.2s ease}
.showroomIntroBrand img{box-shadow:0 0 65px #c2944b28,0 25px 90px #0008}
@media(max-width:700px){.showroomActions{bottom:78px;gap:5px;width:calc(100% - 24px)}.showroomActions button{padding:8px 9px;font-size:11px;flex:1;min-width:0}.showroomHint{bottom:132px;max-width:94vw}#showroomSkipIntro{right:14px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.showroomCinemaBars:before,.showroomCinemaBars:after{transition:none;height:0!important}}


/* showroom-walk-curtain-controls */
.showroomWalkPad{position:absolute;z-index:38;right:clamp(14px,3vw,28px);bottom:158px;display:none;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:6px;direction:ltr;pointer-events:auto}
.showroom.walkMode .showroomWalkPad{display:grid}
.showroomWalkPad button{width:46px;height:46px;padding:0;border:1px solid #d2a35f66;border-radius:14px;background:linear-gradient(145deg,#39261fd9,#1b1512e8);color:#fff4e4;box-shadow:0 10px 28px #0005;backdrop-filter:blur(12px);font-size:23px;font-weight:900;cursor:pointer;touch-action:none;user-select:none}
.showroomWalkPad button:active{transform:scale(.94);background:#805a33}
.showroomWalkPad [data-walk="forward"]{grid-column:2;grid-row:1}.showroomWalkPad [data-walk="left"]{grid-column:1;grid-row:2}.showroomWalkPad [data-walk="backward"]{grid-column:2;grid-row:2}.showroomWalkPad [data-walk="right"]{grid-column:3;grid-row:2}
#showroomWalk[aria-pressed="true"],#showroomCurtain[aria-pressed="true"]{background:#805a33;border-color:#d9b77f}
.showroomActions{flex-wrap:wrap;justify-content:center}
@media(max-width:700px){.showroomWalkPad{right:10px;bottom:154px;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px}.showroomWalkPad button{width:44px;height:44px;border-radius:13px;font-size:21px}.showroomActions{max-width:calc(100% - 18px);justify-content:center}.showroomActions button{flex:0 1 auto;padding-inline:8px}.showroom.walkMode .showroomHint{display:none}}
@media(max-height:500px) and (orientation:landscape){.showroomWalkPad{right:8px;bottom:80px;transform:scale(.86);transform-origin:bottom right}.showroomActions{left:45%;bottom:70px;max-width:72vw}.showroomActions button{font-size:10px;min-height:38px;padding:7px}.showroomHint{display:none}}
@media(prefers-reduced-motion:reduce){.showroomWalkPad button{transition:none!important}}


/* 2026-09-14 light cinematic showroom intro */
.showroomIntro{background:radial-gradient(circle at 50% 42%,rgba(194,161,111,.22),transparent 30%),linear-gradient(145deg,#fffdf9 0%,#f5efe6 52%,#e9dfd2 100%)!important;color:#2e241e!important;overflow:hidden}
.showroomIntro:before{content:"";position:absolute;inset:7%;border:1px solid rgba(151,116,70,.22);border-radius:32px;transform:scale(.96);animation:showroomLightFrame 3.2s ease forwards}
.showroomIntro:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);transform:translateX(-120%);animation:showroomLightShine 2.6s .35s ease-in-out forwards}
.showroomIntroBrand{position:relative;z-index:2;color:#2e241e!important;animation:showroomLightBrand 1.1s cubic-bezier(.2,.8,.2,1) both}
.showroomIntroBrand img{filter:drop-shadow(0 14px 28px rgba(81,54,31,.16));box-shadow:none!important}
.showroomIntroBrand strong{color:#2e241e!important}.showroomIntroBrand span{color:#9a7445!important}.showroomIntroBrand i{background:linear-gradient(90deg,transparent,#b68a52,transparent)!important}
@keyframes showroomLightBrand{from{opacity:0;transform:translateY(24px) scale(.94);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes showroomLightFrame{to{opacity:.9;transform:scale(1)}}
@keyframes showroomLightShine{to{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.showroomIntro:before,.showroomIntro:after,.showroomIntroBrand{animation:none!important}}

.showroomLoadError{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:9999;width:min(88vw,420px);padding:22px;border:1px solid rgba(93,58,39,.24);border-radius:22px;background:#fffaf4;color:#2d1d14;text-align:center;box-shadow:0 24px 70px rgba(35,20,12,.2)}
.showroomLoadError strong,.showroomLoadError span{display:block}.showroomLoadError strong{font-size:20px}.showroomLoadError span{margin:8px 0 16px;color:#7b6557}.showroomLoadError button{width:100%;min-height:46px;border:0;border-radius:13px;background:#5a3826;color:#fff;font:inherit;font-weight:800}


/* Damietta branded cursor: keep the 3D canvas and every showroom control consistent with the main site. */
@media (hover:hover) and (pointer:fine){
  html,
  body,
  .showroom,
  .showroom *,
  #showroomCanvas{
    cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='36' viewBox='0 0 32 36'%3E%3Cpath d='M5 3L5 26L11 20L16 31L21 28.5L16 18L26 18Z' fill='%233B281E' stroke='%23A68445' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3, auto!important;
  }
  .showroom a,
  .showroom a *,
  .showroom button,
  .showroom button *,
  .showroom [role="button"],
  .showroom [role="button"] *,
  .showroomHotspot,
  .showroomHotspot *,
  .showroomNavArrow,
  .showroomWalkPad button{
    cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='36' viewBox='0 0 32 36'%3E%3Cpath d='M5 3L5 26L11 20L16 31L21 28.5L16 18L26 18Z' fill='%23947738' stroke='%233B281E' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3, pointer!important;
  }
}

.showroomIntro[hidden]{display:none!important}


/* 2026-09-20 mobile showroom cleanup */
@media (max-width:700px){
  .showroomHint{display:none!important}
  .showroomActions{
    left:10px!important;
    right:10px!important;
    bottom:72px!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
    padding:0 2px 3px;
    gap:6px!important;
    -webkit-overflow-scrolling:touch;
  }
  .showroomActions::-webkit-scrollbar{display:none}
  .showroomActions button{
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:7px 10px!important;
    font-size:10px!important;
    border-radius:11px!important;
  }
  .showroomNavigator{
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    grid-template-columns:42px minmax(156px,1fr) 42px!important;
    width:min(94vw,340px);
  }
  .showroomNavArrow{width:42px!important;height:46px!important;font-size:27px!important}
  .showroomProductPill{min-height:46px!important;padding:7px 11px!important}
  .showroomProductPill strong{font-size:11px!important}
  .showroomTopbar{grid-template-columns:44px minmax(0,1fr) 44px!important}
  .showroomBack,.showroomHotspotToggle{width:44px!important;height:44px!important;min-height:44px!important}
  .showroomBrand{width:min(190px,100%)!important}
  .showroomWalkPad{
    right:8px!important;
    bottom:122px!important;
    grid-template-columns:repeat(3,40px)!important;
    grid-template-rows:repeat(2,40px)!important;
    gap:4px!important;
  }
  .showroomWalkPad button{width:40px!important;height:40px!important;font-size:19px!important;border-radius:11px!important}
  .showroomHotspotCard{width:min(170px,62vw)!important}
}

.showroomActionsHint{display:none}
@media(max-width:700px){
  .showroomActionsHint{
    display:block;
    position:absolute;
    z-index:37;
    left:50%;
    bottom:114px;
    transform:translateX(-50%);
    padding:4px 9px;
    border-radius:999px;
    background:#1d1410c7;
    color:#d9c7b7;
    font-size:8px;
    white-space:nowrap;
    pointer-events:none;
    opacity:.88;
    transition:opacity .25s ease;
  }
  .showroomActionsHint.hide{opacity:0}
}

/* Edge-aware hotspot cards */
.showroomHotspot.cardRight .showroomHotspotCard{
  left:36px;
  right:auto;
  transform-origin:left center;
}
.showroomHotspot.cardLeft .showroomHotspotCard{
  right:36px;
  left:auto;
  transform-origin:right center;
}
@media(max-width:700px){
  .showroomHotspot.cardRight .showroomHotspotCard{left:30px;right:auto}
  .showroomHotspot.cardLeft .showroomHotspotCard{right:30px;left:auto}
}


/* 2026-09-25 mobile 3D touch targets + bottom control spacing */
@media(max-width:700px){
  .showroomNavigator{
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  .showroomActions{
    bottom:calc(max(10px,env(safe-area-inset-bottom)) + 56px)!important;
  }
  .showroomActionsHint{
    bottom:calc(max(10px,env(safe-area-inset-bottom)) + 104px)!important;
  }
  .showroomWalkPad{
    right:10px!important;
    bottom:calc(max(10px,env(safe-area-inset-bottom)) + 110px)!important;
    transform:none!important;
    grid-template-columns:repeat(3,46px)!important;
    grid-template-rows:repeat(2,46px)!important;
    gap:5px!important;
  }
  .showroomWalkPad button{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:13px!important;
    font-size:22px!important;
  }
  .showroom.walkMode .showroomActionsHint{display:none!important}
}
@media(max-width:360px) and (min-height:501px){
  .showroomWalkPad{
    right:8px!important;
    grid-template-columns:repeat(3,44px)!important;
    grid-template-rows:repeat(2,44px)!important;
  }
  .showroomWalkPad button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    font-size:21px!important;
  }
}


.showroomErrorHome{display:block;margin-top:12px;padding:10px;color:#5a3826;text-decoration:underline;font-weight:800;border-radius:13px}.showroomErrorHome:focus-visible{outline:2px solid #5a3826;outline-offset:3px}


/* Recorded city approach; the room stays interactive after playback. */
#showroomIntroVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#1a120f}
.showroomIntro:has(#showroomIntroVideo):before,.showroomIntro:has(#showroomIntroVideo):after{display:none}
.showroomIntro:has(#showroomIntroVideo) .showroomIntroBrand{animation:none;transform:none;background:#251914c9;padding:22px 28px;border-radius:24px;color:#fff8f1!important}
.showroomIntro:has(#showroomIntroVideo) .showroomIntroBrand strong{color:#fff8f1!important}
.showroomIntro:has(#showroomIntroVideo) .showroomIntroBrand span{color:#d9bc98!important}
.showroomIntro:has(#showroomIntroVideo) .showroomIntroBrand i{display:none}
.showroomIntro.videoPlaying .showroomIntroBrand{display:none}
.showroomIntro:has(#showroomIntroVideo){transition:opacity .35s ease,visibility .35s ease}
@media(max-aspect-ratio:1/1){#showroomIntroVideo{object-fit:contain}}

#showroomIntroSound{position:absolute;z-index:110;left:max(20px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));min-height:44px;padding:11px 18px;border:1px solid #ffffff52;border-radius:999px;background:#211a17bd;color:#fff;font:700 14px system-ui;backdrop-filter:blur(12px);cursor:pointer}#showroomIntroSound[hidden]{display:none}#showroomIntroSound:focus-visible{outline:3px solid #dfbd84;outline-offset:4px}@media(max-width:480px){#showroomIntroSound{left:12px;bottom:max(24px,env(safe-area-inset-bottom));padding:10px 12px;font-size:12px}}

.showroomIntroCredits{position:absolute;right:16px;top:12px;display:flex;align-items:center;min-height:44px;padding:0 10px;border-radius:12px;background:#22191180;color:#fff9ed;font:12px system-ui;text-decoration:none;z-index:2}.showroomIntroCredits:focus-visible{outline:2px solid #e4bd82;outline-offset:3px}

.showroomRuntimeStatus{position:absolute;z-index:3;bottom:22%;padding:12px 20px;border-radius:14px;background:#251914dd;color:#fff8f1;font:14px system-ui}

#showroomIntroPlay{position:absolute;z-index:110;top:65%;left:50%;transform:translateX(-50%);min-height:48px;padding:12px 24px;border:1px solid #dfbd84;border-radius:999px;background:#251914ed;color:#fff8f1;font:700 16px system-ui;cursor:pointer}#showroomIntroPlay[hidden]{display:none}#showroomIntroPlay:focus-visible{outline:3px solid #dfbd84;outline-offset:4px}

.showroomLoadError{max-height:calc(100dvh - 40px);overflow:auto}.showroomLoadError .showroomErrorImage{display:block;width:min(420px,100%);max-height:240px;object-fit:contain;border-radius:12px;margin:8px auto}.showroomLoadError button[hidden]{display:none}