*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none}.canvas-container{width:100%;height:100%;position:relative}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.overlay-title{position:absolute;bottom:2rem;left:2rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.overlay-title h1{font-size:2rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.25rem}.overlay-title p{font-size:.85rem;font-weight:300;opacity:.7;letter-spacing:.05em}.loader-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#050508;color:#fff;z-index:500;transition:opacity 1s ease}.loader-screen.fade-out{opacity:0;pointer-events:none}.loader-content{text-align:center}.loader-title{font-size:3rem;font-weight:200;letter-spacing:.25em;text-transform:uppercase;margin-bottom:.5rem;color:#fff}.loader-name{font-size:.9rem;font-weight:300;letter-spacing:.15em;color:#fff6;margin-bottom:2.5rem}.loader-bar-container{width:180px;height:1px;background:#ffffff1a;margin:0 auto;overflow:hidden}.loader-bar{height:100%;background:linear-gradient(90deg,#c9a227,#fff);transition:width .3s ease}.loader-percent{font-size:.7rem;font-weight:300;letter-spacing:.2em;color:#ffffff40;margin-top:.8rem}@media(max-width:768px){.loader-title{font-size:2rem}}.hint{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);color:#ffffff80;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;animation:fade-hint 4s ease-in-out infinite}@keyframes fade-hint{0%,to{opacity:.3}50%{opacity:.7}}.walk-btns{pointer-events:auto;position:absolute;bottom:1.5rem;right:1.5rem;display:grid;grid-template-columns:50px 50px 50px;grid-template-rows:50px 50px;gap:6px;grid-template-areas:". up ." "left down right"}.walk-btn{pointer-events:auto;width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none}.walk-btn:active{background:#ffffff40;border-color:#ffffffb3}.walk-btn-up{grid-area:up}.walk-btn-down{grid-area:down}.walk-btn-left{grid-area:left;font-size:1rem}.walk-btn-right{grid-area:right;font-size:1rem}.mode-selector-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;animation:mode-fade-in .8s ease-out}.mode-selector-overlay.fade-out{opacity:0;transition:opacity .6s ease-out}@keyframes mode-fade-in{0%{opacity:0}to{opacity:1}}.mode-selector{text-align:center;color:#fff;max-width:500px;padding:2rem}.mode-selector-title{font-size:2.4rem;font-weight:200;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;color:#d4a84b}.mode-selector-subtitle{font-size:1rem;opacity:.7;margin-bottom:2.5rem;font-weight:300}.mode-selector-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.mode-btn{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;width:100%;max-width:360px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:1rem;cursor:pointer;transition:all .25s ease;text-align:left}.mode-btn:hover{background:#ffffff1f;border-color:#d4a84b80;transform:translateY(-2px)}.mode-btn-icon{font-size:1.6rem}.mode-btn-label{font-weight:300;letter-spacing:.05em}.tour-exit-btn{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:150;padding:.6rem 1.5rem;border:1px solid rgba(212,168,75,.4);border-radius:30px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d4a84b;font-size:.9rem;font-weight:300;letter-spacing:.08em;cursor:pointer;transition:all .25s ease;animation:mode-fade-in .5s ease-out}.tour-exit-btn:hover{background:#000000b3;border-color:#d4a84bcc;color:#fff}.completion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:all .8s ease;pointer-events:none}.completion-overlay.visible{opacity:1;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.completion-modal{position:relative;background:linear-gradient(145deg,#1a1a2e,#16162a);border:1px solid rgba(255,215,100,.15);border-radius:16px;padding:2.5rem;max-width:520px;width:90%;text-align:center;box-shadow:0 24px 80px #0009,0 0 40px #c9a22714;transform:translateY(30px);animation:modal-slide-up .6s ease .3s forwards}@keyframes modal-slide-up{to{transform:translateY(0)}}.completion-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff6;font-size:1.2rem;cursor:pointer;padding:.3rem;transition:color .2s}.completion-close:hover{color:#fff}.completion-emoji{font-size:3rem;margin-bottom:.5rem}.completion-modal h2{font-size:1.6rem;font-weight:300;letter-spacing:.1em;color:#c9a227;margin-bottom:.5rem}.completion-text{font-size:1rem;color:#ffffffd9;margin-bottom:.25rem}.completion-subtext{font-size:.9rem;color:#ffffff80;margin-bottom:1.5rem}.completion-video{position:relative;width:100%;padding-bottom:56.25%;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.completion-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media(max-width:768px){.overlay-title{bottom:1.5rem;left:1.5rem}.overlay-title h1{font-size:1.4rem}.overlay-title p{font-size:.75rem}}