:root{--cream:#fbf5e8;--muted:#a8c2bb;--gold:#f2c879;--ink:#072d35;--panel:#103e43}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;background:#082e36;color:var(--cream)}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #f6cf80;outline-offset:3px}.hidden{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;z-index:0}#app{position:relative;min-height:100dvh}.topbar{position:absolute;top:0;left:0;right:0;height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;z-index:2;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:15px;line-height:1.4}.brand small{display:block;font-size:10px;color:#a9c3b9;font-weight:400}.brand-mark{font-size:27px;color:var(--gold);border:1px solid #d4b77877;width:40px;height:40px;display:grid;place-items:center;transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.top-actions{display:flex;align-items:center;gap:20px}.edition{color:#b9cfc2;font-size:12px}.icon-btn{border:1px solid #c9d9cd55;background:#123e42aa;color:#f4e7c4;width:43px;height:43px;border-radius:50%;font-size:19px;display:grid;place-items:center}.screen{min-height:100dvh}.home{display:grid;grid-template-columns:minmax(390px,520px) minmax(300px,1fr);gap:4%;align-items:center;max-width:1370px;margin:auto;padding:108px 7% 35px}.home-content{z-index:1}.eyebrow{color:#e7c176;letter-spacing:.04em;font-weight:700;font-size:12px;display:flex;align-items:center;gap:9px}.eyebrow span{height:1px;width:30px;background:#d9b772}.home h1,.result h1{font-size:clamp(38px,4.2vw,62px);line-height:1.28;letter-spacing:-1px;margin:16px 0}.home h1 em,.result h1 em{color:var(--gold);font-style:normal}.lead{color:#bed0c5;line-height:1.9;font-size:15px;max-width:425px;margin:0 0 20px}.setup label,.choose-label{display:block;font-weight:700;font-size:13px;margin:12px 0 9px}.choose-label span{font-weight:400;font-size:11px;color:#95b5aa;float:left}.setup input{width:100%;height:48px;padding:0 16px;background:#0a353b99;color:#fff;border:1px solid #77978a88;border-radius:8px;text-align:right}.setup input::placeholder{color:#9ab4a9}.characters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.character{min-width:0;display:flex;align-items:center;gap:10px;text-align:right;color:#fff;background:#123e42b8;border:1px solid #52766c;border-radius:9px;padding:8px 10px}.character.selected{border-color:#e5bf75;background:#27534c}.character b,.character small{display:block}.character b{font-size:13px}.character small{color:#a7bfb4;font-size:10px;margin-top:4px}.character .check{margin-right:auto;border:1px solid #739389;color:transparent;width:18px;height:18px;border-radius:50%;font-size:12px;text-align:center}.character.selected .check{background:#dfbd75;color:#173f39;border-color:#dfbd75}.avatar{position:relative;display:block;width:38px;height:42px;border-radius:8px;background:#dbc5a2;overflow:hidden;flex-shrink:0}.avatar:before{content:'';position:absolute;width:17px;height:18px;border-radius:45%;background:#b9784a;top:8px;right:10px}.avatar:after{content:'';position:absolute;width:27px;height:20px;border-radius:50% 50% 0 0;background:#f7f2df;top:26px;right:5px}.avatar i{position:absolute;z-index:1;right:9px;top:3px;width:19px;height:9px;background:#eee1c4;border-radius:50% 50% 1px 1px;border-bottom:2px solid #977d5e}.avatar.girl{background:#ddbda7}.avatar.girl:after{background:#a1443b}.avatar.girl i{top:3px;right:7px;width:23px;height:31px;background:#663c37;border-radius:13px 13px 8px 8px;z-index:0}.primary,.secondary,.resume{width:100%;min-height:49px;border-radius:8px;font-weight:800}.primary{margin-top:15px;background:#e7c178;border:0;color:#123b39;box-shadow:0 5px 18px #0002}.primary span{float:left;font-size:21px;margin-left:10px}.primary:hover{background:#f5d695}.secondary{margin-top:9px;border:1px solid #82a397;background:#133f42aa;color:#f7f4e7}.secondary small{color:#d1b679;margin-right:8px}.resume{background:#348275;border:0;color:white;margin-top:8px}.home-links{display:flex;align-items:center;gap:12px;margin-top:20px;color:#75998d}.home-links button,.text-btn{border:0;background:none;color:#b9d0c3;font-size:12px;padding:3px 0}.home-links button:hover,.text-btn:hover{color:#f4ce82}footer{color:#83a398;font-size:10px;margin-top:25px}.home-art{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center}.home-art img{width:min(100%,680px);position:relative;filter:drop-shadow(0 15px 38px #0007);z-index:1}.art-halo{position:absolute;width:min(55vw,570px);aspect-ratio:1;border:1px solid #d0bb6e24;border-radius:50%;background:radial-gradient(circle,#b0a25d22,transparent 67%)}.art-halo:after{content:'';position:absolute;inset:9%;border:1px solid #d0bb6e1e;border-radius:50%}.art-tag,.route-card{position:absolute;z-index:2;background:#103c3ad9;border:1px solid #b79e6680;box-shadow:0 10px 30px #0003;border-radius:12px;display:flex;align-items:center;gap:12px;padding:13px 16px}.art-tag{top:15%;right:5%}.art-tag span,.route-card span{font-size:24px;color:#edc87c}.art-tag b,.route-card b{font-size:12px;display:block}.art-tag small,.route-card small{font-size:10px;color:#b5cabc;display:block;margin-top:5px}.route-card{bottom:13%;left:4%;min-width:220px}.route-card strong{margin-right:auto;color:#e5c579}.game{position:fixed;inset:0;z-index:3;pointer-events:none}.game button{pointer-events:auto}.hud{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;gap:clamp(10px,2vw,30px);padding:15px 4%;background:linear-gradient(#082b34e8,transparent)}.hud-player{display:flex;align-items:center;gap:9px;min-width:95px}.hud-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#e3be79;color:#17413c;font-size:22px}.hud small{display:block;color:#c2d7cd;font-size:10px;margin-bottom:4px}.hud b{font-size:13px;white-space:nowrap}.hud-stage{min-width:130px;margin-left:auto}.hud-stat{min-width:55px}.hearts{color:#ff9188;letter-spacing:2px}.progress-wrap{position:absolute;top:82px;right:4%;width:min(300px,42vw);text-shadow:0 1px 3px #000}.progress-copy{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.progress{height:6px;border-radius:10px;background:#fff5;overflow:hidden}.progress div{height:100%;width:0;background:#efc878;border-radius:10px;transition:width .3s}.hint,.toast{position:absolute;top:20%;right:50%;transform:translateX(50%);background:#0b333dcc;color:#f7e9c4;border:1px solid #edc98466;border-radius:30px;padding:10px 20px;text-align:center;font-size:13px;white-space:nowrap}.toast{top:28%;opacity:0;transition:opacity .2s;pointer-events:none}.toast.show{opacity:1}.controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:4%;right:4%;display:flex;justify-content:space-between;direction:ltr}.control-group{display:flex;gap:9px}.controls button{width:58px;height:58px;border:1px solid #ffffff88;border-radius:15px;background:#0e3a43b8;color:white;font-size:25px;box-shadow:0 5px 15px #0016}.controls button:active{background:#e5c079;color:#073b39}.controls button small{display:block;font-size:9px;margin-top:-3px}.controls .nitro{background:#c27a32cc;font-weight:bold}.keyboard-note{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:10px;color:#e4ece4cc;white-space:nowrap}.overlay{position:fixed;z-index:10;inset:0;background:#021a20c9;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}.modal{position:relative;width:min(540px,100%);max-height:94dvh;overflow:auto;background:#f8f2e5;color:#163b3a;border-radius:18px;box-shadow:0 25px 80px #001a; padding:30px;border:1px solid #e9d5ae}.modal:before{content:'';position:absolute;inset:0;background:url('assets/encyclopedia-watermark.png') center 16px / 75% auto no-repeat;opacity:.035;pointer-events:none}.modal>*{position:relative}.modal h2{font-size:25px;margin:10px 0 12px;line-height:1.5}.modal p{line-height:1.8;color:#58736a;font-size:14px}.modal .label{font-size:11px;font-weight:bold;color:#a67e3c}.answers{display:grid;gap:8px;margin:20px 0 10px}.answer{width:100%;text-align:right;border:1px solid #d8ddd0;border-radius:9px;padding:13px;color:#163e3b;background:#fff;font-size:14px;line-height:1.5}.answer:hover{border-color:#c29c56;background:#fffaf0}.answer.wrong{animation:shake .3s;background:#fff2ef;border-color:#d77c71}.answer.correct{background:#d4ead6;border-color:#66a87b}.feedback{min-height:24px;color:#b04d42;font-size:13px;font-weight:bold}.modal .primary{max-width:100%}.modal-close{position:absolute;top:15px;left:15px;border:0;background:#e4ebe3;width:32px;height:32px;border-radius:50%;color:#254b43}.celebrate{text-align:center;background:#0c3a3e;color:#fff;border-color:#e4bd7080;overflow:hidden}.celebrate:before{opacity:.22;background-size:contain;background-position:center}.celebrate h2,.celebrate p{color:#fff}.celebrate .celebrate-star{font-size:50px;color:#f3cf7e}.celebrate .text-btn{color:#f1cd83}.result{display:grid;place-items:center;padding:100px 20px 30px}.result-card{position:relative;width:min(720px,100%);background:#103c3ee8;border:1px solid #d5bb7c77;border-radius:22px;text-align:center;padding:36px;overflow:hidden}.result-watermark{position:absolute;width:80%;top:0;right:10%;opacity:.09;pointer-events:none}.result-inner{position:relative}.centered{justify-content:center}.result h1{font-size:44px;margin:12px}.result p{color:#c2d3c9}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.result-stats div{padding:15px 5px;border:1px solid #9eb6a455;border-radius:10px;background:#082e3544}.result-stats b,.result-stats small{display:block}.result-stats b{color:#f4cc7c;font-size:23px}.result-stats small{font-size:11px;margin-top:5px;color:#c4d4ca}.badges{color:#f4d28a;font-size:13px;line-height:2}.result-actions{max-width:400px;margin:auto}.result .text-btn{margin-top:15px}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@media(max-width:760px){body{overflow:auto}.topbar{height:68px;padding:0 5%}.edition{display:none}.brand{font-size:12px}.home{display:flex;flex-direction:column-reverse;gap:0;padding:75px 6% 30px}.home-art{min-height:180px;width:100%;max-height:210px}.home-art img{width:min(80%,380px);max-height:190px;object-fit:contain}.art-halo{width:190px}.art-tag,.route-card{display:none}.home-content{width:100%;max-width:500px}.home h1{font-size:36px;margin:9px 0}.lead{font-size:13px;line-height:1.7;margin-bottom:10px}.home-links{flex-wrap:wrap}.hud{gap:9px;padding:10px 3%}.hud-player{min-width:0}.hud-icon{display:none}.hud-stage{min-width:0}.hud b{font-size:11px}.hud small{font-size:9px}.hud-stat{min-width:0}.speed{display:none}.hud .icon-btn{width:34px;height:34px;font-size:15px;flex-shrink:0}.progress-wrap{top:65px}.controls button{width:52px;height:52px}.keyboard-note{display:none}.modal{padding:24px}.modal h2{font-size:20px}.answer{padding:11px}.result-stats{grid-template-columns:repeat(2,1fr)}}@media(max-height:500px) and (orientation:landscape){.home{padding-top:80px}.home-art{min-height:0}.hud{padding-top:7px}.progress-wrap{top:57px}.hint{top:19%}.controls{bottom:8px}.modal{padding:17px;max-height:95dvh}.modal h2{font-size:17px;margin:4px}.answers{grid-template-columns:1fr 1fr;margin:8px 0}.answer{padding:8px}.feedback{min-height:16px}.result{padding-top:70px}}@media print{body{overflow:visible;background:white;color:black}#world,.topbar,.result-actions,.text-btn,.result-watermark{display:none!important}.result{padding:0}.result-card{background:white;border:2px solid #ae884d;color:#123;box-shadow:none}.result p,.result-stats small{color:#234}.result-stats b,.badges{color:#8a6529}}

/* 2026 Oman edition: recognizably embroidered Omani avatars and feedback of running. */
.avatar.boy{background:linear-gradient(160deg,#e2c38f,#e0ebd6)}
.avatar.boy:after{background:#fcf7ea;border:1px solid #d5c39f}
.avatar.boy i{width:23px;right:7px;top:3px;height:11px;background:repeating-linear-gradient(45deg,#f2e5c7 0 4px,#ac8f5c 4px 5px,#f2e5c7 5px 8px);border:1px solid #c7a86e;border-radius:5px 5px 2px 2px;z-index:2}
.avatar.girl{background:linear-gradient(155deg,#e9c89d,#a87158)}
.avatar.girl:after{background:linear-gradient(90deg,#99384a 0 39%,#d3a45e 40% 45%,#99384a 46%);border:1px solid #e9bb75}
.avatar.girl i{background:#703e43;border:2px solid #d6ab72;top:3px;right:7px;width:24px;height:30px;border-radius:14px 14px 8px 8px;z-index:0}
.sound{color:#ffe2a0!important;box-shadow:0 0 0 1px #dfb85a26 inset}
.sound:hover{box-shadow:0 0 0 2px #edca73a5 inset}