/* Original fal-generated physical stage props; motion uses one shared decoder. */
.tiki-ambience { position:fixed;inset:0;z-index:0;overflow:hidden;isolation:isolate;contain:layout paint;pointer-events:none;user-select:none; }
.tiki-ambience *, .tiki-border, .tiki-border * { pointer-events:none!important;box-sizing:border-box; }
.tiki-ambience img { display:block;max-width:none; }
.tiki-ambience__night { position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#263629,#131b15 70%); }
.tiki-ambience__warmth { position:absolute;top:13vh;width:260px;height:490px;background:radial-gradient(ellipse,#dd91312f,transparent 65%); }
.tiki-ambience__warmth--left { left:-160px; }.tiki-ambience__warmth--right { right:-160px; }
/* Keep ornament inside the existing gutters; never increase the data layout. */
.tiki-ambience__edge { position:absolute;top:-15px;bottom:-15px;width:92px;overflow:hidden;filter:drop-shadow(3px 5px 5px #0009); }
.tiki-ambience__edge--left { left:0; }.tiki-ambience__edge--right { right:0;transform:scaleX(-1); }
.tiki-ambience__edge img { position:absolute;left:-99px;top:0;width:256px;height:100%;object-fit:cover;object-position:center; }
.tiki-ambience__roof { position:absolute;top:calc(var(--tiki-roof-top,92px) - 20px);left:0;right:0;height:90px;overflow:hidden; }
.tiki-ambience__roof img { width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 5px 4px #0008); }
.tiki-ambience__torch { position:absolute;width:180px;aspect-ratio:384/688;top:max(155px,23vh); }
.tiki-ambience__torch--left { left:-62px;--torch-tilt:5deg; }.tiki-ambience__torch--right { right:-62px;--torch-tilt:-5deg; }
.tiki-ambience__torch-body { position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(1px 5px 4px #0008);transform:rotate(var(--torch-tilt)); }
.tiki-ambience__fire-light { position:absolute;top:-7%;left:0;width:100%;height:48%;background:radial-gradient(ellipse,#ffc77726,transparent 65%); }
/* The black VFX plate is keyed to real canvas alpha, preserving dark timber below. */
.tiki-ambience__flame { z-index:4;position:absolute;left:10%;top:-14%;width:80%;aspect-ratio:224/256;overflow:hidden;transform:rotate(var(--torch-tilt)); }
.tiki-ambience__flame img { position:absolute;top:0;left:0;width:200%;height:100%; }
.tiki-ambience__flame--right img { left:-100%; }
.tiki-ambience__flame canvas { position:absolute;inset:0;width:100%;height:100%;opacity:0; }
.tiki-ambience[data-ambience-state="playing"] .tiki-ambience__flame canvas { opacity:1; }
.tiki-ambience[data-ambience-state="playing"] .tiki-ambience__flame img { opacity:0; }
/* Keep decoder renderable on WebKit without displaying its atlas. */
.tiki-ambience__decoder { position:absolute;left:-2px;bottom:0;width:1px;height:1px;opacity:.001; }
.tiki-border { position:absolute;inset:0;border:1px solid #bb8e4e60;border-radius:inherit; }
.tiki-border>span { position:absolute;width:30px;height:30px;border:solid #b88d52;border-width:2px 0 0 2px;opacity:.8; }
.tiki-border>span:nth-child(1){top:6px;left:6px}.tiki-border>span:nth-child(2){top:6px;right:6px;transform:rotate(90deg)}.tiki-border>span:nth-child(3){bottom:6px;right:6px;transform:rotate(180deg)}.tiki-border>span:nth-child(4){bottom:6px;left:6px;transform:rotate(270deg)}
@media(min-width:1600px){.tiki-ambience__torch--left{left:-50px}.tiki-ambience__torch--right{right:-50px}.tiki-ambience__edge img{left:-87px}}
@media(max-width:1059px){.tiki-ambience__edge{width:54px}.tiki-ambience__edge img{left:-106px}.tiki-ambience__torch{width:138px;top:185px}.tiki-ambience__torch--left{left:-54px}.tiki-ambience__torch--right{right:-54px}.tiki-ambience__roof{height:70px}}
@media(max-width:640px){.tiki-ambience__edge{width:14px}.tiki-ambience__edge img{width:145px;left:-65px}.tiki-ambience__torch{width:80px;top:145px}.tiki-ambience__torch--left{left:-44px}.tiki-ambience__torch--right{right:-44px}.tiki-ambience__roof{height:46px;top:calc(var(--tiki-roof-top,92px) - 10px)}.tiki-ambience__warmth{display:none}}
body[data-motion="off"] .tiki-ambience__flame canvas { opacity:0!important; }body[data-motion="off"] .tiki-ambience__flame img { opacity:1!important; }
@media(prefers-reduced-motion:reduce){.tiki-ambience__flame canvas{opacity:0!important}.tiki-ambience__flame img{opacity:1!important}}
@media print{.tiki-ambience,.tiki-border{display:none!important}}

/* The physical torches occupy reserved outer gutters instead of hiding under the workspace. */
@media(min-width:1280px){
 .tiki-ambience__torch{width:110px;top:max(175px,25vh)}
 .tiki-ambience__torch--left{left:9px}.tiki-ambience__torch--right{right:9px}
 .tiki-ambience__edge{width:126px}.tiki-ambience__edge img{left:-65px}
}
@media(min-width:1060px) and (max-width:1279px){
 .tiki-ambience__torch{width:80px;top:max(175px,25vh)}
 .tiki-ambience__torch--left{left:6px}.tiki-ambience__torch--right{right:6px}
 .tiki-ambience__edge{width:94px}.tiki-ambience__edge img{left:-90px}
}
html[data-bar-state=closed] .tiki-ambience__flame,
html[data-bar-state=closed] .tiki-ambience__fire-light,
html[data-bar-state=closed] .tiki-ambience__warmth{display:none}
html[data-bar-state=closed] .tiki-ambience__edge,
html[data-bar-state=closed] .tiki-ambience__roof,
html[data-bar-state=closed] .tiki-ambience__torch-body{filter:brightness(.53) saturate(.62) drop-shadow(0 5px 6px #000a)}
html[data-bar-state=open] .tiki-ambience__edge{filter:drop-shadow(3px 5px 5px #0009) drop-shadow(0 0 17px #d8892c35)}