:root{--paper: #fbf3e7;--paper-2: #efe6d3;--card: #ffffff;--ink: #2b2622;--ink-2: #4a453d;--muted: #8a8178;--navy: #2b2622;--red: #d9694f;--red-d: #a34328;--red-l: #fbebe3;--green: #4a8c5a;--green-l: #eaf3ec;--green-d: #2c5a3a;--line: #e3d8c3;--line-2: #d8cdb8;--font-display: "Manrope", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-label: "Manrope", system-ui, sans-serif;--border: none;--radius: 20px;--radius-lg: 24px;--radius-pill: 999px;--shadow: 0 4px 14px rgba(43, 38, 34, .07);--shadow-sm: 0 3px 10px rgba(43, 38, 34, .06);--shadow-lg: 0 18px 44px rgba(43, 38, 34, .16);--maxw: 560px;--tabbar-h: 40px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--ink) .5px,transparent .6px);background-size:7px 7px;background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.5}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.app{max-width:var(--maxw);margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative}.screen{flex:1;padding:16px 16px calc(var(--tabbar-h) + 28px)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--paper);border-bottom:var(--border)}.brand{font-family:var(--font-display);font-size:26px;letter-spacing:.5px;color:var(--navy);text-transform:uppercase;text-shadow:2px 2px 0 var(--red);margin-right:auto}.stat{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-label);font-size:13px;font-weight:700;padding:5px 9px;border:var(--border);border-radius:var(--radius-pill);background:var(--paper);box-shadow:var(--shadow-sm);white-space:nowrap}.stat--streak{background:var(--red);color:var(--paper)}.stat--xp{background:var(--navy);color:var(--paper)}.masthead{border:var(--border);border-radius:var(--radius);background:var(--red);color:var(--paper);padding:22px 18px;margin:8px 0 22px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.masthead:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(0,0,0,.18) 1px,transparent 1.4px);background-size:9px 9px;opacity:.5;pointer-events:none}.masthead h1{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(34px,9vw,48px);line-height:.95;margin:0;text-shadow:3px 3px 0 var(--navy);position:relative}.masthead p{margin:10px 0 0;font-size:15px;max-width:40ch;position:relative}.eyebrow{font-family:var(--font-label);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:16px;padding:13px 20px;border:var(--border);border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);transition:transform .06s ease,box-shadow .06s ease}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn--red{background:var(--red);color:var(--paper)}.btn--green{background:var(--green);color:var(--paper)}.btn--navy{background:var(--navy);color:var(--paper)}.btn--block{width:100%}.btn:disabled{background:var(--paper-2);color:#8a8164;box-shadow:none;cursor:not-allowed;border-color:#b3a987}.bloc{margin-bottom:30px}.bloc-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:var(--border);padding-bottom:6px;margin-bottom:18px}.bloc-title{font-family:var(--font-display);text-transform:uppercase;font-size:20px;color:var(--navy);margin:0}.bloc-count{font-family:var(--font-label);font-size:12px;font-weight:700;white-space:nowrap}.bloc--soon{opacity:.7}.tag-soon{font-family:var(--font-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid var(--ink);border-radius:var(--radius-pill);padding:2px 8px}.bloc-cards{display:flex;flex-direction:column;gap:14px}.bloc-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:var(--border);border-radius:var(--radius);background:var(--paper);padding:16px;box-shadow:var(--shadow);color:var(--ink);transition:transform .06s ease,box-shadow .06s ease}.bloc-card:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.bloc-card--soon{background:var(--paper-2);cursor:not-allowed}.bloc-card .bc-num{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-pill);border:var(--border);background:var(--navy);color:var(--paper);display:grid;place-items:center;font-family:var(--font-display);font-size:20px}.bloc-card .bc-body{flex:1;min-width:0}.bloc-card h3{font-family:var(--font-display);text-transform:uppercase;font-size:18px;color:var(--navy);margin:0 0 2px;line-height:1}.bloc-card p{margin:0;font-size:13px;color:var(--ink);opacity:.8}.bloc-card .tag-soon{align-self:center}.ring{flex-shrink:0;position:relative;width:46px;height:46px}.ring svg{transform:rotate(-90deg);display:block}.ring .ring-fg{stroke:var(--red);transition:stroke-dashoffset .3s ease}.ring .ring-txt{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-label);font-weight:700;font-size:11px;color:var(--navy)}.back-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.bloc-hero{border:var(--border);border-radius:var(--radius);background:var(--navy);color:var(--paper);padding:18px;box-shadow:var(--shadow-lg);margin:8px 0 24px}.bloc-hero .eyebrow{color:var(--paper);opacity:.85}.bloc-hero h1{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(26px,7vw,36px);line-height:.95;margin:6px 0 4px;text-shadow:3px 3px 0 var(--red)}.bloc-hero p{margin:0;font-size:14px;opacity:.9}.unit{margin-bottom:26px}.unit-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.unit-head .u-num{flex-shrink:0;font-family:var(--font-label);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;border:2px solid var(--ink);border-radius:var(--radius-pill);padding:2px 9px;background:var(--red);color:var(--paper)}.unit-head h2{font-family:var(--font-display);text-transform:uppercase;font-size:17px;color:var(--navy);margin:0;line-height:1}.path{display:flex;flex-direction:column;gap:4px}.path-row{display:flex;align-items:center;gap:14px}.path-row--alt{flex-direction:row-reverse}.node{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-pill);border:var(--border);background:var(--paper-2);display:grid;place-items:center;font-family:var(--font-display);font-size:24px;color:var(--ink);box-shadow:var(--shadow);transition:transform .06s ease,box-shadow .06s ease}.node:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.node--done{background:var(--green);color:var(--paper)}.node--current{background:var(--red);color:var(--paper)}.node--locked{background:var(--paper-2);color:#8a8164;cursor:not-allowed}.node--current.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:4px 4px 0 var(--ink),0 0 0 6px #e0392b40}}.node-label{font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1.25}.node-label small{display:block;font-family:var(--font-label);font-weight:400;font-size:11px;color:var(--navy);margin-top:2px}.node-link{display:flex;align-items:center;gap:14px;background:none;border:none;padding:6px 0;text-align:left;flex:1}.path-row--alt .node-link{flex-direction:row-reverse;text-align:right}.support-card{border:var(--border);border-radius:var(--radius);background:var(--paper);padding:18px;box-shadow:var(--shadow);margin-top:8px}.support-card h3{font-family:var(--font-display);text-transform:uppercase;margin:0 0 6px;color:var(--navy)}.support-card p{margin:0 0 14px;font-size:14px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);height:var(--tabbar-h);display:flex;background:var(--paper);border-top:var(--border);z-index:30}.tab{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--font-label);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--ink);border-top:4px solid transparent;margin-top:-3px}.tab--active{color:var(--red);border-top-color:var(--red)}.tab svg{width:22px;height:22px}.lesson-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--paper);border-bottom:var(--border)}.icon-btn{border:var(--border);background:var(--paper);border-radius:var(--radius-pill);width:38px;height:38px;display:grid;place-items:center;font-size:18px;box-shadow:var(--shadow-sm);flex-shrink:0}.progress{flex:1;height:16px;border:var(--border);border-radius:var(--radius-pill);background:var(--paper-2);overflow:hidden}.progress-fill{height:100%;background:var(--red);background-image:linear-gradient(90deg,var(--red),var(--red-d));transition:width .25s ease}.lesson-title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(28px,7vw,38px);line-height:1;color:var(--navy);text-shadow:2px 2px 0 var(--red);margin:10px 0 18px}.lesson-intro p{font-size:16px;margin:0 0 16px}.question-prompt{font-size:19px;font-weight:600;margin:8px 0 18px}.biblio{margin-top:22px;border:var(--border);border-radius:var(--radius);background:var(--paper-2);padding:14px 16px;box-shadow:var(--shadow-sm)}.biblio-head{font-family:var(--font-display);text-transform:uppercase;font-size:16px;color:var(--navy);margin:0 0 10px}.biblio ul{margin:0;padding-left:18px}.biblio li{font-size:14px;margin-bottom:8px;line-height:1.4}.biblio li:last-child{margin-bottom:0}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:center;gap:12px;text-align:left;border:var(--border);border-radius:var(--radius);background:var(--paper);padding:14px 16px;font-size:16px;box-shadow:var(--shadow-sm);color:var(--ink);transition:transform .06s ease,box-shadow .06s ease}.option:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.option--selected{background:var(--navy);color:var(--paper)}.option--correct{background:var(--green);color:var(--paper)}.option--wrong{background:var(--red);color:var(--paper)}.option:disabled{cursor:default}.option-key{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-pill);border:2px solid currentColor;display:grid;place-items:center;font-family:var(--font-label);font-weight:700;font-size:13px}.dock{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);border-top:var(--border);background:var(--paper);padding:16px;z-index:25}.feedback{border:var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.feedback-head{font-family:var(--font-display);text-transform:uppercase;font-size:18px;margin:0 0 6px}.feedback p{margin:0;font-size:14px}.feedback .sources{margin-top:8px;font-family:var(--font-label);font-size:12px;color:var(--navy)}.review-card{border:var(--border);border-radius:var(--radius);background:var(--paper);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.review-card .meta{font-family:var(--font-label);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--navy)}.review-card h3{margin:4px 0 12px;font-size:18px}.empty{border:3px dashed var(--ink);border-radius:var(--radius);padding:28px 18px;text-align:center;background:var(--paper)}.empty h3{font-family:var(--font-display);text-transform:uppercase;color:var(--navy);margin:0 0 8px}.end{text-align:center;padding:40px 18px;display:flex;flex-direction:column;align-items:center;gap:8px}.end .badge{width:96px;height:96px;border-radius:var(--radius-pill);border:var(--border);background:var(--green);color:var(--paper);display:grid;place-items:center;font-size:44px;box-shadow:var(--shadow-lg);margin-bottom:12px}.end h2{font-family:var(--font-display);text-transform:uppercase;font-size:40px;color:var(--navy);text-shadow:2px 2px 0 var(--red);margin:0}.end .score-line{font-family:var(--font-label);font-weight:700;font-size:18px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17140c8c;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:100%;max-width:380px;background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:22px}.modal h2{font-family:var(--font-display);text-transform:uppercase;color:var(--navy);margin:0 0 8px;text-shadow:2px 2px 0 var(--red)}.modal p{font-size:14px;margin:0 0 16px}.amounts{display:flex;gap:10px;margin-bottom:16px}.amount{flex:1;border:var(--border);border-radius:var(--radius);background:var(--paper);padding:14px 0;font-family:var(--font-label);font-weight:700;font-size:18px;box-shadow:var(--shadow-sm)}.amount--on{background:var(--red);color:var(--paper)}.modal-note{font-family:var(--font-label);font-size:11px;color:var(--navy);text-align:center;margin-top:12px}.modal-actions{display:flex;flex-direction:column;gap:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.v2-mod{margin-bottom:26px}.v2-mod-head{display:flex;align-items:center;gap:10px;border-bottom:var(--border);padding-bottom:6px;margin-bottom:14px}.v2-mod-num{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-pill);border:var(--border);background:var(--red);color:var(--paper);display:grid;place-items:center;font-family:var(--font-display);font-size:16px}.v2-mod-head h2{font-family:var(--font-display);text-transform:uppercase;font-size:18px;color:var(--navy);margin:0;line-height:1}.v2-lessons{display:flex;flex-direction:column;gap:10px}.v2-lesson{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:var(--border);border-radius:var(--radius);background:var(--paper);padding:12px 14px;box-shadow:var(--shadow-sm);color:var(--ink);transition:transform .06s ease,box-shadow .06s ease}.v2-lesson:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.v2-dot{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-pill);border:var(--border);background:var(--paper-2);color:var(--ink);display:grid;place-items:center;font-family:var(--font-label);font-weight:700;font-size:13px}.v2-dot--done{background:var(--green);color:var(--paper)}.v2-lesson-body{display:flex;flex-direction:column;min-width:0}.v2-lesson-title{font-weight:700;font-size:15px;line-height:1.2}.v2-lesson-body small{font-family:var(--font-label);font-size:11px;color:var(--navy);margin-top:2px}.lesson-objectif{font-size:15px;margin:0 0 14px}.mp-title{font-family:var(--font-display);text-transform:uppercase;font-size:22px;color:var(--navy);margin:6px 0 12px;line-height:1}.mp-text p{font-size:16px;margin:0 0 14px}.ex-block{border-top:var(--border);margin-top:8px;padding-top:16px}.ex-type{font-family:var(--font-label);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--red);margin:0 0 8px}.ex-hint{font-family:var(--font-label);font-size:12px;color:var(--navy);margin:0 0 10px}.ex-solution{font-family:var(--font-label);font-size:13px;color:var(--navy);margin:12px 0 0}.bank{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chip{border:var(--border);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);padding:8px 14px;font-size:15px;font-weight:600;box-shadow:var(--shadow-sm);transition:transform .06s ease,box-shadow .06s ease}.chip:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.chip--sel{background:var(--navy);color:var(--paper)}.chip--used{background:var(--paper-2);color:#8a8164;box-shadow:none;border-color:#b3a987}.chip--placed{box-shadow:var(--shadow-sm)}.chip--ok{background:var(--green);color:var(--paper)}.chip--no{background:var(--red);color:var(--paper)}.cloze{font-size:17px;line-height:2.1;margin:0 0 14px}.cloze-blank{display:inline-block;min-width:74px;border:none;border-bottom:3px solid var(--ink);background:var(--paper-2);border-radius:6px 6px 0 0;padding:2px 10px;margin:0 2px;font-size:15px;font-weight:700;color:var(--navy);vertical-align:baseline}.cloze-blank--filled{background:var(--navy);color:var(--paper);border-bottom-color:var(--navy)}.cloze-blank--ok{background:var(--green);color:var(--paper);border-bottom-color:var(--green)}.cloze-blank--no{background:var(--red);color:var(--paper);border-bottom-color:var(--red)}.match{display:flex;flex-direction:column;gap:14px}.match-left{display:flex;flex-direction:column;gap:10px}.match-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;text-align:left;border:var(--border);border-radius:var(--radius);background:var(--paper);padding:10px 12px;box-shadow:var(--shadow-sm);color:var(--ink);font-size:14px}.match-row--sel{background:var(--navy);color:var(--paper)}.match-row--ok{background:var(--green);color:var(--paper)}.match-row--no{background:var(--red);color:var(--paper)}.match-l{font-weight:700}.match-arrow{font-family:var(--font-display)}.match-r{opacity:.95;font-style:italic}.order-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.order-item{display:flex;align-items:center;gap:10px;border:var(--border);border-radius:var(--radius);background:var(--paper);padding:10px 12px;box-shadow:var(--shadow-sm);font-size:14px}.order-item--ok{background:var(--green);color:var(--paper)}.order-item--no{background:var(--red);color:var(--paper)}.order-num{flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-pill);border:2px solid currentColor;display:grid;place-items:center;font-family:var(--font-label);font-weight:700;font-size:13px}.order-txt{flex:1}.order-x{flex-shrink:0;border:none;background:none;font-size:15px;color:inherit}.order-empty{list-style:none;font-family:var(--font-label);font-size:12px;color:var(--navy)}.cats{display:flex;flex-direction:column;gap:12px}.cat-pool{display:flex;flex-wrap:wrap;gap:8px;min-height:8px}.cat-bucket{border:var(--border);border-radius:var(--radius);background:var(--paper-2);padding:10px;box-shadow:var(--shadow-sm)}.cat-head{width:100%;text-align:left;font-family:var(--font-display);text-transform:uppercase;font-size:14px;color:var(--navy);border:none;background:none;padding:0 0 8px;border-bottom:2px dashed var(--ink);margin-bottom:8px}.cat-head:disabled{color:var(--navy);opacity:.9}.cat-items{display:flex;flex-wrap:wrap;gap:8px;min-height:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.duo-mod{margin-bottom:28px}.duo-mod-head{display:flex;align-items:center;gap:10px;border-bottom:var(--border);padding-bottom:6px;margin-bottom:14px}.duo-mod-num{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-pill);border:var(--border);background:var(--red);color:var(--paper);display:grid;place-items:center;font-family:var(--font-display);font-size:16px}.duo-mod-head h2{font-family:var(--font-display);text-transform:uppercase;font-size:18px;color:var(--navy);margin:0;line-height:1}.duo-path{list-style:none;margin:0;padding:0;position:relative}.duo-path:before{content:"";position:absolute;left:30px;top:10px;bottom:10px;width:4px;background:var(--ink);opacity:.16;border-radius:2px}.duo-row{position:relative;margin:0 0 10px}.duo-link{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:none;border:none;padding:0}.duo-node{position:relative;z-index:1;flex-shrink:0;width:60px;height:60px;border-radius:var(--radius-pill);border:var(--border);background:var(--paper-2);color:var(--ink);display:grid;place-items:center;font-family:var(--font-display);font-size:24px;box-shadow:var(--shadow);transition:transform .06s ease,box-shadow .06s ease}.duo-link:active .duo-node{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.duo-node--done{background:var(--green);color:var(--paper)}.duo-node--current{background:var(--red);color:var(--paper);animation:pulse 1.6s ease-in-out infinite}.duo-label{flex:1;min-width:0;border:var(--border);border-radius:var(--radius);background:var(--paper);padding:10px 12px;box-shadow:var(--shadow-sm)}.duo-title{display:block;font-weight:700;font-size:15px;line-height:1.2}.duo-label small{display:block;font-family:var(--font-label);font-size:11px;color:var(--navy);margin-top:3px}.chip{min-height:44px}.option{min-height:52px}.chip--drag{touch-action:none;cursor:grab}.chip--drag:active{cursor:grabbing}.order-item--drag{touch-action:none;cursor:grab}.order-item--dragging{box-shadow:var(--shadow-lg);background:var(--paper)}.order-grip{margin-left:auto;font-size:18px;color:var(--navy);opacity:.55}.cat-pool{min-height:50px;padding:6px;border:2px dashed transparent;border-radius:var(--radius)}.cat-pool.is-over{border-color:var(--navy);background:#1e33540f}.cat-bucket{min-height:64px}.cat-bucket.is-over{background:var(--green-l);border-style:dashed}code{font-family:var(--font-label);font-size:.92em;background:var(--paper-2);padding:0 4px;border-radius:5px}@media (max-width: 480px){.screen{padding:14px 12px calc(var(--tabbar-h) + 16px)}.cloze{font-size:16px;line-height:2.4}.match-row{grid-template-columns:1fr;gap:4px}.match-arrow{display:none}.match-r{font-style:italic}.duo-node{width:52px;height:52px;font-size:20px}.duo-path:before{left:26px}.mp-text p{font-size:15.5px}.question-prompt{font-size:18px}}.duo-track{position:relative;padding:10px 0 6px}.duo-track:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--ink);opacity:.14;border-radius:2px}.duo-stop{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:max-content;max-width:78%;margin:0 auto 22px}.duo-nodebtn{background:none;border:none;padding:0;border-radius:var(--radius-pill)}.duo-nodebtn:active .duo-node{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.duo-cap{margin-top:8px;font-size:13px;font-weight:700;line-height:1.2;max-width:24ch}.duo-cap small{display:block;font-family:var(--font-label);font-weight:400;font-size:10px;color:var(--navy);margin-top:3px}.cloze-token{display:inline-block;border:none;background:var(--navy);color:var(--paper);border-radius:8px;padding:2px 10px;font-size:15px;font-weight:700;font-family:inherit;touch-action:none;cursor:grab}.cloze-token:active{cursor:grabbing}.cloze-blank--over{outline:3px dashed var(--navy);outline-offset:2px}.match-row{grid-template-columns:1fr auto minmax(90px,1fr);align-items:center}.match-slot{display:flex;align-items:center;min-height:36px}.match-empty{font-family:var(--font-label);font-size:12px;color:var(--navy);opacity:.7;font-style:italic}.match-row--over{outline:3px dashed var(--navy);outline-offset:2px}@media (max-width: 480px){.match-row{grid-template-columns:1fr}.duo-stop{max-width:88%}}.duo-track{position:relative;display:flex;flex-direction:column;align-items:center;padding:14px 0 10px}.duo-track:before{content:"";position:absolute;left:50%;top:20px;bottom:20px;width:4px;margin-left:-2px;background:var(--ink);opacity:.16;border-radius:2px;z-index:0}.duo-stop{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:max-content;max-width:70%;margin:0 0 20px}.duo-stop:last-child{margin-bottom:4px}.duo-side{position:relative;z-index:2;align-self:flex-start;display:flex;align-items:center;gap:8px;max-width:64%;margin:12px 0 14px}.duo-side--right{align-self:flex-end;flex-direction:row-reverse;text-align:right}.duo-side:first-child{margin-top:2px}.duo-side-num{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-pill);border:var(--border);background:var(--red);color:var(--paper);display:grid;place-items:center;font-family:var(--font-display);font-size:15px}.duo-side-txt{font-family:var(--font-display);text-transform:uppercase;font-size:12.5px;line-height:1.05;color:var(--navy);background:var(--paper);border:var(--border);border-radius:var(--radius);padding:5px 10px;box-shadow:var(--shadow-sm)}.duo-track:before{display:none}.duo-links{position:absolute;top:0;left:0;z-index:0;pointer-events:none;overflow:visible}.duo-linkseg{stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-dasharray:.1 12;opacity:.4;fill:none}.duo-node{font-size:26px}.vf{display:flex;flex-direction:column;gap:10px}.vf-row{display:flex;flex-direction:column;gap:8px;border:var(--border);border-radius:var(--radius);background:var(--paper);padding:12px 14px;box-shadow:var(--shadow-sm)}.vf-text{font-size:15px}.vf-btns{display:flex;gap:8px}.vf-btn{flex:1;min-height:44px;border:var(--border);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);font-weight:700;box-shadow:var(--shadow-sm)}.vf-btn--sel{background:var(--navy);color:var(--paper)}.vf-btn--ok{background:var(--green);color:var(--paper)}.vf-btn--no{background:var(--red);color:var(--paper)}body{background:var(--paper);background-image:none;color:var(--ink);font-family:var(--font-body)}.brand,.masthead h1,.bloc-hero h1,.lesson-title,.mp-title,.bloc-card h3,.end h2,.modal h2,.biblio-head,.duo-mod-head h2,.v2-mod-head h2,.support-card h3,.duo-side-txt,.cat-head,.feedback-head,.question-prompt{text-transform:none;text-shadow:none;letter-spacing:-.01em;font-family:var(--font-display)}.topbar{background:var(--paper);border-bottom:none;padding:16px 18px 10px}.brand{font-size:22px;font-weight:800;color:var(--ink)}.stat{border:none;box-shadow:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:700;font-size:12px;padding:6px 12px;background:var(--paper-2);color:var(--ink)}.stat--streak{background:var(--red-l);color:var(--red)}.stat--xp{background:var(--paper-2);color:var(--ink)}.topbar .stat:last-child{background:var(--red);color:#fff}.eyebrow{font-family:var(--font-body);font-weight:800;letter-spacing:1px;color:var(--red)}.btn{border:none;border-radius:16px;box-shadow:var(--shadow);font-family:var(--font-body);font-weight:800;font-size:15px;padding:15px 20px;background:var(--card);color:var(--ink);transition:transform .08s ease,box-shadow .08s ease}.btn:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.btn--red{background:var(--red);color:#fff}.btn--navy{background:var(--ink);color:#fff}.btn--green{background:var(--green);color:#fff}.btn:disabled{background:var(--paper-2);color:var(--muted);box-shadow:none;border:none}.masthead{background:var(--red);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.masthead:after{display:none}.masthead h1{font-size:clamp(24px,7vw,30px);line-height:1.12;font-weight:800}.masthead p{opacity:.95}.masthead .eyebrow{color:var(--red-l)}.bloc-card{border:none;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--card);padding:16px 18px}.bloc-card:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.bloc-card .bc-num{border:none;background:var(--red-l);color:var(--red);font-weight:800;width:44px;height:44px}.bloc-card h3{font-size:16px;font-weight:800}.bloc-card p{color:var(--muted)}.ring .ring-bg{stroke:var(--paper-2)}.ring .ring-fg{stroke:var(--red)}.ring .ring-txt{color:var(--red)}.support-card{border:none;border-radius:var(--radius-lg);background:var(--paper-2);box-shadow:none;padding:22px}.support-card h3{font-size:17px;font-weight:800}.support-card p{color:var(--ink-2)}.bloc-hero{background:var(--card);color:var(--ink);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.bloc-hero .eyebrow{color:var(--red);opacity:1}.bloc-hero h1{color:var(--ink);font-size:clamp(22px,6vw,26px);font-weight:800}.bloc-hero p{color:var(--muted);opacity:1}.back-row .icon-btn{border:none;background:var(--card);box-shadow:var(--shadow-sm)}.duo-side-num{border:none;background:var(--red);color:#fff}.duo-side-txt{border:none;background:var(--red-l);color:var(--red-d);font-weight:800;font-size:12px;box-shadow:none}.duo-node{border:none;background:var(--card);color:var(--red);box-shadow:var(--shadow);font-size:22px}.duo-node--done{background:var(--red);color:#fff}.duo-node--current{background:var(--red);color:#fff;box-shadow:0 6px 16px #d9694f66}.duo-cap{color:var(--ink);font-weight:600}.duo-linkseg{stroke:var(--line-2);stroke-width:2.5;stroke-dasharray:.1 9;opacity:1}.lesson-bar{background:var(--paper);border-bottom:none;padding:16px 16px 8px}.icon-btn{border:2px solid var(--ink);background:transparent;box-shadow:none;color:var(--ink)}.progress{border:none;background:var(--paper-2);height:14px}.progress-fill{background:var(--red);background-image:none}.lesson-title{font-weight:800;color:var(--ink)}.mp-title{font-size:21px;font-weight:800;color:var(--ink)}.mp-text p{color:var(--ink-2);font-size:14.5px;line-height:1.65}.lesson-objectif{color:var(--ink-2)}.ex-block{border-top:1px solid var(--line)}.ex-type{color:var(--red);font-weight:800;letter-spacing:1px}.question-prompt{font-weight:700;font-size:17px;color:var(--ink)}.ex-hint{color:var(--muted);font-family:var(--font-body)}.ex-solution{color:var(--ink-2);font-family:var(--font-body)}.option{border:none;border-radius:16px;background:var(--card);box-shadow:var(--shadow-sm);font-size:14px;font-weight:600;color:var(--ink);padding:14px 16px;gap:14px}.option:active{transform:translateY(1px);box-shadow:none}.option-key{border:2px solid var(--line-2);background:transparent;color:var(--red);width:22px;height:22px}.option--selected{background:var(--red-l);color:var(--ink);box-shadow:inset 0 0 0 2px var(--red)}.option--selected .option-key{border-color:var(--red);background:var(--red);color:#fff}.option--correct{background:var(--green-l);color:var(--green-d);box-shadow:inset 0 0 0 2px var(--green)}.option--correct .option-key{border-color:var(--green);background:var(--green);color:#fff}.option--wrong{background:var(--red-l);color:var(--red-d);box-shadow:inset 0 0 0 2px var(--red)}.chip{border:none;border-radius:var(--radius-pill);background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:700;padding:10px 16px}.chip:active{transform:translateY(1px);box-shadow:none}.chip--used{background:var(--paper-2);color:var(--muted);box-shadow:none}.chip--sel{background:var(--red);color:#fff}.chip--ok{background:var(--green);color:#fff}.chip--no{background:var(--red);color:#fff}.cloze{color:var(--ink)}.cloze-blank{border:none;border-bottom:2px dashed var(--line-2);background:var(--paper-2);color:var(--red);border-radius:8px}.cloze-blank--over{outline:2px dashed var(--red)}.cloze-token{background:var(--red);color:#fff;border-radius:10px;box-shadow:var(--shadow-sm)}.cloze-blank--ok{background:var(--green-l)}.cloze-blank--ok .cloze-token{background:var(--green)}.cloze-blank--no .cloze-token{background:var(--red)}.match-row{border:none;border-radius:16px;background:var(--card);box-shadow:var(--shadow-sm)}.match-row--ok{background:var(--green-l);box-shadow:inset 0 0 0 2px var(--green)}.match-row--no{background:var(--red-l);box-shadow:inset 0 0 0 2px var(--red)}.match-row--over{outline:2px dashed var(--red)}.match-l{color:var(--ink)}.match-empty{color:var(--muted)}.order-item{border:none;border-radius:16px;background:var(--card);box-shadow:var(--shadow-sm)}.order-item--dragging{box-shadow:var(--shadow-lg)}.order-item--ok{background:var(--green-l);box-shadow:inset 0 0 0 2px var(--green)}.order-item--no{background:var(--red-l);box-shadow:inset 0 0 0 2px var(--red)}.order-grip{color:var(--muted)}.cat-bucket{border:none;border-radius:18px;background:var(--paper-2);box-shadow:none}.cat-bucket.is-over{background:var(--green-l)}.cat-head{color:var(--ink);font-weight:800;border-bottom:1px dashed var(--line-2)}.cat-pool.is-over{border-color:var(--red);background:var(--red-l)}.vf-row{border:none;border-radius:16px;background:var(--card);box-shadow:var(--shadow-sm)}.vf-btn{border:2px solid var(--line-2);background:var(--card);color:var(--ink);box-shadow:none}.vf-btn--sel{background:var(--red);border-color:var(--red);color:#fff}.vf-btn--ok{background:var(--green);border-color:var(--green);color:#fff}.vf-btn--no{background:var(--red);border-color:var(--red);color:#fff}.dock{background:var(--paper);border-top:none;box-shadow:0 -6px 18px #2b26220f}.feedback{border:none;border-radius:16px;box-shadow:none}.feedback--ok{background:var(--green-l)}.feedback--no{background:var(--red-l)}.feedback-head{font-weight:800}.feedback--ok .feedback-head{color:var(--green)}.feedback--no .feedback-head{color:var(--red-d)}.feedback p{color:var(--ink-2)}.end .badge{border:none;background:var(--red);color:#fff;box-shadow:var(--shadow)}.end h2{color:var(--ink);font-weight:800}.biblio{border:none;border-radius:18px;background:var(--paper-2);box-shadow:none}.biblio-head{color:var(--ink);font-weight:800}.modal{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal h2{color:var(--ink);font-weight:800}.amount{border:2px solid var(--line-2);box-shadow:none}.amount--on{background:var(--red);color:#fff;border-color:var(--red)}.path2{display:flex;flex-direction:column;align-items:stretch}.path2-mod{display:flex;align-items:center;gap:10px;background:var(--red-l);border-radius:16px;padding:12px 16px;margin:8px 0 16px}.path2-mod-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.path2-mod-txt{font-size:12px;font-weight:800;color:var(--red-d);line-height:1.2}.path2-stop{align-self:center;display:flex;flex-direction:column;align-items:center;gap:10px}.path2-nodebtn{border:none;background:none;padding:0;border-radius:50%}.path2-node{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;background:var(--card);color:var(--red);box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .08s ease}.path2-node--done{background:var(--red);color:#fff}.path2-node--current{background:var(--red);color:#fff;box-shadow:0 6px 16px #d9694f66}.path2-nodebtn:active .path2-node{transform:translateY(1px);box-shadow:var(--shadow-sm)}.path2-cap{font-size:12px;font-weight:600;color:var(--ink);text-align:center;max-width:180px;line-height:1.25}.path2-conn{width:2px;height:22px;border-left:2px dashed var(--line-2)}.assoc{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.assoc-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:visible}.assoc-seg{stroke:var(--red);stroke-width:3;stroke-linecap:round}.assoc-seg--ok{stroke:var(--green)}.assoc-seg--no{stroke:var(--red)}.assoc-col{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.assoc-item{display:flex;align-items:center;gap:10px;text-align:left;border:none;border-radius:16px;background:var(--card);box-shadow:var(--shadow-sm);padding:12px 14px;font-size:13.5px;font-weight:600;color:var(--ink);transition:box-shadow .08s ease}.assoc-txt{flex:1;line-height:1.35}.assoc-col--right .assoc-item{text-align:right}.assoc-item--sel{box-shadow:inset 0 0 0 2px var(--red);background:var(--red-l)}.assoc-item--on{box-shadow:inset 0 0 0 2px var(--red)}.assoc-item--ok{background:var(--green-l);box-shadow:inset 0 0 0 2px var(--green)}.assoc-item--no{background:var(--red-l);box-shadow:inset 0 0 0 2px var(--red)}.assoc-dot{width:12px;height:12px;border-radius:50%;background:var(--line-2);flex-shrink:0}.assoc-item--on .assoc-dot,.assoc-item--sel .assoc-dot{background:var(--red)}.assoc-item--ok .assoc-dot{background:var(--green)}@media (max-width: 480px){.assoc{gap:16px}.assoc-item{padding:10px 12px;font-size:12.5px}}.lesson-streak{display:flex;align-items:center;justify-content:space-between;background:var(--red-l);border-radius:16px;padding:12px 16px;margin-bottom:14px}.lesson-streak span:first-child{font-size:12.5px;font-weight:700;color:var(--red-d)}.lesson-streak-n{font-size:15px;font-weight:800;color:var(--red)}.path2-node--locked{background:#eae1cc;color:#b6ab94;box-shadow:none}.path2-lock{width:22px;height:22px}.path2-stop--locked .path2-cap{color:#b6ab94}.path2-nodebtn:disabled{cursor:not-allowed}.option{border-radius:14px;padding:12px 14px;gap:12px;box-shadow:0 3px 8px #2b26220f;font-size:13px}.option-key{width:18px;height:18px;border:2px solid var(--line-2)}.cloze{background:var(--card);border-radius:16px;padding:18px;box-shadow:0 3px 8px #2b26220f;font-size:13.5px;line-height:1.95;color:var(--ink)}.cloze-blank{background:transparent;border:none;border-bottom:2px dashed var(--line-2);border-radius:0;min-width:64px;padding:0 6px;color:var(--red)}.cloze-blank--over{outline:none;border-bottom-color:var(--red);background:var(--red-l);border-radius:6px 6px 0 0}.cloze-token{background:transparent;color:var(--red);border-radius:0;box-shadow:none;padding:0 4px;border-bottom:2px solid var(--red);font-weight:800}.cloze-blank--ok{background:transparent}.cloze-blank--ok .cloze-token{color:var(--green);border-bottom-color:var(--green)}.cloze-blank--no .cloze-token{color:var(--red);border-bottom-color:var(--red)}.bank .chip{background:var(--red-l);color:var(--red-d);box-shadow:none;border-radius:18px;padding:9px 16px;font-size:12.5px}.bank .chip--used{background:var(--paper-2);color:var(--muted)}.vf-btn{border-radius:12px;font-size:12.5px;font-weight:800;padding:9px}.vf-btn--vrai{background:var(--green-l);border:2px solid var(--green);color:var(--green-d)}.vf-btn--faux{background:#fbeaea;border:2px solid #c0392b;color:#8a2418}.vf-btn--sel.vf-btn--vrai{background:var(--green);color:#fff}.vf-btn--sel.vf-btn--faux{background:#c0392b;color:#fff}.vf-btn--ok{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}.vf-btn--no{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important}.cat-pool .chip,.cat-items .chip{background:var(--paper-2);color:var(--ink);box-shadow:none;border-radius:20px;padding:8px 14px;font-size:11.5px;font-weight:700}.cats{display:flex;flex-wrap:wrap;gap:10px}.cat-bucket{flex:1 1 44%;background:transparent;border:2px dashed var(--red);border-radius:16px;padding:14px 10px;text-align:center;box-shadow:none}.cat-bucket:nth-of-type(2){border-color:var(--muted)}.cat-bucket:nth-of-type(3){border-color:var(--green)}.cat-head{color:var(--red);border-bottom:none;text-transform:uppercase;font-size:11px;font-weight:800;margin-bottom:8px;padding:0}.cat-bucket:nth-of-type(2) .cat-head{color:var(--muted)}.cat-bucket:nth-of-type(3) .cat-head{color:var(--green)}.cat-items{justify-content:center}.cat-items .chip--placed{background:var(--card);box-shadow:0 2px 6px #2b26220f}.cat-bucket.is-over{background:#d9694f0f}.order-item{border-radius:14px;padding:12px 14px;box-shadow:0 3px 8px #2b26220f;gap:12px}.order-grip{margin-left:0;margin-right:2px;color:#c9bfa9;font-size:16px;letter-spacing:-2px}.order-txt{flex:1;font-size:12.5px;font-weight:600}.assoc{gap:12px}.assoc-item{justify-content:center;text-align:center;border:2px solid var(--line);border-radius:12px;background:var(--card);box-shadow:none;padding:12px 10px;font-size:12px;font-weight:700;color:var(--ink)}.assoc-col--right .assoc-item{color:var(--ink-2);font-weight:600;font-size:11.5px}.assoc-txt{flex:none}.assoc-item--sel,.assoc-item--on{border-color:var(--red);background:var(--red-l);box-shadow:none}.assoc-item--ok{border-color:var(--green);background:var(--green-l);box-shadow:none}.assoc-item--no{border-color:#c0392b;background:#fbeaea;box-shadow:none}.assoc-seg{stroke-width:2.5}.order-item{align-items:center}.order-rank{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--red-l);color:var(--red);display:grid;place-items:center;font-size:12px;font-weight:800}.order-move{flex-shrink:0;display:flex;flex-direction:column;gap:4px;margin-left:auto}.order-btn{width:30px;height:26px;border:none;border-radius:8px;background:var(--paper-2);color:var(--ink);font-size:12px;line-height:1;display:grid;place-items:center;box-shadow:none}.order-btn:active{background:var(--red-l);color:var(--red)}.order-btn:disabled{opacity:.35}.cat-bucket{cursor:pointer;transition:background .1s ease,border-color .1s ease}.cat-bucket--target{background:#d9694f0f}.cat-items .chip{cursor:pointer}.tl{list-style:none;margin:0;padding:0}.tl-item{display:flex;align-items:stretch;gap:12px}.tl-rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:14px}.tl-dot{width:14px;height:14px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:4px}.tl-line{width:2px;flex:1;background:var(--line);min-height:20px}.tl-item--ok .tl-dot{background:var(--green)}.tl-item--no .tl-dot{background:#c0392b}.tl-card{flex:1;background:var(--card);border-radius:14px;padding:10px 14px;box-shadow:0 3px 8px #2b26220d;margin-bottom:10px}.tl-item--ok .tl-card{box-shadow:inset 0 0 0 2px var(--green)}.tl-item--no .tl-card{box-shadow:inset 0 0 0 2px #c0392b}.tl-date{font-size:10.5px;font-weight:800;color:var(--red)}.tl-label{font-size:12px;font-weight:600;color:var(--ink);margin-top:2px;line-height:1.35}.tl-move{display:flex;flex-direction:column;gap:4px;flex-shrink:0;align-self:center;margin-bottom:10px}.chip--sel{background:var(--red-l)!important;color:var(--red-d)!important;box-shadow:0 0 0 3px var(--red)!important}.assoc-item--sel{background:var(--red-l);border-color:var(--red);box-shadow:0 0 0 3px var(--red)}.cat-bucket--target{box-shadow:0 0 0 2px var(--red);background:#d9694f0f}.option:active,.chip:active,.vf-btn:active,.assoc-item:active,.cloze-blank:active,.order-item:active,.order-btn:active,.tl-card:active,.path2-nodebtn:active{outline:3px solid var(--red);outline-offset:1px}.cloze-blank--filled .cloze-token{background:transparent}.cloze-blank--ok .cloze-token{background:transparent;color:var(--green);border-bottom-color:var(--green)}.cloze-blank--no .cloze-token{background:transparent;color:#c0392b;border-bottom-color:#c0392b}.tl-slotwrap{flex:1;margin-bottom:12px}.tl-date{font-size:11px;font-weight:800;color:var(--red);margin-bottom:5px}.tl-slot{width:100%;text-align:left;border:2px dashed var(--line-2);border-radius:14px;padding:12px 14px;background:transparent;color:var(--muted);font-size:12px;font-style:italic;box-shadow:none}.tl-slot--target{border-color:var(--red);background:var(--red-l);color:var(--red-d);font-style:normal;font-weight:700}.tl-placed{width:100%;text-align:left;border:none;border-radius:14px;padding:11px 14px;background:var(--card);box-shadow:0 3px 8px #2b26220d;font-size:12px;font-weight:600;color:var(--ink);line-height:1.35}.tl-item--ok .tl-placed{box-shadow:inset 0 0 0 2px var(--green)}.tl-item--no .tl-placed{box-shadow:inset 0 0 0 2px #c0392b}.tl-item--ok .tl-date{color:var(--green)}.assoc-item{white-space:normal;align-items:center}.assoc-txt{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.assoc-col--right .assoc-item{text-align:center}.order-item--ok,.order-item--no,.order-item--ok .order-txt,.order-item--no .order-txt{color:var(--ink)}.order-item--ok .order-rank{background:var(--green);color:#fff}.order-item--no .order-rank{background:#c0392b;color:#fff}.bloc-card--wip{opacity:.55;filter:grayscale(1);cursor:not-allowed;box-shadow:none;background:var(--paper-2)}.bloc-card--wip:active{transform:none}.bc-soon{margin-left:8px;vertical-align:middle;font-family:var(--font-label);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--muted);color:#fff;border-radius:var(--radius-pill);padding:3px 8px}.stat--level{background:var(--navy);color:#fff;font-weight:800}.stat--join{background:var(--red);color:#fff;font-weight:800}.level-card{display:flex;align-items:center;gap:14px;justify-content:space-between;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px 18px;margin-bottom:18px}.level-card-main h3{margin:2px 0 4px;font-size:20px}.level-card-main p{margin:0;color:var(--muted);font-size:13px;max-width:40ch}.level-card-side{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.level-xp{font-family:var(--font-label);font-weight:800;color:var(--red);font-size:18px}.level-next{font-size:11px;color:var(--muted)}.levelup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#2b26228c;animation:luFade .25s ease-out}@keyframes luFade{0%{opacity:0}to{opacity:1}}.levelup-card{position:relative;text-align:center;max-width:340px;width:100%;background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:30px 26px 24px;animation:luRise .45s cubic-bezier(.2,.9,.3,1.2) both}@keyframes luRise{0%{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.levelup-name{margin:6px 0 4px;font-size:26px}.levelup-tag{margin:0 auto 20px;color:var(--muted);font-size:14px;max-width:30ch}.levelup-burst{position:relative;width:96px;height:96px;margin:0 auto 14px}.levelup-badge{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:34px;line-height:1;box-shadow:0 8px 22px #d9694f73;animation:luBadge .6s cubic-bezier(.2,.9,.3,1.4) both}@keyframes luBadge{0%{transform:scale(0) rotate(-40deg)}60%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1) rotate(0)}}.lu-confetti{position:absolute;top:50%;left:50%;width:9px;height:9px;border-radius:2px;--ang: calc(var(--i) * 20deg);transform:translate(-50%,-50%) rotate(var(--ang)) translateY(0);opacity:0;animation:luConf .9s ease-out both;animation-delay:calc(var(--i) * 15ms + .15s)}@keyframes luConf{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang)) translateY(0) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang)) translateY(-64px) scale(1)}}.lu-c0{background:var(--red)}.lu-c1{background:var(--green)}.lu-c2{background:var(--navy)}.lu-c3{background:#e8b04b}.lu-c4{background:var(--red-d, #b8432f)}.lu-c5{background:var(--green-l)}@media (prefers-reduced-motion: reduce){.levelup,.levelup-card,.levelup-badge,.lu-confetti{animation:none}.lu-confetti{display:none}}.topbar{display:flex;align-items:center;justify-content:space-between}.avatar-btn{width:40px;height:40px;border:none;border-radius:50%;background:var(--paper-2);color:var(--ink);display:grid;place-items:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .08s ease}.avatar-btn:active{transform:scale(.94)}.level-card{display:flex;align-items:center;gap:16px;justify-content:flex-start;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px 18px;margin-bottom:18px}.level-card-body{flex:1;min-width:0}.level-card-body h3{margin:0 0 3px;font-size:19px}.level-card-sub{margin:0 0 8px;color:var(--muted);font-size:12.5px}.level-card-stats{display:flex;align-items:center;gap:14px}.lc-stat{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-label);font-weight:800;font-size:13px;color:var(--red)}.lc-stat svg{color:var(--red)}.lc-stat--xp{color:var(--navy)}.lvl-ring{position:relative;flex-shrink:0;display:grid;place-items:center}.lvl-ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.lvl-ring-bg{stroke:var(--line-2);opacity:.5}.lvl-ring-fg{stroke:var(--red);transition:stroke-dashoffset .5s ease}.lvl-ring-txt{display:flex;flex-direction:column;align-items:center;line-height:1}.lvl-ring-num{font-family:var(--font-label);font-weight:800;font-size:20px;color:var(--ink)}.lvl-ring-lab{font-size:7.5px;font-weight:800;letter-spacing:.08em;color:var(--muted);margin-top:1px}.bc-icon{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:var(--paper-2);box-shadow:inset 0 0 0 1px #2b26220a}.bc-count{flex-shrink:0;font-family:var(--font-label);font-weight:800;font-size:15px;color:var(--red)}.levelup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#211d1a99;animation:luFade .25s ease-out}.levelup-card{position:relative;text-align:center;width:100%;max-width:380px;background:linear-gradient(180deg,#3a332e,#211d1a);color:#fff;border:none;border-radius:30px;box-shadow:0 24px 60px #0006;padding:26px 26px 24px;animation:luRise .5s cubic-bezier(.2,.9,.3,1.2) both}.levelup-top{display:block;font-family:var(--font-label);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;margin-bottom:18px}.levelup-orbwrap{position:relative;width:200px;height:200px;margin:4px auto 10px;display:grid;place-items:center}.levelup-halo{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(217,105,79,.5),transparent 70%);opacity:0;animation:luHalo 2.4s ease-out infinite}.levelup-halo--2{animation-delay:.8s}.levelup-halo--3{animation-delay:1.6s}@keyframes luHalo{0%{transform:scale(.5);opacity:.55}to{transform:scale(1.6);opacity:0}}.levelup-orb{position:relative;z-index:1;width:138px;height:138px;border-radius:50%;display:grid;place-items:center;gap:0;background:radial-gradient(circle at 50% 38%,#ec8a66,#d9694f 72%);box-shadow:0 0 60px #d9694f8c,inset 0 -8px 22px #0000002e;color:#fff;animation:luOrb .6s cubic-bezier(.2,.9,.3,1.5) both}@keyframes luOrb{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.12) rotate(4deg)}to{transform:scale(1) rotate(0)}}.levelup-orb-num{font-family:var(--font-label);font-weight:800;font-size:44px;line-height:1}.levelup-orb-lab{font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.85;margin-top:2px}.levelup-eyebrow{display:block;font-family:var(--font-label);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:6px;animation:luUp .5s ease-out .15s both}.levelup-name{margin:0 0 18px;font-size:26px;color:#fff;animation:luUp .5s ease-out .22s both}.levelup-xp{display:inline-flex;flex-direction:column;align-items:center;background:#ffffff12;border-radius:16px;padding:12px 26px;margin-bottom:22px;animation:luUp .5s ease-out .3s both}.levelup-xp-num{font-family:var(--font-label);font-weight:800;font-size:24px;color:#fff}.levelup-xp-lab{font-size:10px;font-weight:800;letter-spacing:.1em;color:#ffffff73;margin-top:2px}.levelup .btn--red{animation:luUp .5s ease-out .38s both}@keyframes luUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.levelup,.levelup-card,.levelup-orb,.levelup-eyebrow,.levelup-name,.levelup-xp,.levelup .btn--red{animation:none}.levelup-halo{display:none}}.avatar-btn--placeholder{cursor:default}.avatar-btn--placeholder:active{transform:none}.brand-btn{border:none;background:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.brand-logo{width:22px;height:22px;color:var(--red);flex-shrink:0}.screen--docked{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.screen--play{padding-bottom:calc(260px + env(safe-area-inset-bottom,0px))}.dock{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.end{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.bc-review{margin-left:8px;vertical-align:middle;font-family:var(--font-label);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--paper-2);color:var(--muted);border-radius:var(--radius-pill);padding:3px 8px}.local-warning{background:var(--red-l);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:18px}.local-warning p{margin:0 0 12px;font-size:13.5px;color:var(--ink);line-height:1.45}.local-warning strong{color:var(--red-d, #b8432f)}.avatar-btn--on{background:var(--red);color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#2b26228c}.modal h2{margin:0 0 8px;font-size:22px}.modal p{margin:0 0 16px;font-size:14px;color:var(--ink-2);line-height:1.5}.modal-note{font-size:11.5px;color:var(--muted);margin:14px 0 0}.form-error{color:var(--red-d, #b8432f);font-size:13px;margin:0 0 10px}.field{width:100%;border:none;border-radius:14px;background:var(--paper-2);padding:14px 16px;font:inherit;font-size:15px;color:var(--ink);margin-bottom:12px;box-shadow:inset 0 0 0 2px transparent}.field:focus{outline:none;box-shadow:inset 0 0 0 2px var(--red)}.field--code{text-align:center;font-family:var(--font-label);font-weight:800;font-size:24px;letter-spacing:6px;padding:16px 10px}.field--code::placeholder{letter-spacing:6px;color:var(--line-2)}.feedback{max-height:none;overflow:visible;white-space:normal;-webkit-line-clamp:none;-webkit-box-orient:initial}.feedback p{max-height:none;overflow:visible;white-space:normal;text-overflow:clip;overflow-wrap:break-word;line-height:1.45}.dock{max-height:90vh;overflow-y:auto;overscroll-behavior:contain}.review-card{display:flex;align-items:center;gap:14px;justify-content:space-between;background:var(--red-l);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:18px}.review-card-body{min-width:0}.review-card-body h3{margin:2px 0 4px;font-size:18px}.review-card-body p{margin:0;font-size:12.5px;color:var(--ink-2)}.review-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.review-card-actions .btn{padding:12px 18px;font-size:14px}.review-gear{width:40px;height:40px;border-radius:50%;border:none;background:var(--paper);color:var(--ink-2);font-size:17px;cursor:pointer}.review-origin{margin:6px 0 14px;font-size:13px;color:var(--muted);border-left:3px solid var(--line-2);padding-left:10px}.modal--tall{max-height:86vh;display:flex;flex-direction:column}.rev-list{overflow-y:auto;flex:1;margin:0 -4px 14px;padding:0 4px;display:flex;flex-direction:column;gap:8px}.rev-bloc{display:flex;align-items:center;gap:12px;width:100%;border:none;background:var(--paper-2);text-align:left;cursor:pointer;font:inherit;font-weight:700;font-size:14px;color:var(--ink);padding:13px 14px;border-radius:14px}.rev-bloc--on{background:var(--red-l);color:var(--red-d, #b8432f)}.rev-check{flex-shrink:0;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--paper);box-shadow:inset 0 0 0 2px var(--line-2);color:var(--red)}.rev-bloc--on .rev-check{background:var(--red);color:#fff;box-shadow:none}.account-email{font-family:var(--font-label);font-weight:700;font-size:14px;color:var(--ink);word-break:break-all;margin:0 0 16px}.account-facts{margin:0 0 16px;display:flex;flex-direction:column;gap:1px}.account-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;background:var(--paper-2);padding:11px 14px}.account-facts>div:first-child{border-radius:14px 14px 4px 4px}.account-facts>div:last-child{border-radius:4px 4px 14px 14px}.account-facts>div:only-child{border-radius:14px}.account-facts dt{font-size:13px;color:var(--ink-2)}.account-facts dd{margin:0;font-family:var(--font-label);font-weight:800;font-size:14px;color:var(--ink);text-align:right}.account-sync{font-size:13px;color:var(--ink-2);line-height:1.45;margin:0 0 16px}.account-confirm{background:var(--red-l);border-radius:14px;padding:12px 14px;font-size:13px;color:var(--ink);line-height:1.45;margin:0 0 14px}.modal-note a{color:inherit}.account-note{margin:22px 0 2px;text-align:center;line-height:1.55;padding:0 4px;text-wrap:balance}