:root{font-family:Segoe UI,Noto Sans KR,sans-serif;line-height:1.45;color:#f8fbff;background:#061723;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:radial-gradient(circle at 8% 4%,#174d71 0%,transparent 32%),radial-gradient(circle at 92% 9%,#6c4a1f 0%,transparent 24%),linear-gradient(170deg,#071923,#06111d 55%,#040c16);color:#f8fbff}a{color:inherit;text-decoration:none}.app-bg{min-height:100vh}.container{width:min(1180px,100% - 2rem);margin-inline:auto}.page-content{padding-block:2rem 3rem}.top-nav{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab,#04101a 82%,transparent);border-bottom:2px solid #4ec2ff88}.nav-row{min-height:74px;display:flex;align-items:center;gap:1rem}.brand{font-size:1.1rem;font-weight:800;letter-spacing:.08em;color:#7fe0ff;display:inline-flex;align-items:baseline;gap:.45rem}.brand-sub{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#ffe2b6;border:1px solid #ffcf8a99;padding:.12rem .34rem;border-radius:.4rem}.nav-links{margin-left:auto;display:flex;align-items:center;gap:.5rem}.nav-link{padding:.55rem .8rem;border:2px solid transparent;border-radius:.6rem;color:#c7d8e7}.nav-link.active,.nav-link:hover{border-color:#80dfff;background:#66d5ff1a;color:#f8fbff}.mobile-toggle{display:none;margin-left:auto;background:#122939;border:2px solid #80dfff;color:#e8f4ff;border-radius:.6rem;padding:.45rem}.lang-btn{margin-left:.5rem;display:inline-flex;align-items:center;gap:.35rem;border:2px solid #ffbd6b;border-radius:.6rem;color:#fff2df;background:#7a4d1033;padding:.5rem .7rem;font-weight:700}.stack-2xl>*+*{margin-top:2.5rem}.stack-xl>*+*{margin-top:2rem}.stack-lg>*+*{margin-top:1.4rem}.stack-md>*+*{margin-top:1rem}.stack-sm>*+*{margin-top:.6rem}.hero-shell{padding:2.2rem;background:linear-gradient(140deg,#11365099,#2d185799)}.hero-shell h1,h1{margin:0;font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.1}h2,h3,h4,p{margin:0}.hero-subtitle,.lead{font-size:1.07rem;color:#d5e6f5;line-height:1.55}.section-title{font-size:1.45rem;color:#fff8f1}.section-title-sm{font-size:1.2rem;color:#e4f2ff}.eyebrow{letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#ffcb88;font-size:.82rem}.card-outline{border:2px solid #9adfffcc;box-shadow:inset 0 0 0 1px #d6f4ff4d,0 14px 30px #020b1333;border-radius:.9rem;background:#0b1c2bd9;overflow:hidden}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.grid-cards.compact{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.experience-card img,.mini-card img,.detail-hero img{width:100%;display:block;object-fit:cover}.experience-card img{height:170px}.mini-card img{height:130px}.detail-hero{display:grid;grid-template-columns:1.2fr 1fr}.detail-hero img{min-height:320px;height:100%}.pad{padding:1rem}.pad-sm{padding:.72rem}.inline-actions,.inline-filters{display:flex;flex-wrap:wrap;gap:.55rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.55rem;border:2px solid transparent;font-weight:700;padding:.63rem .95rem}.btn-primary{background:#f6b456;color:#2a1700;border-color:#ffd59e}.login-link{padding:.4rem .7rem;font-size:.85rem}.disabled-preview{opacity:.6;pointer-events:none}.empty-state-title{font-size:1.1rem}.empty-state-detail{color:#ffffff59;font-size:.85rem;margin-top:.3rem}.detail-description{white-space:pre-line}.full-width-center-btn{width:100%;justify-content:center}.btn-ghost{background:#17334a;border-color:#8ad2ff;color:#ecf6ff}.chip{border:2px solid #9adfffcc;border-radius:.55rem;padding:.37rem .62rem;background:#14344c80;color:#d8eeff;font-size:.86rem;font-weight:600}.chip-active{border-color:#ffcb88;background:#7c4e1a66;color:#fff2de}.input{width:100%;border:2px solid #8ed5ff;border-radius:.7rem;padding:.74rem .8rem;background:#071523;color:#eef7ff;font-size:1rem}.auth-shell{max-width:460px;margin-inline:auto;padding:1.3rem}.text-muted{color:#b7d1e5}.error-text{color:#ff9ca1;font-weight:700}.intro-section{text-align:center;padding:3rem 1.5rem;background:linear-gradient(160deg,#11365099,#2d185799);border:2px solid #9adfffcc;border-radius:.9rem}.intro-subtitle-bold{font-weight:700;font-size:1.1rem}.academy-intro-note{max-width:760px;margin:0 auto;color:#ffe8c8;font-size:.95rem;line-height:1.6;background:linear-gradient(140deg,#6e481942,#14374b42);border:1px solid #ffcf8a66;border-radius:.75rem;padding:.62rem .9rem}.intro-section .title-accent{color:#7fe0ff;display:block}.pill-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.5rem}.pill{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:2rem;padding:.55rem 1rem;color:#f0f8ff;font-weight:600;font-size:.88rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill-icon{color:#7fe0ff}.how-it-works{padding:2rem}.how-it-works-eyebrow{text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.step-card{text-align:center;padding:1.4rem 1rem;border:2px solid #9adfffaa;border-radius:.7rem;background:#0b1c2bd9}.step-card .step-emoji{font-size:2.2rem;margin-bottom:.6rem}.class-notice{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;border:2px solid #7fe0ff88;border-radius:.9rem;background:#0b1c2bd9;text-align:center;justify-content:center}.class-notice .notice-icon{color:#7fe0ff;flex-shrink:0}.class-notice-title{font-weight:600}.class-notice-detail{font-size:.85rem;margin-top:.2rem}.featured-hero{position:relative;min-height:320px;border-radius:.9rem;overflow:hidden;display:flex;align-items:flex-end}.featured-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.featured-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,#061723 0%,rgba(6,23,35,.6) 50%,transparent 100%)}.featured-hero .hero-content{position:relative;z-index:2;padding:2rem;width:100%}.hero-exp-title{font-size:clamp(1.5rem,4vw,2.5rem)}.machine-row{margin-bottom:1.5rem}.machine-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.machine-row-header h3{display:flex;align-items:center;gap:.5rem}.machine-row-header a{color:#7fe0ff;font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem}.section-centered{text-align:center}.search-shell{max-width:460px;margin:0 auto;width:100%}.search-wrap{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#b7d1e5}.search-input{padding-left:2.2rem;padding-right:2.2rem}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.clear-btn-spaced{margin-top:.5rem}.scroll-row{display:flex;gap:.8rem;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x mandatory;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.scroll-card{flex-shrink:0;width:250px;scroll-snap-align:start;border:2px solid #9adfffcc;border-radius:.7rem;overflow:hidden;background:#0b1c2bd9}.scroll-card img{width:100%;height:140px;object-fit:cover;display:block}.scroll-card .scroll-card-body{padding:.6rem .75rem}.scroll-card .scroll-card-body h4{font-size:.95rem;color:#f0f8ff;margin-bottom:.15rem}.scroll-card .scroll-card-body p{font-size:.78rem;color:#b7d1e5}.mode-badges{display:flex;gap:.35rem;flex-wrap:wrap}.mode-badges-row{margin-bottom:.3rem}.mode-badge{font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:.3rem;color:#fff}.mode-badge.freeTalk{background:#14b8a6b3}.mode-badge.story{background:#8b5cf6b3}.mode-badge.mission{background:#f97316b3}.bottom-cta{text-align:center;padding:2.5rem 1rem}.experience-card-rich{border:2px solid #9adfffcc;border-radius:.8rem;overflow:hidden;background:#0b1c2bd9;display:flex;flex-direction:column}.experience-card-rich .card-image{position:relative;overflow:hidden}.experience-card-rich .card-image img{width:100%;height:180px;object-fit:cover;display:block}.experience-card-rich .card-image .card-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.experience-card-rich .card-image .badges-top-left{position:absolute;top:.5rem;left:.5rem;display:flex;gap:.25rem;flex-wrap:wrap}.experience-card-rich .card-image .badges-top-right{position:absolute;top:.5rem;right:.5rem}.experience-card-rich .card-image .card-bottom-info{position:absolute;bottom:0;left:0;right:0;padding:.7rem}.machine-badge{font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:.3rem;background:#14283ccc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:inline-flex;align-items:center;gap:.25rem}.esl-badge{font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:.3rem;background:#ffffff26;color:#ffffffe6}.card-meta{display:flex;align-items:center;gap:.7rem;font-size:.72rem;color:#ffffff80}.card-meta span{display:inline-flex;align-items:center;gap:.2rem}.card-meta-tight{margin-top:.4rem}.experience-title-overlay{color:#fff;font-weight:700;margin-top:.3rem}.experience-tagline-overlay{color:#ffffffb3;font-size:.82rem}.filters-bar{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;padding:.8rem;border:2px solid #9adfffaa;border-radius:.7rem;background:#0b1c2b99}.filter-separator{color:#ffffff26;align-self:center}.result-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border:2px solid #9adfffaa;border-radius:.7rem;background:#0b1c2b99}.clear-btn{background:none;border:none;color:#7fe0ff;cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem}.detail-hero-full{position:relative;min-height:400px;border-radius:.9rem;overflow:hidden;display:flex;align-items:flex-end}.detail-hero-full>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-hero-full .hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,#061723,#061723b3,#0617234d),linear-gradient(to right,rgba(6,23,35,.6) 0%,transparent 100%)}.detail-hero-full .hero-info-box{position:relative;z-index:2;padding:2rem;width:100%}.detail-back-row{position:absolute;top:1rem;left:1rem;right:1rem;z-index:3;display:flex;justify-content:space-between}.icon-btn{display:inline-flex;align-items:center;gap:.4rem;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #7fe0ffcc;border-radius:.5rem;padding:.4rem .7rem;color:#d8eeff;cursor:pointer}.info-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.info-chip{display:inline-flex;align-items:center;gap:.3rem;background:#ffffff14;border:2px solid rgba(255,255,255,.5);border-radius:.4rem;padding:.3rem .6rem;font-size:.82rem;color:#d8eeff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.info-chip.available{background:#f6b456;border-color:#ffd59e;color:#2a1700;font-weight:700}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.detail-main{display:flex;flex-direction:column;gap:1.5rem}.detail-sidebar{display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:90px}.detail-vr-actions{width:100%}.detail-vr-actions-label{font-size:.82rem;color:#94a3b8;margin:0;text-align:center}.vr-quality-block{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12)}.vr-quality-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.vr-quality-toggle{display:flex;gap:.25rem;background:#ffffff14;border-radius:8px;padding:2px}.vr-quality-btn{font-size:.78rem;padding:.3rem .6rem;border:none;border-radius:6px;cursor:pointer;background:transparent;color:#94a3b8;font-weight:400;font-family:inherit}.vr-quality-btn.active{background:#0ea5e94d;color:#38bdf8;font-weight:600}.vr-quality-btn:disabled{opacity:.45;cursor:not-allowed}.vr-quality-hint{font-size:.78rem;color:#94a3b8;margin:.55rem 0 0;line-height:1.35}.world-viewer-quality-link{font-size:.82rem;color:#7fe0ff;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.world-viewer-quality-link:hover{color:#b7e9ff}.section-box{border:2px solid #9adfffcc;border-radius:.9rem;background:#0b1c2bd9;padding:1.5rem;box-shadow:0 14px 30px #020b1333}.section-box h2{font-size:1.3rem;margin-bottom:1rem}.mode-card{border-radius:.7rem;padding:1.3rem;border-width:2px;border-style:solid}.mode-card.freeTalk{background:#0d2826b3;border-color:#2dd4bf;color:#ccfbf1}.mode-card.story{background:#1e1432b3;border-color:#a78bfa;color:#ede9fe}.mode-card.mission{background:#32190ab3;border-color:#fb923c;color:#ffedd5}.mode-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.mode-card-header .mode-emoji{font-size:1.5rem}.mode-card-header h3{font-size:1.05rem;font-weight:700}.mode-card p{font-size:.92rem;line-height:1.55;opacity:.9}.conversation-starters{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.starter-chip{font-size:.78rem;background:#ffffff14;padding:.25rem .5rem;border-radius:.3rem}.story-premise{font-style:italic;border-left:2px solid currentColor;padding-left:.8rem;margin-top:.5rem;opacity:.9}.mission-objectives{list-style:none;padding:0;margin:.6rem 0 0;display:flex;flex-direction:column;gap:.5rem}.mission-objectives li{display:flex;align-items:center;gap:.5rem;font-size:.92rem}.obj-number{width:1.4rem;height:1.4rem;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0}.vocab-grid{display:flex;flex-wrap:wrap;gap:.6rem}.vocab-chip{border:2px solid #7fe0ffcc;border-radius:.5rem;padding:.5rem .9rem;background:#0b1c2b;font-size:.88rem}.vocab-chip .en{color:#f0f8ff;font-weight:600}.vocab-chip .sep{color:#ffffff4d;margin:0 .35rem}.vocab-chip .ko{color:#b7d1e5}.info-table{width:100%}.info-row{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.88rem}.info-row:last-child{border-bottom:none}.info-row .label{color:#b7d1e5}.info-row .value{color:#f0f8ff;font-weight:600}.learn-more-link{display:flex;align-items:center;gap:.4rem;color:#7fe0ff;font-size:.92rem}.tab-bar{display:flex;justify-content:center;gap:.5rem;padding:.8rem;border:2px solid #9adfffaa;border-radius:.7rem;background:#0b1c2b99}.tab-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:none;border-radius:2rem;font-weight:700;cursor:pointer;font-size:.88rem;background:#ffffff14;color:#fff9}.tab-btn.active{background:#f6b456;color:#2a1700}.tab-badge{font-size:.72rem;font-weight:800;padding:.1rem .4rem;border-radius:2rem;background:#f6b456;color:#2a1700}.tab-btn.active .tab-badge{background:#0003}.status-badge{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:.3rem;color:#fff}.status-badge.assigned{background:#f6b456;color:#2a1700}.status-badge.freeplay{background:#22c55e}.status-badge.preview{background:#fff3}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{width:5rem;height:5rem;margin:0 auto 1rem;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#ffffff40}.preview-notice{text-align:center;padding:.8rem;border:2px solid rgba(251,191,36,.3);border-radius:.7rem;background:#fbbf2414;color:#fbbf24;font-size:.85rem}.user-area{display:flex;align-items:center;gap:.6rem;margin-left:auto}.user-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.user-name{font-size:.82rem;color:#d8eeff}.academy-about-hero{position:relative;background:linear-gradient(145deg,#10364ec7,#251a3fb8)}.academy-about-hero:after{content:"";position:absolute;inset:0;border-top:1px solid rgba(255,207,138,.4);pointer-events:none}.academy-about-hero>*{position:relative;z-index:1}.card-outline,.experience-card-rich,.scroll-card,.section-box{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.experience-card-rich:hover,.scroll-card:hover,.section-box:hover{transform:translateY(-2px);border-color:#b7e9ff;box-shadow:0 18px 34px #030e1a5c}.btn:focus-visible,.chip:focus-visible,.nav-link:focus-visible,.lang-btn:focus-visible,.icon-btn:focus-visible,.input:focus-visible{outline:2px solid #ffd39a;outline-offset:2px}@media(max-width:860px){.brand-sub{display:none}.academy-intro-note{font-size:.9rem;padding:.55rem .75rem}.mobile-toggle{display:inline-flex}.nav-links{position:absolute;left:1rem;right:1rem;top:72px;display:none;flex-direction:column;align-items:stretch;background:#091828f2;border:2px solid #87d4ff;border-radius:.85rem;padding:.7rem}.nav-links.open{display:flex}.lang-btn{margin-left:0}.detail-hero{grid-template-columns:1fr}.detail-hero img{min-height:240px;max-height:320px}.steps-grid,.detail-grid{grid-template-columns:1fr}.detail-sidebar{position:static}.user-name{display:none}}.world-card{border:2px solid #9adfffcc;border-radius:.8rem;overflow:hidden;background:#0b1c2bd9;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.world-card:hover{transform:translateY(-2px);border-color:#b7e9ff;box-shadow:0 18px 34px #030e1a5c}.world-card-visual{position:relative;height:160px;background:linear-gradient(135deg,#0d2137,#1a0d2e,#0d2137);display:flex;align-items:center;justify-content:center;overflow:hidden}.world-card-orb{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#7fe0ff,#4a6cf7,#2d1b69 80%,#0a0a2e);box-shadow:0 0 40px #7fe0ff4d,inset 0 0 20px #ffffff1a;animation:orb-pulse 3s ease-in-out infinite alternate}@keyframes orb-pulse{0%{transform:scale(1);box-shadow:0 0 40px #7fe0ff4d}to{transform:scale(1.08);box-shadow:0 0 60px #7fe0ff80}}.world-card-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,28,43,.9) 0%,transparent 50%)}.world-card-badge{position:absolute;top:.6rem;right:.6rem;display:inline-flex;align-items:center;gap:.3rem;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(127,224,255,.4);border-radius:.4rem;padding:.25rem .5rem;font-size:.72rem;font-weight:600;color:#7fe0ff}.world-card-title{font-size:1.05rem;color:#f0f8ff;margin-bottom:.25rem}.world-card-desc{font-size:.82rem;color:#b7d1e5;line-height:1.45}.world-card-meta{display:flex;gap:.4rem;margin-top:.6rem}.world-viewer-page{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 120px)}.world-viewer-topbar{display:flex;align-items:center;gap:1rem;padding:.8rem 0;flex-wrap:wrap}.world-viewer-title{font-size:1.2rem;color:#f0f8ff}.world-viewer-desc{font-size:.85rem;color:#b7d1e5;margin-left:auto}.world-viewer-error{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#dc323226;border:2px solid rgba(220,80,80,.5);border-radius:.6rem;color:#ff9ca1;font-size:.88rem;margin-bottom:.5rem}.world-viewer-controls-hint{display:flex;justify-content:center;gap:1.5rem;padding:.6rem;font-size:.78rem;color:#ffffff59}.splat-viewer-container{position:relative;flex:1;min-height:400px;border:2px solid #9adfffcc;border-radius:.9rem;overflow:hidden;background:#0a0a1a}.splat-viewer-container canvas{display:block;width:100%!important;height:100%!important;cursor:grab}.splat-viewer-container canvas:active{cursor:grabbing}.splat-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0a0a1ad9;color:#b7d1e5;z-index:5}.splat-spinner{width:36px;height:36px;border:3px solid rgba(127,224,255,.2);border-top-color:#7fe0ff;border-radius:50%;animation:splat-spin .8s linear infinite}@keyframes splat-spin{to{transform:rotate(360deg)}}.splat-gyro-btn{position:absolute;bottom:1rem;right:1rem;z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid rgba(127,224,255,.4);background:#0a0a1abf;color:#7fe0ff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,border-color .2s}.splat-gyro-btn.active{background:#0ea5e959;border-color:#38bdf8;box-shadow:0 0 12px #38bdf866}.vr-room-page{position:fixed;inset:0;z-index:1000;background:#000}.vr-room-container{width:100%;height:100%;position:relative}.vr-room-hud{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);pointer-events:none}.vr-room-hud>*{pointer-events:auto}.vr-hud-back{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s}.vr-hud-back:hover{background:#fff3}.vr-hud-title{flex:1;color:#fff;font-size:1rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5)}.vr-hud-status{padding:.3rem .7rem;border-radius:20px;background:#7fe0ff26;color:#7fe0ff;font-size:.75rem;font-weight:500;white-space:nowrap}.vr-room-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center}.enter-vr-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;padding:.75rem 1.5rem;background:linear-gradient(135deg,#7fe0ff,#4fa8d4);color:#0b1c2b;border:none;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #7fe0ff4d}.enter-vr-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #7fe0ff73}.world-viewer-mode-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;background:#0f0f1e99;border-bottom:1px solid rgba(127,224,255,.1)}.world-viewer-mode-hint{font-size:.8rem;color:#7fe0ff80}.vr-splat-viewer{position:fixed;inset:0;z-index:2000;background:#050510}.vr-splat-canvas{position:absolute;inset:0;display:none}.vr-splat-canvas-active{display:block}.vr-splat-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0a20,#050510 70%);z-index:10}.vr-splat-card{max-width:420px;width:90%;padding:2.5rem 2rem;background:#141432cc;border:1px solid rgba(127,224,255,.15);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.vr-splat-title{font-size:1.4rem;font-weight:700;color:#7fe0ff;margin:0 0 1.2rem}.vr-splat-desc{font-size:.9rem;color:#c8d2e6b3;line-height:1.5;margin-bottom:1.5rem}.vr-splat-status{font-size:.95rem;color:#c8d2e699;margin:1rem 0}.vr-splat-ready{color:#4ade80;font-weight:600}.vr-splat-error{color:#f87171}.vr-splat-hint{font-size:.75rem;color:#7fe0ff66;margin-top:.75rem}.vr-splat-spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid rgba(127,224,255,.15);border-top-color:#7fe0ff;border-radius:50%;animation:vr-spin .8s linear infinite}@keyframes vr-spin{to{transform:rotate(360deg)}}.vr-splat-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;margin:.4rem}.vr-splat-btn-primary{background:linear-gradient(135deg,#7fe0ff,#4fa8d4);color:#0b1c2b;box-shadow:0 4px 20px #7fe0ff4d}.vr-splat-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #7fe0ff73}.vr-splat-btn-vr{background:linear-gradient(135deg,#4ade80,#22c55e);color:#0b2b1c;box-shadow:0 4px 20px #4ade804d;font-size:1.15rem;padding:1rem 2rem}.vr-splat-btn-vr:hover{transform:translateY(-2px);box-shadow:0 6px 28px #4ade8073}.vr-splat-btn-back{background:transparent;color:#c8d2e680;border:1px solid rgba(200,210,230,.2)}.vr-splat-btn-back:hover{background:#c8d2e60d;color:#c8d2e6cc}.vr-splat-hud{position:absolute;inset:0;pointer-events:none;z-index:20;display:flex;flex-direction:column;justify-content:space-between}.vr-splat-hud-top{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(to bottom,rgba(5,5,16,.7) 0%,transparent 100%);pointer-events:auto}.vr-splat-hud-title{font-size:1.1rem;font-weight:600;color:#7fe0ff}.vr-splat-hud-bottom{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:linear-gradient(to top,rgba(5,5,16,.7) 0%,transparent 100%);pointer-events:auto}.vr-splat-hud-hint{font-size:.8rem;color:#c8d2e673}.update-prompt{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;padding:.75rem 1rem;animation:update-slide-in .3s ease-out}@keyframes update-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.update-prompt-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#141432f2;border:1px solid rgba(74,222,128,.3);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006}.update-prompt-text{margin:0;font-size:.9rem;font-weight:500;color:#e2e8f0}.update-prompt-actions{display:flex;gap:.5rem}.update-prompt-btn{padding:.4rem .9rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .1s}.update-prompt-btn:hover{transform:scale(1.03)}.update-prompt-btn-apply{background:linear-gradient(135deg,#4ade80,#22c55e);color:#0b2b1c}.update-prompt-btn-dismiss{background:transparent;color:#c8d2e680;border:1px solid rgba(200,210,230,.2)}.pano3d-desktop-overlay{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(to bottom,rgba(5,5,16,.7) 0%,transparent 100%);pointer-events:none}.pano3d-desktop-overlay>*{pointer-events:auto}.pano3d-back-btn,.pano3d-entervr-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .1s}.pano3d-back-btn:hover,.pano3d-entervr-btn:hover{transform:scale(1.03)}.pano3d-back-btn{background:#c8d2e626;color:#e2e8f0;border:1px solid rgba(200,210,230,.2)}.pano3d-entervr-btn{background:linear-gradient(135deg,#7fe0ff,#38bdf8);color:#0b1c2b}.pano3d-loading-hint{font-size:.8rem;color:#7fe0ff;margin-left:auto}.pano3d-preview{width:100%;max-width:400px;aspect-ratio:2 / 1;overflow:hidden;border-radius:8px;margin-bottom:1rem}.pano3d-preview img{width:100%;height:100%;object-fit:cover;display:block}.pano3d-ready-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}