@font-face{font-family:Nunito;src:url('/assets/Nunito-Regular.ttf')}@font-face{font-family:Nunito;src:url('/assets/Nunito-Black.ttf');font-weight:900}@font-face{font-family:Nunito;src:url('/assets/Nunito-Bold.ttf');font-weight:700}@font-face{font-family:Tajawal;src:url('/assets/Tajawal-Regular.ttf')}@font-face{font-family:Tajawal;src:url('/assets/Tajawal-ExtraBold.ttf');font-weight:900}
:root{--ink:#252a28;--teal:#006e73;--paper:#fff9ee;--yellow:#ffd044}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Nunito,sans-serif;font-size:18px;line-height:1.55}html[lang=ar] body{font-family:Tajawal,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:5px}a{color:var(--teal)}header,footer{max-width:1320px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}header img{display:block;width:122px;height:auto}header div{display:flex;gap:30px;align-items:center}header a{text-decoration:none;font-weight:700}header button,.plain,footer button{border:0;background:none;color:var(--teal);padding:10px;font-weight:700}main{min-height:70vh;max-width:1320px;margin:auto;padding:15px 5% 55px}h1{font-size:clamp(36px,4.2vw,64px);line-height:1.08;font-weight:900;letter-spacing:-.025em;margin:15px 0 22px}html[lang=ar] h1{letter-spacing:0;line-height:1.22}h2{font-size:25px;line-height:1.3}p{max-width:650px;margin:15px 0}.small{font-size:15px;line-height:1.5;color:#54605b}.eyebrow{font-size:15px;color:var(--teal);font-weight:700}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.intro-art img{display:block;width:100%;height:560px;object-fit:cover;border-radius:50% 50% 12px 12px}.intro-art figcaption{font-size:13px;text-align:center;color:#68716a;margin-top:12px}.intro-art{margin:0}.primary{border:0;border-radius:32px;background:var(--yellow);color:var(--ink);padding:16px 30px;font-weight:900;min-height:56px;transition:transform .18s,background .18s}.primary:hover{background:#ffca2b;transform:translateY(-2px)}.primary:disabled{opacity:.45;cursor:wait;transform:none}.secondary{border:0;border-radius:30px;background:#e5f0e9;color:var(--teal);padding:14px 25px;min-height:52px;font-weight:700}.actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:25px 0 10px}.notice{background:#efe9da;padding:16px 20px;border-radius:12px;font-size:15px;max-width:620px}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;color:var(--teal);margin-bottom:25px}.chapter{max-width:760px}.layout{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,1fr);gap:55px;align-items:start}.guide{position:sticky;top:30px;align-self:start;padding-top:50px;text-align:center}.guide img{width:100%;max-width:240px;max-height:270px;object-fit:contain;transform:rotate(3deg);box-shadow:0 18px 35px #56411a1a;background:white;padding:12px}.guide .paper-name{display:block;margin:20px auto 0;font-size:24px;font-weight:900;max-width:290px;overflow-wrap:anywhere}.guide p{font-size:15px}.guide.moved img{animation:arrive .6s both}.paper-name{color:var(--teal)}.options{display:flex;gap:18px;flex-wrap:wrap;margin:25px 0}.choice{border:0;background:#f0ebdd;text-align:start;color:var(--ink);padding:22px 24px;border-radius:15px;flex:1 1 200px;min-height:118px;transition:transform .2s,background .2s;position:relative}.choice strong{display:block;font-size:23px;line-height:1.2}.choice span{display:block;font-size:16px;margin-top:9px}.choice[aria-pressed=true]{background:var(--teal);color:white;transform:translateY(-3px)}.choice[aria-pressed=true]::after{content:'✓';position:absolute;inset-inline-end:13px;top:6px;font-size:18px}.choice:hover{transform:translateY(-3px)}label{display:block;font-weight:700;margin:18px 0 6px}input:not([type=checkbox]):not([type=file]),select{width:100%;padding:13px 15px;background:white;color:var(--ink);border:1px solid #9da89e;border-radius:9px;min-height:54px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--teal);flex-shrink:0}.check{display:flex;gap:12px;align-items:flex-start;font-size:16px;font-weight:400;margin:20px 0}.check input{margin:1px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.fields .wide{grid-column:1/-1}details{margin:22px 0}summary{cursor:pointer;color:var(--teal);font-weight:700}.error{color:#a5261f;font-weight:700;min-height:28px;font-size:16px}.arrival{background:#e7efe5;padding:20px 24px;margin:20px 0;border-radius:12px}.photo-label{border:1px dashed #62776c;background:white;border-radius:12px;padding:20px;cursor:pointer;font-size:16px}.photo-label input{display:block;width:100%;margin-top:12px}.sketch{display:block;font-size:49px;line-height:1.3;margin-bottom:14px;color:var(--teal);font-weight:900}.choice[aria-pressed=true] .sketch{color:white}.sketch svg{width:68px;height:58px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.page-example{width:100%;max-width:300px;max-height:360px;object-fit:contain;background:white;box-shadow:0 6px 16px #382e1717;display:block}.detail-note{font-size:15px;margin-top:4px}.review{background:white;padding:25px 30px;border-radius:6px;box-shadow:0 12px 35px #493b1610;transform:rotate(-.5deg);margin:25px 0}.review h2{margin-top:0}.review dl{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin:0}.review dt{color:#5d665f;font-size:16px}.review dd{margin:0;font-weight:700;overflow-wrap:anywhere}.glimpse{margin:30px 0}.glimpse img{width:100%;height:490px;object-fit:contain;background:white}.glimpse-controls{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:15px}.glimpse-controls button{border:0;background:#e2ece5;padding:11px 17px;border-radius:25px;min-height:46px;color:var(--teal);font-weight:700}.glimpse-controls button:disabled{opacity:.4;cursor:default}.saved{font-size:15px;color:var(--teal);font-weight:700}.chapter{animation:none;overflow-anchor:none}footer{font-size:13px;color:#5e675f;padding-top:30px;padding-bottom:35px}footer span{max-width:650px}footer button{font-size:14px;white-space:nowrap}@keyframes unfold{from{opacity:0;transform:translateY(12px) rotate(-.4deg)}to{opacity:1;transform:none}}@keyframes arrive{from{transform:translateY(20px) rotate(-8deg);opacity:0}to{transform:rotate(3deg);opacity:1}}@media(max-width:800px){header,footer{padding:18px 6%}header img{width:96px}header div{gap:8px;font-size:15px}main{padding:8px 6% 25px}.intro{grid-template-columns:1fr;gap:15px}.intro-art{order:-1;height:240px;position:relative;overflow:hidden;border-radius:100px 100px 6px 6px}.intro-art img{height:240px;object-position:center 62%;border-radius:0}.intro-art figcaption{position:absolute;bottom:8px;background:#fff9eef0;inset-inline:12px;border-radius:8px;padding:3px;font-size:11px}.intro h1{font-size:39px}.layout{display:flex;flex-direction:column;gap:0}.chapter{width:100%}.guide{position:static;order:-1;padding:0;display:flex;gap:15px;align-items:center;justify-content:flex-start;text-align:start;margin:0 0 22px}.guide img{width:72px;height:77px;padding:5px}.guide .paper-name{font-size:19px;margin:0}.guide p{font-size:12px;margin:4px 0;max-width:210px}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.options{gap:12px;margin:20px 0}.choice{flex:1 1 140px;padding:19px 16px;min-height:120px}.choice strong{font-size:20px}.choice span{font-size:14px}.primary{width:100%}.actions{gap:12px}.actions .plain{width:100%}.topline{margin-bottom:12px}.glimpse img{height:390px}.review{padding:22px}.review dl{grid-template-columns:1fr;gap:3px}.review dd{margin-bottom:12px}.glimpse-controls{font-size:15px}.glimpse-controls button{font-size:14px}footer{display:block}footer button{padding-inline:0}.notice{font-size:14px}.small{font-size:14px}.page-example{max-height:270px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.primary:hover,.choice:hover,.choice[aria-pressed=true]{transform:none}}

@media print{header,footer,.topline,.guide,.glimpse,.actions,.error,.small,.notice{display:none!important}body{background:white}main{padding:0}.layout{display:block}.chapter{max-width:none}.review{box-shadow:none;transform:none;padding:0}.review dl{display:grid;grid-template-columns:1fr 1.6fr}h1{font-size:30px}}

html{scrollbar-gutter:stable}body{overflow-anchor:none}.choice{overflow:hidden;transform:none!important}.choice:hover{background:#e6e4d6}.choice[aria-pressed=true]{background:#006e73;color:white}.choice:focus-visible{outline-offset:4px}.choice-art{display:block!important;height:150px;margin:-22px -24px 18px!important;background-image:url('/assets/quiz/worlds.png');background-size:200% 200%;background-repeat:no-repeat;transition:filter .22s}.world-sea{background-position:0% 0%}.world-garden{background-position:100% 0%}.world-city{background-position:0% 100%}.world-home{background-position:100% 100%}.format-art{display:block;height:210px;width:100%;object-fit:contain;margin-bottom:15px;background:white}.options:has([data-choice=world]),.options:has([data-choice=interest]){display:grid;grid-template-columns:1fr 1fr}.choice[aria-pressed=true]::after{background:#ffd044;color:#252a28;border-radius:50%;width:25px;height:25px;text-align:center;top:9px;inset-inline-end:9px}.guide.moved img{animation:none}.direction{margin:25px 0 35px;position:relative;border-radius:8px;overflow:hidden;background:#ead6ae;box-shadow:0 18px 35px #56411a15}.direction-world{height:520px;background-image:url('/assets/quiz/worlds.png');background-size:200% 200%;background-repeat:no-repeat;transform-origin:center;animation:world-arrive 600ms ease-out}.direction-title{position:absolute;top:22px;inset-inline:22px;background:#fff9eeeF;padding:15px 22px;border-radius:4px;max-width:65%;box-shadow:0 4px 16px #59482d10}.direction-title span{display:block;font-size:16px}.direction-title strong{display:block;font-size:36px;line-height:1.2;overflow-wrap:anywhere;color:#006e73}.direction figcaption{background:#fff9ee;padding:15px 18px;font-size:14px;position:relative}.toy-window{position:absolute;bottom:85px;inset-inline-end:24px;width:145px;background:white;padding:9px;transform:rotate(4deg);box-shadow:0 8px 26px #34241430}.toy-window img{display:block;width:100%;height:125px;object-fit:contain}.toy-window span{display:block;text-align:center;font-weight:900;color:#006e73;overflow-wrap:anywhere}.submit-area{background:#e5eee4;padding:25px;border-radius:15px;margin:25px 0}.submit-area h2{margin-top:0}.submit-area .primary{background:#006e73;color:white}.submit-area p[role=status]{font-weight:700}.intro-art img{border-radius:8px;height:510px}.intro-art{border-radius:8px}@keyframes world-arrive{from{opacity:.4;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media(max-width:800px){.choice-art{height:132px;margin:-19px -16px 14px!important}.format-art{height:145px}.direction-world{height:400px}.direction-title{max-width:80%;top:15px;inset-inline:15px;padding:12px 15px}.direction-title strong{font-size:29px}.toy-window{width:115px;bottom:115px;inset-inline-end:15px}.toy-window img{height:95px}.direction figcaption{font-size:13px}.submit-area{padding:20px}.intro-art img{height:240px}.choice strong{font-size:19px}.guide{min-height:85px}.guide img{transform:none}.chapter{min-height:400px}}