:root{--font-display:"Playfair Display", Georgia, serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--gold:#d4aa50;--neon:#0f8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#f0ece2;width:100%;height:100%;font-family:var(--font-body);-webkit-font-smoothing:antialiased;cursor:crosshair;background:#000;overflow:hidden}#gallery{width:100%;height:100%;display:block;position:fixed;inset:0}body.scene-ready #hud{display:block!important}body.scene-ready #painting-modal{display:flex!important}body.scene-ready #progress-bar{display:block!important}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#crosshair{color:#fff6;font-size:20px;font-family:var(--font-mono);text-shadow:0 0 4px #000c;opacity:0;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.locked #crosshair{opacity:1}#hint{letter-spacing:.1em;color:#ffffff80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:20px;padding:.5rem 1.2rem;font-size:.75rem;transition:opacity .5s;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}body.locked #hint{opacity:0}#room-label{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:#d4aa5066;text-shadow:0 0 20px #d4aa5026;font-size:clamp(.7rem,1.5vw,1rem);font-style:italic;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.modal{z-index:100;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal.hidden{opacity:0;pointer-events:none}.modal__backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e0;position:absolute;inset:0}.modal__content{background:#111;border-radius:12px;width:88vw;max-width:1300px;height:82vh;position:relative;overflow:hidden;box-shadow:0 0 80px #000000e6}.modal__header{background:#0009;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;display:flex}.modal__title{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.modal__actions{align-items:center;gap:.6rem;display:flex}.modal__btn{color:#f0ece2;font-family:var(--font-body);cursor:pointer;pointer-events:all;background:0 0;border:1px solid #fff3;border-radius:6px;padding:.35rem .9rem;font-size:.75rem;text-decoration:none;transition:all .2s}.modal__btn:hover{background:#ffffff1a;border-color:#fff6}.modal__btn--close{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.2rem;display:flex}.modal__body{width:100%;height:calc(100% - 50px)}.modal__iframe{background:#000;border:none;width:100%;height:100%}.modal__fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;width:100%;height:100%;padding:2rem;display:flex}.modal__fallback.hidden{display:none}.modal__desc{color:#f0ece2b3;max-width:500px;font-size:.9rem;line-height:1.6}.modal__tags{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.modal__tags span{font-family:var(--font-mono);color:var(--gold);background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;padding:.2rem .6rem;font-size:.65rem}#preloader{z-index:200;cursor:pointer;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:opacity .8s;display:flex;position:fixed;inset:0}#preloader.done{opacity:0;pointer-events:none}.pre__name{font-family:var(--font-display);letter-spacing:.15em;color:#f0ece2;font-size:clamp(2rem,6vw,4rem);font-weight:900}.pre__sub{letter-spacing:.4em;color:#f0ece266;font-size:clamp(.7rem,1.5vw,.95rem);font-weight:300}.pre__bar{background:#ffffff1a;border-radius:1px;width:200px;height:2px;overflow:hidden}.pre__fill{background:linear-gradient(90deg, transparent, var(--gold));width:0%;height:100%;transition:width .3s}.pre__hint{letter-spacing:.15em;color:#f0ece240;margin-top:1rem;font-size:.7rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.6}}#tooltip{letter-spacing:.06em;color:#d4aa50e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;white-space:nowrap;background:#0009;border:1px solid #d4aa5033;border-radius:12px;padding:.35rem .9rem;font-size:.7rem;transition:opacity .25s;position:absolute;top:55%;left:50%;transform:translate(-50%)}#tooltip.visible{opacity:1}#progress-bar{pointer-events:none;background:#ffffff14;border-radius:2px;width:200px;height:3px;position:absolute;bottom:1.5rem;left:50%;overflow:hidden;transform:translate(-50%)}#progress-fill{background:linear-gradient(90deg,#d4aa50,#fc6);border-radius:2px;width:0%;height:100%;transition:width .3s;box-shadow:0 0 6px #d4aa5066}.email-suggestion{color:#ffffff80;cursor:pointer;font-size:.7rem;font-family:var(--font-body);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;padding:.25rem .6rem;transition:all .15s}.email-suggestion:hover{color:#d4aa50;background:#d4aa5026;border-color:#d4aa50}.admin{z-index:300;width:400px;height:100%;font-family:var(--font-body);pointer-events:all;background:#0f0f14f5;border-left:1px solid #ffffff1a;flex-direction:column;transition:right .3s;display:flex;position:fixed;top:0;right:-420px;overflow:hidden}.admin--open{right:0}.admin__header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.admin__header h2{color:#d4aa50;font-size:1rem;font-weight:600}.admin__actions{gap:.4rem;display:flex}.admin__list{flex:1;padding:.5rem;overflow-y:auto}.admin__card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;margin-bottom:.5rem;padding:.6rem}.admin__card-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.admin__card-num{color:#ffffff4d;font-size:.7rem;font-family:var(--font-mono)}.admin__card-id{color:#d4aa50;font-size:.7rem;font-family:var(--font-mono);flex:1}.admin__card-btns{gap:.25rem;display:flex}.admin__fields{flex-direction:column;gap:.3rem;display:flex}.admin__fields label{color:#fff6;text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:.15rem;font-size:.6rem;display:flex}.admin__fields input,.admin__fields textarea{color:#eee;font-size:.75rem;font-family:var(--font-body);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:.3rem .5rem}.admin__fields input:focus,.admin__fields textarea:focus{border-color:#d4aa50}.admin__fields textarea{resize:vertical}.admin__btn{color:#ccc;cursor:pointer;font-size:.7rem;font-family:var(--font-body);background:0 0;border:1px solid #ffffff26;border-radius:4px;padding:.35rem .7rem;transition:all .15s}.admin__btn:hover{color:#d4aa50;background:#ffffff1a;border-color:#d4aa50}.admin__btn--sm{padding:.2rem .4rem;font-size:.6rem}.admin__btn--save{color:#d4aa50;background:#d4aa5026;border-color:#d4aa50}.admin__btn--close{padding:.2rem .5rem;font-size:1rem}.admin__btn--record,.admin__btn--record-all{color:#f44;border-color:#ff44444d}.admin__btn--add{border:1px dashed #ffffff26;flex-shrink:0;width:calc(100% - 1rem);margin:.5rem;padding:.5rem}.admin__btn--delete{color:#f44}.admin__status{color:#d4aa50cc;border-top:1px solid #ffffff0d;flex-shrink:0;min-height:2rem;padding:.5rem 1rem;font-size:.7rem}#touch-controls{pointer-events:none;z-index:20;position:fixed;inset:0}#joystick-zone{pointer-events:all;touch-action:none;width:40%;height:100%;position:absolute;top:0;left:0}#joystick-base{-webkit-backdrop-filter:blur(4px);background:#00000040;border:2px solid #fff3;border-radius:50%;width:120px;height:120px;display:none;position:absolute}#joystick-thumb{background:#d4aa5073;border:2px solid #d4aa50b3;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #d4aa5033}#touch-sprint{color:#fff9;font-family:var(--font-body);letter-spacing:.15em;-webkit-backdrop-filter:blur(4px);pointer-events:all;touch-action:none;-webkit-user-select:none;user-select:none;background:#00000059;border:1.5px solid #fff3;border-radius:24px;padding:.7rem 1.2rem;font-size:.65rem;font-weight:600;transition:background .15s,border-color .15s;position:fixed;bottom:5rem;right:1.2rem}#touch-sprint:active{border-color:var(--gold);color:var(--gold);background:#d4aa5033}#auto-walk-indicator{letter-spacing:.1em;color:#d4aa50b3;-webkit-backdrop-filter:blur(6px);z-index:15;white-space:nowrap;pointer-events:none;background:#00000080;border:1px solid #d4aa5026;border-radius:20px;padding:.5rem 1.4rem;font-size:.7rem;animation:2.5s ease-in-out infinite autoWalkPulse;position:fixed;bottom:3.5rem;left:50%;transform:translate(-50%)}@keyframes autoWalkPulse{0%,to{opacity:.6}50%{opacity:1}}#mobile-tutorial{z-index:250;-webkit-backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tut-card{text-align:center;background:#14120ff2;border:1px solid #d4aa5033;border-radius:16px;width:90%;max-width:340px;padding:2rem 1.8rem}.tut-title{font-family:var(--font-display);color:var(--gold);letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.tut-rows{flex-direction:column;gap:1.2rem;margin-bottom:1.8rem;display:flex}.tut-item{text-align:left;align-items:center;gap:1rem;display:flex}.tut-icon{width:44px;height:44px;color:var(--gold);background:#d4aa501a;border:1px solid #d4aa5040;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.tut-label{color:#fff9;font-size:.8rem;line-height:1.4}.tut-label strong{color:#ffffffe6}.tut-dismiss{border:1.5px solid var(--gold);color:var(--gold);font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;background:#d4aa5026;border-radius:24px;padding:.65rem 2.5rem;font-size:.85rem;font-weight:600;transition:background .2s}.tut-dismiss:active{background:#d4aa504d}@media (width<=768px){#hint{font-size:.6rem;bottom:1rem}.modal__content{width:95vw;height:88vh}#progress-bar{width:120px;bottom:1rem}#room-label{font-size:.6rem;top:.8rem}#tooltip{font-size:.6rem}#gallery{touch-action:none}}