/* 全部圖層共用世界座標，透明處不攔截走路點擊。 */
/* 原圖兩側以相同比例鏡射像素，再以暗角柔化外緣。 */
#hall{--tt-scene-image:url('../img/lobby-layers-v254/food.png'),url('../img/lobby-layers-v254/cat.png'),url('../img/lobby-layers-v254/stools.png'),url('../img/lobby-layers-v254/white.png'),url('../img/lobby-layers-v254/flower.png'),url('../img/lobby-layers-v254/purple.png'),url('../img/lobby-layers-v254/wolf-cushions.png'),url('../img/lobby-layers-v254/fixtures.png'),url('../img/lobby-layers-v254/base.png');--tt-gap-left:0px;--tt-gap-right:0px;--tt-stage-width:1600px;--tt-stage-height:900px;--tt-stage-top:0px}
body.in-forest #hall{--tt-scene-image:url('../img/forestbase.jpg')}
#hallBackdrop{position:absolute;inset:0;isolation:isolate;pointer-events:none;user-select:none;background-image:var(--tt-scene-image);background-position:var(--tt-gap-left) var(--tt-stage-top);background-size:var(--tt-stage-width) var(--tt-stage-height);background-repeat:no-repeat;image-rendering:pixelated}
/* 上下留白的底景仍填滿；左右由獨立鏡射片覆蓋。 */
#hallBackdrop::before{content:"";position:absolute;inset:-48px;background-image:var(--tt-scene-image);background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(24px) brightness(.78);z-index:-1}
#hall.tt-extended #hallBackdrop::before{display:none}
.tt-mirror-side{position:absolute;top:0;bottom:0;background-image:var(--tt-scene-image);background-repeat:no-repeat;background-size:var(--tt-stage-width) var(--tt-stage-height);image-rendering:pixelated;transform:scaleX(-1)}
.tt-mirror-left{left:0;width:var(--tt-gap-left);background-position:left var(--tt-stage-top)}
.tt-mirror-right{right:0;width:var(--tt-gap-right);background-position:right var(--tt-stage-top)}
#hallShade{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(to right,rgba(28,16,26,.68),transparent calc(var(--tt-gap-left) + 20px),transparent calc(100% - var(--tt-gap-right) - 20px),rgba(28,16,26,.68)),radial-gradient(ellipse at center,transparent 60%,rgba(28,16,26,.22) 100%)}
#hall.tt-extended #hallShade{opacity:1}
#world.tt-soft-sides{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--tt-edge-fade),#000 calc(100% - var(--tt-edge-fade)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--tt-edge-fade),#000 calc(100% - var(--tt-edge-fade)),transparent)}
.tt-scene-layer{position:absolute;left:0;top:0;width:1600px;height:900px;max-width:none;pointer-events:none;user-select:none;image-rendering:pixelated}
body.in-forest .tt-scene-layer{display:none}
.npc.tt-scene-actor .shadow{top:calc(var(--tt-foot) - 4px);bottom:auto}
.npc.tt-scene-actor .tag{position:absolute;left:50%;top:calc(var(--tt-foot) + 5px);transform:translateX(-50%);margin:0}
body:not(.in-forest) .amCat{z-index:482}
body:not(.in-forest) .boardNPC{z-index:703}
/* v253：繪師新版寬幅大廳(1920 × 900,中間 1600 與 lobby-layers-v254 逐點對齊,左右各多 160px)。
   寬螢幕左右留白顯示新圖真正的延伸畫面,取代鏡射;超過 1920 的超寬螢幕外圍用深色收邊。
   v255：接縫黑線是 #worldbg 的深棕底色在縮放後從邊緣露出來 → 大廳改透明底;兩側片往世界底下多墊 3px;取消世界左右邊緣的淡出遮罩
   (那是給鏡射版用的,現在兩側是同一張圖,遮罩反而讓站在牆邊的小人半透明)。 */
body:not(.in-forest) .tt-mirror-side{transform:none;background-color:#2e1c28;background-image:url('../img/lobby-wide-v253.png');background-size:calc(var(--tt-stage-width) * 1.2) var(--tt-stage-height)}
body:not(.in-forest) .tt-mirror-left{width:calc(var(--tt-gap-left) + 3px);background-position:calc(var(--tt-gap-left) - var(--tt-stage-width) * .1) var(--tt-stage-top)}
body:not(.in-forest) .tt-mirror-right{width:calc(var(--tt-gap-right) + 3px);background-position:calc(var(--tt-stage-width) * -1.1 + 3px) var(--tt-stage-top)}
body:not(.in-forest) #worldbg{background-color:transparent!important}
body:not(.in-forest) #world.tt-soft-sides{-webkit-mask-image:none;mask-image:none}
body:not(.in-forest) #hall.tt-extended #hallShade{background:linear-gradient(to right,rgba(28,16,26,.6),transparent calc(var(--tt-gap-left) - var(--tt-stage-width) * .1 + 60px),transparent calc(100% - var(--tt-gap-right) + var(--tt-stage-width) * .1 - 60px),rgba(28,16,26,.6))}

/* Full artist layers: the walkable world keeps its original coordinates. */
body:not(.in-forest) #worldbg{left:-160px;width:1920px!important;background-size:1920px 900px}
.tt-scene-layer{left:-160px;width:1920px}
body:not(.in-forest) #hallBackdrop{background-image:none}
body:not(.in-forest) #hallBackdrop::before{display:block;background-image:url('../img/lobby-wide-v253.png')}
body:not(.in-forest) .tt-mirror-side{display:none}
body:not(.in-forest) #hallShade{display:none}