/* The Igbo release follows the saved mobile reference while keeping MTL assets. */
body[data-experience="duo"]{--ink:#3c3c3c;--muted:#777;--line:#e5e5e5;--yellow:#58cc02;--yellow-dark:#46a302;--duo-green:#58cc02;--duo-blue:#1cb0f6;color:var(--ink);font-weight:700}
body[data-experience="duo"] #app{height:var(--app-height,100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden}
body[data-experience="duo"] h1,body[data-experience="duo"] h2,body[data-experience="duo"] h3{letter-spacing:-.02em}
body[data-experience="duo"] .duo-header{width:100%;max-width:600px;min-height:64px;height:64px;padding:9px 18px;gap:12px;flex:none}
.duo-course-mark{display:flex;align-items:center;gap:3px;flex:none;font-size:13px;font-weight:900}
.duo-course-mark .language-symbol{width:30px;height:30px}.duo-course-mark>span{font-size:12px}
body[data-experience="duo"] .duo-header .learning-stats{display:flex;flex:1;justify-content:space-around;gap:8px;margin:0}
body[data-experience="duo"] .duo-header .learning-stat{padding:0;background:none;min-width:0;min-height:36px;gap:5px;box-shadow:none;border:0;display:flex;align-items:center}
body[data-experience="duo"] .duo-header .learning-stat strong{font-size:17px;font-weight:1000}
body[data-experience="duo"] .duo-header .learning-stat small{display:none}
body[data-experience="duo"] .duo-header .progress-art{width:25px;height:27px}
body[data-experience="duo"] .duo-header .streak-stat{color:#ff9600}
body[data-experience="duo"] .duo-header .coin-stat{color:#eab700}
body[data-experience="duo"] .duo-header .xp-stat{color:#1cb0f6}
body[data-experience="duo"] .app-menu-button{background:transparent;color:#777;box-shadow:none;border:0;width:38px;min-width:38px;padding:7px}
body[data-experience="duo"] .duo-home{padding:0 16px;max-width:600px;flex:1;min-height:0;overflow:hidden}
.duo-path-shell{display:flex;flex:1;flex-direction:column;min-height:0;width:100%}
.duo-unit-heading{display:flex;align-items:stretch;flex:none;background:#58cc02;border-radius:14px;box-shadow:0 5px 0 #46a302;color:#fff;min-height:86px;margin:4px 0 7px}
.duo-unit-heading>div{padding:14px 15px;flex:1;min-width:0}
.duo-unit-heading small{display:block;font-size:13px;letter-spacing:.04em;font-weight:1000;color:#ddf7c9;margin-bottom:6px}
.duo-unit-heading h2{font-size:22px;line-height:1.2;color:#fff}
.duo-unit-heading>button{width:58px;flex:none;border-left:2px solid #4ab400;background:transparent;color:#fff;border-radius:0 14px 14px 0}
.duo-unit-heading>button .icon{width:27px;height:27px;filter:brightness(0) invert(1)}
.duo-path-viewport{overflow:auto;flex:1;min-height:0;scroll-padding:40px;outline-offset:-3px}
.duo-path{position:relative;width:100%;max-width:420px;margin:auto;padding:45px 0 20px;min-height:700px}
.duo-stop{position:relative;width:84px;height:120px;min-height:120px;margin-left:calc(50% - 42px + var(--node-offset));display:flex;align-items:flex-start;justify-content:center}
.duo-node{display:grid;place-items:center;width:72px;height:64px;min-width:72px;min-height:64px;border-radius:50%;background:#58cc02;color:#fff;border:0;border-bottom:7px solid #46a302;box-shadow:inset 0 0 0 7px #65d718;position:relative;z-index:2}
.duo-node>.icon{width:32px;height:32px;fill:#fff;stroke:#fff;stroke-width:1.5}
.duo-node:active:not(:disabled){transform:translateY(5px);border-bottom-width:2px;height:59px}
.duo-stop.locked .duo-node{background:#e5e5e5;border-bottom-color:#bfbfbf;box-shadow:inset 0 0 0 7px #e5e5e5;color:#aaa}
.duo-stop.locked .duo-node>.icon{fill:#b9b9b9;stroke:#b9b9b9;filter:grayscale(1);opacity:.65}
.duo-stop.current .duo-node{outline:7px solid #b8e9ff;outline-offset:5px}
.duo-node-callout{position:absolute;top:-42px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#1cb0f6;color:#fff;border-radius:11px;padding:8px 13px;font-size:13px;font-weight:1000;letter-spacing:.04em;z-index:3;pointer-events:none}
.duo-node-callout:after{content:"";position:absolute;bottom:-7px;left:calc(50% - 7px);border:7px solid transparent;border-top-color:#1cb0f6;border-bottom:0}
.duo-path-guide{position:absolute;left:calc(50% + 64px);top:155px;width:112px;height:145px;object-fit:contain;pointer-events:none}
.duo-chest>button{background:none;padding:0;width:84px;height:78px}
.duo-chest .treasure-art{width:84px;height:78px}
.duo-chest.locked{filter:grayscale(1);opacity:.55}
.duo-bonus .duo-node{background:#ce82ff;border-color:#a568cc;box-shadow:inset 0 0 0 7px #d699ff}
.duo-bonus.locked .duo-node{background:#e5e5e5;border-color:#bfbfbf;box-shadow:none}
.duo-unit-end{text-align:center;border-top:2px solid #eee;margin:3px 15px;padding-top:20px;color:#999;display:flex;flex-direction:column;gap:7px;font-size:17px}
.duo-unit-end small{font-size:13px}
.duo-bottom-nav{display:flex;align-items:center;justify-content:space-around;flex:none;width:100%;max-width:600px;margin:auto auto 0;border-top:2px solid #e5e5e5;background:#fff;padding:8px 10px calc(8px + env(safe-area-inset-bottom));min-height:70px;z-index:12}
.duo-bottom-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;min-width:64px;padding:4px 8px;background:transparent;border:2px solid transparent;border-radius:12px;color:#888;font-size:11px;font-weight:900}
.duo-bottom-nav>button[aria-current="page"]{background:#ddf4ff;border-color:#84d8ff;color:#1899d6}
.duo-bottom-nav .icon,.duo-bottom-nav img{width:28px;height:28px;object-fit:contain}
body[data-experience="duo"] .plain-main{flex:1;min-height:0;width:100%;max-width:600px;overflow-y:auto;padding:20px 20px 30px}
body[data-experience="duo"] .plain-main h1{font-size:28px}
body[data-experience="duo"] .practice-screen .review-card{border:2px solid #e5e5e5;border-bottom-width:4px;border-radius:15px;box-shadow:none;background:white;margin:18px 0;padding:17px}
body[data-experience="duo"] .empty-practice{padding-top:35px}
body[data-experience="duo"] .profile-screen input,body[data-experience="duo"] .profile-screen button.secondary{border:2px solid #e5e5e5;background:#f7f7f7;box-shadow:none;border-radius:13px}
.duo-quest-heading{position:relative;display:flex;justify-content:space-between;background:#ce82ff;border-radius:16px;margin-bottom:26px;padding:24px 18px;color:white;min-height:155px;overflow:hidden}
.duo-quest-heading>div{position:relative;z-index:1}
.duo-quest-heading small{font-size:11px;letter-spacing:.06em;color:#f3ddff}
.duo-quest-heading h1{margin:8px 0}.duo-quest-heading p{font-size:14px;color:#f3ddff}
.duo-quest-tiko{width:100px;height:130px;align-self:flex-end;margin:-10px -20px -25px 0;flex:none}
.duo-quests>h2{font-size:20px;padding-bottom:16px}
.duo-quest-row{display:flex;align-items:center;gap:15px;padding:23px 0;border-bottom:2px solid #eee}
.duo-quest-row>div:last-child{flex:1;min-width:0}
.duo-quest-row h3{font-size:17px;line-height:1.3;margin-bottom:12px}
.duo-quest-icon{width:45px;height:45px;display:grid;place-items:center;background:#fff8d6;border-radius:12px}
.duo-quest-icon .icon{width:29px;height:29px}
.duo-quest-meter{height:20px;border-radius:12px;background:#e5e5e5;position:relative;overflow:hidden}
.duo-quest-meter>span{display:block;height:100%;background:#ffc800;border-radius:12px}
.duo-quest-meter>strong{position:absolute;inset:0;text-align:center;font-size:12px;line-height:20px;font-weight:1000;color:#71621b}
.duo-quests>.button{width:100%;margin-top:25px}
.duo-units-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.duo-units-title h1{font-size:24px}
.duo-units-title>.icon-button .icon{transform:rotate(180deg)}
@media(min-width:700px){body[data-experience="duo"] #app{border-left:2px solid #f0f0f0;border-right:2px solid #f0f0f0;max-width:640px;margin:auto}.duo-path-guide{width:135px;height:165px}.duo-path{max-width:430px}}
@media(max-width:360px){body[data-experience="duo"] .duo-header{padding-left:12px;padding-right:12px;gap:5px}.duo-course-mark>span{display:none}.duo-path-guide{left:calc(50% + 56px);width:94px}.duo-unit-heading h2{font-size:20px}}
body[data-experience="duo"] .site-header.duo-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}
body[data-experience="duo"] .duo-header .learning-stats{order:initial;flex-basis:auto;width:auto}
body[data-experience="duo"] .duo-header .app-menu-button{order:initial;position:static;flex:none;width:38px;min-width:38px;height:44px;min-height:44px}
body[data-experience="duo"] .duo-path-viewport{overflow-x:hidden;overflow-y:auto;min-height:0;max-height:none;height:auto;max-width:100%;border-radius:0;cursor:auto}
body[data-experience="duo"] .journey-map.duo-path{display:block;flex-direction:column;width:100%;max-width:420px;min-width:0;height:auto;max-height:none;margin:0 auto;padding:45px 0 20px;overflow:visible}
body[data-experience="duo"] .duo-path .duo-stop{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:0;padding:0;width:84px;height:120px;min-height:120px;margin:0 0 0 calc(50% - 42px + var(--node-offset));transform:none}
body[data-experience="duo"] .duo-path .journey-node{padding:0;border:0;border-bottom:7px solid #46a302;width:72px;height:64px;border-radius:50%;background:#58cc02;box-shadow:inset 0 0 0 7px #65d718;color:#fff}
body[data-experience="duo"] .duo-path .journey-node:before{display:none}
body[data-experience="duo"] .duo-path .current .journey-node{background:#58cc02;box-shadow:inset 0 0 0 7px #65d718;outline:7px solid #b8e9ff;outline-offset:5px}
body[data-experience="duo"] .duo-path .locked .journey-node{background:#e5e5e5;border-color:#bfbfbf;box-shadow:inset 0 0 0 7px #e5e5e5}