/* 五道房門與地下走道；室內採按需載入的品牌情境。 */
body:has(#den-room-dialog[open]){overflow:hidden}
.den-corridor{position:relative;isolation:isolate;overflow:hidden;min-height:500px;padding:52px 5.5% 25px;background:radial-gradient(ellipse at 50% 35%,#3a2b1b40 0,transparent 60%),linear-gradient(90deg,#070808,#171615 18%,#101011 50%,#171615 82%,#070808);border:1px solid #c8a66c42;box-shadow:inset 0 0 80px #000,0 25px 60px #0005;border-radius:2px}
.den-corridor::before,.den-corridor::after{content:"";position:absolute;z-index:-1;pointer-events:none}.den-corridor::before{inset:0;background:repeating-linear-gradient(0deg,transparent 0 94px,#b8965b09 95px 96px),repeating-linear-gradient(90deg,transparent 0 188px,#fff03 189px 190px);opacity:.8}.den-corridor::after{inset:0;background:linear-gradient(180deg,#0008,transparent 30%,transparent 65%,#0009);box-shadow:inset 0 0 70px 20px #0007}
.den-ceiling{position:absolute;inset:0 0 auto;height:90px;background:linear-gradient(167deg,transparent 49.5%,#c8a66c44 50%,transparent 50.5%) left/50% 100% no-repeat,linear-gradient(13deg,transparent 49.5%,#c8a66c44 50%,transparent 50.5%) right/50% 100% no-repeat;z-index:-1}.den-ceiling:after{content:"";position:absolute;left:26%;right:26%;top:0;height:1px;background:#d4b57d88;box-shadow:0 8px 20px #d8ad6166}
.den-floor{position:absolute;inset:64% -40% -60%;transform:perspective(300px) rotateX(58deg);transform-origin:50% 0;background:repeating-linear-gradient(90deg,transparent 0 100px,#c8a66c20 101px 102px),repeating-linear-gradient(0deg,transparent 0 40px,#c8a66c18 41px 42px),linear-gradient(#1c1814,#070809);z-index:-1}
.den-corridor-sign{display:flex;align-items:center;justify-content:center;gap:18px;color:#bca277;font-size:10px;letter-spacing:.25em;margin-bottom:31px}.den-corridor-sign i{width:60px;height:1px;background:#c8a66c55}.den-door-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(13px,2.6vw,40px);align-items:end;max-width:1060px;margin:auto;perspective:1000px}
.den-door{appearance:none;display:block;width:100%;min-width:0;padding:0;background:none!important;color:#d5c2a1;border:0!important;text-align:center;cursor:pointer;position:relative;font-family:inherit;transform:translateY(calc((2 - var(--door-index))*0px));-webkit-tap-highlight-color:transparent}.den-door:first-child{transform:rotateY(8deg) scale(.94)}.den-door:last-child{transform:rotateY(-8deg) scale(.94)}.den-door:nth-child(2){transform:rotateY(4deg) scale(.98)}.den-door:nth-child(4){transform:rotateY(-4deg) scale(.98)}
.den-door-frame{display:block;position:relative;height:clamp(220px,26vw,310px);padding:8px 7px 0;background:linear-gradient(90deg,#070808,#77603d 3%,#211c14 7%,#070707 10%,#29221a 50%,#070707 90%,#211c14 93%,#77603d 97%,#070808);border:1px solid #aa885347;box-shadow:0 14px 28px #000b,inset 0 1px #e8c98e55;transition:filter .35s,box-shadow .35s}.den-door-frame:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:#d8b57566;box-shadow:0 -3px 15px #d8b57555}.den-door-frame:after{content:"";position:absolute;left:4%;right:4%;bottom:-2px;height:3px;background:linear-gradient(90deg,transparent,#d8ae6b7a,transparent);box-shadow:0 10px 25px #c8a66c2e}
.den-door-inner{display:flex;position:relative;flex-direction:column;align-items:center;height:100%;overflow:hidden;background:repeating-linear-gradient(87deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(102deg,#161719,#242322 30%,#131416 54%,#18191b);border:1px solid #85704845;box-shadow:inset 0 0 28px #000c;transform-origin:left;transition:transform .5s,box-shadow .35s}.den-door-inner:before{content:"";position:absolute;inset:11px;border:1px solid #d9b66a23;box-shadow:inset 0 0 0 4px #0003}.den-door-inner:after{content:"";position:absolute;inset:17px;border:1px solid #5e503828;pointer-events:none}.den-door-topline{width:40%;height:2px;margin-top:25px;background:#9f83502e;box-shadow:0 0 10px #c8a66c21}.den-door-emblem{display:grid;place-items:center;position:relative;width:52px;height:52px;border:1px solid #b7955a4d;border-radius:50%;margin:auto;color:#c7a76b;font-size:27px;box-shadow:inset 0 0 18px #0009,0 0 25px #d8ad6110;text-shadow:0 1px 2px #000}.den-door-plaque{display:block;margin-bottom:52px;padding:9px 5px;font-size:11px;letter-spacing:.16em;background:linear-gradient(100deg,#75603d35,#c8a66c15,#75603d35);border-top:1px solid #ad8e5844;border-bottom:1px solid #ad8e5844;width:70%;color:#cbb58e;white-space:nowrap;z-index:1}.den-door-handle{position:absolute;right:14%;top:60%;width:3px;height:30px;background:linear-gradient(90deg,#5a452a,#e0c89a,#72552f);border-radius:3px;box-shadow:3px 1px 5px #000}.den-door-handle:before,.den-door-handle:after{content:"";position:absolute;width:6px;height:4px;left:-2px;background:#ac8b55}.den-door-handle:before{top:-2px}.den-door-handle:after{bottom:-2px}.den-door-seam{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#0005;pointer-events:none}
.den-door-label{display:block;font-size:13px;letter-spacing:.1em;margin-top:23px;transition:color .2s}.den-door-hint{display:block;font-size:10px;color:#a69885;margin-top:8px;letter-spacing:.08em}.den-door-hint span{margin-left:6px;color:#c8a66c}.den-door:hover .den-door-frame,.den-door:focus-visible .den-door-frame,.den-door-active .den-door-frame{filter:brightness(1.3);box-shadow:0 12px 35px #000,0 0 25px #c8a66c22,inset 0 1px #e8c98e77}.den-door:hover .den-door-label,.den-door:focus-visible .den-door-label{color:#f3d69c}.den-door:focus-visible{outline:2px solid #efd6a0;outline-offset:8px;border-radius:1px}.den-door-active .den-door-inner{transform:perspective(500px) rotateY(-16deg)}
.den-corridor-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9b8e7b;margin-top:40px;letter-spacing:.08em}.den-corridor-bottom span:first-child{display:flex;align-items:center;gap:8px}.den-corridor-bottom i{width:4px;height:4px;background:#be9e65;border-radius:50%;box-shadow:0 0 8px #be9e6599}
/* 會所門片：黑曜金屬嵌板、白爪粉甲徽章與珠寶吊飾。 */
.den-door-frame{border-color:#c6a26670;background:linear-gradient(90deg,#080808,#c3a16a 2%,#3b3220 5%,#080808 9%,#211e16 50%,#080808 91%,#3b3220 95%,#c3a16a 98%,#080808);box-shadow:0 16px 32px #000b,inset 0 1px #e9c98c88}
.den-door-inner{background:radial-gradient(ellipse at 50% 20%,#c5a26312,transparent 55%),repeating-linear-gradient(92deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(110deg,#090a09,#24231d 32%,#11120f 56%,#0b0c0b);border-color:#b7975e66;box-shadow:inset 0 0 0 2px #080808,inset 0 0 0 3px #bd9b6030,inset 0 0 38px #000a}
.den-door-inner:before{border-color:#d9b66a40}
.den-door-inlay{position:absolute;inset:15px 12px 18px;border:1px solid #d4b16d44;border-radius:46% 46% 1px 1px/14% 14% 1px 1px;background:linear-gradient(125deg,#d9b87a08,transparent 36%,#c4a16b0e 68%,transparent);box-shadow:inset 0 0 0 4px #08080888,inset 0 0 0 5px #c3a06c17;pointer-events:none}
.den-door-inlay:before,.den-door-inlay:after{content:"";position:absolute;bottom:11px;width:5px;height:5px;border:1px solid #c5a26588;background:var(--door-accent);opacity:.65;transform:rotate(45deg)}
.den-door-inlay:before{left:8px}.den-door-inlay:after{right:8px}
.den-door-emblem{width:62px;height:62px;flex-shrink:0;border:2px solid #b9955e99;background:radial-gradient(circle at 38% 25%,#423c2a,#171810 55%,#090a09);box-shadow:0 0 0 3px #090909,inset 0 0 0 3px #d6b47725,inset 0 -7px 16px #0009,0 5px 13px #000a;pointer-events:none}
.den-door-paw{display:block;position:relative;width:35px;height:35px;filter:drop-shadow(0 2px 1px #000a)}
.den-door-paw>i{position:absolute;width:8px;height:11px;border:1px solid #d6bd8d;border-radius:55% 55% 48% 48%;background:radial-gradient(ellipse at 35% 28%,#fff3db,#d3bd9b 74%,#90774f);box-shadow:inset 1px 1px 2px #fff8}
.den-door-paw>i:after{content:"";position:absolute;left:1px;right:1px;top:0;height:4px;border-radius:60% 60% 30% 30%;background:linear-gradient(100deg,#e5abc5,#bb729b);box-shadow:inset 0 1px 1px #ffe0ec88}
.den-door-paw>i:nth-child(1){left:0;top:9px;transform:rotate(-27deg)}.den-door-paw>i:nth-child(2){left:8px;top:1px;transform:rotate(-9deg)}.den-door-paw>i:nth-child(3){left:19px;top:1px;transform:rotate(9deg)}.den-door-paw>i:nth-child(4){left:27px;top:9px;transform:rotate(27deg)}
.den-door-paw>span{position:absolute;left:9px;bottom:0;width:20px;height:17px;border:1px solid #d1b787;border-radius:58% 58% 44% 44%;background:radial-gradient(ellipse at 35% 25%,#fff2dc,#dcc3a5 72%,#9e7f54);box-shadow:inset 1px 1px 2px #fff7}
.den-door-charm{position:absolute;right:13%;top:23%;width:8px;height:29px;z-index:1;border-left:1px solid #d1ad6d;pointer-events:none}
.den-door-charm:before{content:"";position:absolute;left:-4px;top:-5px;width:7px;height:7px;border:1px solid #e0bd78;border-radius:50%;background:#30231b;box-shadow:0 1px 3px #000}
.den-door-charm>i{position:absolute;left:-5px;bottom:-4px;width:10px;height:13px;transform:rotate(6deg);border:1px solid #d9b573;border-radius:45% 45% 55% 55%;background:radial-gradient(ellipse at 30% 25%,#f6d5e6,#c28ca8 42%,#61314e 80%);box-shadow:0 2px 4px #0009,inset 0 0 0 2px #f5d4b333}
.den-door-studs{position:absolute;inset:7px;pointer-events:none}.den-door-studs>i{position:absolute;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f3d597,#9c7849 60%,#302318);box-shadow:0 1px 2px #000}.den-door-studs>i:nth-child(1){left:0;top:0}.den-door-studs>i:nth-child(2){right:0;top:0}.den-door-studs>i:nth-child(3){left:0;bottom:0}.den-door-studs>i:nth-child(4){right:0;bottom:0}
.den-door-plaque{border:1px solid #c1a06d66;background:linear-gradient(100deg,#302b20aa,#9c754725,#1c1b15aa);box-shadow:inset 0 0 0 2px #0b0c0988,0 3px 9px #0007;color:#e0c798;pointer-events:none}
/* 鉸鏈、門內透光與房間之間的連續鏡頭。 */
.den-corridor{--den-light:#e0b977;contain:layout style}
.den-door{transform-style:preserve-3d}
.den-door-frame{perspective:900px;transform-style:preserve-3d}
.den-door-inner{transform:rotateY(0deg);transform-style:preserve-3d;overflow:visible;z-index:2;transition:transform 950ms cubic-bezier(.26,.05,.12,1),filter 650ms,box-shadow 650ms}
.den-door-inner:after{inset:0 -6px 0 auto;width:7px;background:linear-gradient(90deg,#070809,#8f7651 42%,#292319);border:0;transform:rotateY(90deg);transform-origin:left;box-shadow:0 0 2px #000}
.den-door-inner:before{pointer-events:none}
.den-door-active{z-index:5}
.den-door-active .den-door-inner{transform:rotateY(0deg)}
.den-door-unlocked .den-door-topline{background:#f1d196;box-shadow:0 0 12px #ffd58d,0 0 35px #c49a4a80}
.den-door-unlocked .den-door-plaque{color:#f2d8a2;box-shadow:0 0 16px #d8b77522}
.den-door-opening .den-door-inner{transform:rotateY(-82deg);filter:brightness(.7);box-shadow:18px 2px 38px #0008,inset 0 0 20px #000}
.den-door-handle{transition:transform 320ms cubic-bezier(.4,0,.2,1);transform-origin:50% 20%}
.den-door-unlocked .den-door-handle{transform:rotate(-18deg) translateY(2px)}
.den-door-recess{position:absolute;inset:8px 7px 0;display:block;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#b7823c44,transparent 70%),linear-gradient(90deg,#030405,#372716 50%,#030405);box-shadow:inset 0 0 25px #000;opacity:.3;transition:opacity 450ms}
.den-recess-portal{position:absolute;inset:16% 20% 5%;border:1px solid #c0a170;box-shadow:0 0 15px #bc944c40,inset 0 0 22px #ba935225;transform:perspective(300px) rotateY(5deg)}
.den-recess-portal:before{content:"";position:absolute;inset:13% 18% 0;border:1px solid #d1ab6b66;background:linear-gradient(#76552c33,#0b0a08 70%);box-shadow:0 0 15px #c5a67320}
.den-recess-light{position:absolute;left:15%;right:15%;top:8%;height:2px;background:#e8cd94;box-shadow:0 0 12px 2px #e2b77160,0 35px 50px 13px #ddbd7740}
.den-door-spill{position:absolute;left:-10%;right:-10%;height:50px;bottom:-38px;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#eac48c60,transparent 70%);opacity:0;transform:scaleY(.25);transform-origin:top;transition:opacity 900ms,transform 1200ms cubic-bezier(.2,.7,.2,1)}
.den-door-opening .den-door-spill{opacity:1;transform:scaleY(1)}
.den-door-opening .den-door-recess{opacity:1}
.den-atmosphere,.den-corridor-beams{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.den-atmosphere span{position:absolute;left:-20%;right:-20%;height:40%;bottom:-15%;background:radial-gradient(ellipse at 30% 50%,#a3967f0c,transparent 60%),radial-gradient(ellipse at 70% 80%,#d7b5820a,transparent 60%);filter:blur(18px);transform:translate3d(-4%,0,0);animation:den-mist-drift 18s ease-in-out infinite alternate}
.den-atmosphere span:nth-child(2){height:55%;opacity:.7;animation-delay:-9s;animation-direction:alternate-reverse}
.den-corridor-beams{background:conic-gradient(from 155deg at 31% -3%,transparent 0deg,#c7a1680d 8deg,transparent 18deg,transparent 32deg,#d3ad7009 39deg,transparent 48deg);opacity:.8}
.den-ceiling:after{animation:den-ceiling-breathe 7s ease-in-out infinite alternate}
.den-is-entering .den-corridor-sign{color:#e4c586;transition:color .8s}
.den-close-toolbar{position:sticky;top:0;height:0;z-index:8}
.den-dialog-close{width:44px;height:44px;min-height:44px}
.den-room-dialog{will-change:auto;transform-origin:center}
/* 辣爪會所室內：按需載入的主景、真實品牌與可探索的角落。 */
.den-room-dialog{padding:0;border:1px solid #b598626f;color:#e7ded2;background:#100c10;width:min(1240px,calc(100vw - 48px));max-height:calc(100dvh - 54px);max-width:calc(100vw - 36px);box-shadow:0 35px 120px #000c;overflow:auto;overscroll-behavior:contain;--room-accent:#c88ba5}
.den-room-dialog::backdrop{background:#020103dd;backdrop-filter:blur(7px)}
.den-room-dialog-content{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(320px,1fr);min-height:610px}
.den-close-toolbar{position:sticky;top:0;height:0;z-index:12}
.den-dialog-close{position:absolute!important;right:14px;top:14px;z-index:12;width:44px;height:44px;min-height:44px;padding:0;background:#100b10ee!important;border:1px solid #c8a66c88!important;border-radius:50%;color:#ead7b2;font-family:Arial,sans-serif;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 3px 12px #0006}
.den-dialog-close:hover{background:#392735!important;border-color:#ead0a1!important}
.den-dialog-close:focus-visible,.den-join-link:focus-visible,.den-hotspot:focus-visible,.den-feature-close:focus-visible{outline:2px solid #f2d9a2;outline-offset:4px}
#den-room-visual{min-width:0;position:relative;background:radial-gradient(ellipse at 20% 0,#3b21352e,transparent 65%),#0e0a0d;border-right:1px solid #b3935f40}
.den-room-scene{height:100%;min-height:0;overflow:hidden;position:relative;isolation:isolate;display:flex;flex-direction:column;background:#100b10}
.den-scene-toprail{height:55px;flex:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 24px;color:#c6b28c;letter-spacing:2px;font-size:9px;border-bottom:1px solid #b3935f33;background:linear-gradient(90deg,#25191e,#130e12)}
.den-scene-toprail>span+span{font-size:8px;color:#978773;letter-spacing:1px}
.den-room-picture{position:relative;isolation:isolate;aspect-ratio:16/9;min-height:0;flex:none;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#3d2631,#110d10 75%)}
.den-room-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:.92;transform:scale(1.025);transition:transform 1800ms cubic-bezier(.16,1,.3,1),opacity 1000ms}
.den-room-arrived .den-room-image{opacity:1;transform:scale(1)}
.den-picture-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#070408cc,transparent 25%,transparent 80%,#07040844),radial-gradient(ellipse,transparent 45%,#05030655);z-index:1}
.den-picture-corners{position:absolute;inset:13px;border:1px solid #d2b47e28;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 3px #0002}
.den-picture-corners:before,.den-picture-corners:after{content:"";position:absolute;width:22px;height:22px;border:1px solid #d2b47eaa}
.den-picture-corners:before{left:-1px;top:-1px;border-right:0;border-bottom:0}.den-picture-corners:after{right:-1px;bottom:-1px;border-left:0;border-top:0}
.den-scene-signature{position:absolute;z-index:2;left:26px;bottom:20px;right:20px;display:flex;gap:10px;align-items:center;color:#e2c99e;pointer-events:none;text-shadow:0 2px 8px #000}
.den-scene-signature>span{font-size:20px;line-height:1}.den-scene-signature p{margin:0;font-family:"PMingLiU",serif;font-size:12px;letter-spacing:2px}
.den-hotspot{appearance:none;position:absolute;z-index:4;left:clamp(58px,var(--point-x),calc(100% - 58px));top:var(--point-y);transform:translate(-50%,-50%);padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:90px;min-height:52px;background:none;color:#f2dbac;border:0;cursor:pointer;touch-action:manipulation}
.den-hotspot-pin{display:grid;place-items:center;position:relative;width:30px;height:30px;border:1px solid #ead4a0bb;border-radius:50%;color:#f8e9cc;font-family:Georgia,serif;font-size:10px;letter-spacing:1px;background:#140e16df;box-shadow:0 2px 10px #0009,0 0 0 4px #1a101c66;pointer-events:none}
.den-hotspot-pin:before{content:"";position:absolute;inset:-6px;border:1px solid #e7c68d66;border-radius:50%;opacity:.6;pointer-events:none}
.den-hotspot-label{max-width:150px;padding:4px 9px;background:#0b070ce6;border:1px solid #ac8c5c99;box-shadow:0 2px 9px #0005;line-height:1.5;font-size:10px;letter-spacing:1px;color:#e9d6b5;pointer-events:none;white-space:nowrap}
.den-hotspot:hover .den-hotspot-pin,.den-hotspot:focus-visible .den-hotspot-pin,.den-hotspot-selected .den-hotspot-pin{border-color:#ffe9b7;background:#b08d5c;color:#17100c;box-shadow:0 2px 10px #0008,0 0 0 4px #d6b87925}
.den-hotspot:hover .den-hotspot-label,.den-hotspot-selected .den-hotspot-label{border-color:#e8c992;background:#241520f2;color:#ffe9c8}
.den-room-arrived .den-hotspot-pin:before{animation:den-marker-arrive 1700ms ease-out 2}
@keyframes den-marker-arrive{0%{opacity:.8;transform:scale(.8)}100%{opacity:0;transform:scale(1.5)}}
.den-feature-panel{display:grid;grid-template-columns:22px 1fr;gap:13px;position:relative;min-height:142px;padding:24px 26px;background:radial-gradient(ellipse at 0 100%,color-mix(in srgb,var(--room-accent) 12%,transparent),transparent 65%),linear-gradient(135deg,#261720,#130d12);border-top:1px solid #b4986755;flex:1;align-items:start}
.den-feature-mark{font-size:21px;color:#c8a66c;line-height:1.5}
.den-feature-kicker{color:#ba9977;letter-spacing:2px;font-size:8px;line-height:1.6;margin:0 0 7px!important}
.den-feature-title{font-family:"PMingLiU",serif;font-size:20px;line-height:1.5;color:#e4d3b5;font-weight:400;letter-spacing:1px;margin:0 0 8px}
.den-feature-description{color:#b6a9a6;font-size:11px;line-height:1.9;margin:0!important;max-width:59ch}
.den-feature-selected{border-top-color:#d2b37a99}
.den-feature-close{position:absolute;right:10px;top:8px;width:35px;height:35px;display:grid;place-items:center;border:0;color:#c9b492;font-size:23px;background:#120c12;cursor:pointer}
.den-feature-close[hidden]{display:none}
.den-feature-selected>div{padding-right:15px}
.den-room-copy{align-self:stretch;padding:28px 30px 24px;background:radial-gradient(ellipse at 100% 20%,color-mix(in srgb,var(--room-accent) 10%,transparent),transparent 70%),repeating-linear-gradient(135deg,#fff0 0 5px,#fff02 6px,#fff0 7px),#151015;display:flex;flex-direction:column;transition:opacity 350ms,transform 500ms cubic-bezier(.22,1,.36,1)}
.den-room-dialog:not(.den-room-arrived):not(.den-room-leaving) .den-room-copy{opacity:0;transform:translate3d(0,12px,0)}
.den-room-arrived .den-room-copy{opacity:1;transform:translate3d(0,0,0)}
.den-club-plaque{display:flex;align-items:center;gap:14px;padding:0 30px 23px 0;margin-bottom:27px;border-bottom:1px solid #ad8f5933;min-height:91px}
.den-club-plaque img{width:62px;height:62px;object-fit:contain;border:1px solid #b7975b55;padding:3px;background:#070507;box-shadow:0 5px 12px #0006}
.den-club-plaque strong{display:block;font-family:Georgia,serif;font-size:11px;letter-spacing:2px;line-height:1.6;font-weight:400;color:#d7bb83}
.den-club-plaque span{font-size:8px;line-height:1.8;letter-spacing:1px;color:#a89985}
.den-room-kicker{font-size:9px;letter-spacing:2px;color:#b79a68;margin:0 0 12px}
.den-room-copy h3{font-family:"PMingLiU",serif;font-size:32px;font-weight:400;line-height:1.4;letter-spacing:3px;margin:0 0 13px;color:#ead7b2}
.den-room-caption{font-size:12px;color:#d0b6c2;line-height:1.8;margin:0 0 17px}
.den-room-materials{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}
.den-room-materials span{font-size:8px;color:#bfa5b4;letter-spacing:1px;line-height:1.5;padding:4px 7px;border:1px solid #b08f9e44;background:#170e161c}
.den-room-description{font-size:12px;color:#b6aba7;line-height:1.95;margin:0 0 24px}
.den-features-heading{font-family:inherit;font-size:9px;font-weight:400;letter-spacing:2px;color:#bea477;margin:0 0 13px}
.den-room-features{list-style:none;padding:0!important;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 8px}
.den-room-features li{font-size:11px;line-height:1.7;color:#d2c2b4;position:relative;padding-left:12px}
.den-room-features li:before{content:"";position:absolute;left:0;top:.7em;width:3px;height:3px;background:#c8a66c;transform:rotate(45deg)}
.den-room-note{color:#a99885;font-size:9px;line-height:1.9;margin:22px 0 0}
.den-room-note:empty{display:none}
.den-join-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;margin-top:24px;min-height:47px;padding:12px 15px;box-sizing:border-box;border:1px solid #d0ae7780;color:#e5cb9c;background:#b99a5e0b;font-size:11px;letter-spacing:1px}
.den-join-link[hidden]{display:none}.den-join-link:hover{background:#c8a66c1c}
.den-room-footer{margin:auto 0 0;padding-top:28px;font-size:8px;color:#8d7c74;letter-spacing:3px}
@keyframes den-ceiling-breathe{from{opacity:.55}to{opacity:.95}}
@keyframes den-mist-drift{from{transform:translate3d(-4%,0,0)}to{transform:translate3d(4%,-7%,0)}}
.den-motion-paused *,.den-offscreen .den-atmosphere span,.den-offscreen .den-ceiling:after{animation-play-state:paused!important}
@media(min-width:1250px){.den-corridor{min-height:540px;padding-top:60px}.den-corridor-sign{margin-bottom:40px}}
@media(max-width:1050px) and (min-width:701px){.den-room-dialog-content{grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr)}.den-room-copy{padding-left:24px;padding-right:24px}.den-room-copy h3{font-size:28px}.den-club-plaque{gap:10px}.den-club-plaque strong{font-size:9px;letter-spacing:1px}.den-club-plaque img{height:52px;width:52px}.den-hotspot-label{font-size:9px}.den-feature-panel{padding:22px}.den-feature-title{font-size:18px}}
@media(max-width:700px){
 .den-corridor{min-height:382px;padding:36px 17px 20px}.den-corridor-sign{font-size:8px;gap:10px;margin-bottom:29px;letter-spacing:.13em}.den-corridor-sign i{width:32px}.den-door-row{gap:10px}.den-door-frame{height:205px;padding:5px 3px 0;perspective:550px}.den-door-inner:before{inset:5px}.den-door-inner:after{right:-3px;width:4px}.den-door-topline{margin-top:19px}.den-door-emblem{width:29px;height:29px;font-size:19px}.den-door-plaque{writing-mode:vertical-rl;width:auto;min-height:73px;box-sizing:border-box;padding:7px 4px;margin-bottom:26px;font-size:10px;letter-spacing:.15em;border:1px solid #ad8e5833}.den-door-handle{height:21px;right:10%;width:2px;top:62%}.den-door-label{font-size:10px;margin-top:16px;line-height:1.6;letter-spacing:.06em;max-width:5em;margin-left:auto;margin-right:auto}.den-door-hint{font-size:8px;letter-spacing:0;line-height:1.5;margin-top:6px}.den-door-hint span{display:none}.den-corridor-bottom{margin-top:26px;font-size:8px;justify-content:center}.den-corridor-bottom>span:last-child{display:none}.den-door-recess{inset:5px 3px 0}.den-door-spill{height:32px;bottom:-25px}.den-atmosphere span{filter:none;opacity:.5}
 .den-room-dialog{width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-bottom:0;border-radius:18px 18px 0 0;transform-origin:50% 100%}.den-room-dialog-content{display:flex;flex-direction:column;min-height:0}.den-dialog-close{right:12px;top:10px}.den-scene-toprail{height:55px;padding-left:20px;padding-right:67px;font-size:8px;letter-spacing:1px}.den-scene-toprail>span+span{font-size:7px}#den-room-visual{border-right:0;border-bottom:1px solid #b3935f33}.den-room-picture{height:auto;min-height:0;aspect-ratio:16/9;flex:none}.den-room-image{object-fit:cover}.den-picture-corners{inset:10px}.den-scene-signature{left:20px;bottom:14px}.den-scene-signature p{font-size:9px;letter-spacing:1px}.den-scene-signature>span{font-size:15px}.den-hotspot{min-width:86px;min-height:47px;left:clamp(48px,var(--point-x),calc(100% - 48px))}.den-hotspot-pin{height:27px;width:27px;font-size:9px}.den-hotspot-label{font-size:8px;letter-spacing:0;padding:3px 6px;max-width:96px}.den-feature-panel{min-height:134px;padding:20px;gap:10px;grid-template-columns:18px 1fr}.den-feature-title{font-size:18px}.den-feature-description{font-size:10px}.den-feature-kicker{font-size:7px;letter-spacing:1px}.den-feature-mark{font-size:18px}.den-feature-close{height:40px;width:40px;right:5px;top:5px}.den-feature-selected>div{padding-right:18px}.den-room-copy{padding:26px 24px 30px;width:100%;box-sizing:border-box}.den-club-plaque{margin-bottom:24px;padding-right:0;min-height:0;padding-bottom:20px}.den-club-plaque img{width:58px;height:58px}.den-club-plaque strong{font-size:11px}.den-club-plaque span{font-size:8px}.den-room-copy h3{font-size:30px}.den-room-kicker{margin-bottom:12px}.den-room-description{font-size:12px}.den-room-caption{font-size:12px}.den-room-features{gap:12px 18px}.den-room-features li{font-size:12px}.den-room-note{font-size:10px}.den-room-footer{padding-top:24px}
}
@media(max-width:370px){.den-corridor{padding-left:11px;padding-right:11px}.den-door-row{gap:7px}.den-door-frame{height:190px}.den-door-label{font-size:9px}.den-door-hint{font-size:7px}.den-room-copy{padding-left:21px;padding-right:21px}.den-scene-toprail>span+span{display:none}.den-club-plaque strong{font-size:10px;letter-spacing:1px}.den-room-picture{height:auto;min-height:0;aspect-ratio:16/9}.den-hotspot-label{font-size:7px}.den-hotspot{min-width:78px}}
@media(prefers-reduced-motion:reduce){.den-atmosphere span,.den-ceiling:after,.den-hotspot-pin:before{animation:none!important}.den-door-inner,.den-door-spill,.den-door-handle,.den-room-image,.den-room-copy{transition:none!important}.den-door-opening .den-door-inner{transform:rotateY(-74deg)}.den-room-image{transform:none!important}.den-room-dialog:not(.den-room-arrived):not(.den-room-leaving) .den-room-copy{opacity:1;transform:none}}
/* 手機保留完整全景；標記的名稱於選取後顯示，避免小畫面互相遮住。 */
@media(max-width:700px){.den-hotspot{width:44px;min-width:44px;height:44px;min-height:44px;justify-content:center;gap:0;left:clamp(25px,var(--point-x),calc(100% - 25px))}.den-hotspot-label{position:absolute;top:calc(100% - 2px);left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;max-width:none;font-size:9px;z-index:5}.den-hotspot-selected .den-hotspot-label,.den-hotspot:focus-visible .den-hotspot-label{opacity:1;visibility:visible}}
@media(max-width:700px){.den-hotspot[data-anchor="right"] .den-hotspot-label{left:auto;right:0;transform:none}.den-hotspot[data-anchor="left"] .den-hotspot-label{left:0;right:auto;transform:none}}
@media(max-width:700px){.den-door-emblem{width:36px;height:36px;border-width:1px;box-shadow:0 0 0 2px #090609,inset 0 0 0 2px #d6b47725,inset 0 -4px 10px #0009,0 3px 8px #000a}.den-door-paw{transform:scale(.73)}.den-door-inlay{inset:10px 5px 13px;border-radius:45% 45% 1px 1px/9% 9% 1px 1px;box-shadow:inset 0 0 0 2px #08060888}.den-door-inlay:before,.den-door-inlay:after{width:3px;height:3px;bottom:6px}.den-door-inlay:before{left:4px}.den-door-inlay:after{right:4px}.den-door-charm{right:11%;top:22%;height:17px;width:5px}.den-door-charm:before{width:4px;height:4px;left:-3px;top:-3px}.den-door-charm>i{width:6px;height:8px;left:-3px;bottom:-3px}.den-door-studs{inset:5px}.den-door-studs>i{width:2px;height:2px}}

/* 手機與網頁縮放採平面黑金門片；不建立多層 3D、濾鏡及整片模態縮放。 */
.den-light-motion .den-corridor{box-shadow:inset 0 0 22px #000,0 10px 20px #0004}
.den-light-motion .den-corridor:after{box-shadow:inset 0 0 20px 5px #0007}
.den-light-motion .den-door-row,.den-light-motion .den-door-frame{perspective:none!important;transform-style:flat!important}
.den-light-motion .den-door{transform:none!important;transform-style:flat!important}
.den-light-motion .den-door-frame{filter:none!important;box-shadow:0 7px 16px #0008,inset 0 1px #e9c98c66}
.den-light-motion .den-door-inner{transform:none!important;transform-style:flat!important;filter:none!important;overflow:hidden;transition:border-color .16s ease,background-color .16s ease;box-shadow:inset 0 0 0 2px #080608,inset 0 0 0 3px #bd9b6030}
.den-light-motion .den-door-inner:after,.den-light-motion .den-door-recess,.den-light-motion .den-door-spill,.den-light-motion .den-floor,.den-light-motion .den-atmosphere,.den-light-motion .den-corridor-beams{display:none!important}
.den-light-motion .den-door-paw{filter:none!important}
.den-light-motion .den-door-emblem{box-shadow:0 0 0 2px #090609,inset 0 0 0 2px #d6b47735}
.den-light-motion .den-door-unlocked .den-door-frame{border-color:#efd09b;box-shadow:0 0 0 1px #e6c88b88,inset 0 1px #ffedc2}
.den-light-motion .den-door-unlocked .den-door-topline{box-shadow:0 0 5px #e8ca8a44}
.den-light-motion .den-door-unlocked .den-door-plaque{box-shadow:inset 0 0 0 2px #0b0c0988}
.den-light-motion .den-door-handle,.den-light-motion .den-door-unlocked .den-door-handle{transform:none!important;transition:none!important}
.den-light-motion .den-ceiling:after,.den-light-motion .den-hotspot-pin:before{animation:none!important}
.den-light-motion .den-room-dialog{transform:none!important;box-shadow:none;will-change:auto}
.den-light-motion .den-room-dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#020103eb}
.den-light-motion .den-room-arrived{animation:den-room-mobile-in .18s ease-out}
.den-light-motion .den-room-image{transform:none!important;transition:none!important}
.den-light-motion .den-room-copy{opacity:1!important;transform:none!important;transition:none!important}
.den-light-motion .den-hotspot-pin{box-shadow:0 0 0 3px #1a101c88}
.is-pinching .den-room-dialog,.is-zoomed .den-room-dialog{animation:none!important}
@keyframes den-room-mobile-in{from{opacity:.55}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.den-light-motion .den-room-arrived{animation:none}}

/* 手機門名縮成同級單行，五門與下方提示維持共同基準。 */
@media(max-width:800px),(pointer:coarse){
 .den-door-row{align-items:start}
 .den-door-label{max-width:none;min-height:0;font-size:clamp(7px,2.2vw,9px);line-height:1.6;letter-spacing:0;white-space:nowrap}
 .den-door-hint{font-size:clamp(6px,1.9vw,8px);letter-spacing:0;white-space:nowrap}
}