*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#12304a 0,#08131e 45%,#03070b 100%);color:#f5f0e6;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:12px 20px;background:rgba(3,9,15,.92);backdrop-filter:blur(12px);border-bottom:1px solid #92722e}.topbar a{color:#f1d27a;text-decoration:none}.topbar div:nth-child(2){display:flex;flex-direction:column}.topbar span{font-size:.8rem;color:#aebbc8}.progress-pill{border:1px solid #d1a84b;border-radius:999px;padding:7px 12px;color:#ffd66b}.shell{width:min(1080px,94vw);margin:26px auto 70px}.hero{padding:28px;border:1px solid rgba(213,170,75,.45);border-radius:24px;background:linear-gradient(135deg,rgba(13,31,46,.96),rgba(4,12,19,.96));box-shadow:0 20px 60px #0008}.hero h1{font-family:Georgia,serif;color:#f4d06f;font-size:clamp(2.2rem,6vw,4.8rem);margin:.1em 0}.eyebrow{letter-spacing:.2em;color:#8ccce9;font-weight:800}.progress-track{height:10px;border-radius:99px;background:#132332;overflow:hidden;margin-top:18px}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#d2a746,#ffe398);transition:.35s}.mission-card{margin-top:22px;padding:24px;border:1px solid #314557;border-radius:22px;background:rgba(7,18,28,.94);box-shadow:0 18px 44px #0007}.stage-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.stage-head>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid #d2a746;color:#fbd771;font-size:1.2rem;font-weight:900}.stage-head h2{margin:0;font-family:Georgia,serif;color:#f1d27a}.stage-head p{margin:3px 0;color:#b7c4ce}.mission-card.locked{opacity:.5;pointer-events:none;filter:saturate(.5)}video{width:100%;border-radius:16px;background:#000;display:block;max-height:610px}.success{margin-top:14px;padding:14px;border:1px solid #4f8b6d;background:#0f3124;border-radius:12px;color:#b6f1cf}.hidden{display:none!important}.room-wrap{position:relative;border-radius:16px;overflow:hidden;background:#000}.room-wrap img{display:block;width:100%;height:auto}.hotspot{position:absolute;border:2px solid transparent;background:rgba(255,215,100,.02);border-radius:16px;cursor:pointer}.hotspot:hover,.hotspot:focus{border-color:#ffd86a;background:rgba(255,216,106,.18);outline:none}.hotspot.done{border-color:#70e0a4;background:rgba(71,199,126,.2)}.hotspot.table{left:12%;top:31%;width:20%;height:13%}.hotspot.chair{left:22%;top:31%;width:14%;height:19%}.hotspot.redbox{left:7%;top:40%;width:16%;height:12%}.inventory{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:15px;border:1px dashed #806724;border-radius:14px;background:#0b1722}.digits{display:flex;gap:8px}.digits span{display:grid;place-items:center;width:48px;height:56px;border:1px solid #d2a746;border-radius:10px;font:700 1.6rem ui-monospace,monospace;color:#ffd86a;background:#04090e}.feedback{min-height:24px;margin-top:12px;color:#bcd2e1}.feedback.error{color:#ff9a9a}.feedback.good{color:#95e9b9}.quiz{display:grid;gap:12px}.quiz label{padding:13px;border:1px solid #2e4354;border-radius:12px;background:#0b1722}.primary{border:0;border-radius:12px;padding:13px 20px;font-weight:800;background:linear-gradient(135deg,#d6ac4b,#f8dc84);color:#101010;cursor:pointer}.unlock-form{display:flex;gap:12px}.unlock-form input{flex:1;min-width:0;padding:14px 18px;font:800 2rem ui-monospace,monospace;letter-spacing:.5em;text-align:center;border-radius:12px;border:1px solid #7a6331;background:#050b10;color:#ffe08a}.completion{text-align:center;border-color:#cda348;background:radial-gradient(circle at center,#173729,#07131d 70%)}.completion h2{font:700 2.4rem Georgia,serif;color:#f5d471}.key-icon{font-size:4rem}.link-button{display:inline-block;text-decoration:none;margin-top:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;transition:.25s;background:#101b24;border:1px solid #d2a746;color:#fff;padding:12px 18px;border-radius:12px;z-index:40}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:700px){.topbar{grid-template-columns:auto 1fr}.progress-pill{display:none}.shell{width:96vw}.mission-card,.hero{padding:16px}.unlock-form{flex-direction:column}.hotspot.table{left:10%;top:31%;width:23%;height:15%}.hotspot.chair{left:20%;top:30%;width:17%;height:20%}.hotspot.redbox{left:5%;top:40%;width:20%;height:13%}}
.room-scene{aspect-ratio:16/9;min-height:360px;background:radial-gradient(circle at 65% 25%,#1c3c52 0,#0c1c29 33%,#05090d 75%);position:relative;border:1px solid #2c4050;box-shadow:inset 0 0 90px #000}.scene-door{position:absolute;right:10%;top:12%;width:19%;height:70%;border:5px solid #4e5e67;border-radius:8px 8px 2px 2px;background:linear-gradient(90deg,#14212a,#263843 48%,#101a21);box-shadow:0 0 35px #55b9e333}.scene-door:after{content:"";position:absolute;right:12%;top:48%;width:12px;height:12px;border-radius:50%;background:#d8b35b;box-shadow:0 0 10px #e5c777}.scene-screen{position:absolute;left:47%;top:13%;width:22%;height:17%;border:4px solid #344953;background:linear-gradient(135deg,#0b2638,#1d6a85);box-shadow:0 0 28px #53d8ff55}.scene-table{position:absolute;left:11%;top:48%;width:34%;height:10%;border-radius:8px;background:linear-gradient(#6b4d34,#3a261a);box-shadow:0 12px 20px #0008}.scene-table:before,.scene-table:after{content:"";position:absolute;top:90%;width:5%;height:150%;background:#38261c}.scene-table:before{left:8%}.scene-table:after{right:8%}.scene-chair{position:absolute;left:30%;top:44%;width:12%;height:25%;border:5px solid #273943;border-radius:10px;background:linear-gradient(#203340,#101b22)}.scene-box{position:absolute;left:16%;top:41%;width:10%;height:8%;border:2px solid #bb4b3c;border-radius:6px;background:linear-gradient(145deg,#a72722,#52110f);box-shadow:0 0 15px #ff5b4a55}.room-scene:before{content:"THE LANGUAGE LAB";position:absolute;left:4%;top:6%;font:800 clamp(.8rem,2vw,1.4rem) ui-monospace,monospace;letter-spacing:.18em;color:#87cae7aa}.room-scene:after{content:"Find the clues. English is your key.";position:absolute;left:4%;bottom:5%;font:600 clamp(.7rem,1.5vw,1rem) system-ui;color:#d9e8efaa}.room-scene .hotspot.table{left:9%;top:43%;width:38%;height:29%}.room-scene .hotspot.chair{left:27%;top:39%;width:18%;height:35%}.room-scene .hotspot.redbox{left:13%;top:36%;width:16%;height:17%}@media(max-width:700px){.room-scene{min-height:260px}}