:root{--gold:#d97706;--amber:#fbbf24}*{box-sizing:border-box;margin:0}#root{width:100%}body{padding:20px;background:#f4efe6;display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}header{text-align:center;padding:6px 0 18px}header h1{font-size:24px;letter-spacing:10px;color:#4a3b28;text-indent:10px}header p{font-size:12px;letter-spacing:5px;color:#a08e6f;margin-top:4px}.map-wrapper{position:relative;max-width:1100px;width:100%;box-shadow:0 12px 36px #0000002e;border-radius:12px;overflow:hidden;background:#fff}svg{display:block;width:100%;height:auto}.spot-area{fill:#ffffff03;stroke:transparent;stroke-width:3;stroke-dasharray:6 6;cursor:pointer;transition:all .25s ease-in-out}.spot-area:hover{fill:#ffd70038;stroke:var(--gold);filter:drop-shadow(0 0 8px rgba(217,119,6,.6))}#tooltip{position:absolute;pointer-events:none;background:#1e293beb;color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px #00000040;border:1px solid rgba(255,255,255,.15);z-index:100;transform:translate(-50%,-125%);transition:opacity .15s ease;white-space:nowrap}#tooltip strong{display:block;font-size:15px;color:var(--amber);margin-bottom:3px}#bar{position:fixed;top:14px;right:16px;z-index:110;display:flex;gap:8px;align-items:center;font-size:13px;color:#7a6a4f}#bar .who{color:#9a6a12;font-weight:600}#bar button{padding:6px 14px;border:1px solid rgba(0,0,0,.18);border-radius:8px;background:#ffffffbf;color:#4a3b28;cursor:pointer}#card{position:fixed;top:0;right:0;bottom:0;left:0;background:#28201280;display:flex;align-items:center;justify-content:center;z-index:120}#card.hide{display:none}.panel{width:300px;padding:26px 28px;border-radius:14px;background:#fffcf6f7;border:1px solid rgba(0,0,0,.12);text-align:center;box-shadow:0 18px 50px #00000040}.panel h2{font-size:19px;letter-spacing:8px;color:#8a5a12;margin-bottom:2px;text-indent:8px}.panel .sub{font-size:11px;letter-spacing:3px;color:#a08e6f;margin-bottom:16px}.panel input{width:100%;padding:9px 12px;margin-bottom:8px;border:1px solid rgba(0,0,0,.18);border-radius:8px;background:#fffdf8;color:#3a2f1e;outline:none;font-size:14px}.panel button.go{width:100%;padding:10px;margin-top:4px;border:none;border-radius:8px;background:#d97706;color:#fff;font:700 14px system-ui;cursor:pointer}.panel button.go:disabled{opacity:.7;cursor:default}#err{color:#c2410c;font-size:12px;min-height:18px;margin-top:6px}.panel.shake{animation:sh .3s}@keyframes sh{25%{transform:translate(-5px)}75%{transform:translate(5px)}}footer{padding:18px 0 10px;font-size:12px;color:#a08e6f}.gate{min-height:100vh}.gate header{padding-top:24px}.gate-svg{width:min(92vw,720px);height:auto;display:block;margin:4px auto 0}.gate-card{width:min(92vw,340px);margin:-34px auto 0;position:relative;z-index:5}.gate footer{padding:16px 0 26px}.boot{min-height:100vh}.crane{transform-origin:111px 320px;animation:crane-sway 7s ease-in-out infinite alternate}@keyframes crane-sway{0%{transform:rotate(-.7deg)}to{transform:rotate(.9deg)}}.sign-swing{transform-origin:380px 286px;animation:sign-swing 5s ease-in-out infinite alternate}@keyframes sign-swing{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.4deg)}}.tw{animation:tw 2.6s ease-in-out infinite}.tw2{animation-delay:.9s}.tw3{animation-delay:1.6s}@keyframes tw{0%,to{opacity:.15}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.crane,.sign-swing,.tw{animation:none}}