/* The legacy off-screen skip link otherwise widens English/French pages. */
.skip:not(:focus){position:fixed;right:auto;left:0;transform:translateY(-150%)}
.dress-stage{padding:0!important;overflow:hidden;background:#14182b!important;border:1px solid #424561!important;border-radius:24px!important;color:#f6f3ff;font-family:Tajawal,sans-serif}
.d3-header{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid #ffffff12;background:#1c2037}.d3-header small{color:#c8b1ff;font-size:12px;font-weight:800;letter-spacing:.06em}.d3-header h2{font-size:26px;line-height:1.2;margin:6px 0 0;color:#fff}.d3-modes{display:flex;gap:5px;background:#101428;padding:5px;border:1px solid #ffffff16;border-radius:13px}
.dress-stage button{font-family:inherit;cursor:pointer}.d3-modes button{border:0;border-radius:9px;padding:10px 15px;color:#c5c9e1;background:transparent;font-size:15px;font-weight:700;min-height:44px}.d3-modes button[aria-pressed=true]{background:#a996ec;color:#161328}
.d3-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(310px,1fr);align-items:start}.d3-showcase{position:relative;align-self:stretch;min-width:0;background:linear-gradient(#eee8f7,#e3d9ee);color:#443657;border-inline-end:1px solid #ffffff12;padding:14px 0 9px;display:flex;flex-direction:column}.d3-view-tabs{position:relative;z-index:1;display:flex;align-self:center;background:#ffffffa3;border:1px solid #c1b0d2;border-radius:30px;padding:4px;gap:4px}.d3-view-tabs button{background:transparent;color:#564065;border:0;border-radius:24px;padding:8px 19px;min-height:38px;font-weight:700;font-size:14px}.d3-view-tabs button[aria-pressed=true]{background:#514069;color:#fff;box-shadow:0 3px 9px #45325b26}
.d3-viewport{height:520px;min-height:280px;position:relative;width:100%;overflow:hidden;flex:1}.d3-canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.d3-canvas:active{cursor:grabbing}.d3-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:16px;color:#514069;text-align:center;padding:30px}.d3-fallback{display:grid;place-items:center}.d3-fallback svg{max-height:100%;height:100%;width:auto;max-width:100%}
.d3-turn{display:flex;align-items:center;justify-content:center;gap:15px;padding:0 14px;direction:ltr}.d3-turn p{font-size:14px;text-align:center;margin:8px 0;max-width:240px}.d3-turn button{border:1px solid #beaed2;background:#ffffffb0;color:#594270;width:42px;height:42px;border-radius:50%;font-size:25px;flex-shrink:0}.d3-reset{align-self:center;border:0;background:none;color:#634c78;font-size:13px;padding:6px 18px;text-decoration:underline;text-underline-offset:3px;min-height:32px}
.d3-wardrobe{min-width:0;padding:20px 22px;display:flex;flex-direction:column;gap:16px}.d3-task{border:1px solid #a996ec3b;border-radius:15px;padding:14px;background:#24233d}.d3-task-head{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:14px;color:#eae3ff}.d3-task-head>span{font-size:13px;color:#bab7d2}.d3-task-head b{color:#ffdaa0;direction:ltr;unicode-bidi:isolate}.d3-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}.d3-brief>span{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 9px;background:#15172a;border:1px solid transparent;border-radius:7px;min-width:0}.d3-brief small{font-size:12px;color:#b6b4cf;white-space:nowrap}.d3-brief b{display:flex;align-items:center;gap:5px;font-size:13px;color:#faf5ff;line-height:1.3}.d3-brief i{display:inline-block;flex-shrink:0;width:11px;height:11px;border:1px solid #ffffff70;border-radius:50%}.d3-brief .matched{border-color:#5cccb5}.d3-brief .missed{border-color:#edaf77}.d3-progress{display:flex;gap:5px;align-items:center;margin-top:12px}.d3-progress>i{width:14px;height:5px;border-radius:4px;background:#48445f}.d3-progress>i.current{background:#d5b6ff}.d3-progress>i.complete{background:#66d9bd}.d3-progress>span{margin-inline-start:auto;font-size:13px;color:#b8b4d0}.d3-progress b{font-size:18px;color:#ffda98;margin-inline-end:3px}.d3-free-title{font-size:19px;color:#ebd2ff;font-weight:800}.d3-task p{color:#c4bfdc;font-size:16px;margin:7px 0 0}
.d3-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-bottom:1px solid #3d3c55}.d3-categories button{font-size:15px;font-weight:700;padding:10px 5px;border:0;border-bottom:3px solid transparent;background:transparent;color:#a5a9c5;min-height:44px}.d3-categories button[aria-selected=true]{color:#ead9ff;border-bottom-color:#bba1f8}.d3-palette{min-height:250px}.d3-palette fieldset{border:0;padding:0;margin:0 0 21px;min-width:0}.d3-palette fieldset:last-child{margin-bottom:0}.d3-palette legend{display:block;font-size:15px;font-weight:700;color:#d9dbec;margin:0 0 11px;padding:0}.d3-options{display:flex;flex-wrap:wrap;gap:8px}.d3-option{border:1px solid #41455f;background:#20243a;color:#d2d4e6;font-size:15px;min-height:44px;padding:10px 15px;border-radius:11px;font-weight:700;transition:background .15s}.d3-option.selected{color:#f6ebff;border-color:#b29ada;background:#55406c;box-shadow:inset 0 0 0 1px #b29ada}
.d3-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px 5px}.d3-swatch{display:flex;flex-direction:column;align-items:center;gap:7px;padding:3px 0;background:none;border:0;color:#bec1d9;min-width:0}.d3-colour{display:block;width:38px;height:38px;border:3px solid #ffffff30;border-radius:50%;background:var(--swatch);box-shadow:0 3px 9px #0004;position:relative}.d3-swatch.selected .d3-colour{outline:2px solid #ead8ff;outline-offset:3px;border-color:#ffffff66}.d3-swatch.selected .d3-colour:after{content:'✓';position:absolute;inset:-1px;display:grid;place-items:center;color:white;text-shadow:0 1px 4px #000,0 1px 2px #000;font:700 18px sans-serif}.d3-swatch>span:last-child{font-size:12px;line-height:1.2;text-align:center;overflow-wrap:anywhere}.d3-swatch.selected>span:last-child{color:#fff}
.d3-check{background:linear-gradient(100deg,#e6c68e,#ffdda4);color:#342638;border:0;border-radius:13px;padding:14px 18px;min-height:50px;font-size:17px;font-weight:800;box-shadow:0 4px 0 #9e7445}.d3-check[hidden]{display:none}.d3-check:disabled{cursor:default;opacity:.65}.d3-feedback{font-size:16px;color:#ffcb9c;min-height:0}.d3-feedback:empty{display:none}.d3-feedback.perfect{color:#8be0c3}.dress-stage button:focus-visible{outline:3px solid #7adbf0;outline-offset:3px}.dress-stage button:disabled{cursor:default}.d3-option:disabled,.d3-swatch:disabled{opacity:.75}
@media(min-width:1000px){.d3-showcase{min-height:675px}.d3-palette{min-height:255px}}
@media(max-width:700px){.d3-header{padding:17px 15px;gap:12px;flex-wrap:wrap}.d3-header h2{font-size:23px}.d3-header small{font-size:12px}.d3-modes{margin-inline-start:auto}.d3-modes button{font-size:14px;padding:8px 10px}.d3-layout{grid-template-columns:1fr}.d3-showcase{border-inline-end:0;border-bottom:1px solid #5c4768}.d3-viewport{height:380px;flex:none}.d3-wardrobe{padding:18px 16px;gap:14px}.d3-palette{min-height:0}.d3-brief{grid-template-columns:repeat(2,minmax(0,1fr))}.d3-view-tabs button{padding:7px 17px}.d3-turn p{font-size:13px}.d3-reset{padding-block:4px}.d3-swatches{gap:12px 6px}.d3-colour{width:39px;height:39px}}
@media(max-width:360px){.d3-header{display:block}.d3-modes{margin-top:14px;width:max-content;max-width:100%}.d3-viewport{height:350px}.d3-brief{grid-template-columns:1fr}.d3-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.d3-options{gap:6px}.d3-option{padding:9px 11px;font-size:14px}}
/* Keep the doll in view while choosing colours farther down a phone screen. */
@media(max-width:700px) and (min-height:561px){.dress-stage{overflow:clip}.d3-showcase{position:sticky;top:64px;z-index:3;align-self:start;box-shadow:0 7px 18px #080b202a}.d3-viewport{height:32dvh;min-height:210px;max-height:285px}.d3-view-tabs button{min-height:34px;padding-block:5px}.d3-turn{gap:12px}.d3-turn button{width:36px;height:36px}.d3-reset{min-height:26px;padding-block:2px}}
@media(prefers-reduced-motion:reduce){.dress-stage *{transition:none!important}}