:root{--ink: #3a2614;--ink-soft: #6b4d2e;--parch-1: #e5d2a8;--parch-2: #d2b884}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 50% 40%,#211712,#150d09 55%,#0a0705);font-family:IM Fell English,serif;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0;overflow:hidden}#canvas{position:absolute;left:50%;top:50%;width:1500px;height:960px;transform-origin:center center;transform:translate(-50%,-50%)}#parchment{position:absolute;inset:0;border-radius:6px;background:radial-gradient(ellipse at 22% 18%,rgba(255,247,225,.55),transparent 45%),radial-gradient(ellipse at 82% 78%,rgba(120,86,46,.3),transparent 50%),radial-gradient(circle at 60% 50%,#e8d6ad,#ddc89c 42%,#cbb480 78%,#b89a66);box-shadow:0 0 0 2px #46301859,0 30px 80px #000000b3,inset 0 0 120px #5a3c1c73,inset 0 0 30px #3c26128c}#parchment:before{content:"";position:absolute;inset:0;border-radius:6px;background:radial-gradient(circle at 12% 82%,rgba(86,56,26,.35) 0,transparent 14%),radial-gradient(circle at 90% 20%,rgba(86,56,26,.3) 0,transparent 12%),radial-gradient(circle at 70% 90%,rgba(60,38,18,.3) 0,transparent 16%),radial-gradient(circle at 30% 30%,rgba(120,90,50,.18) 0,transparent 20%);mix-blend-mode:multiply;pointer-events:none}#parchment:after{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(90deg,transparent 0 calc(33.3% - 1px),rgba(70,46,22,.22) 33.3%,transparent calc(33.3% + 1px)),linear-gradient(90deg,transparent 0 calc(66.6% - 1px),rgba(70,46,22,.22) 66.6%,transparent calc(66.6% + 1px)),linear-gradient(0deg,transparent 0 calc(50% - 1px),rgba(70,46,22,.2) 50%,transparent calc(50% + 1px));pointer-events:none}#map-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ink{fill:none;stroke:var(--ink);stroke-linejoin:round;stroke-linecap:round}.wall-outer{stroke-width:4.5}.wall-outer-thin{stroke-width:1.6;stroke:var(--ink-soft)}.room-wall{stroke-width:2.6}.room-wall-thin,.hair{stroke-width:1;stroke:var(--ink-soft)}.banner{stroke-width:2.2;fill:#785a321f}.fade-text{fill:var(--ink)}.room-label{font-family:IM Fell English SC,serif;letter-spacing:.5px}.title-label{font-family:IM Fell English SC,serif;letter-spacing:1.5px;fill:#2c1c0e}.compass-n{font-family:IM Fell English SC,serif;font-size:18px;fill:var(--ink)}.route-hint{fill:none;stroke:transparent;stroke-width:1}.foot{opacity:0;transition:opacity .22s ease}.foot.on{opacity:.9}.foot.fading{opacity:0;transition:opacity 1.5s ease}.sole{fill:var(--ink);stroke:none}.foot-A .sole{fill:#3a2614}.foot-B .sole{fill:#4a3320}.foot.standing{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:.95}}#overlay{position:absolute;inset:0;pointer-events:none}.name-bubble{position:absolute;transform:translate(-50%,-100%);background:linear-gradient(180deg,#f3e6c4,#e4d0a2);border:1.5px solid var(--ink);border-radius:14px;padding:1px 14px 3px;color:var(--ink);font-family:Pinyon Script,cursive;font-size:30px;line-height:1.25;white-space:nowrap;box-shadow:0 3px 7px #28180a59;transition:left .08s linear,top .08s linear}.name-bubble:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:#e4d0a2;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translate(-50%) rotate(45deg)}.name-bubble.settled{transition:left .9s ease,top .9s ease}.heart{position:absolute;transform:translate(-50%,-50%) rotate(-45deg);background:#a8392a;opacity:0;animation:floatHeart 2.6s ease-out forwards;will-change:transform,opacity}.heart:before,.heart:after{content:"";position:absolute;width:100%;height:100%;background:#a8392a;border-radius:50%}.heart:before{top:-50%;left:0}.heart:after{top:0;left:50%}@keyframes floatHeart{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.25)}18%{opacity:.92}to{opacity:0;transform:translate(calc(-50% + var(--drift, 0px)),calc(-50% - var(--rise, 110px))) rotate(-45deg) scale(1)}}#oath{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;text-align:center;font-family:Pinyon Script,cursive;font-size:62px;line-height:1.3;color:#2c1c0e;text-shadow:0 1px 0 rgba(255,250,235,.4);opacity:0;clip-path:inset(0 100% 0 0);pointer-events:none}#oath.show{opacity:1;clip-path:inset(0 0 0 0);transition:clip-path 2.4s ease,opacity 1s ease}#oath.hide{opacity:0;transition:opacity .8s ease}#closing{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + 165px)) scale(.9);font-family:Pinyon Script,cursive;font-size:46px;color:#2c1c0e;opacity:0;pointer-events:none;text-shadow:0 1px 0 rgba(255,250,235,.45)}#closing.show{opacity:1;transform:translate(-50%,calc(-50% + 165px)) scale(1);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}#controls{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:10}.ctrl-btn{font-family:IM Fell English SC,serif;font-size:15px;letter-spacing:1px;color:#e8d6ad;background:#281a0e8c;border:1px solid rgba(200,170,120,.45);border-radius:20px;padding:9px 20px;cursor:pointer;backdrop-filter:blur(3px);transition:background .2s,color .2s,border-color .2s}.ctrl-btn:hover{background:#5a3c1cbf;color:#fff3da;border-color:#e6c896cc}#gate.gate{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,#211712,#150d09 60%,#0a0705);transition:opacity .8s ease}#gate.gate.hide{opacity:0;pointer-events:none}.gate-card{width:min(440px,92vw);text-align:center;padding:clamp(24px,5vw,44px) clamp(20px,5vw,40px);border-radius:10px;background:radial-gradient(circle at 60% 40%,#e8d6ad,#ddc89c 45%,#cbb480 80%,#b89a66);box-shadow:0 0 0 2px #46301866,0 30px 80px #000000b3,inset 0 0 60px #5a3c1c66;color:var(--ink)}.gate-card.shake{animation:gateShake .4s}@keyframes gateShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.gate-title{font-family:IM Fell English SC,serif;letter-spacing:1.5px;font-size:clamp(20px,5vw,30px);color:#2c1c0e;margin-bottom:14px}.gate-text{font-family:IM Fell English,serif;font-size:clamp(15px,3.6vw,19px);line-height:1.5;margin-bottom:22px}.gate-form{display:flex;flex-direction:column;gap:12px}.gate-input{font-family:IM Fell English,serif;font-size:20px;text-align:center;letter-spacing:2px;padding:13px 14px;border:1.5px solid var(--ink);border-radius:8px;background:linear-gradient(180deg,#f3e6c4,#e4d0a2);color:var(--ink);width:100%}.gate-input::placeholder{color:#3a261473;letter-spacing:1px}.gate-input:focus{outline:none;box-shadow:0 0 0 3px #785a3266}.gate-btn{font-family:IM Fell English SC,serif;font-size:15px;letter-spacing:1px;color:#e8d6ad;background:#281a0ed9;border:1px solid rgba(120,90,50,.6);border-radius:20px;padding:12px 20px;min-height:46px;cursor:pointer;transition:background .2s,color .2s}.gate-btn:hover{background:#462e16f2;color:#fff3da}.gate-error{min-height:1.3em;margin-top:14px;font-family:IM Fell English,serif;font-style:italic;font-size:15px;color:#8a2a1e;opacity:0;transition:opacity .2s ease}.gate-error.show{opacity:1}@media(max-width:560px){#controls{bottom:14px;gap:8px;width:100%;padding:0 12px;justify-content:center;flex-wrap:wrap}.ctrl-btn{font-size:13px;padding:8px 14px;letter-spacing:.5px}}