dialog.venue-draw{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;overflow:hidden;background:#080e16;color:#eef2f4;font-family:Bahnschrift,"Microsoft YaHei",sans-serif}
.venue-draw::backdrop{background:#080e16}.venue-draw *{box-sizing:border-box}.draw-images,.draw-photo,.draw-training{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.draw-photo{opacity:0;transition:opacity .15s linear}.draw-photo.active{opacity:.55}.draw-images:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080e16eb 0%,#080e1699 48%,#080e1640),linear-gradient(0deg,#080e16 0%,transparent 40%,#080e1670)}.draw-top,.draw-footer{position:absolute;left:max(5vw,env(safe-area-inset-left));right:max(5vw,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;z-index:2;gap:20px}.draw-top{top:max(6vh,env(safe-area-inset-top));font-size:14px;letter-spacing:.16em}.draw-top b{font-size:21px;letter-spacing:.05em}.draw-status{color:#d6bc80}.draw-layout{position:absolute;inset:18% 5% 15%;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:6vw}.draw-cartography{min-width:0}.draw-map{position:relative;aspect-ratio:2;background:repeating-linear-gradient(0deg,transparent 0 19.8%,#a9c9db14 20%),repeating-linear-gradient(90deg,transparent 0 9.8%,#a9c9db14 10%);border-block:1px solid #dbeafa22}.draw-map>img{width:100%;height:100%;opacity:.85}.draw-pin{position:absolute;display:flex;gap:7px;align-items:center;color:#bdc8d3;white-space:nowrap;font-size:clamp(11px,1.1vw,17px);transform:translate(-4px,-4px)}.draw-pin i{width:7px;height:7px;border-radius:50%;background:#a9c9dc}.draw-pin b{font-weight:500;text-shadow:0 2px 7px #000}.draw-pin.active{color:#ffe5a4}.draw-pin.active i{background:#ffe5a4;box-shadow:0 0 18px #ecc978}.draw-target{position:absolute;width:35px;height:35px;border:1px solid #f7db9a;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #edc68211;transition:left .16s ease-out,top .16s ease-out}.draw-destination{min-width:0;text-shadow:0 3px 25px #0008}.draw-destination h1{font-size:clamp(38px,5vw,90px);letter-spacing:-.035em;font-weight:600;line-height:1.08;margin:16px 0 20px;overflow-wrap:anywhere}.draw-stage{font-size:clamp(18px,2vw,32px);line-height:1.3;margin:0}.draw-bonus{font-size:13px;letter-spacing:.16em;color:#ecd396;min-height:18px;display:block}.draw-line{height:2px;width:44px;background:#d3b579;margin:32px 0}.draw-note{font-size:14px;color:#b8c4d1}.draw-footer{bottom:max(5vh,env(safe-area-inset-bottom));font-size:14px;color:#c0ccd7}.draw-footer>span{display:flex;align-items:center;gap:12px}.draw-footer i{width:7px;height:7px;border-radius:50%;background:#d6bc80;animation:draw-breathe 1.5s ease-in-out infinite}.draw-credit{font-size:11px;color:#a8b7c5;text-decoration:none;text-align:right;max-width:45%}.draw-training{background:radial-gradient(ellipse at 70% 50%,#284355,#090f18)}.draw-training svg{position:absolute;width:65%;right:0;height:100%;stroke:#b8cfdd;stroke-width:1.5;fill:none;opacity:.4}.venue-draw[data-locked=true] .draw-target{box-shadow:0 0 0 14px #ecd09016}.venue-draw[data-locked=true] .draw-line{width:100%;transition:width 1s ease}.venue-draw[data-locked=true] .draw-destination{animation:draw-arrival .7s ease-out both}@keyframes draw-arrival{from{transform:translateY(12px);opacity:.5}to{transform:none;opacity:1}}@keyframes draw-breathe{50%{opacity:.3}}
@media(max-width:650px) and (orientation:portrait){.draw-layout{inset:20% 7% 16%;grid-template-columns:1fr;gap:20px}.draw-map{width:92%}.draw-destination h1{font-size:44px;margin:8px 0 12px}.draw-line{margin:18px 0}.draw-destination{align-self:start}.draw-note{font-size:12px}.draw-top{font-size:11px}.draw-top b{font-size:18px}.draw-footer{font-size:12px}.draw-pin{font-size:11px}}
@media(max-height:480px){.draw-layout{inset:22% 5% 17%;gap:5vw}.draw-destination h1{font-size:36px;margin:6px 0 10px}.draw-stage{font-size:19px}.draw-line{margin:14px 0}.draw-note{font-size:11px}.draw-top{font-size:11px}.draw-top b{font-size:16px}.draw-footer{font-size:11px}.draw-bonus{font-size:10px}.draw-pin{font-size:10px}}
@media(prefers-reduced-motion:reduce){.venue-draw *{animation:none!important;transition:none!important}}