.topbar{height:92px;max-width:1312px;margin:auto;padding:0 36px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);gap:20px}.home-button{border:0;background:none;display:flex;align-items:center;gap:12px;font-weight:bold;width:max-content}.home-button>span:first-child{font-size:32px;color:var(--primary)}.header-title{font-size:14px;font-weight:bold}.header-tools{display:flex;gap:16px;align-items:center;justify-content:flex-end;direction:ltr}.score{background:#f2e8d3;color:#806025;border:1px solid #e9dbba;border-radius:30px;min-width:87px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:9px}.score>span{color:#c89638;font-size:19px}.icon-button{width:46px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:22px}.icon-button[aria-pressed=true]{background:var(--secondary);color:white}main{max-width:1240px;min-height:calc(100vh - 180px);margin:auto;padding:30px 36px 58px;outline:0}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:580px;gap:20px}.hero h1{font-size:clamp(48px,5.8vw,77px);line-height:1.3;letter-spacing:-3px;margin:20px 0}.hero h1 em{color:var(--primary);font-style:normal}.hero .lead{margin-bottom:12px;font-weight:bold}.intro{color:var(--muted);font-size:15px;margin-bottom:30px}.hero-meta{display:flex;gap:24px;font-size:11px;color:var(--muted);margin-top:30px}.hero-art{height:530px;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#e9e8d2aa,transparent 68%)}.orbit{position:absolute;border:1px dashed #c5bda1;border-radius:50%;inset:40px 10px 30px;transform:rotate(-13deg)}.orbit-two{inset:70px -5px 45px;border-style:solid;transform:rotate(13deg);opacity:.45}.specimen{position:absolute;width:66%;height:72%;top:33px;right:15%;border:1px solid #d4c6a8;border-radius:180px 180px 28px 28px;background:linear-gradient(135deg,#f5ecd6,#eae3cd);box-shadow:inset 0 0 0 9px #fff6;display:flex;align-items:center;justify-content:center}.specimen>.image-wrap{width:94%;height:88%;transform:rotate(-9deg)}.specimen-tag{position:absolute;bottom:24px;right:20px;left:20px;padding:9px 13px;background:#fffcf2;border:1px solid #ddd3be;border-radius:10px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.specimen-tag b{display:grid;place-items:center;background:var(--secondary);color:white;width:27px;height:27px;border-radius:50%}.hero-hakim,.hero-fahima{position:absolute;bottom:24px;height:255px;width:44%;filter:drop-shadow(0 12px 12px #263e3e15)}.hero-hakim{right:-8%}.hero-fahima{left:-6%;height:242px}.spark{position:absolute;color:#b18842;font-size:38px}.s1{top:25px;left:35px}.s2{top:220px;right:5px;font-size:25px}.art-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:12px;letter-spacing:1px;color:var(--muted)}.steps-strip{background:#efeee4;border:1px solid #e4e2d5;border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr);padding:24px;margin-top:30px}.steps-strip>div{display:flex;gap:16px;justify-content:center;align-items:center}.steps-strip>div+div{border-right:1px solid #d7d8ca}.steps-strip b{color:var(--primary);font-size:14px}.steps-strip span{font-size:14px}.section-head{text-align:center;padding:30px 0 25px}.section-head p{color:var(--muted);font-size:14px}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.item-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px;text-align:right;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.item-card:hover{transform:translateY(-5px);border-color:#b4bca7}.card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.difficulty{color:#b18947;direction:ltr;letter-spacing:3px}.difficulty i{font-style:normal;color:#a09b8b}.item-art{height:188px;position:relative;background:radial-gradient(ellipse,#f3eddc,transparent 70%);margin:10px 0}.item-art>.image-wrap{height:100%}.card-bottom{border-top:1px solid var(--line);padding:17px 3px 3px}.card-bottom h3{margin-bottom:8px}.status{font-size:11px;color:var(--muted)}.discovered .status{color:var(--success)}.discovered{border-color:#c5d2bd}.locked img{filter:brightness(0);opacity:.12}.lock-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:48px;color:#7d8879}.investigation-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:12px;color:var(--muted)}.investigation-top i{margin:0 15px;color:#c1b7a5}.investigation{display:grid;grid-template-columns:.95fr 1.15fr;gap:48px;align-items:start}.object-display{position:relative;background:linear-gradient(140deg,#f1ead8,#eae9dc);border:1px solid #ddd9c7;border-radius:150px 150px 26px 26px;padding:45px 20px 25px;display:flex;align-items:center;flex-direction:column;min-height:485px}.investigation-image{height:310px;width:100%;max-width:400px}.object-caption{font-size:13px;color:var(--muted);margin:12px 0}.mini-progress{display:flex;gap:6px;margin:8px 0 22px}.mini-progress span{height:5px;background:#e5e2d7;flex:1;border-radius:5px}.mini-progress .done{background:var(--primary)}.dialogue{display:flex;align-items:center;gap:14px;min-height:100px}.dialogue .character{height:94px;width:73px;flex-shrink:0}.dialogue p{background:#fffdf6;border:1px solid var(--line);border-radius:18px 5px 18px 18px;padding:13px 18px;flex:1;font-size:13px;margin:0}.dialogue b{display:block;color:var(--primary);font-size:11px;margin-bottom:4px}.dialogue span{display:block}.hakim-intro{font-size:12px;color:var(--muted);margin-top:16px}.question{font-size:26px;margin:18px 0}.answer-grid{display:grid;gap:10px}.answer-card{position:relative;border:1px solid #d9d9cb;background:var(--surface);padding:14px;border-radius:15px;display:flex;align-items:center;gap:15px;text-align:right;min-height:65px;font-size:14px}.answer-letter{border:1px solid var(--line);background:#f6f2e8;padding:6px 9px;border-radius:8px;color:var(--muted);font-size:12px}.answer-state{margin-right:auto;font-size:22px}.answer-card:hover:not(:disabled){border-color:var(--secondary);background:#f1f1e7}.answer-card.wrong{border:2px solid var(--danger);background:#fff0ec}.answer-card.correct{border:2px solid var(--success);background:#edf7ed}.answer-card.wrong .answer-state{color:var(--danger)}.answer-card.correct .answer-state{color:var(--success)}.visual-answers{grid-template-columns:repeat(3,1fr)}.visual-answers .answer-card{flex-direction:column;text-align:center;gap:8px;padding:10px}.visual-answers .image-wrap{height:105px;width:100%}.visual-answers .answer-state{position:absolute;top:5px;left:7px}.feedback{font-size:14px;font-weight:bold;min-height:42px;padding-top:15px;color:var(--secondary)}#question-actions{min-height:50px}.reveal{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:50px 0}.reveal-art{position:relative;height:430px;background:radial-gradient(circle,#e9d5a2,transparent 67%);display:grid;place-items:center}.reveal-art>.image-wrap{width:90%;height:90%;z-index:1}.reveal-rays{position:absolute;width:95%;aspect-ratio:1;border:1px dashed #c4a965;border-radius:50%}.seal{position:absolute;bottom:0;font-size:48px;color:var(--primary);z-index:2}.reveal-copy h1{margin-bottom:10px}.reveal-copy .lead{font-size:17px;margin-top:22px;color:var(--muted)}dl{margin:20px 0}dl>div{border-top:1px solid var(--line);padding:12px 0}dt{font-size:11px;color:var(--muted);margin-bottom:6px}dd{font-size:14px;line-height:1.8;margin:0}.reward{font-size:26px;font-weight:bold;color:#997126;margin:20px 0 10px}.save-note{font-size:12px;color:var(--muted)}progress{width:min(380px,100%);height:10px;border:0;border-radius:10px;overflow:hidden;background:#e5e3d8}progress::-webkit-progress-bar{background:#e5e3d8}progress::-webkit-progress-value{background:var(--success);transition:width .5s}progress::-moz-progress-bar{background:var(--success)}.museum-actions{display:flex;justify-content:center;gap:20px;margin-top:35px}