/* Draft Hall ön oda — draft-ui.js; tasarım alanı 1000 × 690, 1 birim = 100cqw/1000. */
.dh-scene{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#050b16a8;padding:3vh 4vw 12vh}
.dh-wrap{position:relative;width:min(100%,calc((100dvh - 15vh) * 1000 / 690));aspect-ratio:1000/690;container-type:inline-size;font-family:Arial,sans-serif;color:#fff;--k:calc(100cqw/1000)}
.dh-wrap>*{position:absolute}
.dh-wrap button{background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
.dh-wrap button:disabled{cursor:not-allowed}
.dh-wrap img{display:block;pointer-events:none}
.dh-panel{left:0;top:7%;width:100%;height:93%}
.dh-header{left:28%;top:0;width:44%;aspect-ratio:900/178;display:grid;place-items:center}
.dh-header img,.dh-tab img,.dh-close img{position:absolute;inset:0;width:100%;height:100%}
.dh-header span{position:relative;font:italic 900 calc(40*var(--k))/1 'Barlow Condensed',Arial;color:#ffb347;-webkit-text-stroke:calc(1.6*var(--k)) #7a2e00;paint-order:stroke fill;text-shadow:0 calc(3*var(--k)) 0 #7a2e00;letter-spacing:calc(1*var(--k))}
.dh-close{right:-2.5%;top:2%;width:7.5%;aspect-ratio:280/262}
.dh-close:hover img,.dh-tab:hover img{filter:brightness(1.12)}
.dh-tab{top:13.2%;width:15%;aspect-ratio:652/208;display:grid;place-items:center}
.dh-tab span{position:relative;font:800 calc(17*var(--k)) Arial;text-shadow:0 1px 2px #0008}
.dh-tab-normal{left:5%}.dh-tab-vip{left:21%}
.dh-tab:not(.active){filter:saturate(.6) brightness(.85)}
.dh-tips{right:5%;top:14.6%;font:700 calc(14*var(--k)) Arial;color:#dbe9ff;text-shadow:0 1px 2px #000}
.dh-tips b{color:#7dff7d}
.dh-soon{left:5%;right:5%;top:48%;text-align:center;font:800 calc(24*var(--k)) Arial;text-shadow:0 2px 4px #000}
/* Oda kartı: arka plan görselindeki bölgeler (515 × 642): iç kutu y 12–61%, sarı şerit y 63–76%, kırmızı buton y 80–94%. */
.dh-room{container-type:inline-size}
.dh-room-bg{position:absolute;inset:0;width:100%;height:100%}
.dh-room-title{position:absolute;left:0;right:0;top:13%;text-align:center;font:800 13cqw Arial;text-shadow:0 1px 2px #000}
.dh-door{position:absolute;left:17%;width:66%;top:24%;height:36%;object-fit:contain}
.dh-level{position:absolute;left:9%;right:9%;top:63.5%;height:12.5%;display:grid;place-items:center;font:800 9.5cqw Arial;color:#2a1600;text-shadow:0 1px 0 #fff8;white-space:nowrap}
.dh-locked .dh-level{color:#dfe6ee;text-shadow:0 1px 2px #000}
.dh-btn,.dh-timer{position:absolute!important;left:11%;right:11%;top:80.5%;height:13%;display:grid;place-items:center;font:800 10cqw Arial!important;text-shadow:0 1px 2px #6b0000;white-space:nowrap;border-radius:8cqw!important}
.dh-btn:not(:disabled):hover{background:#ffffff22!important}
.dh-btn:disabled{color:#ffd0c8!important;text-shadow:none}
.dh-ineligible .dh-door{filter:grayscale(.7) brightness(.8)}
.dh-timer{background:#1b2533;color:#fff;text-shadow:0 1px 2px #000}
.dh-timer b{color:#ff4d4d;margin-left:3cqw}
.dh-timer{display:flex!important;align-items:center;justify-content:center;font-size:9cqw!important}.dh-timer b{margin-left:3cqw}