:root{--bg:#17112d;--panel:#261c40;--pink:#ff9bcb;--gold:#ffe1a1;--cyan:#9ee8f3;--ink:#f9f4ff;--muted:#c4b8d9;--border:#ffffff26;--purple:#b5a3ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:17px/1.8 Tahoma,'Segoe UI',sans-serif;min-height:100vh}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.5vw,64px);line-height:1.35;letter-spacing:-1.4px}h2{font-size:clamp(26px,3vw,36px);line-height:1.5}h3{font-size:22px}.glow{position:fixed;width:420px;height:420px;filter:blur(130px);opacity:.11;z-index:-1;pointer-events:none}.glow1{top:-150px;right:0;background:#f08}.glow2{bottom:0;left:-180px;background:#39f}header{max-width:1240px;padding:25px 30px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:bold;line-height:1.5}.brand small{display:block;font-size:12px;font-weight:normal;color:var(--muted);margin-top:5px}.brand-icon{font-size:40px;color:var(--gold);background:#ffffff09;width:55px;height:55px;border-radius:18px;text-align:center}nav{display:flex;gap:18px;align-items:center}.icon,.quiet{background:none;border:1px solid var(--border);color:var(--muted);padding:8px 13px;border-radius:12px;font-size:13px}.quiet{border:0}main{max-width:1180px;margin:35px auto;padding:0 26px;min-height:65vh}.eyebrow{color:var(--gold);font-size:13px;letter-spacing:1px;display:block;margin-bottom:15px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.hero-copy{padding:25px 0}.hero-copy h1 span{color:var(--pink)}.lead{color:var(--muted);line-height:2;max-width:580px}.hero-art{height:590px;position:relative;border-radius:150px 150px 30px 30px;overflow:hidden;border:1px solid #ffe1a14d;box-shadow:0 0 70px #7b53d329}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50%}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17112d 0%,transparent 35%)}.art-label{position:absolute;bottom:30px;z-index:1;left:25px;right:25px;font-size:15px;display:flex;justify-content:space-between}.floating{position:absolute;top:30px;right:25px;background:#261c40cc;padding:9px 17px;border:1px solid var(--border);border-radius:40px;animation:bob 4s infinite}.hero form{margin-top:25px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}label{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}input,select{width:100%;background:#130e25;color:white;border:1px solid #ffffff3a;border-radius:13px;padding:12px 15px}select option{background:#261c40}input::placeholder{color:#a99abd}.avatars{display:flex;gap:12px;margin:12px 0 25px}.avatar-choice{flex:1;padding:0 0 9px;background:#ffffff05;border:1px solid var(--border);color:var(--muted);border-radius:18px;overflow:hidden;font-size:12px}.avatar-choice.selected{border-color:var(--pink);background:#ff9bcb15;color:white;box-shadow:0 0 0 2px #ff9bcb30}.portrait{height:106px;background-image:url('assets/detectives.webp');background-size:300% auto;background-repeat:no-repeat;background-position:0 35%}.portrait.c1{background-position:50% 35%}.portrait.c2{background-position:100% 35%}.btn{border:0;border-radius:14px;padding:13px 23px;background:linear-gradient(120deg,#ffb5d7,#ceacff);font-weight:bold;color:#301c46;display:inline-flex;gap:10px;align-items:center;justify-content:center}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.alt{background:#ffffff0b;color:white;border:1px solid var(--border)}.btn.gold{background:var(--gold)}.mini{font-size:12px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-head h2{margin-bottom:3px}.pill{font-size:12px;color:var(--gold);border:1px solid #ffe1a144;background:#ffe1a10a;border-radius:30px;padding:6px 14px;display:inline-block}.panel{background:linear-gradient(145deg,#2b2049dd,#231a39dd);border:1px solid var(--border);border-radius:25px;padding:30px;box-shadow:0 15px 40px #0002}.progress{height:6px;background:#ffffff15;border-radius:10px;overflow:hidden;margin:18px 0}.progress>div{height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));transition:width .7s}.map{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:25px 0;padding:45px 15px 30px;background:linear-gradient(#17112d77,#17112d),url('assets/detectives.webp') center 40%/cover;border-radius:26px;isolation:isolate}.map:before{content:'';position:absolute;top:140px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#9ee8f3,#ff9bcb);z-index:-1}.gate{background:transparent;border:0;color:white;padding:10px 5px;position:relative}.gate:nth-child(even){padding-top:40px}.gate-arch{margin:auto auto 18px;width:110px;height:148px;border:3px solid #675778;border-radius:65px 65px 14px 14px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#c2b2d3;background:#17112dcc;box-shadow:inset 0 0 20px #0004;position:relative}.gate.open .gate-arch{border-color:var(--gold);background:radial-gradient(ellipse,#c89aff88,#6749a033);box-shadow:0 0 28px #cb9bff70,inset 0 0 20px #ffb5d74d;animation:pulse 3s infinite}.gate.done .gate-arch{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 22px #9ee8f333}.gate-name{display:block;font-size:16px;font-weight:bold}.gate small{color:var(--muted);font-size:11px}.traveler{width:44px;height:55px;border-radius:40px;background-size:300% auto;position:absolute;bottom:25px;left:30px;border:2px solid var(--gold);animation:walk 1.6s infinite;background-image:url('assets/detectives.webp')}.quest-layout{display:grid;grid-template-columns:230px 1fr;gap:25px}.companion{align-self:start;position:sticky;top:20px}.companion .portrait{height:270px;border-radius:100px 100px 20px 20px;background-size:300% auto;background-position-y:25%;border:1px solid var(--border)}.speech{font-size:14px;margin-top:18px;color:var(--muted);border-right:2px solid var(--pink);padding-right:13px}.task-top{display:flex;justify-content:space-between;gap:15px}.task-top .btn{padding:5px 12px;font-size:12px}.evidence{color:var(--cyan);margin:18px 0}.geometry{background:#fbfaff;border-radius:20px;overflow:hidden;margin:18px 0;color:#302546;border:1px solid #ffffff20}.geometry svg{width:100%;height:auto;max-height:360px;display:block}.geometry svg text{font:bold 19px Tahoma;fill:#302546}.geometry .dim{font-size:14px;fill:#625675}.math{direction:ltr;unicode-bidi:isolate;display:inline-block;font-family:'Segoe UI',Tahoma,sans-serif;letter-spacing:1px}.match-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;direction:ltr}.match-col{display:flex;flex-direction:column;gap:10px}.chip{background:#ffffff08;border:1px solid #ffffff40;color:#fff;padding:10px;border-radius:13px;text-align:center}.chip.selected{border-color:var(--gold);background:#ffe1a125}.chip.linked{border-color:var(--cyan);color:var(--cyan)}.chip small{display:block;color:var(--muted)}.feedback{padding:15px 18px;border-radius:14px;background:#ffffff08;border:1px solid var(--border);margin-top:20px;font-size:16px}.feedback.good{border-color:#9ee8f3;color:#bcf4ff}.feedback.bad{border-color:#ff9bcb;color:#ffbddc}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin:15px 0}.controls .btn{padding:8px 15px}.controls input[type=range]{width:190px;accent-color:#ceacff}.choices{display:grid;gap:10px;margin:15px 0}.choice{background:#ffffff08;color:white;border:1px solid var(--border);border-radius:13px;text-align:right;padding:14px 18px}.choice.selected{border-color:var(--pink);background:#ff9bcb15}.quiz-wrap{max-width:800px;margin:auto}.quiz-wrap .btn{margin-top:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stat{background:#ffffff08;padding:18px;border:1px solid var(--border);border-radius:18px}.stat strong{font-size:30px;color:var(--gold);display:block}.stat span{font-size:13px;color:var(--muted)}.certificate{text-align:center;padding:45px;border:1px solid var(--gold);border-radius:30px;background:radial-gradient(ellipse at top,#74509655,transparent 80%)}.crown{font-size:60px}.judgment{display:flex;gap:10px}.judgment .choice{flex:1;text-align:center}textarea{width:100%;background:#130e25;color:white;border:1px solid var(--border);border-radius:12px;min-height:90px;padding:12px;font:inherit}.scene-enter{animation:enter .7s both}footer{max-width:1180px;margin:40px auto 0;padding:20px 26px;border-top:1px solid var(--border);font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}#sync{font-size:11px;flex-basis:100%}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:90%;background:#fff;color:#302546;border-radius:14px;padding:14px 24px;display:none;z-index:30}#portal-transition{position:fixed;inset:0;display:none;z-index:20;background:#17112def;place-content:center;text-align:center}#portal-transition.show{display:grid;animation:enter .4s}.portal-ring{height:250px;width:180px;margin:auto;border:7px double var(--gold);border-radius:100px 100px 20px 20px;box-shadow:0 0 60px #ceacff,inset 0 0 60px #ff9bcb;animation:portal 1.2s both}#particles{position:fixed;inset:0;pointer-events:none;z-index:25;overflow:hidden}.particle{position:absolute;bottom:0;animation:rise 1.8s ease-out forwards;color:var(--gold)}.sparkles{position:absolute;inset:0;pointer-events:none;color:var(--gold)}.sparkles span{position:absolute;animation:bob 3s infinite}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}th,td{text-align:right;padding:13px;border-bottom:1px solid var(--border)}th{color:var(--gold)}.teacher{max-width:1150px}.login{max-width:470px;margin:60px auto}.hidden{display:none!important}@keyframes bob{50%{transform:translateY(-9px) rotate(4deg)}}@keyframes pulse{50%{box-shadow:0 0 40px #cb9bffaa,inset 0 0 28px #ffb5d76d}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes rise{to{transform:translateY(-85vh) rotate(150deg);opacity:0}}@keyframes portal{50%{transform:scale(1.7);filter:brightness(1.6)}to{transform:scale(6);opacity:0}}@keyframes walk{50%{transform:translateY(-6px)}}@media(min-width:900px){.hero-copy .btn{width:100%}}@media(max-width:850px){header{padding:18px}.hero{grid-template-columns:1fr}.hero-art{height:330px;grid-row:1;border-radius:40px 40px 20px 20px}.hero-art img{object-position:50% 28%}.hero-copy{padding:0}main{padding:0 18px;margin-top:23px}.quest-layout{grid-template-columns:1fr}.companion{position:static;display:flex;gap:15px;align-items:center}.companion .portrait{width:80px;height:90px;flex-shrink:0;border-radius:30px}.companion h3{display:none}.companion .speech{margin:0}.map{grid-template-columns:repeat(3,1fr);padding:20px 5px}.map:before{display:none}.gate:nth-child(even){padding-top:10px}.stats{grid-template-columns:repeat(2,1fr)}.panel{padding:20px}.section-head{align-items:start}.section-head h2{font-size:25px}}@media(max-width:480px){body{font-size:16px}.brand{font-size:15px}.brand small{font-size:10px}.brand-icon{display:none}nav{gap:2px}.icon,.quiet{font-size:10px;padding:6px}.map{grid-template-columns:repeat(2,1fr)}.map .gate:last-child{grid-column:1/-1}.gate-arch{width:95px;height:125px}.gate-name{font-size:14px}.split{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.certificate{padding:25px 15px}.stat strong{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.scene-banner{height:100px;margin:-30px -30px 25px;border-radius:25px 25px 0 0;position:relative;background:linear-gradient(90deg,#21173444,#211734aa),url('assets/detectives.webp') center 10%/cover;overflow:hidden}.scene-banner span{position:absolute;bottom:12px;right:25px;background:#17112dcc;border:1px solid var(--border);padding:4px 15px;border-radius:20px;color:var(--gold);font-size:13px}.scene1{background-position:center 40%;filter:hue-rotate(15deg)}.scene2{background-position:center 5%;filter:hue-rotate(320deg)}.scene3{background-position:left 30%}.scene4{background-position:right 35%;filter:hue-rotate(340deg)}.portal-detective{position:absolute;left:calc(50% - 45px);top:calc(50% - 60px);width:90px;height:120px;border:2px solid var(--gold);border-radius:50px;box-shadow:0 0 30px #ffe1a188;animation:cross 1.1s both}@keyframes cross{from{transform:translateX(150px) scale(1.2);opacity:0}35%{opacity:1}to{transform:translateX(-40px) scale(.2);opacity:0}}@media(max-width:850px){.scene-banner{margin:-20px -20px 20px}}