:root{--bg-space:#0b0d1b;--bg-card:#161b2ebf;--bg-card-hover:#232d50d9;--primary-orange:#ff9f1c;--primary-cyan:#00f5d4;--primary-purple:#7b2cbf;--primary-pink:#f72585;--text-white:#fff;--text-dim:#a0aab8;--border-glow:#00f5d466;--font-family:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--room-door-width:10.5%;--room-math-center:24.2%;--room-thai-center:37.1%;--room-science-center:50%;--room-english-center:62.9%;--room-social-center:75.8%}.v1-planet-journey{z-index:4;color:#fff;background:#0a1230e0;border-radius:18px;max-height:62%;padding:1rem;position:absolute;top:17%;left:5%;right:5%;overflow:auto}.v1-planet-map{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.65rem;display:grid}.v1-planet-card{color:#fff;text-align:left;background:#2d4991bf;border:2px solid #ffffff59;border-radius:12px;gap:.3rem;min-height:86px;padding:.7rem;display:grid}.v1-planet-card:disabled{opacity:.55;cursor:not-allowed}.v1-planet-review-only{border-color:#f5c96a}.v1-planet-active{border-color:#77e6a4}.v1-planet-boss-ready{border-color:#ff8b8b;box-shadow:0 0 0 2px #ff8b8b40}.v1-planet-completed{border-color:#9eafff}.v1-planet-card span{text-transform:uppercase;font-size:.8rem}.v1-planet-card small{opacity:.85}.v1-mission-offers{margin-top:1rem}.v1-mission-offers h2{margin:0 0 .5rem;font-size:1.1rem}.v1-mission-offer{background:#ffffff1f;border-radius:9px;gap:.2rem;margin:.4rem 0;padding:.55rem .7rem;display:grid}.v1-mission-offer span{text-transform:uppercase;opacity:.8;font-size:.75rem}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-space);color:var(--text-white);width:100vw;height:100dvh;overflow:hidden}#root{width:100%;height:100%}.app-container{background:radial-gradient(circle at 50% 30%,#1c2550 0%,#070914 90%);border:0;border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #000000e6,0 0 24px #00f5d440}.top-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#0b0d1bd9;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:relative}.brand-title{align-items:center;gap:10px;display:flex}.brand-title h1{background:linear-gradient(135deg, var(--primary-orange), var(--primary-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:700}.tag-badge{border:1px solid var(--primary-purple);color:#e0aaff;background:#7b2cbf66;border-radius:12px;padding:3px 10px}.brand-profile-box{align-items:center;gap:14px;display:flex}.brand-logo-text{background:linear-gradient(135deg, var(--primary-orange), var(--primary-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.sparkle{color:var(--primary-orange);margin-left:2px}.player-level-badge{border:1.5px solid var(--border-glow);cursor:pointer;background:#161b2ecc;border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 6px;display:flex;box-shadow:0 4px 12px #0006}.avatar-icon-mini{background:var(--primary-cyan);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:flex}.player-info-mini{flex-direction:column;display:flex}.player-name{color:#fff;font-size:.8rem;font-weight:700}.player-level-label{color:var(--primary-orange);font-size:.68rem;font-weight:600}.xp-text{color:var(--text-dim);font-size:.62rem}.resource-bar{align-items:center;gap:12px;display:flex}.resource-chip{background:#0b0d1bcc;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:6px;padding:3px 8px 3px 10px;font-size:.85rem;font-weight:700;display:flex}.resource-chip .add-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:18px;height:18px;margin-left:4px;font-size:.7rem}.quick-menu-group{gap:6px;display:flex}.menu-icon-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex;position:relative}.menu-icon-btn.badge-alert span{color:#fff;background:#ff4d4d;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.gesture-status-header{align-items:center;display:flex}.gesture-badge{border-radius:18px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.gesture-badge.open{border:1px solid var(--primary-cyan);color:var(--primary-cyan);background:#00f5d433;box-shadow:0 0 10px #00f5d44d}.gesture-badge.fist{border:2px solid var(--primary-pink);color:#fff;background:#f7258559;animation:.4s infinite alternate headerFistPulse;box-shadow:0 0 16px #f7258599}.gesture-badge.no-hand{color:var(--text-dim);background:#ffffff14;border:1px solid #fff3}@keyframes headerFistPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.camera-prompt-banner{border-bottom:1.5px solid var(--primary-cyan);z-index:100;background:#0b0d1beb;justify-content:center;align-items:center;gap:16px;padding:6px 20px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 20px #000c}.primary-enable-btn{background:var(--primary-cyan);color:#000;cursor:pointer;border:none;border-radius:16px;padding:6px 16px;font-weight:700}.error-text{color:#ff4d4d;font-size:.85rem}.quiz-master-play-area{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;height:100%;padding:16px 24px;transition:background-image .4s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #0009}.top-question-area-row{z-index:10;justify-content:center;align-items:center;gap:24px;width:100%;margin-top:8px;display:flex;position:relative}.top-question-board{text-align:center;background:linear-gradient(#fff 0%,#f0f4fd 100%);border:4px solid #ffb703;border-radius:28px;min-width:320px;padding:12px 48px;position:relative;box-shadow:0 0 35px #ffb703b3,0 10px 30px #000000b3,inset 0 0 15px #ffffffe6}.subject-chip{color:var(--text-dim);background:#0b0d1bb3;border:1px solid #ffffff26;border-radius:10px;padding:2px 10px;font-size:.68rem;font-weight:600;position:absolute;top:-12px;right:24px}.question-grade-label{color:#fff;font-weight:900}.reward-corner-badge{color:#ffb703;background:#0b0d1bb3;border:1px solid #ffb70366;border-radius:10px;padding:2px 12px;font-size:.72rem;font-weight:800;position:absolute;top:-12px;left:24px}.question-text{color:#161b33;text-shadow:0 2px 4px #0000001a;letter-spacing:1px;margin:6px 0 2px;font-size:2.8rem;font-weight:900}.npc-wizard-mentor-beside{z-index:12;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:12%;right:1.5%}.wizard-avatar-row{flex-direction:column;align-items:center;gap:0;display:flex}.npc-teacher-asset-img{object-fit:contain;filter:drop-shadow(0 12px 24px #000c)drop-shadow(0 0 25px #ff9f1ce6);width:clamp(210px,18vw,240px);height:clamp(210px,18vw,240px)}.directional-cards-wrapper{pointer-events:none;position:absolute;inset:0}.wide-answer-card{pointer-events:auto;cursor:pointer;background:linear-gradient(#1a213ef2,#0b0d1bfa);border:3px solid #fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:80px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;box-shadow:0 10px 30px #000c,inset 0 0 15px #ffffff1a}.wide-answer-card.zone_a{background:linear-gradient(145deg,#00b4d873,#0b0d1bf2);border-color:#00b4d8;top:48%;left:17%;transform:translateY(-50%);box-shadow:0 0 25px #00b4d880}.wide-answer-card.zone_b{background:linear-gradient(145deg,#ff9f1c73,#0b0d1bf2);border-color:#ff9f1c;top:48%;left:33%;transform:translateY(-50%);box-shadow:0 0 25px #ff9f1c80}.wide-answer-card.zone_c{background:linear-gradient(145deg,#f7258573,#0b0d1bf2);border-color:#f72585;top:48%;left:49%;transform:translateY(-50%);box-shadow:0 0 25px #f7258580}.wide-answer-card.zone_d{background:linear-gradient(145deg,#2ec4b673,#0b0d1bf2);border-color:#2ec4b6;top:48%;left:65%;transform:translateY(-50%);box-shadow:0 0 25px #2ec4b680}.wide-answer-card.hovered{border-width:4px;box-shadow:0 0 45px var(--primary-cyan)!important;border-color:#00f5d4!important;transform:scale(1.15)translateY(-50%)!important}.answer-card-content{justify-content:center;align-items:center;display:flex}.answer-value-number{color:#fff;text-shadow:0 0 14px #ffffffe6;font-size:2.6rem;font-weight:900}.bottom-player-avatar-stage{z-index:5;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.avatar-center-platform{width:auto;height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:flex-end;animation:none;display:flex}.player-avatar-asset-img{object-fit:contain;filter:drop-shadow(0 15px 30px #000c)drop-shadow(0 0 25px #00f5d480);width:250px;height:250px;animation:3s ease-in-out infinite avatarFloat}@keyframes platformPulse{0%{transform:scale(1);box-shadow:0 0 35px #00f5d44d}to{transform:scale(1.05);box-shadow:0 0 60px #00f5d4b3}}.player-avatar-character{filter:drop-shadow(0 12px 24px #000000e6);font-size:4rem;animation:3s ease-in-out infinite avatarFloat}.word-problem-room .top-question-board{max-width:min(760px,72vw)}.word-problem-room .question-text{max-width:700px;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.25}.word-problem-room .directional-cards-wrapper{pointer-events:none;flex-direction:column;align-items:stretch;gap:10px;width:min(520px,58vw);display:flex;inset:24% auto 12% 50%;transform:translate(-50%)}.word-problem-room .wide-answer-card.word-problem-choice{border-radius:16px;width:100%;height:auto;min-height:58px;position:relative;inset:auto;transform:none}.word-problem-room .wide-answer-card.word-problem-choice.hovered{transform:scale(1.04)!important}.word-problem-room .answer-value-number{font-size:2rem}.benchmark-room-layout .directional-cards-wrapper{pointer-events:none;flex-direction:column;align-items:stretch;gap:12px;width:min(360px,34vw);display:flex;inset:25% auto 42% 50%;transform:translate(-50%)}.benchmark-room-layout .wide-answer-card{border-radius:16px;width:100%;height:auto;min-height:62px;position:relative;inset:auto;transform:none}.benchmark-room-layout .wide-answer-card.hovered{transform:scale(1.05)!important}.benchmark-room-layout .answer-value-number{font-size:clamp(1.8rem,3vw,2.35rem)}.benchmark-room-layout .bottom-player-avatar-stage{bottom:0;left:16%;transform:translate(-50%)}.benchmark-room-layout .player-avatar-asset-img{width:330px;height:330px}.benchmark-room-layout .npc-teacher-asset-img{width:clamp(232px,20vw,272px);height:clamp(232px,20vw,272px)}.benchmark-room-layout .npc-wizard-mentor-beside{top:72%;right:1.5%}.benchmark-room-layout .question-text{letter-spacing:.5px;max-width:min(82vw,820px);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.2}.answer-feedback-explanation{color:#176b5d;background:#0b0d1bd9;border-radius:12px;max-width:680px;margin:8px auto 0;padding:7px 14px;font-size:1rem;font-weight:800}.answer-feedback-explanation.wrong{color:#9b2020;border:1px solid #ff4d4d73}.answer-feedback-explanation.correct{color:#176b5d;border:1px solid #00f5d473}.exit-room-control{z-index:30;color:#fff;cursor:pointer;background:#0b0d1be6;border:2px solid #00f5d4;border-radius:14px;padding:10px 18px;font-size:1rem;font-weight:800;position:absolute;top:auto;bottom:24px;left:24px;box-shadow:0 0 18px #00f5d473}.exit-room-control:hover,.exit-room-control:focus-visible{color:#07121a;background:#00f5d4}.benchmark-room-layout .exit-room-control{z-index:40;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:0;line-height:1;display:inline-flex;top:auto;bottom:clamp(12px,2vh,20px);left:clamp(16px,5vw,72px);transform:none}.benchmark-room-layout .exit-room-control:before{content:"↩";font-size:1.65rem}.wrong-answer-modal-backdrop{z-index:100;pointer-events:auto;background:#040818ad;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.wrong-answer-modal{z-index:3;color:#161b33;text-align:center;background:linear-gradient(#fff 0%,#f1f5ff 100%);border:4px solid #ff9f1c;border-radius:24px;width:min(560px,90vw);max-height:min(76vh,520px);padding:26px 30px 24px;position:relative;overflow:auto;box-shadow:0 18px 55px #000000a6,0 0 35px #ff9f1c80}.wrong-answer-companion{z-index:950;pointer-events:none;width:min(96vw,1040px);height:min(88vh,1100px);position:absolute;top:8%;left:50%;right:auto;transform:translate(-50%)}.wrong-answer-companion-master{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 12px #161b3373);width:clamp(792px,86vw,1100px);max-width:79vw;height:clamp(990px,110vh,1320px);max-height:94vh;display:block;position:absolute;bottom:20%;right:-21%}.benchmark-room-layout .wrong-answer-companion-master.landscape{width:clamp(420px,45vw,560px);max-width:none;height:min(66vh,520px);max-height:none;bottom:clamp(56px,9vh,84px);right:clamp(-16px,-1vw,0px)}.wrong-answer-companion-master.portrait{width:clamp(270px,30vw,360px);max-width:none;height:min(58vh,440px);max-height:none;bottom:clamp(52px,8vh,76px);right:clamp(16px,3vw,38px)}.wrong-answer-companion.portrait{width:auto;height:auto;inset:0;transform:none}.wrong-answer-speech{color:#24304f;text-align:center;background:#fff;border:3px solid #ff9f1c;border-radius:18px;width:clamp(420px,46vw,560px);margin:0;padding:24px 30px;font-size:clamp(1.15rem,2vw,1.6rem);font-weight:800;line-height:1.35;position:absolute;top:14%;left:22%;box-shadow:0 8px 22px #00000059}.wrong-answer-speech:after{content:"";background:#fff;border-bottom:3px solid #ff9f1c;border-right:3px solid #ff9f1c;width:20px;height:20px;position:absolute;top:58%;right:-13px;transform:rotate(-45deg)}.wrong-answer-modal h3{margin:0 0 12px;font-size:clamp(1.45rem,3vw,2rem)}.wrong-answer-modal p{overflow-wrap:anywhere;max-width:48ch;margin:10px auto;font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.5}.wrong-answer-hint{color:#9b5410;font-weight:800}.wrong-answer-explanation{color:#24304f}.wrong-answer-ok{color:#fff;cursor:pointer;background:#00b894;border:0;border-radius:14px;min-width:170px;margin-top:14px;padding:12px 24px;font-size:1.15rem;font-weight:900;box-shadow:0 5px 16px #00b89466}.wrong-answer-ok:hover,.wrong-answer-ok:focus-visible{background:#008f75}.wrong-answer-feedback{z-index:900;cursor:pointer;outline:none;position:absolute;inset:0}.wrong-answer-feedback:focus-visible{box-shadow:inset 0 0 0 3px #00f5d4}.wrong-answer-continue{color:#00f5d4;margin:12px 0 0;font-weight:900}.wrong-answer-speech{flex-direction:column;gap:7px;display:flex}.benchmark-room-layout .wrong-answer-companion.landscape{width:100%;height:100%;inset:0;transform:none}.benchmark-room-layout .wrong-answer-companion-master.landscape{object-fit:contain;object-position:center bottom;object-fit:fill;bottom:7%;right:3%;width:565px;max-width:none;height:377px;max-height:none;inset:18% auto auto 58%}.lobby-base-player-stage.astro-guide-level-3,.lobby-base-player-stage.astro-guide-level-4{width:340px;height:400px;overflow:visible}.lobby-base-player-stage.astro-guide-level-3 .lobby-base-player-img,.lobby-base-player-stage.astro-guide-level-4 .lobby-base-player-img{transform-origin:bottom;transform:translateY(clamp(270px,45vh,315px))scaleX(-1)scale(1.7)}.wrong-answer-solution{color:#7b3f00;background:#fff7e8;border:2px solid #ff9f1c8c;border-radius:14px;flex-direction:column;gap:4px;padding:10px 14px;font-size:.92em;display:flex}.wrong-answer-solution-label{color:#d65c00;letter-spacing:.08em;font-size:.72em;font-weight:900}.wrong-answer-hint-text{color:#34415f;font-size:.82em}@media (width<=720px){.wrong-answer-modal{width:min(92vw,560px);max-height:82vh;padding:18px 18px 20px}.wrong-answer-companion{width:96vw;height:78vh;top:8%;left:50%;right:auto;transform:translate(-50%)}.wrong-answer-companion-master{width:clamp(396px,86vw,550px);max-width:97vw;height:clamp(528px,70vh,682px);max-height:79vh;bottom:10%;right:-17%}.wrong-answer-companion-master.portrait{right:max(10px, env(safe-area-inset-right));bottom:max(44px, calc(env(safe-area-inset-bottom) + 28px));width:clamp(240px,40vw,310px);max-width:none;height:min(54vh,400px);max-height:none}.wrong-answer-companion.portrait{width:auto;height:auto;inset:0;transform:none}.wrong-answer-speech{width:min(86vw,480px);padding:16px 18px;font-size:clamp(.95rem,3.2vw,1.2rem);top:2%;left:12%}.benchmark-room-layout .bottom-player-avatar-stage{bottom:0;left:15%;transform:translate(-50%)}.benchmark-room-layout .player-avatar-asset-img{width:330px;height:330px}.benchmark-room-layout .directional-cards-wrapper{gap:9px;width:min(88vw,440px);inset:30% auto 36% 50%;transform:translate(-50%)}.benchmark-room-layout .wide-answer-card{min-height:52px}.word-problem-room .top-question-board{max-width:92vw;padding:10px 18px}.word-problem-room .directional-cards-wrapper{width:min(88vw,440px);inset:28% auto 13% 50%}.exit-room-control{top:auto;left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));padding:8px 12px;font-size:.82rem}.benchmark-room-layout .exit-room-control{left:15%;bottom:max(12px, env(safe-area-inset-bottom));width:44px;height:44px}.benchmark-room-layout .exit-room-control:before{font-size:1.45rem}}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hexagon-answer-card.hovered{border-width:4px;box-shadow:0 0 45px var(--primary-cyan)!important;border-color:#00f5d4!important;transform:scale(1.18)!important}.hexagon-inner{flex-direction:column;align-items:center;display:flex}.hex-dir-arrow{font-size:1.3rem}.hex-value-number{color:#fff;text-shadow:0 0 10px #fffc;font-size:2rem;font-weight:900}.hover-action-hint{white-space:nowrap;color:var(--primary-cyan);background:#0b0d1be6;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:700;position:absolute;bottom:-28px}.wide-answer-card.result-correct{animation:.5s correctBounce;background:#00f5d473!important;border-color:#00f5d4!important;box-shadow:0 0 50px #00f5d4!important}.wide-answer-card.result-wrong{animation:.4s wrongShake;background:#ff4d4d73!important;border-color:#ff4d4d!important;box-shadow:0 0 50px #ff4d4d!important}.wide-answer-card.result-highlight-correct{animation:1s infinite alternate highlightPulse;border-color:#00f5d4!important;box-shadow:0 0 35px #00f5d4!important}.result-badge{white-space:nowrap;z-index:20;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:800;position:absolute;bottom:-32px}.result-badge.correct{color:#000;background:#00f5d4;box-shadow:0 0 16px #00f5d4cc}.result-badge.wrong{color:#fff;background:#ff4d4d;box-shadow:0 0 16px #ff4d4dcc}.result-badge.highlight{color:#00f5d4;background:#00f5d433;border:1px solid #00f5d4}@keyframes correctBounce{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes highlightPulse{0%{opacity:.7}to{opacity:1}}.bottom-camera-widget{border:2px solid var(--border-glow);z-index:15;background:#0b0d1be0;border-radius:18px;width:170px;padding:8px;position:absolute;bottom:20px;left:24px;box-shadow:0 8px 24px #000c}.widget-header{color:#fff;align-items:center;gap:6px;margin-bottom:6px;font-size:.72rem;font-weight:700;display:flex}.camera-video-container{background:#000;border-radius:12px;height:100px;position:relative;overflow:hidden}.widget-caption{color:var(--text-dim);text-align:center;margin-top:6px;font-size:.65rem;font-weight:600}.reward-panel-widget{border:2px solid var(--border-glow);z-index:15;background:#12172aeb;border-radius:20px;width:210px;padding:12px;position:absolute;bottom:20px;right:24px;box-shadow:0 8px 24px #000c}.reward-widget-header{flex-direction:column;margin-bottom:8px;display:flex}.reward-widget-title{color:var(--primary-cyan);font-size:.78rem;font-weight:800}.reward-widget-subtitle{color:var(--text-dim);font-size:.65rem}.reward-items-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px;display:grid}.reward-item-card{background:#0b0d1bcc;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;padding:6px;display:flex;position:relative}.reward-item-card.locked{opacity:.5}.reward-item-card .item-icon{font-size:1.4rem}.reward-item-card .item-name{color:var(--text-white);font-size:.62rem;font-weight:600}.reward-item-card .lock-icon{font-size:.8rem;position:absolute;top:2px;right:4px}.reward-progress-box{flex-direction:column;gap:4px;display:flex}.star-counter{color:var(--primary-orange);font-size:.68rem;font-weight:700}.reward-progress-bar-bg{background:#ffffff26;border-radius:4px;height:6px;overflow:hidden}.reward-progress-bar-fill{background:linear-gradient(90deg, var(--primary-orange), var(--primary-cyan));height:100%}.play-area{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:14px;padding:12px 24px 24px;display:grid;position:relative;overflow:hidden}.center-dead-zone{pointer-events:none;z-index:5;background:#0b0d1b66;border:2px dashed #ffffff26;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-dead-zone span{color:var(--text-dim);font-size:.75rem}.zone-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;border:2px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.zone-card:hover,.zone-card.hovered{border-color:var(--primary-cyan);background:var(--bg-card-hover);box-shadow:0 0 25px var(--border-glow);transform:translateY(-4px)}.zone-card.confirmed{border-color:var(--primary-orange);background:#ff9f1c40;animation:.4s ease-in-out pulseConfirm;box-shadow:0 0 40px #ff9f1c99}@keyframes pulseConfirm{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.zone-id-badge{letter-spacing:1px;background:#ffffff1a;border-radius:12px;padding:4px 12px;font-size:.85rem;font-weight:700}.zone-content h3{color:#fff;margin:8px 0;font-size:1.6rem}.zone-content p{color:var(--text-dim);font-size:.95rem}.zone-dwell-bar-bg{background:#ffffff1a;border-radius:4px;width:100%;height:6px;margin-top:10px;overflow:hidden}.zone-dwell-bar-fill{background:linear-gradient(90deg, var(--primary-cyan), var(--primary-orange));height:100%;transition:width 50ms linear}.zone-touch-btn{color:var(--text-white);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:12px;align-self:flex-end;margin-top:8px;padding:6px 14px;font-size:.85rem}.zone-touch-btn:hover{background:var(--primary-cyan);color:#000}.camera-preview-header{border:2px solid var(--border-glow);cursor:pointer;background:#000;border-radius:12px;justify-content:center;align-items:center;width:110px;height:65px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006}.camera-preview-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-preview-status{color:var(--primary-cyan);text-align:center;background:#000000b3;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute}.motion-cursor-wrapper{pointer-events:none;z-index:100;justify-content:center;align-items:center;transition:transform 80ms ease-out;display:flex;position:fixed;transform:translate(-50%,-50%)}.dwell-ring-svg{position:absolute;transform:rotate(-90deg)}.dwell-ring-bg{fill:none;stroke:#fff3;stroke-width:4px}.dwell-ring-progress{fill:none;stroke:var(--primary-cyan);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset 50ms linear}.motion-cursor-icon{filter:drop-shadow(0 0 8px var(--primary-cyan));font-size:2rem}.motion-cursor-wrapper.hovering .dwell-ring-progress{stroke:var(--primary-orange)}.motion-cursor-wrapper.confirmed .motion-cursor-icon{animation:.3s ease-out cursorConfirmBurst}@keyframes cursorConfirmBurst{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1)}}.motion-debug-panel-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:2px solid var(--primary-cyan);z-index:1000;background:#0b0d1bf2;border-radius:16px;width:320px;max-width:90vw;padding:10px 12px;font-size:.72rem;transition:all .25s ease-out;position:fixed;top:75px;left:20px;box-shadow:0 12px 36px #000000d9}.header-btn-group{align-items:center;gap:8px;display:flex}.close-debug-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f72585,#7b2cbf);border:none;border-radius:10px;padding:4px 10px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #f7258566}.close-debug-btn:hover{transform:scale(1.05)}.fist-badge{border:1px solid #f72585;font-weight:800;animation:.5s infinite alternate pulseFist;color:#ff70a6!important;background:#f725854d!important}.open-badge{color:var(--primary-cyan)!important;background:#00f5d433!important}@keyframes pulseFist{0%{transform:scale(1)}to{transform:scale(1.08)}}.debug-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.debug-title{color:var(--primary-cyan);font-size:.8rem;font-weight:700}.camera-toggle-btn{color:var(--text-white);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:3px 8px;font-size:.7rem}.camera-toggle-btn.active{border-color:var(--primary-cyan);color:var(--primary-cyan);background:#00f5d433}.debug-grid{grid-template-columns:1fr 1fr;gap:4px 10px;margin-bottom:6px;display:grid}.debug-item{justify-content:space-between;align-items:center;display:flex}.debug-item .label{color:var(--text-dim);font-size:.7rem}.debug-item .badge{border-radius:6px;padding:1px 5px;font-size:.7rem;font-weight:600}.badge.motion{color:var(--primary-cyan);background:#00f5d433}.badge.touch{color:var(--primary-orange);background:#ff9f1c33}.debug-controls{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;padding-top:8px;display:flex}.control-group label{color:var(--text-dim);margin-bottom:4px;font-size:.75rem;display:block}.btn-group{gap:8px;display:flex}.btn-group button{color:var(--text-white);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;flex:1;padding:4px 8px;font-size:.75rem}.btn-group button.selected{border-color:var(--primary-purple);color:#e0aaff;background:#7b2cbf66;font-weight:600}.control-group input[type=range]{width:100%}.orientation-guard-overlay{z-index:9999;text-align:center;background:#0b0d1b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.orientation-guard-card{border:2px solid var(--primary-orange);background:#161b2ee6;border-radius:24px;max-width:420px;padding:32px}.orientation-guard-icon{margin-bottom:16px;font-size:4rem;animation:2s ease-in-out infinite rotateIcon}@keyframes rotateIcon{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(0)}}.splash-screen-container,.ship-lobby-container-asset{z-index:50;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.full-screen-asset-img{object-fit:cover;object-position:center center;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0;pointer-events:none!important}.lobby-base-player-stage{pointer-events:none;z-index:100;opacity:1;visibility:visible;justify-content:center;align-items:flex-end;width:clamp(230px,22vw,340px);height:clamp(250px,36vh,340px);transition:left .38s,bottom .38s,width .38s,height .38s,transform .38s;display:flex;position:absolute;bottom:0;left:clamp(-4%,-1.5vw,-1%);overflow:visible;transform:translate(0,0)}.lobby-base-player-stage[data-target-room=math]{--player-target-center:var(--room-math-center)}.lobby-base-player-stage[data-target-room=thai]{--player-target-center:var(--room-thai-center)}.lobby-base-player-stage[data-target-room=science]{--player-target-center:var(--room-science-center)}.lobby-base-player-stage[data-target-room=english]{--player-target-center:var(--room-english-center)}.lobby-base-player-stage[data-target-room=social]{--player-target-center:var(--room-social-center)}.lobby-base-player-stage.is-targeting{left:calc(var(--player-target-center) - (clamp(220px, 19.8vw, 297px) / 2));z-index:510;width:clamp(220px,19.8vw,297px);height:clamp(260px,40vh,310px);overflow:visible;transform:translateY(calc(-1*clamp(210px,36vh,260px)))}.lobby-base-player-stage.is-targeting .lobby-base-player-img{object-fit:contain;transform-origin:50% 100%;width:100%;height:auto;max-height:100%;transform:scaleX(-1)scale(1)}.lobby-base-player-stage.is-gate-targeting{z-index:735;width:clamp(300px,42vh,360px);height:clamp(300px,42vh,360px);transition:left .38s,bottom .38s,width .38s,height .38s,transform .38s;bottom:calc(5% + clamp(18px,3.5vh,28px));left:50%;overflow:visible;transform:translate(-50%)}.lobby-base-player-stage.is-gate-targeting .lobby-base-player-img{object-fit:contain;transform-origin:50% 100%;pointer-events:none;width:100%;height:auto;max-height:100%;transform:scaleX(-1)scale(1.08)}@media (prefers-reduced-motion:reduce){.lobby-base-player-stage.is-gate-targeting,.lobby-base-player-stage.is-gate-targeting .lobby-base-player-img{transition:none}}.lobby-base-player-img{object-fit:contain;object-position:center top;transform-origin:top;filter:drop-shadow(0 8px 18px #000c)drop-shadow(0 0 12px #00f5d473);width:100%;height:100%;display:block;transform:scaleX(-1)scale(2.4)}@media (width<=700px){.lobby-base-player-stage{width:clamp(190px,48vw,270px);height:clamp(210px,33vh,290px);bottom:0;left:clamp(-5%,-2vw,-1%)}.lobby-base-player-img{transform-origin:top;transform:scaleX(-1)scale(2.15)}}.splash-start-btn-hotspot{cursor:pointer;border:2px solid #0000;border-radius:36px;width:29%;height:13%;transition:all .2s ease-in-out;position:absolute;top:50%;left:49%;z-index:500!important;pointer-events:auto!important;background:0 0!important}.splash-start-btn-hotspot:hover{border-color:#ffb703d9;box-shadow:0 0 30px #ffb70399;background:#ffb70314!important}.lobby-door-hotspot,.scifi-door-card{cursor:pointer;border:2px solid #00f5d44d;border-radius:20px;justify-content:center;align-items:flex-start;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;box-shadow:inset 0 0 15px #00f5d41a;z-index:500!important;pointer-events:auto!important;background:#00f5d40a!important}.lobby-door-hotspot:hover,.scifi-door-card:hover{transform:translateY(-2px);box-shadow:0 0 18px #00f5d473,inset 0 0 12px #00f5d41f;border-color:var(--primary-cyan)!important;background:#00f5d40f!important}.door-math{top:30%;left:calc(var(--room-math-center) - (var(--room-door-width) / 2));width:var(--room-door-width);height:32%}.door-thai{top:30%;left:calc(var(--room-thai-center) - (var(--room-door-width) / 2));width:var(--room-door-width);height:32%}.door-science{top:30%;left:calc(var(--room-science-center) - (var(--room-door-width) / 2));width:var(--room-door-width);height:32%}.door-english{top:30%;left:calc(var(--room-english-center) - (var(--room-door-width) / 2));width:var(--room-door-width);height:32%}.door-social{top:30%;left:calc(var(--room-social-center) - (var(--room-door-width) / 2));width:var(--room-door-width);height:32%}.hub-room-controls{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hub-room-controls .lobby-door-hotspot{pointer-events:auto}.door-enter-btn-overlay{color:#0b0d1b;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#00f5d4,#00b4d8);border:2px solid #fff;border-radius:24px;padding:12px 28px;font-size:1.15rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 25px #00f5d499,0 0 15px #fff6}.door-enter-btn-overlay:hover{transform:scale(1.08);box-shadow:0 12px 35px #00f5d4d9}.room-score-master-banner-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0d1bbf;border:1px solid #00f5d466;border-radius:18px;align-items:center;gap:10px;padding:4px 14px;display:flex}.room-title-tag{border:1px solid var(--primary-cyan);color:var(--primary-cyan);background:#00f5d426;border-radius:14px;padding:4px 12px;font-size:.82rem;font-weight:800}.score-stat-chip{color:#fff;background:#161b2eb3;border:1px solid #ffffff1a;border-radius:12px;padding:4px 10px;font-size:.85rem}.score-stat-chip.total-score strong{color:#ffb703;font-size:.95rem}.score-stat-chip.accuracy strong{color:#00f5d4;font-size:.95rem}.score-stat-chip.combo strong{color:#ff007f;font-size:.95rem}.score-stat-chip.stars strong{color:#ffbe0b;font-size:.95rem}.door-hotspot-hint{box-sizing:border-box;z-index:660;border:1.5px solid var(--primary-cyan);width:calc(100% - 10px);min-width:0;max-width:calc(100% - 10px);color:var(--primary-cyan);text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-shadow:0 2px 5px #000000f2,0 0 8px #000000e6;pointer-events:none;opacity:.9;background:#0b0d1bd9;border-radius:16px;max-height:56%;padding:4px 5px;font-size:clamp(.76rem,1.15vw,1.08rem);font-weight:800;line-height:1.08;transition:opacity .2s,transform .2s;position:absolute;top:11%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #000c,0 0 15px #00f5d466}.lobby-door-hotspot:hover .door-hotspot-hint{opacity:1;color:#fff;background:#00f5d433;border-color:#fff;transform:translate(-50%)scale(1.03);box-shadow:0 0 14px #00f5d4a6}.lobby-player-hover-avatar{pointer-events:none;z-index:650;justify-content:center;align-items:flex-end;width:105%;height:calc(100% - 28px);animation:.22s ease-out forwards popInAvatarFull;display:flex;position:absolute;top:4px;bottom:8px;left:50%;transform:translate(-50%)}.lobby-hover-avatar-img{object-fit:contain;transform-origin:bottom;filter:drop-shadow(0 8px 20px #000000f2)drop-shadow(0 0 15px #00f5d4cc);width:100%;height:100%;transform:translateY(62%)scale(2.05)}@keyframes popInAvatarFull{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.char-select-overlay{z-index:50;background:radial-gradient(circle at 50% 30%,#1a1e3b 0%,#0b0d1b 90%);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.splash-card,.char-select-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--border-glow);text-align:center;background:#161b2ed9;border-radius:28px;width:100%;max-width:580px;padding:32px 48px;box-shadow:0 12px 40px #000000b3}.splash-hero-badge{border:1px solid var(--primary-purple);color:#e0aaff;background:#7b2cbf66;border-radius:16px;margin-bottom:12px;padding:4px 14px;font-size:.85rem;display:inline-block}.splash-title,.char-select-title{background:linear-gradient(135deg, var(--primary-orange), var(--primary-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.2rem;font-weight:800}.splash-subtitle,.char-select-desc{color:var(--text-dim);margin-bottom:24px;font-size:1rem;line-height:1.5}.splash-action-box{flex-direction:column;align-items:center;gap:12px;display:flex}.splash-start-btn,.confirm-character-btn{background:linear-gradient(135deg, var(--primary-cyan), var(--primary-orange));color:#000;cursor:pointer;box-shadow:0 0 20px var(--border-glow);border:none;border-radius:24px;padding:14px 32px;font-size:1.1rem;font-weight:800;transition:transform .2s,box-shadow .2s}.splash-start-btn:hover,.confirm-character-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #00f5d4b3}.splash-hint-text{color:var(--text-dim);font-size:.8rem}.avatar-preview-box{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.avatar-character-body{border:4px solid var(--primary-cyan);background:#0b0d1bcc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:10px;transition:all .3s;display:flex}.avatar-face{font-size:2.2rem}.avatar-suit-emblem{border-radius:10px;margin-top:4px;padding:2px 8px;font-size:.75rem}.avatar-color-name{color:var(--text-white);font-size:1.1rem;font-weight:700}.color-palette-options{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.color-option-btn{color:var(--text-white);cursor:pointer;background:#ffffff0d;border:2px solid #ffffff26;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.color-option-btn:hover,.color-option-btn.selected{background:#ffffff1f;transform:translateY(-2px)}.color-option-btn.selected{box-shadow:0 0 16px #ffffff4d}.color-swatch{border-radius:50%;width:20px;height:20px;display:inline-block}.color-label{font-size:.85rem;font-weight:600}.ship-lobby-overlay{z-index:50;background:radial-gradient(circle at 50% 20%,#1c234a 0%,#070914 95%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ship-lobby-container{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:2px solid var(--border-glow);text-align:center;background:#12172aeb;border-radius:32px;width:100%;max-width:960px;padding:28px 36px;box-shadow:0 20px 60px #000000e6,inset 0 0 40px #00f5d40d}.lobby-header-badge{border:1px solid var(--primary-cyan);color:var(--primary-cyan);letter-spacing:.5px;background:#00f5d426;border-radius:16px;margin-bottom:8px;padding:4px 18px;font-size:.85rem;font-weight:700;display:inline-block}.lobby-title{background:linear-gradient(135deg, var(--primary-cyan), var(--primary-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:2.1rem;font-weight:800}.lobby-subtitle{color:var(--text-dim);margin-bottom:20px;font-size:.92rem}.lobby-character-banner{background:#0b0d1bb3;border:1px solid #00f5d433;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:10px 22px;display:flex;box-shadow:0 4px 16px #0006}.banner-left{align-items:center;display:flex}.lobby-avatar-circle{border:3px solid var(--primary-cyan);background:#0b0d1be6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.lobby-avatar-info{flex-direction:column;align-items:flex-start;margin-left:14px;display:flex}.player-title{color:var(--text-dim);font-size:.75rem}.player-color{color:var(--text-white);font-size:1.05rem;font-weight:700}.change-char-btn{color:var(--text-white);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:14px;padding:8px 16px;font-size:.85rem;transition:all .2s}.change-char-btn:hover{border-color:var(--primary-cyan);color:var(--primary-cyan);background:#00f5d433}.doors-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.scifi-door-card{background:linear-gradient(#1a213ef2,#0b0d1bfa);border:2px solid #ffffff26;border-radius:24px;flex-direction:column;justify-content:space-between;padding:16px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009}.scifi-door-card.open{border-color:var(--primary-cyan);box-shadow:0 0 25px var(--border-glow);cursor:pointer}.scifi-door-card.open:hover{border-color:var(--primary-orange);background:linear-gradient(#232d50f2,#141932fa);transform:translateY(-6px);box-shadow:0 0 35px #ff9f1c80}.scifi-door-card.locked{opacity:.55;border-style:dashed}.door-archway-cap{background:#0006;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px 10px;display:flex}.led-indicator{border-radius:50%;width:10px;height:10px}.led-indicator.online{background:var(--primary-cyan);box-shadow:0 0 8px var(--primary-cyan);animation:1.5s infinite alternate ledPulse}.led-indicator.offline{background:#ff4d4d;box-shadow:0 0 6px #ff4d4d}@keyframes ledPulse{0%{opacity:.6}to{opacity:1}}.door-code{letter-spacing:1px;color:var(--text-dim);font-size:.68rem;font-weight:700}.portal-hologram-window{background:radial-gradient(circle,#00f5d433 0%,#0b0d1be6 80%);border:1.5px solid #00f5d466;border-radius:18px;justify-content:center;align-items:center;height:110px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.portal-hologram-window.locked-portal{background:radial-gradient(circle,#ffffff0d 0%,#0b0d1be6 80%);border-color:#ffffff1a}.portal-ring-effect{border:2px dashed var(--primary-cyan);opacity:.6;border-radius:50%;width:90px;height:90px;animation:12s linear infinite rotatePortalRing;position:absolute}@keyframes rotatePortalRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.door-icon{z-index:2;filter:drop-shadow(0 0 12px var(--primary-cyan));font-size:3rem}.door-icon.dim{filter:grayscale(80%)opacity(.5)}.float-anim{animation:2.5s ease-in-out infinite floatIcon}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lock-overlay-icon{z-index:3;font-size:1.8rem;position:absolute}.door-info-box{margin-bottom:14px}.door-title{color:var(--text-white);margin-bottom:4px;font-size:1.2rem;font-weight:800}.door-desc{color:var(--text-dim);font-size:.78rem;line-height:1.4}.enter-portal-btn{background:linear-gradient(135deg, var(--primary-cyan), var(--primary-orange));color:#000;box-shadow:0 0 16px var(--border-glow);border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:10px 14px;font-weight:800;transition:all .2s;display:flex}.enter-portal-btn span:first-child{font-size:.88rem}.enter-portal-btn .sub-hint{opacity:.85;font-size:.68rem;font-weight:600}.locked-portal-btn{color:var(--text-dim);background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;padding:8px;font-size:.78rem;font-weight:700}.profile-screen,.ship-selection-screen,.session-result-screen{z-index:420;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.profile-screen:after,.ship-selection-screen:after,.session-result-screen:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 20%,#00f5d41f,#0000 38%),#040712a3;position:absolute;inset:0}.profile-panel,.ship-selection-panel,.session-result-panel{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f142bf5,#050817f0);border:1px solid #00f5d480;border-radius:28px;width:min(92%,1080px);max-height:90%;padding:clamp(20px,3vw,36px);position:relative;overflow:auto;box-shadow:0 26px 80px #0009,inset 0 0 32px #00f5d40f}.profile-panel-header,.ship-selection-panel>header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.ship-selection-panel>header{justify-content:flex-start}.v1-entry-screen{z-index:420;background:#040712a3;grid-template-columns:minmax(0,1fr) minmax(300px,38%);align-items:center;gap:clamp(16px,2.5vw,36px);min-height:0;padding:clamp(16px,3vw,42px);display:grid;position:absolute;inset:0;overflow:hidden}.v1-entry-map{object-fit:contain;object-position:center;width:100%;height:min(100%,78vh);min-height:0;display:block}.v1-entry-panel{background:linear-gradient(145deg,#0f142bf5,#050817f0);border:1px solid #00f5d480;border-radius:24px;align-self:center;width:100%;min-height:0;max-height:calc(100% - 8px);padding:clamp(16px,2.2vw,30px);overflow-y:auto;box-shadow:0 26px 80px #0009,inset 0 0 32px #00f5d40f}.v1-entry-panel h1{margin-bottom:10px}.v1-entry-panel p{color:#d8e1ef;margin-bottom:12px}.v1-entry-panel ol,.v1-entry-panel [role=list]{gap:8px;margin:12px 0 16px;display:grid}.v1-entry-panel button{min-height:44px;font:inherit;cursor:pointer;border-radius:12px;padding:9px 13px}.v1-entry-panel button:disabled{cursor:not-allowed;opacity:.55}@media (width<=760px),(height<=560px){.v1-entry-screen{grid-template-columns:minmax(0,.9fr) minmax(250px,1.1fr);gap:12px;padding:12px}.v1-entry-panel{padding:14px}}.profile-eyebrow{color:var(--primary-cyan);letter-spacing:.18em;margin-bottom:5px;font-size:.7rem;font-weight:900;display:inline-block}.profile-panel h2,.ship-selection-panel h2,.difficulty-panel h2,.session-result-panel h2{font-size:clamp(1.45rem,2.7vw,2.3rem);line-height:1.15}.profile-panel-header p,.ship-selection-panel header p,.difficulty-panel>p,.session-result-panel>p{color:#c5cedd;margin-top:8px;font-size:clamp(.8rem,1.2vw,1rem);line-height:1.45}.profile-back-button{color:#fff;cursor:pointer;min-height:44px;font:inherit;background:#ffffff14;border:1px solid #ffffff38;border-radius:14px;flex:none;padding:0 18px;font-weight:800}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:330px;padding:2px;display:grid;overflow:auto}.profile-card{background:#181f3acc;border:1px solid #ffffff24;border-radius:18px;overflow:hidden}.profile-card.is-recent{border-color:#00f5d4b3;box-shadow:0 0 20px #00f5d41a}.profile-select-area{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;min-height:100px;padding:14px;display:grid}.profile-select-area:hover,.profile-select-area:focus-visible{background:#00f5d414}.profile-avatar{background:#00f5d417;border:1px solid #00f5d480;border-radius:16px;place-items:center;width:54px;height:54px;font-size:1.8rem;display:grid}.profile-avatar-picker{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.profile-avatar-picker button{cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:50%;width:58px;height:58px;padding:3px}.profile-avatar-picker button.is-selected{border-color:var(--primary-cyan);box-shadow:0 0 0 3px #00f5d433,0 0 18px #00f5d459}.profile-avatar-picker img{object-fit:contain;width:100%;height:100%}.profile-card-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;overflow:hidden}.profile-enter{color:var(--primary-cyan);white-space:nowrap;font-size:.76rem;font-weight:900}.profile-card-actions,.profile-inline-form,.profile-delete-confirm{border-top:1px solid #ffffff17;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}.profile-card-actions button,.profile-inline-form button,.profile-delete-confirm button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:10px;min-height:34px;padding:0 11px;font-weight:800}.profile-inline-form input{flex:1;min-width:0}.profile-delete-confirm{color:#ffd7d7;flex-wrap:wrap;font-size:.78rem}.profile-delete-confirm .danger{background:#ff485c2e;border-color:#ff485c8c}.profile-create-form{background:#00f5d40a;border:1px dashed #00f5d45c;border-radius:18px;margin-top:18px;padding:16px}.profile-create-form label{margin-bottom:8px;font-weight:900;display:block}.profile-create-form>div{gap:10px;display:flex}.profile-create-form input,.profile-inline-form input{color:#fff;min-height:44px;font:inherit;background:#040712cc;border:1px solid #fff3;border-radius:12px;outline:none;padding:0 14px}.profile-create-form input{flex:1}.profile-create-form input:focus,.profile-inline-form input:focus{border-color:var(--primary-cyan);box-shadow:0 0 0 3px #00f5d41f}.profile-create-form button{color:#071119;background:linear-gradient(135deg, var(--primary-cyan), #85ffec);cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:0 22px;font-weight:950}.profile-create-form button:disabled{opacity:.42;cursor:default}.profile-create-form small{color:var(--text-dim);margin-top:7px;font-size:.7rem;display:block}.profile-selection-composition{-webkit-backdrop-filter:blur(8px)saturate(115%);backdrop-filter:blur(8px)saturate(115%);background:linear-gradient(145deg,#08193ab8,#030a1ca8);border:1px solid #63e6ff80;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:calc(100% - 40px);max-width:1180px;height:calc(100% - 40px);max-height:none;padding:18px 22px;display:grid;overflow:hidden;box-shadow:0 18px 54px #0000005c,inset 0 0 28px #00c9ff14}.profile-selection-header{align-items:center;min-height:64px;margin-bottom:0}.profile-selection-header h2{font-size:clamp(1.55rem,2.5vw,2.15rem)}.profile-selection-main{grid-template-columns:minmax(0,36%) minmax(0,64%);gap:16px;min-height:0;display:grid;overflow:hidden}.profile-list-column,.profile-detail-column{flex-direction:column;min-height:0;display:flex}.profile-list-column h3,.profile-detail-column h3{flex:none;margin-bottom:6px}.profile-list-column .profile-grid{flex:auto;grid-template-columns:1fr;align-content:start;gap:8px;min-height:0;max-height:none;overflow-y:auto}.profile-card{background:linear-gradient(135deg,#0e2a53ad,#06132f94);border-color:#5abeec6b;min-height:82px}.profile-card.is-selected{border-color:#63e6ff;box-shadow:0 0 0 2px #00f5d44d,0 0 24px #00c9ff52}.profile-select-area{grid-template-columns:66px minmax(0,1fr);gap:10px;min-height:82px;padding:7px 10px}.profile-avatar{border:2px solid #63e6ffa6;flex:0 0 62px;width:62px;height:62px;box-shadow:0 0 14px #00c9ff33}.profile-avatar,.profile-avatar img,.profile-detail-avatar{border-radius:50%}.profile-avatar{background:radial-gradient(circle,#63e6ff40,#04112b80);place-items:center;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-card-copy{justify-content:center;gap:1px}.profile-card-copy strong{font-size:1.04rem}.profile-card-copy span{color:#ffc862;font-size:.74rem}.profile-card-copy small{color:#c3eaf4;font-size:.66rem}.profile-detail-card{background:linear-gradient(145deg,#0c274ea8,#050f2794);border:1px solid #63e6ff85;border-radius:22px;flex:auto;grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:175px minmax(0,1fr);align-content:center;gap:10px 18px;height:auto;min-height:0;padding:16px 20px;display:grid;overflow:hidden;box-shadow:inset 0 0 28px #00c9ff14,0 0 22px #00c9ff24}.profile-detail-avatar{object-fit:contain;filter:drop-shadow(0 0 20px #00c9ff59);grid-row:1/3;align-self:center;width:170px;height:180px}.profile-detail-copy{align-self:center}.profile-detail-copy h4{color:#fff;margin-bottom:8px;font-size:clamp(1.5rem,2.7vw,2.2rem)}.profile-detail-copy p{color:#d9f7ff;margin:5px 0;font-size:.92rem}.profile-detail-actions{grid-column:1/-1;align-self:end;gap:8px}.profile-detail-actions button{min-height:48px;padding:0 16px}.profile-detail-actions .profile-primary-action{color:#1b1203;background:linear-gradient(135deg,#ffd36b,#ff941c);min-width:122px;box-shadow:0 0 16px #ff9f1c3d}.profile-detail-actions .profile-secondary-action{color:#e6fbff;background:linear-gradient(135deg,#1e82d6e6,#14458be6)}.profile-detail-actions .profile-parent-action{color:#e6fbff;background:#ffffff14}.profile-detail-delete{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:7px;min-height:30px}.profile-detail-delete button{color:#ffb4bd;background:#77182a47;border-color:#ff5b6f61;min-height:36px;padding:0 12px}.profile-inline-form{grid-column:1/-1;min-height:44px}.profile-selection-composition .profile-create-form{background:linear-gradient(135deg,#09274ead,#05122b99);border:1px solid #63e6ff6b;border-radius:18px;min-height:104px;margin-top:0;padding:10px 14px;box-shadow:inset 0 0 20px #00c9ff0f}.profile-selection-composition .profile-create-heading{margin-bottom:6px;display:flex}.profile-create-heading h3{color:#fff;font-size:1rem}.profile-create-heading span{color:#a6e6ef}.profile-selection-composition .profile-create-fields{grid-template-columns:minmax(250px,auto) minmax(140px,1fr) minmax(180px,220px) auto;gap:9px;display:grid}.profile-selection-composition .profile-create-fields .profile-avatar-picker{flex:none;align-items:center;gap:8px;width:auto;min-width:0;margin:0;display:flex}.profile-selection-composition .profile-create-fields .profile-avatar-picker button{background:#04122bb8;border:2px solid #63e6ff9e;border-radius:50%;flex:0 0 50px;place-items:center;width:50px;min-width:50px;height:50px;min-height:50px;padding:2px;display:grid;overflow:hidden}.profile-selection-composition .profile-create-fields .profile-avatar-picker button img{object-fit:cover;border-radius:50%;width:100%;min-width:0;max-width:none;height:100%;display:block}.profile-create-form .profile-avatar-picker button.is-selected{border:2px solid #63e6ff;box-shadow:0 0 12px #00c9ff73}.profile-edit-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.profile-edit-avatar-picker{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}.profile-edit-avatar-picker button{border-radius:50%;width:44px;height:44px;min-height:44px;padding:3px;overflow:hidden}.profile-edit-avatar-picker button img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-edit-avatar-picker button.is-selected{border-color:#63e6ff;box-shadow:0 0 12px #00c9ff7a}.profile-completion-status{font-weight:900;color:#9bf06b!important}.profile-selection-composition .profile-edit-form{border-top:1px solid #63e6ff29;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-top:8px}.profile-edit-only-card{background:linear-gradient(145deg,#0c274ea8,#050f2794);border:1px solid #63e6ff85;border-radius:22px;flex:auto;align-content:start;gap:16px;min-height:0;padding:22px;display:grid;box-shadow:inset 0 0 28px #00c9ff14,0 0 22px #00c9ff24}.profile-detail-column.is-editing>h3{color:#fff;margin-bottom:0;font-size:clamp(1.25rem,2vw,1.7rem)}.profile-edit-only-card .profile-edit-avatar-picker{justify-content:center;gap:9px}.profile-edit-only-card .profile-edit-avatar-picker button{width:58px;height:58px;min-height:58px}.profile-edit-name-field{color:#d9f7ff;gap:7px;font-weight:700;display:grid}.profile-edit-name-field input{color:#fff;background:#020d23c7;min-width:0;min-height:50px;padding:0 14px}.profile-edit-only-card .profile-edit-actions{justify-content:stretch;gap:10px}.profile-edit-only-card .profile-edit-actions button{flex:1 1 0;min-height:50px}.profile-edit-delete{border-top:1px solid #63e6ff29;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;display:flex}.profile-edit-delete span{color:#ffcfda;flex:100%;font-size:.85rem}.profile-edit-delete button{color:#ffb4bd;background:#77182a47;border-color:#ff5b6f61;min-height:42px;padding:0 14px}.profile-selection-composition:has(.profile-detail-column.is-editing)>.profile-create-form{display:none}.gameplay-interaction-error{z-index:5;color:#fff1f3;text-align:center;background:#681223eb;border:1px solid #ff7589bf;border-radius:10px;width:min(92%,520px);margin:0;padding:8px 12px;font-size:.88rem;position:absolute;top:8px;left:50%;transform:translate(-50%)}.profile-selection-composition .profile-edit-form .profile-edit-avatar-picker{grid-column:1/-1}.profile-selection-composition .profile-edit-form input{color:#fff;background:#020d23c7;min-width:0;min-height:44px}.profile-readonly-note{color:#a6e6ef;grid-column:1/-1;font-size:.72rem;line-height:1.4}.profile-edit-actions{justify-content:flex-end;gap:7px;display:flex}.profile-edit-actions button{min-height:42px;padding-inline:14px}.profile-edit-actions button[type=submit]{color:#071c0b;background:linear-gradient(135deg,#9bf06b,#38c95a)}.profile-edit-actions button[type=button]{color:#e6fbff;background:#ffffff14}.profile-selection-composition .profile-create-heading{align-items:baseline;gap:10px}.profile-selection-composition .profile-create-heading span{font-size:.76rem}@media (width<=900px){.profile-selection-composition .profile-edit-form{grid-template-columns:minmax(0,1fr) auto}}@media (width<=700px){.profile-selection-composition{width:calc(100% - 18px);height:calc(100% - 18px);padding:12px}.profile-selection-main{grid-template-columns:1fr;overflow-y:auto}.profile-list-column{max-height:170px}.profile-detail-card{grid-template-columns:92px minmax(0,1fr)}.profile-detail-avatar{width:92px;height:112px}.profile-edit-only-card{padding:16px}.profile-edit-only-card .profile-edit-avatar-picker{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.profile-selection-composition .profile-create-fields{grid-template-columns:1fr}.profile-selection-composition .profile-create-fields .profile-avatar-picker{padding-bottom:2px;overflow-x:auto}.profile-selection-composition .profile-create-fields>button{width:100%}}.v1-overlay{z-index:1600;color:#f4fbff;-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);pointer-events:auto;background:linear-gradient(145deg,#06183af0,#030a1cf5);border:1px solid #63e6ffb3;border-radius:22px;align-content:start;gap:14px;min-height:0;padding:22px;display:grid;position:fixed;inset:8%;overflow:auto;box-shadow:0 24px 80px #00000094,inset 0 0 28px #00c9ff1a}.v1-overlay header{justify-content:space-between;align-items:center;gap:12px;display:flex}.v1-overlay header button,.v1-overlay>button{color:#f4fbff;cursor:pointer;min-height:44px;font:inherit;background:#14498bb8;border:1px solid #63e6ff94;border-radius:12px;padding:0 16px;font-weight:800}.v1-overlay header button:focus-visible,.v1-overlay>button:focus-visible{outline-offset:2px;outline:2px solid #fff}.v1-quest-items{gap:10px;display:grid}.v1-quest-items article{background:#09274e94;border:1px solid #63e6ff47;border-radius:14px;padding:12px 14px}.v1-quest-overlay{box-sizing:border-box;background:linear-gradient(145deg,#07183cf7,#100a2ef7 52%,#05122afa);border:1px solid #63e6ffdb;border-radius:22px;align-content:stretch;gap:10px;width:min(900px,100vw - 48px);height:min(620px,100vh - 48px);max-height:calc(100vh - 48px);padding:18px 20px 20px;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #2b5ec29e,0 0 0 5px #070f2dd6,0 0 24px #00ddff70,inset 0 0 0 1px #ffcc5e52,inset 0 0 28px #00c2ff1f,0 26px 90px #000000b8}.v1-quest-overlay:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(7px)saturate(75%);backdrop-filter:blur(7px)saturate(75%);pointer-events:none;background:#020716b3;position:fixed;inset:-100vh}.v1-quest-overlay:after{content:"";z-index:0;pointer-events:none;border:1px solid #7d4ae0b8;border-radius:17px;position:absolute;inset:7px;box-shadow:inset 0 0 0 1px #ffca5b2e,inset 0 0 18px #5d2dbf2e}.v1-quest-overlay>*{z-index:1;position:relative}.v1-quest-header{justify-content:space-between;align-items:center;gap:14px;min-height:60px;display:flex}.v1-quest-heading{align-items:center;gap:12px;min-width:0;display:flex}.v1-quest-heading img{object-fit:contain;filter:drop-shadow(0 0 9px #ffc5529e);flex:0 0 42px;width:42px;height:42px}.v1-quest-heading h2{color:#f7fbff;margin:0;font-size:clamp(1.35rem,2.4vw,1.85rem)}.v1-quest-heading p{color:#aeeeff;margin:3px 0 0;font-size:.82rem}.v1-quest-close{color:#f8fdff;cursor:pointer;width:46px;min-width:44px;height:46px;min-height:44px;font:inherit;background:#152b5bb8;border:1px solid #63e6ffb8;border-radius:50%;place-items:center;font-size:1.65rem;line-height:1;display:grid}.v1-quest-close:hover,.v1-quest-close:focus-visible{outline-offset:2px;border-color:#fff;outline:2px solid #fff;box-shadow:0 0 16px #00ddff6b}.v1-quest-summary{color:#d8edff;margin:0;font-size:.86rem}.v1-quest-items{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;padding:2px 3px 4px;display:grid;overflow-y:auto}.v1-quest-card{color:#f4fbff;text-align:left;min-height:132px;font:inherit;cursor:pointer;background:linear-gradient(145deg,#11305db3,#091434b8);border:1px solid #82b5e76b;border-left:4px solid #82b5e7b8;border-radius:15px;align-content:start;gap:4px;padding:12px 14px;display:grid}.v1-quest-card h3{margin:0;font-size:1rem}.v1-quest-card p{color:#cce7f4;min-height:2.35em;margin:0;font-size:.78rem;line-height:1.3}.v1-quest-card small{color:#9de5f1;font-size:.72rem}.v1-quest-kind{color:#07111d;background:#ffc85b;border-radius:99px;width:max-content;padding:2px 7px;font-size:.68rem;font-weight:850}.v1-quest-card[aria-disabled=true]{cursor:default;opacity:.7}.v1-quest-card:hover,.v1-quest-card:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9;box-shadow:0 0 15px #63e6ff38}.v1-quest-card.quest-subject-math{border-left-color:#38a9ff}.v1-quest-card.quest-subject-thai{border-left-color:#ff62b2}.v1-quest-card.quest-subject-science{border-left-color:#54e39c}.v1-quest-card.quest-subject-english{border-left-color:#ae7cff}.v1-quest-card.quest-subject-social{border-left-color:#ffae45}.v1-quest-card.quest-subject-math:hover,.v1-quest-card.quest-subject-math:focus-visible{box-shadow:0 0 15px #38a9ff5c}.v1-quest-card.quest-subject-thai:hover,.v1-quest-card.quest-subject-thai:focus-visible{box-shadow:0 0 15px #ff62b257}.v1-quest-card.quest-subject-science:hover,.v1-quest-card.quest-subject-science:focus-visible{box-shadow:0 0 15px #54e39c57}.v1-quest-card.quest-subject-english:hover,.v1-quest-card.quest-subject-english:focus-visible{box-shadow:0 0 15px #ae7cff57}.v1-quest-card.quest-subject-social:hover,.v1-quest-card.quest-subject-social:focus-visible{box-shadow:0 0 15px #ffae4557}@media (width<=700px){.v1-quest-overlay{width:calc(100vw - 24px);height:calc(100vh - 24px);padding:14px}.v1-quest-items{grid-template-columns:1fr}}.v1-quest-overlay{clip-path:polygon(0 16px,16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(145deg,#051537fa,#0c0d30fa 58%,#04122bfa);border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);width:auto;height:auto;max-height:calc(97.5% - clamp(82px,13%,100px));position:absolute;inset:clamp(82px,13%,100px) 6% 2.5%;overflow:hidden;transform:none;box-shadow:0 0 0 1px #5eebfff0,0 0 0 3px #104ea4b8,0 0 0 5px #5e46ae9e,0 0 24px #00d3ff57,0 26px 90px #000000b8,inset 0 0 0 1px #ffcf6640,inset 0 0 32px #0c6ed62e}.v1-quest-overlay:before{display:none}.v1-quest-overlay:after{clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));border:1px solid #41caffc7;border-radius:0;inset:9px;box-shadow:inset 0 0 0 1px #7e47da94,inset 0 0 0 3px #0415418c,inset 0 0 22px #00c2ff1f}.v1-quest-header{border-bottom:1px solid #42d2ff8f;min-height:54px;padding:0 4px 10px;box-shadow:0 3px #5f42be6b,0 5px #ffca5b2e}.v1-quest-heading{gap:10px}.v1-quest-heading img{flex-basis:38px;width:38px;height:38px}.v1-quest-heading h2{letter-spacing:.03em;text-shadow:0 0 10px #50ddff57}.v1-quest-close{background:linear-gradient(145deg,#12498fdb,#0e1846eb);border-radius:6px;width:44px;height:44px;box-shadow:inset 0 0 0 1px #804fd485,0 0 12px #00cfff38}.v1-quest-summary{display:none}.v1-quest-items{grid-template-rows:repeat(3,minmax(0,1fr));gap:9px;padding:3px 5px 4px;overflow-y:auto}.v1-quest-card{cursor:default;background:linear-gradient(145deg,#11316394,#071537b8);border:1px solid #68bdec5c;border-left-width:3px;border-radius:7px;min-height:96px;padding:10px 12px}.v1-quest-card h3{font-size:.96rem}.v1-quest-card p{min-height:0;font-size:.76rem}.v1-quest-card[aria-disabled=true]{opacity:1}.v1-quest-card:hover,.v1-quest-card:focus-visible{outline:0}.v1-quest-card.quest-subject-math{border-left-color:#38a9ff;box-shadow:inset 3px 0 12px #38a9ff1f}.v1-quest-card.quest-subject-thai{border-left-color:#ff62b2;box-shadow:inset 3px 0 12px #ff62b21f}.v1-quest-card.quest-subject-science{border-left-color:#54e39c;box-shadow:inset 3px 0 12px #54e39c1f}.v1-quest-card.quest-subject-english{border-left-color:#ae7cff;box-shadow:inset 3px 0 12px #ae7cff1f}.v1-quest-card.quest-subject-social{border-left-color:#ffae45;box-shadow:inset 3px 0 12px #ffae451f}@media (width<=700px){.v1-quest-items{grid-template-rows:none}}.profile-selection-composition .profile-create-fields>input,.profile-selection-composition .profile-create-fields>select{color:#fff;background:#020d23c7;min-height:48px}.stage-overlay-shell{z-index:1590;pointer-events:auto;position:absolute;inset:0}.stage-overlay-backdrop{-webkit-backdrop-filter:blur(8px)saturate(72%);backdrop-filter:blur(8px)saturate(72%);pointer-events:auto;background:#020716bd;position:absolute;inset:0}.stage-overlay-panel{box-sizing:border-box;color:#f4fbff;clip-path:polygon(0 16px,16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(145deg,#051537fa,#0c0d30fa 58%,#04122bfa);grid-template-rows:auto minmax(0,1fr);min-height:0;padding:18px 22px 20px;display:grid;position:absolute;inset:2.5%;overflow:hidden;box-shadow:0 0 0 1px #5eebfff0,0 0 0 3px #104ea4b8,0 0 0 5px #5e46ae9e,0 0 24px #00d3ff57,0 26px 90px #000000b8,inset 0 0 0 1px #ffcf6640,inset 0 0 32px #0c6ed62e}.stage-overlay-panel:before{content:"";z-index:0;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));pointer-events:none;border:1px solid #41caffc7;position:absolute;inset:9px;box-shadow:inset 0 0 0 1px #7e47da94,inset 0 0 0 3px #0415418c,inset 0 0 22px #00c2ff1f}.stage-overlay-panel>*{z-index:1;position:relative}.stage-overlay-header{border-bottom:1px solid #42d2ff8f;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:0 4px 10px;display:flex;box-shadow:0 3px #5f42be6b,0 5px #ffca5b2e}.stage-overlay-heading{align-items:center;gap:10px;min-width:0;display:flex}.stage-overlay-heading img{object-fit:contain;filter:drop-shadow(0 0 9px #ffc5529e);flex:0 0 38px;width:38px;height:38px}.stage-overlay-heading h2{color:#f7fbff;letter-spacing:.03em;text-shadow:0 0 10px #50ddff57;margin:0;font-size:clamp(1.35rem,2.4vw,1.85rem)}.stage-overlay-heading p{color:#aeeeff;margin:3px 0 0;font-size:.82rem}.stage-overlay-close{color:#f8fdff;cursor:pointer;width:44px;min-width:44px;height:44px;min-height:44px;font:inherit;background:linear-gradient(145deg,#12498fdb,#0e1846eb);border:1px solid #63e6ffb8;border-radius:6px;place-items:center;font-size:1.65rem;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #804fd485,0 0 12px #00cfff38}.stage-overlay-close:hover,.stage-overlay-close:focus-visible{outline-offset:2px;border-color:#fff;outline:2px solid #fff;box-shadow:0 0 16px #00ddff6b}.stage-overlay-content{min-height:0;display:grid;overflow:hidden}.stage-overlay-content>.v1-quest-items{grid-template-rows:repeat(3,minmax(0,1fr));align-content:start;gap:9px;min-height:0;padding:12px 5px 4px;overflow-y:auto}.stage-overlay-content>.v1-quest-empty{min-height:0}.journey-scene-content{box-sizing:border-box;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:12px 5px 4px;display:grid;overflow:hidden}.journey-scene-map{object-fit:contain;width:100%;max-width:1120px;height:100%;max-height:100%;margin:0 auto;display:block}.parent-summary-content{box-sizing:border-box;color:#fff;min-height:0;padding:12px 6px 8px;overflow:auto}.parent-summary-content .summary-grid{margin-top:0}.stage-overlay-content .v1-quest-card{cursor:default;background:linear-gradient(145deg,#11316394,#071537b8);border:1px solid #68bdec5c;border-left-width:3px;border-radius:7px;min-height:96px;padding:10px 12px}.stage-overlay-content .v1-quest-card h3{font-size:.96rem}.stage-overlay-content .v1-quest-card p{min-height:0;font-size:.76rem}.stage-overlay-content .v1-quest-card[aria-disabled=true]{opacity:1}.stage-overlay-content .v1-quest-card:hover,.stage-overlay-content .v1-quest-card:focus-visible{outline:0}.stage-overlay-content .quest-subject-math{border-left-color:#38a9ff;box-shadow:inset 3px 0 12px #38a9ff1f}.stage-overlay-content .quest-subject-thai{border-left-color:#ff62b2;box-shadow:inset 3px 0 12px #ff62b21f}.stage-overlay-content .quest-subject-science{border-left-color:#54e39c;box-shadow:inset 3px 0 12px #54e39c1f}.stage-overlay-content .quest-subject-english{border-left-color:#ae7cff;box-shadow:inset 3px 0 12px #ae7cff1f}.stage-overlay-content .quest-subject-social{border-left-color:#ffae45;box-shadow:inset 3px 0 12px #ffae451f}@media (width<=700px){.stage-overlay-panel{padding:14px;inset:2%}.stage-overlay-content>.v1-quest-items{grid-template-rows:none;grid-template-columns:1fr}}.v1-quest-subject-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 4px 14px;display:grid;overflow-y:auto}.v1-quest-subject-panel{--quest-color:#38a9ff;border:1px solid color-mix(in srgb, var(--quest-color), white 15%);background:linear-gradient(145deg, color-mix(in srgb, var(--quest-color), transparent 84%), #030d25e0);box-shadow:inset 0 0 18px color-mix(in srgb, var(--quest-color), transparent 84%), 0 0 12px color-mix(in srgb, var(--quest-color), transparent 80%);border-radius:14px;gap:8px;padding:13px;display:grid}.v1-quest-subject-panel.quest-subject-thai{--quest-color:#ff62b2}.v1-quest-subject-panel.quest-subject-science{--quest-color:#54e39c}.v1-quest-subject-panel.quest-subject-english{--quest-color:#ae7cff}.v1-quest-subject-panel.quest-subject-social{--quest-color:#ffae45}.v1-quest-subject-header{grid-template-columns:42px 1fr auto;align-items:center;gap:9px;display:grid}.v1-quest-subject-header img{object-fit:contain;width:42px;height:42px}.v1-quest-subject-header h3{color:#f8fbff;margin:1px 0 0;font-size:clamp(1rem,2vw,1.35rem)}.v1-quest-status{color:var(--quest-color);font-size:.7rem;font-weight:800}.v1-quest-subject-count{color:#eaf6ff;white-space:nowrap;font-size:.8rem}.v1-quest-progress{background:#020b1dcc;border:1px solid #ffffff47;border-radius:99px;height:8px;overflow:hidden}.v1-quest-progress span{background:var(--quest-color);height:100%;box-shadow:0 0 9px var(--quest-color);display:block}.v1-quest-topic{color:#d4edff;margin:0;font-size:.76rem;line-height:1.35}.v1-quest-mission-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.v1-quest-mission{border:1px solid color-mix(in srgb, var(--quest-color), white 15%);color:#f6fbff;background:color-mix(in srgb, var(--quest-color), transparent 82%);min-height:34px;font:inherit;cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;padding:5px 8px;display:flex;position:relative}.v1-quest-mission strong{color:var(--quest-color)}.v1-quest-mission-current{outline:2px solid var(--quest-color);box-shadow:0 0 10px color-mix(in srgb, var(--quest-color), transparent 35%)}.v1-quest-mission-completed{background:color-mix(in srgb, var(--quest-color), transparent 68%)}.v1-quest-mission-locked{opacity:.42;cursor:not-allowed}.v1-quest-mission:hover:not(:disabled),.v1-quest-mission:focus-visible:not(:disabled){outline-offset:2px;outline:2px solid #fff}.v1-quest-mission:disabled{cursor:not-allowed}.v1-quest-tooltip{z-index:5;border:1px solid var(--quest-color);color:#fff;width:max-content;max-width:220px;box-shadow:0 0 12px color-mix(in srgb, var(--quest-color), transparent 45%);pointer-events:none;opacity:0;background:#071632;border-radius:6px;padding:6px 8px;font-size:.72rem;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,4px)}.v1-quest-mission:hover .v1-quest-tooltip,.v1-quest-mission:focus-visible .v1-quest-tooltip{opacity:1;transform:translate(-50%)}@media (width<=760px){.v1-quest-subject-list{grid-template-columns:1fr}}.v1-quest-subject-list{flex-direction:column;gap:8px;padding:8px 4px;display:flex;overflow-y:auto}.v1-quest-subject-card{color:#f0f8ff;width:100%;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(135deg,#0f2d5ab8,#081637d1);border:1px solid #63e6ff38;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.v1-quest-subject-card:hover,.v1-quest-subject-card:focus-visible{border-color:#63e6ff8c;outline:none;box-shadow:0 0 12px #00c8ff2e}.v1-quest-subject-header{flex-shrink:0;align-items:center;gap:10px;min-width:140px;display:flex}.v1-quest-subject-icon{object-fit:contain;border-radius:6px;width:36px;height:36px}.v1-quest-subject-name{color:#e8f4ff;font-size:1rem;font-weight:700}.v1-quest-subject-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.v1-quest-subject-count{color:#a8d8f0;font-size:.82rem;font-weight:600}.v1-quest-subject-bar{background:#ffffff1a;border-radius:99px;width:100%;height:8px;overflow:hidden}.v1-quest-subject-bar-fill{background:linear-gradient(90deg,#38a9ff,#54e39c);border-radius:99px;height:100%;transition:width .3s}.v1-quest-subject-hint{color:#7ec8e8;font-size:.76rem}.v1-quest-subject-done{color:#54e39c;font-size:.76rem;font-weight:600}.v1-quest-empty{color:#d8edff;text-align:center;place-items:center;min-height:130px;margin:0;display:grid}.v1-quest-subject-card[data-subject=math]{border-left:3px solid #38a9ff}.v1-quest-subject-card[data-subject=thai]{border-left:3px solid #ff62b2}.v1-quest-subject-card[data-subject=science]{border-left:3px solid #54e39c}.v1-quest-subject-card[data-subject=english]{border-left:3px solid #ae7cff}.v1-quest-subject-card[data-subject=social]{border-left:3px solid #ffae45}.v1-quest-subject-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.v1-quest-subject-panel{min-width:0}.v1-quest-subject-panel .v1-quest-subject-header{grid-template-columns:42px minmax(0,1fr) auto;min-width:0;display:grid}.v1-quest-subject-panel .v1-quest-subject-count{min-width:0}.v1-quest-progress{width:min(100%,240px)}.v1-quest-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px;max-width:330px}.v1-quest-mission{width:100%;min-width:0}.v1-quest-subject-action{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.v1-quest-subject-action button{min-width:88px;min-height:34px}.v1-quest-board-row{grid-template-columns:minmax(0,1fr) minmax(150px,190px);align-items:stretch;gap:9px;min-width:0;display:grid}.v1-quest-miniboss{text-align:center;background:linear-gradient(145deg,#4a291094,#0c142fd1);border:1px solid #ffc65d73;border-radius:12px;align-content:center;justify-items:center;gap:5px;min-width:0;padding:9px;display:grid}.v1-quest-miniboss img{object-fit:contain;filter:drop-shadow(0 0 10px #ffb33657);width:76px;height:76px}.v1-quest-miniboss h4{color:#fff;margin:1px 0;font-size:.9rem}.v1-quest-miniboss p,.v1-quest-miniboss small{color:#d9edff;margin:0;font-size:.7rem;line-height:1.3;display:block}.v1-quest-miniboss-label{color:#ffc85b;text-transform:uppercase;font-size:.66rem;font-weight:800}.v1-quest-miniboss button{color:#201303;width:100%;min-height:34px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#ffd36b,#ff941c);border:1px solid #ffc85b9e;border-radius:7px;padding-inline:6px;font-size:.72rem;font-weight:800}.v1-quest-miniboss button:disabled{color:#aeb8c9;cursor:not-allowed;opacity:.78;background:#ffffff14}.v1-quest-miniboss-ready{border-color:#ffc85b;box-shadow:0 0 16px #ffb12738}.v1-quest-miniboss-completed{border-color:#54e39c}.v1-quest-miniboss-completed img{filter:grayscale(.25)drop-shadow(0 0 10px #54e39c57)}@media (width<=760px){.v1-quest-subject-list{grid-template-columns:1fr}.v1-quest-mission-grid{max-width:none}}.v1-quest-mission-title{overflow-wrap:anywhere;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;min-width:0;line-height:1.2;display:-webkit-box;overflow:hidden}.v1-quest-mission strong{flex:none;margin-left:6px}@media (width<=720px){.v1-quest-board-row{grid-template-columns:1fr}.v1-quest-miniboss{text-align:left;grid-template-columns:70px minmax(0,1fr) auto;justify-items:start}.v1-quest-miniboss img{grid-row:1/4;width:62px;height:62px}.v1-quest-miniboss button{grid-area:1/3/4;width:auto;min-width:88px}}.profile-selection-composition .profile-create-fields>button{color:#071c0b;background:linear-gradient(135deg,#9bf06b,#38c95a);min-height:48px;padding-inline:18px;box-shadow:0 0 16px #38c95a40}@media (width<=900px){.profile-selection-composition{width:calc(100% - 28px);padding:14px}.profile-selection-main{grid-template-columns:minmax(0,38%) minmax(0,62%);gap:10px}.profile-detail-card{grid-template-columns:112px minmax(0,1fr);gap:8px;padding:12px}.profile-detail-avatar{width:112px;height:132px}.profile-selection-composition .profile-create-fields{grid-template-columns:minmax(180px,auto) minmax(120px,1fr) 150px auto;gap:6px}.profile-create-form .profile-avatar-picker{gap:3px}.profile-create-form .profile-avatar-picker button{flex-basis:46px;width:46px;height:46px}}.ship-selection-panel{width:min(88%,980px)}.ship-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.ship-choice-card{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#1b274cf0,#0b0f22f5);border:1px solid #ffffff26;border-radius:24px;flex-direction:column;align-items:flex-start;gap:9px;min-height:310px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 16px 36px #00000059}.ship-choice-art{object-fit:contain;filter:drop-shadow(0 12px 20px #0000007a);align-self:center;width:min(100%,290px);height:150px}.ship-choice-card.posn-computer{background:linear-gradient(145deg,#43195bf2,#0d0e26f5)}.ship-choice-card:hover,.ship-choice-card:focus-visible{border-color:var(--primary-cyan);transform:translateY(-6px);box-shadow:0 20px 45px #00f5d42e}.ship-choice-icon{filter:drop-shadow(0 0 18px #00f5d47a);font-size:clamp(3.7rem,7vw,5.8rem);line-height:1}.ship-choice-card strong{font-size:clamp(1.15rem,2vw,1.55rem)}.ship-choice-card>span:not(.ship-choice-icon){color:#ffd166;font-weight:800}.ship-choice-card small{color:#bac5d8;line-height:1.5}.ship-choice-card b{color:var(--primary-cyan);margin-top:auto}.lobby-profile-strip{z-index:720;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c1ce0;border:1px solid #00f5d485;border-radius:18px;align-items:center;gap:10px;width:min(90%,760px);min-height:58px;padding:8px 10px 8px 17px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.hub-progression-card,.hub-boss-card{z-index:710;color:#fff;background:#081026e6;border:1px solid #59ebff8c;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;top:24px;left:24px}.hub-boss-card{flex-direction:column;align-items:stretch;min-width:240px;top:92px}.hub-boss-card>div{gap:5px;display:grid}.hub-boss-card button{min-height:34px}.parent-summary-screen{z-index:800;color:#fff;background:#081026f5;padding:28px;position:absolute;inset:0;overflow:auto}.parent-summary-screen header{justify-content:space-between;align-items:center;display:flex}.hub-boss-scene-control{--boss-gate-size:clamp(180px, min(24%, 24vh), 240px);z-index:730;width:var(--boss-gate-size);height:var(--boss-gate-size);aspect-ratio:1;pointer-events:none;place-items:end center;display:grid;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.hub-boss-gate-button{color:#f7fbff;cursor:pointer;width:100%;min-width:44px;height:100%;min-height:44px;font:inherit;pointer-events:auto;background:0 0;border:0;place-items:end center;padding:0;display:grid;position:relative}.hub-boss-gate-button img{object-fit:contain;transform-origin:50% 100%;pointer-events:none;filter:drop-shadow(0 0 12px #00d6ff59);width:100%;height:100%;transition:transform .38s,filter .38s;display:block}.hub-boss-gate-button:not(.is-disabled):hover,.hub-boss-gate-button:not(.is-disabled):focus-visible{cursor:pointer}.hub-boss-gate-button:not(.is-disabled):hover img,.hub-boss-gate-button:not(.is-disabled):focus-visible img{filter:saturate(1.25)brightness(1.12)drop-shadow(0 0 10px #00d6ffd9)drop-shadow(0 0 18px #ffcc5cb8);transform:scale(2.05)}.hub-boss-gate-button:not(.is-disabled):hover .hub-boss-gate-caption,.hub-boss-gate-button:not(.is-disabled):focus-visible .hub-boss-gate-caption{color:#fff9d6;background:#0a224be0;box-shadow:0 0 10px #00d6ff80,0 0 16px #ffcc5c3d}.hub-boss-gate-button:focus-visible{outline-offset:4px;outline:2px solid #fff}.hub-boss-gate-button.is-disabled{cursor:not-allowed}.hub-boss-gate-button.is-disabled img{filter:grayscale(.8)saturate(.55)brightness(.7);opacity:.72}.hub-boss-gate-button.is-completed{cursor:default}.hub-boss-gate-button.is-completed img{filter:saturate(1.2)brightness(1.12)drop-shadow(0 0 12px #00d6ffd1)drop-shadow(0 0 20px #ffcc5ca8);opacity:1}.hub-boss-gate-button.is-completed .hub-boss-gate-caption{color:#fff4a8;background:#0a224be0;box-shadow:0 0 10px #00d6ff6b,0 0 16px #ffcc5c3d}.hub-boss-gate-caption{z-index:1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #020716;color:#fff2bc;background:#06112bb8;border-radius:99px;width:max-content;max-width:100%;padding:3px 9px;font-size:.72rem;font-weight:900;position:absolute;bottom:6px;left:50%;overflow:hidden;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.lobby-base-player-stage,.lobby-base-player-stage.is-gate-targeting,.lobby-base-player-stage.is-gate-targeting .lobby-base-player-img,.hub-boss-gate-button img{transition:none}}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.summary-card{background:#283c6e8c;border:1px solid #59ebff59;border-radius:14px;gap:8px;padding:16px;display:grid}.subject-room-transition{z-index:1550;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0207164d;place-items:center;display:grid;position:absolute;inset:0}.subject-room-transition-panel{text-align:center;color:#f6fcff;background:linear-gradient(145deg,#051842f0,#12133eeb);border:1px solid #60e6ffd1;border-radius:14px;width:min(420px,70%);padding:22px 26px;box-shadow:0 0 0 2px #5549b87a,0 0 24px #00d6ff52,inset 0 0 24px #1c93e724}.subject-room-transition-panel h2{color:#fff;margin:8px 0 4px;font-size:clamp(1.3rem,2.8vw,1.9rem)}.subject-room-transition-panel p{color:#b8efff}.subject-room-transition-bar{background:#5a76a759;border-radius:99px;height:6px;margin-top:16px;overflow:hidden}.subject-room-transition-bar span{border-radius:inherit;background:linear-gradient(90deg,#00d8c0,#ffd166);width:100%;height:100%;display:block}.mission-detail-screen{z-index:810;color:#f7fbff;background:radial-gradient(circle at 50% 20%,#20539470,#0000 58%),#040a1ed1;place-items:center;padding:24px;display:grid;position:absolute;inset:2.5%}.mission-detail-panel{background:linear-gradient(145deg,#071942f0,#0f1236f0);border:1px solid #60e6ffb8;border-radius:18px;width:min(720px,92%);padding:clamp(24px,4vw,42px);box-shadow:0 0 0 3px #4d44a470,0 0 30px #00d6ff3d,inset 0 0 28px #1490db1f}.mission-detail-panel h2{color:#fff;margin:8px 0;font-size:clamp(1.6rem,3vw,2.3rem)}.mission-detail-panel>p{color:#c8efff;margin:8px 0;line-height:1.5}.mission-detail-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.mission-detail-actions button{color:#f8fdff;cursor:pointer;min-height:48px;font:inherit;background:linear-gradient(145deg,#125ba0eb,#11235bf5);border:1px solid #60e6ffad;border-radius:10px;padding:10px 22px;font-weight:800}.mission-detail-actions button:first-child{color:#1b1204;background:linear-gradient(145deg,#ffd166,#ff9f1c);border-color:#ffd166}@media (prefers-reduced-motion:reduce){.subject-room-transition-bar span{width:100%}}.lobby-profile-strip>div{flex-direction:column;flex:1;min-width:0;display:flex}.lobby-profile-strip span{text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.lobby-profile-strip small{color:var(--primary-cyan)}.hub-hud{z-index:720;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081126d1;border:1px solid #8bd6ee47;border-radius:18px;grid-template-columns:minmax(190px,1fr) minmax(280px,1.35fr) auto;align-items:center;gap:24px;min-height:88px;padding:14px 18px;display:grid;position:absolute;top:4%;left:4%;right:4%}.hub-hud-identity,.hub-hud-progress-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.hub-hud-player{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.hub-hud-mission{text-overflow:ellipsis;white-space:nowrap;color:#a6b8ce;font-size:.86rem;overflow:hidden}.hub-hud-progress-heading{color:#dbeafe;flex-direction:row;justify-content:space-between;font-size:.86rem}.hub-hud-progress-heading strong{color:#fff;font-size:1.1rem}.hub-hud-progress-track{background:#5c749259;border-radius:99px;height:10px;margin-top:8px;overflow:hidden}.hub-hud-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#00d8c0,#63e6ff);height:100%;transition:width .25s;display:block}.hub-hud-actions{gap:8px;display:flex}.hub-hud-actions button{color:#e7f3ff;background:#182746d1;border:1px solid #ffffff2e;border-radius:12px;min-width:48px;min-height:48px;padding:0 12px}.hub-hud-actions button:hover,.hub-hud-actions button:focus-visible{border-color:#63e6ff;box-shadow:0 0 0 3px #63e6ff33}.boss-mission-dock{z-index:710;text-align:center;color:#fff;background:#091228e6;border:1px solid #ffffff38;border-radius:18px;gap:7px;width:min(440px,42vw);padding:16px 20px;display:grid;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000059}.boss-mission-dock.is-unlocked{border-color:#ffae42bf;box-shadow:0 0 28px #ff9f1c33}.boss-dock-eyebrow{color:#aebed1;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.is-unlocked .boss-dock-eyebrow{color:#ffc46b}.boss-dock-title{font-size:1.1rem}.boss-dock-copy{color:#bac8d9;font-size:.86rem}.boss-dock-requirements{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.boss-dock-requirements span{color:#c5d2df;background:#566a8452;border-radius:99px;padding:6px 10px;font-size:.8rem}.boss-mission-dock button{color:#1a1308;background:linear-gradient(135deg,#ffc46b,#ff9f1c);border:0;border-radius:12px;min-height:48px;margin-top:4px;font-weight:800}.lobby-door-hotspot{background:0 0;border:1px solid #0000}.lobby-door-hotspot:hover,.lobby-door-hotspot:focus-visible,.lobby-door-hotspot.active-hover{background:#00f5d41f;border-color:#63e6ffe6;box-shadow:0 0 24px #00f5d459}.lobby-door-hotspot:focus-visible{outline-offset:3px;outline:3px solid #ffffffe6}.door-hotspot-hint{color:#eef8ff;white-space:normal;overflow-wrap:anywhere;word-break:break-word;background:#081126c7;border:0;place-items:center;width:calc(100% - 10px);max-width:calc(100% - 10px);min-height:44px;padding:5px;line-height:1.15;display:grid}@media (width<=1100px){.hub-hud{grid-template-columns:1fr 1.2fr}.hub-hud-actions{grid-column:1/-1;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.hub-hud-progress-track span{transition:none}}.lobby-profile-strip button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;min-height:40px;padding:0 13px;font-weight:850}.hub-hud.top-nav{background:#081126db;border:1px solid #00f5d447;border-radius:18px;grid-template-columns:minmax(300px,1fr) minmax(300px,1.15fr) auto;gap:16px;min-height:82px;padding:10px 14px;display:grid;top:2.5%;left:2.2%;right:2.2%;box-shadow:0 12px 28px #00000052,inset 0 1px #ffffff0f}.hub-hud-brand{gap:10px;min-width:0}.hub-hud-brand .brand-logo-text{white-space:nowrap;font-size:1.35rem}.hub-player-pill{cursor:default;min-width:0;max-width:240px}.hub-player-pill .player-info-mini{min-width:0;overflow:hidden}.hub-player-pill .player-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-hud-status{align-items:center;gap:12px;min-width:0;display:flex}.hub-hud-status .hub-hud-mission{color:#63e6ff;background:#00f5d40f;border:1px solid #63e6ff8c;border-radius:16px;flex:auto;min-width:0;max-width:280px;padding:7px 11px}.hub-hud-status .hub-hud-progress{flex:180px;min-width:160px}.hub-hud-actions.quick-menu-group{justify-content:flex-end;gap:7px}.hub-action-tile.menu-icon-btn{background:#162746db;border-color:#63e6ff3d;border-radius:12px;flex-direction:column;gap:1px;width:58px;min-width:58px;height:56px;min-height:48px;padding:5px 4px;font-size:1.12rem;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.hub-profile-avatar{object-fit:contain;border-radius:50%;width:32px;height:32px}.hub-action-tile small{color:#d9f7ff;font-size:.68rem;font-weight:800;line-height:1}.hub-action-tile:hover,.hub-action-tile:focus-visible{background:#00f5d424;border-color:#63e6ff;transform:translateY(-2px);box-shadow:0 0 0 3px #63e6ff29,0 0 18px #00f5d43d}.hub-action-tile:active{background:#00f5d438;transform:translateY(1px)scale(.97)}.hub-action-tile:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width<=1100px){.hub-hud.top-nav{grid-template-columns:minmax(280px,1fr) minmax(270px,1fr) auto;gap:9px;padding-inline:10px}.hub-hud-brand .brand-logo-text{font-size:1.1rem}.hub-hud-status{gap:7px}.hub-hud-status .hub-hud-mission{max-width:220px;font-size:.76rem}.hub-action-tile.menu-icon-btn{width:52px;min-width:52px}}.compact-hub-hud{background:linear-gradient(#040c1ee0,#071836c7);border-color:#63e6ff6b;box-shadow:inset 0 1px #75eeff29,0 10px 28px #00000052,0 0 22px #00c9ff14}.compact-hub-hud .hub-player-pill,.compact-hub-hud .hub-ship-pill,.compact-hub-hud .hub-action-tile{background:linear-gradient(#0b1e3ddb,#051127d1);border-color:#63e6ff57;box-shadow:inset 0 1px #ffffff14}.compact-hub-hud .hub-action-tile{justify-content:center;align-items:center;gap:3px;display:inline-flex}.compact-hub-hud .hub-action-icon{object-fit:contain;flex:0 0 34px;width:34px;height:34px;display:block}.compact-hub-hud .hub-action-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-hub-hud .hub-action-tile:focus-visible,.compact-hub-hud .hub-player-pill:focus-visible,.compact-hub-hud .hub-ship-pill:focus-visible{outline-offset:2px;outline:2px solid #fff;box-shadow:0 0 0 3px #63e6ff3d,inset 0 1px #ffffff24}.compact-hub-hud .hub-action-tile:disabled{opacity:.56}.gameplay-hud-action-icon{object-fit:contain;flex:0 0 30px;width:30px;height:30px}.gameplay-hud-mode{justify-content:center;align-items:center;gap:4px;display:inline-flex}@media (prefers-reduced-motion:reduce){.hub-action-tile.menu-icon-btn{transition:none}}.top-nav,.hub-hud.top-nav{height:82px;min-height:82px}.hub-hud.top-nav{border-radius:0;width:100%;top:0;left:0;right:0}.hub-player-pill,.hub-ship-pill{cursor:pointer;text-align:left;min-height:52px}.hub-player-pill{padding-right:26px;position:relative}.hub-ship-pill{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;display:inline-flex;overflow:hidden}.hub-ship-pill .hub-pill-affordance{margin-left:auto}.hub-pill-affordance{color:#63e6ff;font-size:.9rem;font-weight:900}.hub-player-pill:hover,.hub-player-pill:focus-visible,.hub-ship-pill:hover,.hub-ship-pill:focus-visible{border-color:#63e6ff;box-shadow:0 0 0 3px #63e6ff26,0 0 18px #00f5d433}.hub-player-pill:active,.hub-ship-pill:active{transform:translateY(1px)scale(.99)}.hub-player-pill:focus-visible,.hub-ship-pill:focus-visible{outline-offset:2px;outline:2px solid #fff}.hub-parent-action{z-index:725;color:#e8fbff;cursor:pointer;text-align:left;background:#08142ceb;border:1px solid #63e6ff94;border-radius:14px;align-items:center;gap:9px;min-height:56px;padding:8px 14px;display:inline-flex;position:absolute;bottom:4%;right:4%;box-shadow:0 8px 24px #00000057,0 0 18px #00f5d41f}.hub-parent-action strong,.hub-parent-action small{display:block}.hub-parent-action strong{font-size:.84rem}.hub-parent-action small{color:#7adff2;margin-top:2px;font-size:.68rem}.compact-hub-hud{box-sizing:border-box;white-space:nowrap;height:72px;min-height:72px;max-height:72px;box-shadow:none;background:#030a1829;border-color:#0000;grid-template-columns:minmax(150px,.82fr) minmax(190px,1.25fr) auto;gap:10px;padding:8px 12px;position:absolute;overflow:visible}.compact-hub-hud .hub-text-action .hub-action-label{font-size:.72rem;display:inline}.compact-hub-hud>*{z-index:1;position:relative}.compact-hub-hud .hub-hud-brand,.compact-hub-hud .hub-hud-status,.compact-hub-hud .hub-hud-actions{min-width:0;min-height:0;overflow:hidden}.compact-hub-hud .hub-hud-status{gap:7px}.compact-hub-hud .hub-hud-progress{min-width:0;overflow:hidden}.compact-hub-hud .hub-hud-progress-heading{gap:6px;min-width:0;overflow:hidden}.compact-hub-hud .hub-hud-progress-heading strong,.compact-hub-hud .hub-hud-progress-heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-hub-hud .hub-hud-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.compact-hub-hud .hub-action-tile.menu-icon-btn{text-overflow:ellipsis;flex:0 0 52px;width:52px;min-width:44px;height:52px;min-height:44px;max-height:56px;padding-inline:3px;overflow:hidden}.compact-hub-hud .hub-boss-resume,.compact-hub-hud .hub-boss-gate{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:44px;min-height:44px;max-height:52px;overflow:hidden}@media (width<=1100px){.compact-hub-hud{grid-template-columns:minmax(120px,.78fr) minmax(150px,1fr) auto;gap:6px;padding-inline:8px}.compact-hub-hud .hub-hud-progress-heading:nth-child(2){display:none}.compact-hub-hud .hub-action-tile.menu-icon-btn{flex-basis:48px;width:48px}.compact-hub-hud .hub-action-label{display:none}}.global-hud{z-index:720;box-sizing:border-box;color:#f4fbff;background:linear-gradient(#030c1fdb,#081834c2);border:1px solid #63e6ff7a;border-radius:18px;grid-template-columns:minmax(140px,.85fr) minmax(180px,1.35fr) auto auto;align-items:center;gap:10px;height:60px;min-height:60px;max-height:60px;padding:4px 10px;display:grid;position:absolute;top:2.2%;left:2.2%;right:2.2%;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 8px 24px #00000059,0 0 22px #00c9ff1f}.hud-module{box-sizing:border-box;color:#f4fbff;background:linear-gradient(#0f2b52d1,#04122ad1);border:1px solid #63e6ff6b;border-radius:14px;min-width:0;min-height:50px;box-shadow:inset 0 1px #ffffff1f,0 0 12px #00b2ff14}.hud-profile-module,.hud-context-module{cursor:pointer;text-align:left;width:100%;font:inherit;align-items:center;gap:9px;padding:5px 12px 5px 7px;font-weight:800;display:flex;overflow:hidden}.hud-profile-module span,.hud-context-module span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hud-context-module{color:#b8f2ff;justify-content:center;padding-inline:16px;font-size:clamp(.78rem,1.3vw,1.05rem)}.hud-status-module{align-items:center;gap:13px;padding:5px 12px;display:flex;overflow:hidden}.hud-status-module span{flex-direction:column;gap:1px;min-width:0;display:flex}.hud-status-module strong,.hud-status-module small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-status-module strong{color:#fff;font-size:.92rem}.hud-status-module small{color:#89d7ed;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.hud-actions-module{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.hud-action-button{color:#f4fbff;cursor:pointer;width:58px;min-width:44px;height:56px;min-height:44px;font:inherit;background:linear-gradient(#11345fe6,#04132ce0);border:1px solid #63e6ff6b;border-radius:15px;flex-direction:column;flex:0 0 58px;justify-content:center;align-items:center;gap:2px;padding:3px;font-size:.66rem;font-weight:800;display:inline-flex;overflow:hidden}.hud-action-button img{object-fit:contain;flex:0 0 32px;width:32px;height:32px}.hud-action-button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hud-action-button:hover,.hud-action-button:focus-visible,.hud-module:focus-visible{outline-offset:2px;border-color:#74edff;outline:2px solid #fff;box-shadow:0 0 0 3px #63e6ff38,inset 0 1px #ffffff2e}.hud-action-button:disabled{cursor:not-allowed;opacity:.52}.hud-boss-scene-control{z-index:721;color:#fff;background:#08142cdb;border:1px solid #ffc46280;border-radius:12px;align-items:center;gap:7px;padding:7px 10px;display:flex;position:absolute;top:12%;right:4%}.hud-boss-scene-control button{color:#fff;cursor:pointer;background:#573009b8;border:1px solid #ffc46294;border-radius:10px;min-height:44px}@media (width<=1100px){.global-hud{grid-template-columns:minmax(110px,.8fr) minmax(145px,1.1fr) auto auto;gap:6px;padding-inline:6px;left:1.5%;right:1.5%}.hud-profile-module,.hud-context-module{padding-inline:7px}.hud-status-secondary{display:none!important}.hud-action-button{flex-basis:52px;width:52px}}@media (width<=760px){.global-hud{grid-template-columns:minmax(88px,.7fr) minmax(115px,1fr) auto auto}.hud-profile-content>img{flex-basis:40px;width:40px;height:40px}.hud-profile-module span{font-size:.72rem}.hud-status-module{gap:6px;padding-inline:7px}.hud-action-button{flex-basis:48px;width:48px}.hud-action-text span{font-size:.62rem}}.global-hud{grid-template-columns:clamp(200px,22vw,240px) minmax(320px,380px) clamp(150px,16vw,180px) auto;justify-content:center;width:min(96%,1180px);left:50%;right:auto;overflow:visible;transform:translate(-50%)}.hud-module{box-shadow:none;background:0 0;border:0;position:relative;overflow:visible}.hud-module-skin{z-index:0;pointer-events:none;object-fit:fill;width:100%;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-profile-module{width:100%}.hud-profile-content,.hud-context-module>span,.hud-status-module>span{z-index:1;position:relative}.hud-profile-content{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.hud-profile-content>img{object-fit:contain;border-radius:50%;flex:0 0 48px;width:48px;height:48px}.hud-profile-content>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.78rem,1.4vw,1rem);overflow:hidden}.hud-context-module{text-align:center;justify-content:center;width:100%;height:60px;min-height:60px;font-size:clamp(.88rem,1.6vw,1.2rem)}.hud-context-module>span{text-overflow:ellipsis;white-space:nowrap;max-width:92%;overflow:hidden}.hud-status-module{justify-content:center;gap:18px;width:100%;height:60px;min-height:60px}.hud-status-module .hud-module-skin{width:100%}.hud-status-module>span{text-align:center;align-items:center;min-width:0}.hud-status-module strong{font-size:clamp(.75rem,1.15vw,.95rem)}.hud-actions-module{z-index:1;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex;position:relative}.hud-action-button{aspect-ratio:1;width:54px;height:54px;min-height:44px;box-shadow:none;background:0 0;border:0;flex:0 0 54px;position:relative;overflow:visible}.hud-action-skin{z-index:0;aspect-ratio:1;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hud-action-button>.hud-action-icon,.hud-action-button>.hud-action-label,.hud-action-button>.hud-quest-badge{z-index:1;position:relative}.hud-action-button>.hud-action-icon{object-fit:contain;flex:0 0 31px;width:31px;height:31px}.hud-action-label{text-align:center;white-space:nowrap;max-width:100%;font-size:.62rem;line-height:1}.hud-action-text .hud-action-label{font-size:.72rem}.hud-quest-badge{color:#071119;background:#ffc862;border:1px solid #fff;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.68rem;font-weight:950;display:grid;top:1px;right:0;position:absolute!important}.hud-action-button:hover,.hud-action-button:focus-visible{box-shadow:none;outline-offset:2px;border:0;outline:2px solid #fff}@media (width<=1100px){.global-hud{grid-template-columns:minmax(190px,220px) minmax(250px,1fr) minmax(140px,160px) auto;width:97%}.hud-status-secondary{display:none!important}.hud-action-button{flex-basis:54px;width:54px;height:54px}}@media (width<=760px){.global-hud{grid-template-columns:minmax(150px,190px) minmax(170px,1fr) 120px auto;gap:3px;width:98%}.hud-profile-content>img{flex-basis:44px;width:44px;height:44px}.hud-status-module{gap:7px}.hud-action-button{flex-basis:52px;width:52px;height:52px}.hud-action-label{font-size:.55rem}}@media (width>=1000px) and (width<=1100px){.global-hud{grid-template-columns:220px minmax(340px,380px) 155px auto;gap:10px;width:calc(100% - 24px);height:60px;min-height:60px;max-height:60px;padding-block:3px}.hud-profile-module,.hud-context-module,.hud-status-module{height:60px;min-height:60px}.hud-profile-content>img{flex-basis:48px;width:48px;height:48px;transform:none}.hud-profile-content>span{margin-left:18px;font-size:1.08rem;font-weight:900}.hud-profile-module>.hud-module-skin{object-fit:fill;width:100%;height:66px;transform:translate(-50%,-50%)}.hud-context-module{height:60px;min-height:60px;font-size:1.06rem}.hud-context-module>.hud-module-skin{object-fit:fill;width:100%;height:62px}.hud-status-module{gap:12px;height:60px;min-height:60px}.hud-status-module>.hud-module-skin{object-fit:fill;width:100%;height:62px}.hud-action-button{flex-basis:54px;width:54px;height:54px;min-height:44px}.hud-action-button>.hud-action-icon{flex-basis:38px;width:38px;height:38px}.hud-actions-module{padding-right:2px;transform:translate(10px)}.hud-action-label{display:none}}.game-brand-mark{--brand-pale:#fff3a0;--brand-gold:#ffd84a;--brand-amber:#ffb800;--brand-mint:#48f5e1;--brand-cyan:#21d9e8;background:linear-gradient(90deg, var(--brand-pale) 0%, var(--brand-gold) 42%, var(--brand-amber) 74%, var(--brand-mint) 100%);color:#0000;white-space:nowrap;-webkit-text-stroke:.35px #492803c7;min-width:0;text-shadow:0 0 4px color-mix(in srgb, var(--brand-gold) 90%, transparent), 0 0 10px color-mix(in srgb, var(--brand-cyan) 42%, transparent);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:3px;font-size:clamp(1.35rem,2.35vw,1.6rem);font-weight:950;line-height:1;display:inline-flex;transform:translateY(-3px)}.game-brand-mark-name{text-overflow:ellipsis;display:block;overflow:hidden}.game-brand-mark-sparkles{color:var(--brand-mint);text-shadow:0 0 4px color-mix(in srgb, var(--brand-gold) 72%, transparent), 0 0 10px color-mix(in srgb, var(--brand-cyan) 68%, transparent);align-items:center;gap:1px;line-height:.8;display:inline-flex}.game-brand-mark-sparkles i{background:linear-gradient(180deg, var(--brand-pale) 0%, var(--brand-gold) 25%, var(--brand-mint) 66%, var(--brand-cyan) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;font-weight:950;display:block}.game-brand-mark-sparkle-primary{font-size:22px;transform:rotate(0)}.game-brand-mark-sparkle-secondary{font-size:12px;transform:translateY(5px)rotate(0)}.hub-hud>.game-brand-mark{font-size:clamp(.92rem,1.3vw,1.08rem);transform:translateY(-5px)}.global-hud{grid-template-columns:clamp(92px,10vw,132px) clamp(180px,20vw,240px) minmax(320px,380px) clamp(150px,16vw,180px) auto}.gameplay-hud-identity{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.gameplay-hud-identity .game-brand-mark{flex:none;font-size:1.15rem}.gameplay-hud-identity .gameplay-hud-profile{flex:auto;min-width:0;max-width:none}.mission-detail-panel>.game-brand-mark{justify-content:flex-start;margin-bottom:8px;font-size:1rem}@media (width<=1100px){.global-hud{grid-template-columns:112px minmax(180px,220px) minmax(250px,1fr) minmax(140px,160px) auto}.game-brand-mark{font-size:1.35rem}}@media (width<=760px){.global-hud{grid-template-columns:82px minmax(150px,190px) minmax(170px,1fr) 120px auto;gap:4px}.game-brand-mark-sparkles{display:none}.gameplay-hud-identity{gap:4px}.gameplay-hud-identity .game-brand-mark{font-size:.95rem}}.hub-parent-icon{font-size:1.35rem}.hub-parent-action:hover,.hub-parent-action:focus-visible{border-color:#63e6ff;transform:translateY(-2px);box-shadow:0 0 0 3px #63e6ff29,0 0 24px #00f5d438}.hub-parent-action:active{transform:translateY(1px)}.hub-parent-action:focus-visible{outline-offset:2px;outline:2px solid #fff}.hub-parent-action{justify-content:center;width:56px;height:56px;min-height:44px;padding:7px}.hub-parent-action img{object-fit:contain;width:40px;height:40px}.hud-status-module{gap:0;padding-inline:0}.hud-status-module>span{text-align:center;flex:1 1 0;justify-content:center;align-items:center;min-width:0}.mission-transmission{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(160deg,#091c3af0,#070f23eb);border:1px solid #63e6ff99;border-radius:10px;gap:7px;width:min(470px,44vw);padding:14px 20px 16px;box-shadow:0 0 0 1px #00f5d414,0 0 26px #00f5d42e,inset 0 0 28px #00f5d40d}.mission-transmission:after{content:"";pointer-events:none;clip-path:inherit;border:1px solid #63e6ff21;position:absolute;inset:5px}.mission-signal-tag{color:#63e6ff;letter-spacing:.06em;font-size:.72rem;font-weight:800}.mission-transmission-name{color:#b8d8e8;font-size:.82rem}.mission-progress-path{justify-content:center;align-items:center;gap:8px;display:flex}.mission-progress-path i{background:linear-gradient(90deg,#63e6ff,#63e6ff40);width:34px;height:1px}.mission-node{color:#d8f7ff;background:#00f5d414;border:1px solid #63e6ff52;border-radius:999px;padding:5px 8px;font-size:.72rem}.mission-transmission.is-unlocked{border-color:#ffae42d1;box-shadow:0 0 26px #ff9f1c38,inset 0 0 28px #ff9f1c0f}.mission-transmission.is-unlocked .mission-signal-tag{color:#ffc46b}@media (prefers-reduced-motion:reduce){.hub-parent-action,.hub-player-pill,.hub-ship-pill{transition:none}}.difficulty-overlay{z-index:880;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020510b8;place-items:center;padding:4%;display:grid;position:absolute;inset:0}.difficulty-panel{background:linear-gradient(145deg,#101731fa,#06091afa);border:1px solid #00f5d48c;border-radius:28px;width:min(96%,940px);padding:clamp(22px,3vw,38px);position:relative;box-shadow:0 30px 90px #000000a8}.difficulty-close{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2e;border-radius:50%;width:44px;height:44px;font-size:1.7rem;position:absolute;top:15px;right:16px}.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.difficulty-card{color:#fff;text-align:left;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1f;border-radius:21px;flex-direction:column;justify-content:center;gap:12px;min-height:190px;padding:20px;display:flex}.difficulty-card.explorer{--level-color:#65f1b2}.difficulty-card.pilot{--level-color:#60c9ff}.difficulty-card.guardian{--level-color:#ffbd59}.difficulty-card:hover,.difficulty-card:focus-visible,.difficulty-card.is-current{border-color:var(--level-color);box-shadow:0 0 24px color-mix(in srgb, var(--level-color) 24%, transparent);background:color-mix(in srgb, var(--level-color) 10%, #0c1023f5)}.difficulty-card strong{color:var(--level-color);font-size:clamp(1.1rem,1.8vw,1.4rem)}.difficulty-card span{color:#cad3e3;font-size:.82rem;line-height:1.5}.difficulty-card small{color:var(--level-color);font-weight:900}.session-result-panel{text-align:center;width:min(78%,650px);overflow:visible}.result-difficulty{color:var(--primary-cyan);background:#00f5d412;border:1px solid #00f5d473;border-radius:999px;margin-top:12px;padding:6px 14px;font-size:.78rem;font-weight:900;display:inline-block}.result-score-ring{background:radial-gradient(circle,#00f5d424,#0000 68%);border:8px solid #00f5d4a3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:20px auto 16px;display:flex;box-shadow:0 0 30px #00f5d433}.result-score-ring strong{font-size:2.4rem}.result-score-ring span{color:#c8d1df;font-size:.74rem}.result-count-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:0 auto 18px;display:grid}.result-count-grid>div{background:#ffffff0f;border-radius:15px;flex-direction:column;padding:12px;display:flex}.result-count-grid strong{font-size:1.7rem}.result-count-grid .correct strong{color:#65f1b2}.result-count-grid .wrong strong{color:#ff7588}.result-actions{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.result-actions button{color:#fff;cursor:pointer;min-height:52px;font:inherit;background:#00f5d417;border:1px solid #00f5d473;border-radius:15px;font-weight:950}@media (width<=760px),(height<=560px){.profile-panel,.ship-selection-panel{width:94%;max-height:94%;padding:16px}.profile-panel-header,.ship-selection-panel>header{margin-bottom:12px}.profile-grid{max-height:230px}.ship-choice-card{min-height:220px;padding:16px}.ship-choice-icon{font-size:3.2rem}.difficulty-card{min-height:145px;padding:14px}.result-score-ring{border-width:6px;width:112px;height:112px;margin:12px auto}.result-score-ring strong{font-size:1.8rem}}.quiz-master-play-area{--gameplay-group-offset-y:clamp(36px, 6.5vh, 52px);--question-console-offset-y:var(--gameplay-group-offset-y)}.gameplay-hud.global-hud{height:60px;min-height:60px;max-height:60px;overflow:visible}.gameplay-hud .hud-actions-module{min-width:0}.gameplay-hud .hud-action-button{min-width:44px;min-height:44px}.gameplay-hud .gameplay-hud-mode{min-width:44px;min-height:44px;padding:0}.gameplay-hud .hud-profile-module,.gameplay-hud .hud-context-module,.gameplay-hud .hud-status-module{min-width:0}.gameplay-hud .hud-context-content{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.gameplay-hud .hud-context-content strong,.gameplay-hud .hud-context-content small{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.gameplay-hud .hud-context-content strong{color:#c7f9ff;font-size:clamp(.78rem,1.25vw,1rem)}.gameplay-hud .hud-context-content small{color:#ffd36a;font-size:clamp(.58rem,.82vw,.7rem);font-weight:800}.gameplay-hud .game-brand-mark{font-size:1rem;transform:translateY(-2px)}.gameplay-character-layer{z-index:18;pointer-events:none;transform:translateY(var(--gameplay-group-offset-y));--character-visible-scale:1.44;--mentor-visible-scale:var(--character-visible-scale);--mentor-anchor-right:10.5%;--character-baseline:94.5%;--player-foot-offset:1%;--mentor-foot-offset:1%;position:absolute;inset:0}.gameplay-character-layer .bottom-player-avatar-stage,.gameplay-character-layer .npc-wizard-mentor-beside{top:auto;bottom:calc(100% - var(--character-baseline));pointer-events:none;z-index:1;justify-content:center;align-items:flex-end;display:flex;position:absolute}.gameplay-character-layer .bottom-player-avatar-stage{left:11.5%;transform:translate(-50%)}.gameplay-character-layer .npc-wizard-mentor-beside{right:var(--mentor-anchor-right);transform:translate(50%)}.gameplay-character-layer .player-avatar-asset-img{width:calc(clamp(300px, 42vh, 350px) * var(--character-visible-scale));height:calc(clamp(300px, 42vh, 350px) * var(--character-visible-scale));object-fit:contain;transform:translateY(var(--player-foot-offset));filter:drop-shadow(0 15px 30px #000000c7)drop-shadow(0 0 22px #00f5d46b)}.gameplay-character-layer .npc-teacher-asset-img{width:calc(clamp(320px, 46vh, 380px) * var(--mentor-visible-scale));height:calc(clamp(320px, 46vh, 380px) * var(--mentor-visible-scale));object-fit:contain;transform:translateY(var(--mentor-foot-offset));filter:drop-shadow(0 15px 28px #000000c2)drop-shadow(0 0 20px #00d6ff57)}.gameplay-character-layer .bottom-player-avatar-stage+.npc-wizard-mentor-beside{pointer-events:none}.quiz-master-play-area.room-science .gameplay-character-layer{--mentor-visible-scale:1.22;--mentor-foot-offset:-8%}.quiz-master-play-area.room-thai .gameplay-character-layer{--mentor-visible-scale:1.18;--mentor-foot-offset:-13%}.quiz-master-play-area.room-english .gameplay-character-layer{--mentor-visible-scale:1.22;--mentor-anchor-right:8.5%;--mentor-foot-offset:-8%}.quiz-master-play-area.room-social .gameplay-character-layer{--mentor-visible-scale:1.12;--mentor-foot-offset:-14%}.quiz-master-play-area.room-math .gameplay-character-layer{--mentor-anchor-right:10.5%}.quiz-master-play-area.boss-exam-room .gameplay-character-layer{--mentor-visible-scale:1.08;--mentor-anchor-right:12%;--mentor-foot-offset:-13%;--player-foot-offset:5%}.boss-exam-room .player-avatar-asset-img.is-boss-answering{transform:translateY(var(--player-foot-offset)) scaleX(-1)}.boss-exam-room .question-mission-console{background:linear-gradient(145deg,#1a0c30fa,#381241f5 48%,#110825fa);border-color:#35133f;box-shadow:0 0 0 2px #ff4888b8,0 0 0 7px #7030b066,0 16px 34px #000000ad,inset 0 0 32px #ff307124}.boss-exam-room .question-mission-console:before{border-color:#ff5b9ccc}.boss-exam-room .question-mission-console:after{background:linear-gradient(135deg,#ff4a852e,#0000 25% 72%,#b04dff33)}.boss-exam-room .question-mission-console .wide-answer-card{border-color:#865be0f0}.gameplay-hud-boss.global-hud{background:linear-gradient(110deg,#140722f5,#330f41e6 52%,#10051cf5);border-color:#ff4d90c2;box-shadow:inset 0 0 0 1px #ff67a333,0 0 24px #b231ff38}.question-mission-console{z-index:16;width:min(54vw,580px);min-width:500px;height:clamp(420px,68vh,480px);transform:translate(-50%, var(--question-console-offset-y));box-sizing:border-box;background:linear-gradient(145deg,#111b45fa,#18255cf2 45%,#07112ffa);border:8px solid #101b45;border-radius:18px;grid-template-rows:minmax(112px,auto) minmax(0,1fr);gap:12px;padding:16px 16px 18px;display:grid;position:absolute;top:clamp(112px,16%,126px);left:50%;box-shadow:0 0 0 2px #34dcffeb,0 0 0 7px #2c4eb861,0 16px 30px #00061e94,inset 0 0 30px #3a96ff29}.question-mission-console:before{content:"";pointer-events:none;border:1px solid #31e6ffd1;border-radius:9px;position:absolute;inset:5px}.question-mission-console:after{content:"";pointer-events:none;background:linear-gradient(135deg,#4aecff24,#0000 22% 78%,#ffc64629);border-radius:10px;position:absolute;inset:0}.question-mission-console .top-question-area-row{z-index:1;height:auto;min-height:112px;position:static}.question-mission-console .top-question-board{box-sizing:border-box;color:#10284c;text-align:center;background:linear-gradient(#f9fefffa,#daf0fffa);border:2px solid #57ccffeb;border-radius:11px;place-items:center;width:100%;height:auto;min-height:112px;padding:14px 18px;display:grid;overflow:visible;box-shadow:inset 0 0 14px #6cccff4d,0 0 12px #26c1ff3d}.question-mission-console .subject-chip{color:#124f89;background:#8fe0ff57;border:1px solid #3f9ee3ad;margin:0 auto 3px;padding:3px 10px;font-size:.76rem;position:static}.question-mission-console .reward-corner-badge{color:#1b568d;background:#ffffff9e;border:1px solid #3d96d74d;margin:0 auto 3px;padding:2px 8px;font-size:.68rem;position:static}.question-mission-console .question-text{color:#10284c;text-align:center;width:min(94%,460px);margin:0;font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.16;position:static}.question-mission-console.has-long-question .question-text{font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.12}.question-mission-console .directional-cards-wrapper{z-index:1;pointer-events:auto;box-sizing:border-box;grid-template-rows:repeat(4,minmax(48px,1fr));grid-template-columns:minmax(0,1fr);align-content:stretch;gap:8px;width:100%;min-height:0;margin:0;padding:0 0 2px;display:grid;position:static;inset:auto;overflow:visible;transform:none}.question-mission-console .wide-answer-card,.question-mission-console .wide-answer-card.zone_a,.question-mission-console .wide-answer-card.zone_b,.question-mission-console .wide-answer-card.zone_c,.question-mission-console .wide-answer-card.zone_d{color:#14366c;text-align:left;background:linear-gradient(#fffffffa,#daeffffa);border:2px solid #6d7fe1;border-radius:11px;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;width:100%;height:auto;min-height:44px;padding:6px 10px;display:grid;position:relative;inset:auto;transform:none;box-shadow:0 5px 12px #20438538,inset 0 0 10px #71beff33}.question-mission-console .answer-card-content{display:contents}.question-mission-console .answer-choice-badge{color:#4357ba;border-right:1px solid #4357ba4d;grid-column:1;place-items:center;min-height:32px;font-size:1rem;font-weight:950;display:grid}.question-mission-console .answer-choice-copy{overflow-wrap:anywhere;text-align:center;grid-column:2;min-width:0;padding:0 8px;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.18}.question-mission-console.has-long-answer .answer-choice-copy{font-size:clamp(.9rem,1.4vw,1.18rem);line-height:1.12}.question-mission-console .wide-answer-card:hover,.question-mission-console .wide-answer-card:focus-visible,.question-mission-console .wide-answer-card.hovered{outline-offset:2px;border-color:#3b54c7;outline:3px solid #4869ebc7;box-shadow:0 0 18px #4f6ee66b,inset 0 0 12px #789fff3d}.question-mission-console.is-wrong-feedback{grid-template-rows:minmax(0,1fr)}.wrong-answer-board-content{z-index:1;box-sizing:border-box;color:#10284c;text-align:center;background:linear-gradient(#fffffffa,#ecf6fffa);border:2px solid #ffae3feb;border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:16px;min-width:0;min-height:0;padding:22px 24px;display:grid;position:relative;box-shadow:inset 0 0 20px #ffb9522e,0 0 18px #20beff33}.wrong-answer-board-content h2{color:#26324f;margin:0;font-size:clamp(1.35rem,2.4vw,1.9rem)}.wrong-answer-board-solution{box-sizing:border-box;background:linear-gradient(#fff9eefa,#fff1d8fa);border:2px solid #ffa834b3;border-radius:12px;place-content:center;gap:8px;width:100%;min-height:0;padding:16px 18px;display:grid}.wrong-answer-board-solution span{color:#d86b13;font-size:.82rem;font-weight:900}.wrong-answer-board-solution strong{color:#6e3a13;overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.35}.wrong-answer-board-continue{color:#063e48;cursor:pointer;min-width:180px;min-height:48px;font:inherit;background:linear-gradient(#cafff7,#61ead9);border:2px solid #42e4d2;border-radius:999px;padding:10px 22px;font-weight:950;box-shadow:0 0 16px #32ecda57}.wrong-answer-board-continue:hover,.wrong-answer-board-continue:focus-visible{outline-offset:3px;filter:brightness(1.05);outline:3px solid #ffffffeb}.stage-exit-room-control{z-index:26;min-height:44px;position:absolute;bottom:3.5%;left:2.5%}@media (width<=900px){.quiz-master-play-area{--gameplay-group-offset-y:clamp(26px, 5vh, 38px)}.gameplay-character-layer .bottom-player-avatar-stage{left:10.5%}.gameplay-character-layer .npc-wizard-mentor-beside{right:10.5%}.gameplay-character-layer .player-avatar-asset-img{width:calc(clamp(240px,35vh,290px) * var(--character-visible-scale));height:calc(clamp(240px,35vh,290px) * var(--character-visible-scale))}.gameplay-character-layer .npc-teacher-asset-img{width:calc(clamp(250px,38vh,320px) * var(--mentor-visible-scale));height:calc(clamp(250px,38vh,320px) * var(--mentor-visible-scale))}.question-mission-console{width:min(62vw,560px);min-width:0;height:min(68vh,440px);min-height:390px}}@media (width<=680px){.quiz-master-play-area{--gameplay-group-offset-y:clamp(12px, 3vh, 22px)}.question-mission-console{width:76%;min-width:0;height:min(54vh,370px);top:96px}.gameplay-character-layer .bottom-player-avatar-stage{left:10%}.gameplay-character-layer .npc-wizard-mentor-beside{right:10%}.gameplay-character-layer .player-avatar-asset-img{width:calc(210px * var(--character-visible-scale));height:calc(210px * var(--character-visible-scale))}.gameplay-character-layer .npc-teacher-asset-img{width:calc(220px * var(--mentor-visible-scale));height:calc(220px * var(--mentor-visible-scale))}}@media (width>=900px) and (width<=1100px) and (orientation:landscape){.quiz-master-play-area{--question-console-offset-y:clamp(10px, 2vh, 16px)}.global-hud,.gameplay-hud.global-hud{height:60px;min-height:60px;max-height:60px;padding-block:3px}.global-hud{grid-template-columns:116px minmax(205px,235px) minmax(290px,1fr) minmax(150px,170px) auto;gap:7px}.hud-profile-module,.hud-context-module,.hud-status-module,.gameplay-hud-profile,.gameplay-hud .room-score-master-banner-nav{height:58px;min-height:58px;max-height:58px}.hud-profile-module>.hud-module-skin,.hud-context-module>.hud-module-skin,.hud-status-module>.hud-module-skin{height:60px}.hud-profile-content>img,.gameplay-hud-avatar{flex-basis:48px;width:48px;height:48px}.hud-profile-content>span{margin-left:12px;font-size:1rem}.game-brand-mark,.gameplay-hud .game-brand-mark{font-size:1.28rem}.hud-context-module,.gameplay-hud .hud-context-content strong{font-size:1rem}.gameplay-hud .hud-context-content small{font-size:.7rem}.hud-status-module strong{font-size:1rem}.hud-status-module small{font-size:.65rem}.hud-action-button,.gameplay-hud .hud-action-button{flex-basis:52px;width:52px;height:52px}.hud-action-button>.hud-action-icon,.gameplay-hud .hud-action-button>img{flex-basis:34px;width:34px;height:34px}}@media (width>=900px) and (height<=800px) and (orientation:landscape){.quiz-master-play-area{--question-console-offset-y:clamp(6px, 1.5vh, 12px)}.benchmark-room-layout .stage-exit-room-control{left:max(20px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));white-space:nowrap;border-radius:14px;width:auto;min-width:136px;height:48px;padding:0 16px;font-size:.86rem;line-height:1}.benchmark-room-layout .stage-exit-room-control:before{content:none}}