.dictionary-page{color:#1f2933;background:#f7f3ea;min-height:100vh;padding:40px}.dictionary-hero{color:#fff;background:linear-gradient(135deg,#283044,#3f4c6b);border-radius:28px;max-width:900px;margin:0 auto 36px;padding:34px;box-shadow:0 18px 40px #28304438}.dictionary-eyebrow{color:#ffd166;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.dictionary-hero h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.dictionary-hero p{color:#e5e7eb;max-width:620px;margin:16px 0 0;font-size:1.05rem}.dictionary-search{color:#1f2933;background:#fff;border-radius:18px;align-items:center;gap:12px;max-width:620px;height:58px;margin-top:26px;padding:0 18px;display:flex;box-shadow:inset 0 -3px #1f29331f}.dictionary-search input{color:#1f2933;background:0 0;border:none;outline:none;width:100%;font-size:1rem}.dictionary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin:0 auto;display:grid}.sign-card{background:#fff;border:2px solid #e5dfd1;border-radius:26px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 12px 26px #1f293314}.sign-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #1f293324}.sign-video-placeholder{background:radial-gradient(circle at 0 0,#ffd16673,#0000 34%),linear-gradient(135deg,#e6f4f1,#c9d8ff);place-items:center;height:190px;display:grid}.sign-video-placeholder span{color:#283044;background:#fff;border-radius:50%;place-items:center;width:96px;height:96px;font-size:1.4rem;font-weight:900;display:grid;box-shadow:0 12px 25px #2830442e}.sign-card-content{padding:22px}.sign-category{color:#ef8354;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:.74rem;font-weight:900}.sign-card h2{margin:0;font-size:1.7rem}.sign-card-content>p:not(.sign-category){color:#5f6b7a;margin:10px 0 18px;line-height:1.5}.sign-card-actions{gap:10px;display:flex}.sign-card-actions button{color:#fff;cursor:pointer;background:#283044;border:none;border-radius:14px;padding:12px 16px;font-weight:800;box-shadow:inset 0 -3px #0000002e}.sign-card-actions button.secondary{color:#283044;background:#ffd166}.empty-state{text-align:center;background:#fff;border:2px dashed #d5cdbb;border-radius:24px;grid-column:1/-1;padding:36px}@media (width<=760px){.dictionary-page{padding:22px}.dictionary-grid{grid-template-columns:1fr}}.sign-video-placeholder .dictionary-sign-illustration{object-fit:contain;object-position:center;width:100%;height:100%;min-height:0}.prediction-box .recognition-feedback{text-align:left}.recognition-feedback-rows{gap:.35rem;margin:0;display:grid}.recognition-feedback-row{grid-template-columns:6rem minmax(0,1fr);align-items:baseline;gap:.5rem;display:grid}.recognition-feedback-row dt{font-weight:600}.recognition-feedback-row dd{overflow-wrap:anywhere;margin:0;font-size:.9rem}.recognition-feedback-row dd b{width:1.2rem;display:inline-block}.recognition-feedback-good dd b{color:#91e6b3}.recognition-feedback-adjust dd b{color:#ffd166}.recognition-feedback-pending dd,.recognition-feedback-missing dd{opacity:.8}.prediction-box .recognition-feedback .recognition-feedback-coaching{color:inherit;margin:.75rem 0 .35rem;font-size:1rem;font-weight:600}.recognition-feedback small{opacity:.85;font-size:.8rem;display:block}.prediction-box.success .recognition-feedback-good dd b{color:inherit}.prediction-box.recognition-feedback-box .recognition-feedback-coaching{display:block;margin:.75rem 0 .35rem!important;font-size:1rem!important}.prediction-box.recognition-feedback-box{flex-shrink:0;height:auto;max-height:none;overflow:visible}@media (width>=769px){.recognition-feedback-rows{gap:.1rem}.recognition-feedback-row{grid-template-columns:8.5rem minmax(0,1fr);font-size:.82rem;line-height:1.2}.recognition-feedback-row dd{font-size:.82rem}.prediction-box.recognition-feedback-box .recognition-feedback-coaching{margin:.45rem 0 .25rem!important;font-size:.875rem!important}.recognition-feedback small{font-size:.75rem}.recognition-feedback[data-completion-mode=gesture] small{display:none}.reference-practice-page .prediction-box.recognition-feedback-box{padding:.5rem .8rem}}.recognition-feedback-columns{min-width:0;text-align:center!important}.recognition-feedback-columns .recognition-feedback-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.recognition-feedback-columns .recognition-feedback-row{text-align:center;flex-direction:column;align-items:center;gap:.45rem;min-width:0;padding:.25rem .65rem;line-height:1.35;display:flex}.recognition-feedback-columns .recognition-feedback-row+.recognition-feedback-row{border-left:1px solid #ffffff26}.recognition-feedback-columns .recognition-feedback-row dt{font-size:.95rem;font-weight:800}.recognition-feedback-columns .recognition-feedback-row dd{flex-direction:column;align-items:center;gap:.4rem;max-width:100%;font-size:.8rem;line-height:1.4;display:flex}.recognition-feedback-columns .recognition-feedback-row dd b{background:#ffffff17;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-size:1.1rem;display:grid}.recognition-feedback-columns .recognition-feedback-row dd span{overflow-wrap:anywhere}.prediction-box .recognition-feedback-columns .recognition-feedback-coaching{text-align:center;border-top:1px solid #ffffff1f;padding-top:.5rem;line-height:1.4}@media (width<=480px){.recognition-feedback-columns .recognition-feedback-rows{grid-template-columns:minmax(0,1fr)}.recognition-feedback-columns .recognition-feedback-row{gap:.25rem;padding:.6rem .25rem}.recognition-feedback-columns .recognition-feedback-row+.recognition-feedback-row{border-top:1px solid #ffffff26;border-left:none}}.practice-page{color:#1f2933;box-sizing:border-box;background:#f7f3ea;width:100%;height:100dvh;padding:1.5dvh 2vw;overflow:hidden}.practice-page .back-button{color:#283044;cursor:pointer;z-index:50;background:#fff;border:none;border-radius:1.1em;margin:0;padding:.9em 1.4em;font-size:clamp(.9rem,1vw,1.15rem);font-weight:900;position:relative;transform:none;box-shadow:0 .8em 1.8em #1f293314}.practice-shell{grid-template-columns:minmax(22rem,.58fr) minmax(0,1.42fr);align-items:stretch;gap:2vw;width:100%;height:92dvh;display:grid;transform:translateY(-3.5dvh)}.practice-left-panel{flex-direction:column;min-width:0;padding-top:8dvh;display:flex;transform:none}.practice-left-panel .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#6b7280;margin:0 0 1.2dvh;font-size:clamp(.9rem,1vw,1.1rem);font-weight:900}.practice-left-panel h1{letter-spacing:-.04em;margin:0;font-size:clamp(3rem,4.8vw,5.2rem);line-height:.92}.practice-subtitle{color:#5f6b7a;margin:1.8dvh 0 0;font-size:clamp(1rem,1.2vw,1.25rem)}.practice-right-panel{align-items:stretch;min-width:0;display:grid}.guided-layout .practice-right-panel{grid-template-columns:1fr 1fr;gap:1.4vw}.recall-layout .practice-right-panel{grid-template-columns:1fr}.reference-card,.camera-card{box-sizing:border-box;background:#fff;border:.16rem solid #e5dfd1;border-radius:1.8rem;padding:1.6dvh 1.4vw;box-shadow:0 1.4dvh 3dvh #1f293314}.recall-layout .camera-card{flex-direction:column;height:92dvh;padding:2dvh 1.6vw;display:flex;transform:translateY(-5dvh)}.reference-card h2,.camera-card h2{margin:0 0 1.5dvh;font-size:clamp(1.4rem,2vw,2.2rem)}.camera-wrap,.reference-video{background:#111827;border-radius:1.5rem;width:100%;overflow:hidden}.camera-video,.reference-video{object-fit:fill;width:100%;height:100%;display:block}.guided-layout .camera-wrap,.guided-layout .reference-video{height:48dvh}.recall-layout .camera-wrap{flex:1;height:100%;min-height:0}.recall-layout .camera-video{object-fit:cover;width:100%;height:100%}.hold-section{width:100%;max-width:100%;margin:2.5dvh 0 1.6dvh}.hold-meter-fill{background:#58cc02;border-radius:999em;height:100%;transition:width .1s linear}.prediction-box{color:#fff;box-sizing:border-box;background:#283044;border-radius:1.6rem;width:100%;height:18dvh;max-height:18dvh;margin-top:1.2dvh;padding:1.2dvh 1.5vw;overflow:hidden}.prediction-box.success{color:#2f7d00;background:#d7ffb8}.prediction-box p{color:#ffd166;margin:0;font-weight:900}.prediction-box.success p{color:#2f7d00}.prediction-box.success span{color:#2f7d00}.practice-controls{flex-wrap:wrap;align-items:center;gap:.8vw;width:100%;margin-top:1.8dvh;display:flex}.practice-controls button{color:#fff;cursor:pointer;background:#283044;border:none;border-radius:1em;padding:.75em 1.05em;font-weight:900}.practice-controls span{color:#283044;font-weight:900}@media (width<=1050px){.practice-page{height:auto;min-height:100dvh;overflow:auto}.practice-shell{grid-template-columns:1fr;height:auto;transform:none}.practice-left-panel{padding-top:2dvh}.guided-layout .practice-right-panel,.recall-layout .practice-right-panel{grid-template-columns:1fr}.recall-layout .camera-card{height:auto}.recall-layout .camera-wrap{height:58dvh}}.frame-only-page .back-button{transform:translateY(10dvh)!important}.frame-only-page .practice-shell,.frame-only-page .camera-card{transform:none!important}.camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.recall-reference-button{color:#19647e;cursor:pointer;background:#fff;border:.14rem solid #19647e;border-radius:1rem;width:100%;margin-top:1.2rem;padding:.9rem 1.2rem;font-size:clamp(.9rem,1vw,1.05rem);font-weight:900;transition:transform .15s,box-shadow .15s;box-shadow:0 .35rem #19647e26}.recall-reference-button:hover{transform:translateY(-.12rem);box-shadow:0 .5rem #19647e33}.recall-reference-overlay{z-index:99999;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background:#0f172a8c;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.recall-reference-modal{text-align:center;background:#fff;border:.16rem solid #e5dfd1;border-radius:2rem;width:min(90vw,32rem);padding:2rem;box-shadow:0 1.5rem 4rem #0f172a47}.recall-reference-modal .eyebrow{color:#d9783d;margin:0 0 .8rem}.recall-reference-modal h2{color:#14213d;margin:0 0 1rem;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1}.recall-reference-modal>p:not(.eyebrow){color:#64748b;margin:0 auto 1.8rem;font-size:1rem;line-height:1.5}.recall-reference-modal strong{color:#14213d}.recall-reference-actions{grid-template-columns:1fr 1.35fr;gap:.8rem;display:grid}.recall-reference-actions button{cursor:pointer;border:none;border-radius:1rem;min-height:3.5rem;padding:.8rem;font-size:1rem;font-weight:900}.recall-reference-cancel{color:#283044;background:#eef2f4}.recall-reference-confirm{color:#fff;background:#19647e;box-shadow:0 .35rem #0f4153}.mobile-frame-back{display:none}@media (width<=768px){.practice-page{height:auto;min-height:100dvh;padding:1rem;overflow:visible}.practice-page>.back-button{min-height:44px;margin-bottom:1rem;position:static;transform:none!important}.practice-shell{flex-direction:column;gap:1rem;height:auto;display:flex;transform:none}.practice-page .practice-left-panel,.practice-page .practice-right-panel{min-width:0;padding:0;transform:none}.practice-left-panel h1{overflow-wrap:anywhere;font-size:clamp(2rem,8vw,3rem);line-height:1.05}.practice-left-panel .eyebrow{margin-bottom:.5rem}.practice-subtitle{margin:.65rem 0 1rem;line-height:1.4}.practice-page .practice-right-panel{flex-direction:column;gap:1rem;display:flex}.practice-page .reference-card,.practice-page .camera-card{min-width:0;height:auto;padding:1rem;transform:none}.practice-page .camera-wrap,.practice-page .reference-video{aspect-ratio:4/3;object-fit:contain;flex:none;width:100%;height:auto;min-height:0}.practice-page .camera-card h2,.practice-page .reference-card h2{font-size:1.4rem}.practice-page .prediction-box{overflow-wrap:anywhere;height:auto;max-height:none;margin:0;padding:1rem;transform:none}.practice-page .hold-section{margin:1rem 0}.practice-page .hold-label{flex-wrap:wrap;gap:.5rem}.practice-page .hold-meter{height:.65rem}.practice-page .practice-controls{flex-wrap:wrap;gap:.5rem}.practice-page button{min-width:44px;min-height:44px}.frame-only-page>.desktop-practice-back{display:none}.frame-only-page .practice-right-panel{order:1}.frame-only-page .practice-left-panel{order:2}.frame-only-page .camera-wrap{max-width:26rem;margin:0 auto}.frame-only-page .mobile-frame-back{color:#283044;cursor:pointer;background:#fff;border:none;border-radius:1rem;width:100%;margin-top:1rem;padding:.9rem 1rem;font-size:1rem;font-weight:900;display:block;box-shadow:0 .5rem 1.4rem #1f293314}.recall-reference-overlay{padding:1rem}.recall-reference-modal{box-sizing:border-box;width:min(100%,32rem);max-height:calc(100dvh - 2rem);padding:1.25rem;overflow-y:auto}.recall-reference-actions{grid-template-columns:1fr}.practice-page.recall-layout:not(.frame-only-page){box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;padding:.75rem!important;overflow:hidden visible!important}.recall-layout:not(.frame-only-page) .practice-shell{flex-direction:column!important;gap:.8rem!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;display:flex!important;overflow:visible!important;transform:none!important}.recall-layout:not(.frame-only-page) .practice-right-panel{order:1!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;transform:none!important}.recall-layout:not(.frame-only-page) .camera-card{box-sizing:border-box!important;border-radius:1.35rem!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.75rem!important;overflow:visible!important;transform:none!important}.recall-layout:not(.frame-only-page) .camera-card h2{margin:0 0 .5rem!important;font-size:1.1rem!important;line-height:1!important}.recall-layout:not(.frame-only-page) .camera-wrap{aspect-ratio:4/3!important;border-radius:1rem!important;width:100%!important;height:auto!important;min-height:0!important;max-height:42dvh!important;margin:0!important;overflow:hidden!important}.recall-layout:not(.frame-only-page) .camera-video,.recall-layout:not(.frame-only-page) .hand-trace-canvas{width:100%!important;height:100%!important}.recall-layout:not(.frame-only-page) .practice-left-panel{order:2!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.4rem 0!important;overflow:visible!important;transform:none!important}.recall-layout:not(.frame-only-page) .practice-left-panel .eyebrow{letter-spacing:.18em!important;margin:0 0 .3rem!important;font-size:.72rem!important}.recall-layout:not(.frame-only-page) .practice-left-panel h1{margin:0!important;font-size:clamp(2.1rem,10vw,3rem)!important;line-height:1!important}.recall-layout:not(.frame-only-page) .practice-subtitle{margin:.35rem 0 .8rem!important;font-size:.95rem!important;line-height:1.25!important}.recall-layout:not(.frame-only-page) .hold-section{width:100%!important;margin:0 0 .7rem!important}.recall-layout:not(.frame-only-page) .hold-label{margin-bottom:.25rem!important;font-size:.8rem!important}.recall-layout:not(.frame-only-page) .hold-meter{height:.55rem!important}.recall-layout:not(.frame-only-page) .prediction-box{border-radius:1.15rem!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:.85rem!important;overflow:visible!important}.recall-layout:not(.frame-only-page) .prediction-box p{margin:0 0 .2rem!important;font-size:.75rem!important}.recall-layout:not(.frame-only-page) .prediction-box h3{margin:.15rem 0 .3rem!important;font-size:1.05rem!important;line-height:1.15!important}.recall-layout:not(.frame-only-page) .prediction-box span{font-size:.8rem!important}.recall-layout:not(.frame-only-page) .recall-reference-button{border-radius:1rem!important;width:100%!important;min-height:3rem!important;margin:.7rem 0 0!important;padding:.7rem 1rem!important;font-size:.9rem!important}}#root:has(.recall-mode-page){grid-template-rows:minmax(0,1fr) auto;display:grid;height:100dvh!important;min-height:0!important;overflow:visible!important}:is(#root:has(.recall-mode-page)>.app-shell,#root:has(.recall-mode-page) .main-content){padding:0;height:100%!important;min-height:0!important;overflow:visible!important}.practice-page.recall-mode-page{color:#172647;grid-template-rows:auto minmax(0,1fr);gap:1rem;display:grid;height:100%!important;min-height:0!important;padding:clamp(.75rem,2dvh,1.5rem) clamp(.75rem,2vw,2rem)!important;overflow:visible!important}.practice-page.recall-mode-page .desktop-practice-back{justify-self:start;min-height:44px;position:static;display:block!important}.practice-page.recall-mode-page .practice-shell{grid-template-columns:minmax(20rem,.6fr) minmax(0,1.4fr);gap:clamp(1rem,2vw,2rem);min-height:0;height:100%!important;transform:none!important}.practice-page.recall-mode-page .practice-left-panel{align-self:center;gap:0;padding:0!important}.practice-page.recall-mode-page .practice-left-panel .eyebrow{letter-spacing:.16em;color:#667085;margin:0 0 .65rem!important;font-size:.8rem!important}.practice-page.recall-mode-page .practice-left-panel h1{margin:0!important;font-size:clamp(2.4rem,4vw,4rem)!important;line-height:1.08!important}.practice-page.recall-mode-page .practice-subtitle{margin:.65rem 0 1.5rem!important;font-size:1rem!important;line-height:1.4!important}.practice-page.recall-mode-page .prediction-box{color:#fff;background:#283044;border:2px solid #283044;flex:none;align-self:flex-start;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;box-shadow:0 8px 24px #1f29330a;border-radius:1.5rem!important;height:auto!important;min-height:196px!important;max-height:none!important;margin:0!important;padding:12px 16px!important;overflow:visible!important}.practice-page.recall-mode-page .recall-feedback .recognition-feedback-rows{gap:0}.practice-page.recall-mode-page .prediction-box>p,.practice-page.recall-mode-page .prediction-box>h3{color:#fff}.practice-page.recall-mode-page .prediction-box>span{color:#d4dce8}.practice-page.recall-mode-page .recall-feedback .recognition-feedback-row{grid-template-columns:122px minmax(0,1fr);align-items:center;gap:12px;height:auto;min-height:56px;padding-block:6px;line-height:1.35}.practice-page.recall-mode-page .recall-feedback .recognition-feedback-row+.recognition-feedback-row{border-top:1px solid #ffffff24}.practice-page.recall-mode-page .recall-feedback dt{justify-content:space-between;align-items:center;gap:8px;display:flex}.practice-page.recall-mode-page .recall-feedback dt span{color:#fff;font-weight:800;font-size:.9rem!important}.practice-page.recall-mode-page .recall-feedback dt b{color:#ffd166;background:#ffd1661f;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.practice-page.recall-mode-page .recall-feedback .recognition-feedback-good dt b{color:#91e6b3;background:#91e6b31f}.practice-page.recall-mode-page .recall-feedback .recognition-feedback-error dt b{color:#ffaaa5;background:#ffaaa51f}.practice-page.recall-mode-page .recall-feedback dd{color:#d4dce8;opacity:1;margin:0;font-size:.85rem}.practice-page.recall-mode-page .prediction-box.success{color:#2f7d00;background:#d7ffb8;border-color:#86c95b;box-shadow:0 8px 24px #2f7d001f}.practice-page.recall-mode-page .prediction-box:has(.recall-feedback-complete){color:#2f7d00;background:#d7ffb8;border-color:#86c95b;box-shadow:0 8px 24px #2f7d001f}.practice-page.recall-mode-page .recall-feedback-complete .recall-success-message{color:#2f7d00;align-items:center;gap:10px;font-weight:900;line-height:28px;display:flex;margin:0 0 8px!important;font-size:1.25rem!important}.practice-page.recall-mode-page .recall-success-message span{color:inherit;font-size:1.4rem!important}.practice-page.recall-mode-page .recall-feedback-complete .recognition-feedback-row{min-height:40px}.practice-page.recall-mode-page .recall-feedback-complete .recognition-feedback-row+.recognition-feedback-row{border-color:#2f7d002e}.practice-page.recall-mode-page .recall-feedback-complete dt span,.practice-page.recall-mode-page .recall-feedback-complete dd{color:#2f7d00}.practice-page.recall-mode-page .recall-feedback-complete .recognition-feedback-good dt b{color:#2f7d00;background:#ffffffa6}@media (prefers-reduced-motion:reduce){.practice-page.recall-mode-page .prediction-box{transition:none}}.practice-page.recall-mode-page .recall-feedback-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.practice-page.recall-mode-page .recall-reference-button{margin-top:1rem!important}.practice-page.recall-mode-page .practice-right-panel{min-height:0}.practice-page.recall-mode-page .camera-card{border-radius:1.5rem;gap:10px;min-height:0;padding:clamp(.75rem,1.4vw,1.25rem);height:100%!important;transform:none!important}.practice-page.recall-mode-page .camera-card h2{font-size:1.25rem;line-height:1.3;margin:0!important}.practice-page.recall-mode-page .camera-wrap{border-radius:1rem;margin:0}.practice-page.recall-mode-page .camera-video{object-fit:cover}@media (width>=769px) and (height<=700px){.practice-page.recall-mode-page{gap:.6rem}.practice-page.recall-mode-page .practice-subtitle{margin-bottom:1rem!important}.practice-page.recall-mode-page .practice-left-panel h1{font-size:2.5rem!important}}@media (width<=768px){.practice-page.recall-mode-page.recall-layout{gap:.5rem;height:100%!important;min-height:0!important}.practice-page.recall-mode-page .practice-shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:.5rem!important;height:100%!important;display:grid!important}.practice-page.recall-mode-page .practice-right-panel{grid-template-rows:minmax(0,1fr);gap:0;order:1!important;height:100%!important;display:grid!important}.practice-page.recall-mode-page .practice-left-panel{order:2!important;padding:.25rem 0!important}.practice-page.recall-mode-page .camera-card{gap:8px;height:100%!important}.practice-page.recall-mode-page .camera-wrap{flex:1 1 0;aspect-ratio:auto!important;height:100%!important;max-height:100%!important}.practice-page.recall-mode-page .practice-left-panel .eyebrow{margin-bottom:.25rem!important}.practice-page.recall-mode-page .practice-left-panel h1{font-size:2rem!important}.practice-page.recall-mode-page .practice-subtitle{margin:.3rem 0 .6rem!important;font-size:.9rem!important}.practice-page.recall-mode-page .recall-feedback .recognition-feedback-row{grid-template-columns:112px minmax(0,1fr);gap:8px}.practice-page.recall-mode-page .recall-reference-button{min-height:44px!important;margin-top:.5rem!important;padding:.5rem!important}}.privacy-page{color:#17252c;background:#f7fbfd;min-height:100vh;padding:4rem 1.5rem 6rem}.privacy-container{width:min(760px,100%);margin:0 auto}.privacy-back{color:#137795;margin-bottom:2rem;font-weight:700;text-decoration:none;display:inline-block}.privacy-page h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,6vw,4rem);line-height:1}.privacy-updated{color:#6e7b80;margin-top:.75rem}.privacy-summary{background:#e9f7fb;border:1px solid #c8e8f1;border-radius:1.25rem;margin:2.5rem 0 3rem;padding:1.5rem}.privacy-summary h2{margin-top:0}.privacy-summary p:last-child{margin-bottom:0}.privacy-page section{margin-top:2.75rem}.privacy-page section h2{margin-bottom:.75rem;font-size:1.35rem}.privacy-page p{line-height:1.7}.privacy-page a{color:#137795}.sq-footer{color:#68757b;background:#fff;border-top:1px solid #e8ecee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;font-size:.9rem;display:flex}.sq-footer-links{align-items:center;gap:1.25rem;display:flex}.sq-footer a,.footer-link-button{color:#68757b;text-decoration:none}.sq-footer a:hover,.footer-link-button:hover{color:#137795}.footer-link-button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.privacy-consent-overlay{z-index:10000;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:1.25rem;left:1.25rem;right:1.25rem}.privacy-consent-card{pointer-events:auto;background:#fff;border:1px solid #dce5e8;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1.5rem;width:min(760px,100%);padding:1.25rem 1.4rem;display:flex;box-shadow:0 12px 32px #00000014}.privacy-consent-copy h2{margin:0 0 .4rem;font-size:1.1rem}.privacy-consent-copy p{color:#5c6a70;margin:0 0 .4rem;line-height:1.45}.privacy-consent-copy a{color:#137795;font-weight:700}.privacy-consent-actions{flex-shrink:0;gap:.65rem;display:flex}.privacy-primary-btn,.privacy-secondary-btn{cursor:pointer;border-radius:.8rem;padding:.8rem 1rem;font-weight:800}.privacy-primary-btn{color:#162228;background:#f7b64b;border:2px solid #e9a735}.privacy-secondary-btn{color:#162228;background:#fff;border:2px solid #dce5e8}.camera-consent{text-align:center;background:#fff;border:1px solid #e1e8eb;border-radius:1.5rem;width:min(620px,100% - 2rem);margin:4rem auto;padding:2rem}.camera-consent h2{margin-top:0}.camera-consent p{color:#5c6a70;line-height:1.6}.camera-consent-actions{justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}@media (width<=650px){.privacy-consent-card{flex-direction:column;align-items:stretch}.privacy-consent-actions{width:100%}.privacy-primary-btn,.privacy-secondary-btn{flex:1}.sq-footer{padding-bottom:calc(1.25rem + 5rem + env(safe-area-inset-bottom));flex-direction:column}}:is(html:has(.privacy-page),body:has(.privacy-page)){height:auto!important;min-height:100%!important;overflow:hidden auto!important}#root:has(.privacy-page){height:auto!important;min-height:100vh!important;overflow:visible!important}.privacy-page{min-height:100vh;padding-bottom:10rem;height:auto!important;overflow:visible!important}.how-to-sign-backdrop{z-index:30000;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.how-to-sign-modal{box-sizing:border-box;color:#14213d;overflow-wrap:anywhere;background:#fffaf0;border:2px solid #e5dfd1;border-radius:1.8rem;width:min(100%,34rem);min-width:0;max-height:calc(100dvh - 2rem);padding:clamp(1.2rem,4vw,2rem);overflow-y:auto;box-shadow:0 1.5rem 4rem #0f172a47}.how-to-sign-header{align-items:flex-start;gap:1rem;display:flex}.how-to-sign-header h2{flex:1;margin:.4rem 0 1.2rem;font-size:clamp(1.4rem,4vw,1.8rem);line-height:1.2}.how-to-sign-close{color:#14213d;cursor:pointer;background:#fff;border:1px solid #d7dfeb;border-radius:.85rem;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.how-to-sign-close:focus-visible{outline-offset:3px;outline:3px solid #19647e}.how-to-sign-modal .sign-guidance{margin:0;font-size:1rem;line-height:1.6}.how-to-sign-modal .sign-guidance h3{margin:0 0 .5rem;font-size:1rem}.how-to-sign-modal .sign-guidance p{margin:.5rem 0 1rem}.how-to-sign-modal .sign-guidance-checks{font-size:.95rem}.how-to-sign-modal .sign-guidance-scope{clip-path:none;white-space:normal;color:#536174;width:auto;height:auto;margin:.75rem 0 0;font-size:.85rem;display:block;position:static;overflow:visible}.camera-controls-tutorial.control-tour-overlay{z-index:10000;pointer-events:none;background:#0f172a8c;position:fixed;inset:0;display:block!important}.reference-practice-page .practice-controls .tour-dim:not(.tour-active){opacity:.25}.reference-practice-page .practice-controls .tour-active{z-index:10021;position:relative;box-shadow:0 0 0 .45rem #fde6bd,0 0 2rem #ffd166f2;opacity:1!important;color:#fff!important;background:#14213d!important;border:.18rem solid #ffd166!important}.camera-controls-tutorial .control-tour-card{box-sizing:border-box;pointer-events:auto;background:#fff;border:.25rem solid #d7e3f8;box-shadow:0 1.4em 3em #0f172a59;border-radius:2rem!important;width:28rem!important;max-width:calc(100vw - 24px)!important;margin:0!important;padding:1.6rem!important;display:block!important;position:fixed!important;bottom:auto!important;right:auto!important;overflow:visible!important;transform:none!important}.camera-controls-tutorial .control-tour-content{max-height:min(calc(100dvh - 24px - 3.7rem), calc(var(--tour-max-height,100dvh) - 3.7rem));overflow-y:auto}.camera-controls-tutorial .eyebrow{color:#d9783d;letter-spacing:.22em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(1rem,1.3vw,1.35rem);font-weight:1000}.camera-controls-tutorial h2{color:#14213d;margin:0 0 1rem;font-size:clamp(1.8rem,2.5vw,2.8rem);line-height:.95}.camera-controls-tutorial p:not(.eyebrow){color:#253041;margin:0 0 1.6rem;font-size:clamp(1rem,1.2vw,1.3rem);line-height:1.35}.camera-controls-tutorial button{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:1.3rem;width:100%;height:3.8rem;font-size:1.3rem;font-weight:1000}.camera-controls-tutorial .control-tour-skip{color:#19647e;background:0 0;height:2.5rem;margin-top:.4rem;font-size:1rem}.camera-controls-tutorial .control-tour-card:before,.camera-controls-tutorial .control-tour-card:after{content:"";left:var(--tour-arrow-x);width:0;height:0;position:absolute;transform:translate(-50%);display:block!important}.camera-controls-tutorial .control-tour-card:before{border-top:30px solid #d7e3f8;border-left:30px solid #0000;border-right:30px solid #0000;bottom:-30px}.camera-controls-tutorial .control-tour-card:after{border-top:24px solid #fff;border-left:24px solid #0000;border-right:24px solid #0000;bottom:-24px}.camera-controls-tutorial .control-tour-card[data-placement=below]:before{border-top:none;border-bottom:30px solid #d7e3f8;top:-30px;bottom:auto}.camera-controls-tutorial .control-tour-card[data-placement=below]:after{border-top:none;border-bottom:24px solid #fff;top:-24px;bottom:auto}.reference-practice-page{color:#1f2933;box-sizing:border-box;background:radial-gradient(circle at top,#fffaf0 0%,#f7f3ea 55%);grid-template-rows:24% 76%;width:100%;height:100dvh;padding:2.5dvh 5vw 4dvh;display:grid;overflow:hidden}.practice-back-button,.reference-practice-page .back-button{z-index:9999;color:#283044;cursor:pointer;background:#fff;border:none;border-radius:1.2em;padding:.9em 1.5em;font-size:clamp(.85rem,1vw,1.1rem);font-weight:900;position:fixed;top:3%;left:2%;box-shadow:0 .7em 1.7em #1f29331a}.reference-practice-header .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#6b7280;margin:0 0 .25em;font-size:clamp(.75rem,.9vw,1rem);font-weight:900}.reference-practice-header{box-sizing:border-box;flex-direction:column;justify-content:flex-start;width:min(84vw,86rem);margin:0 auto;padding-top:4rem;display:flex;transform:translateY(1rem)}.reference-practice-header h1{color:#1f2933;margin:0;font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1;transform:none}.reference-practice-header p{color:#6b7280;margin:.45em 0 0;font-size:clamp(1rem,1.15vw,1.3rem);line-height:1.35}.reference-practice-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:3.5vw;width:min(84vw,86rem);height:100%;margin:0 auto;display:grid}.reference-practice-card{box-sizing:border-box;background:#fff;border:.14rem solid #e5dfd1;border-radius:1.8rem;flex-direction:column;height:96%;padding:3.5%;display:flex;overflow:hidden;box-shadow:0 1em 2.4em #1f293314}.reference-practice-card h2{color:#1f2933;margin:0 0 .55em;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1}.reference-video,.camera-wrap{background:#111827;border-radius:1.1rem;flex:none;width:100%;height:62%;overflow:hidden}.reference-video{object-fit:contain;background:#fff}.camera-wrap{background:#111827}.camera-video{object-fit:contain;width:100%;height:100%;display:block}.reference-video-actions{flex:none;justify-content:center;gap:3%;margin-top:7%;display:flex}.reference-practice-page .reference-video-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-self:center;gap:.5rem;width:min(100%,28rem);display:grid}.reference-practice-page .reference-video-actions .lesson-video-btn{justify-content:center;min-width:0;padding-inline:.55rem}.reference-practice-grid>.reference-practice-card{min-width:0}.sign-guidance{color:#1f2933;flex:none;margin-top:.6rem;font-size:.825rem;line-height:1.2}.sign-guidance h3{margin:0 0 .15rem;font-size:.875rem}.sign-guidance p{margin:.15rem 0 0}.sign-guidance-instruction{font-weight:600}.sign-guidance-checks{font-size:.8rem}.sign-guidance-scope{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-practice-page .camera-card-right{overflow-y:auto}.camera-card-right{height:125%;transform:translateY(-20%)}.reference-card{transform:translateY(5%)}.practice-controls{flex-wrap:nowrap;flex:none;align-items:center;gap:2%;margin-top:2%;display:flex}.practice-controls button{color:#fff;cursor:pointer;white-space:nowrap;background:#283044;border:none;border-radius:1em;padding:.7em 1.1em;font-size:clamp(.8rem,.95vw,1rem);font-weight:900}.practice-controls button:nth-of-type(3),.practice-controls button:nth-of-type(4){width:3.1em;height:3.1em;padding:0}.practice-controls span{color:#283044;white-space:nowrap;font-size:clamp(.85rem,1vw,1.05rem);font-weight:900}.hold-section{flex:none;margin-top:2%}.hold-label{color:#14213d;justify-content:space-between;align-items:center;margin-bottom:1%;font-size:clamp(.8rem,1vw,1rem);font-weight:900;display:flex}.hold-meter{background:#e5e7eb;border-radius:999em;width:100%;height:.65em;overflow:hidden}.hold-meter-fill{border-radius:inherit;background:#19647e;height:100%}.prediction-box{color:#fff;background:#283044;border-radius:1.3rem;flex:auto;min-height:0;margin-top:2%;padding:4%}.prediction-box p{color:#ffd166;margin:0;font-size:clamp(.8rem,.95vw,1rem);font-weight:900}.prediction-box h3{margin:.35em 0;font-size:clamp(1.15rem,1.55vw,1.65rem);line-height:1.05}.prediction-box span{color:#e5e7eb;font-size:clamp(.85rem,.95vw,1rem)}.reference-practice-page .sign-match-display{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.75rem,2vw,1.5rem);margin-bottom:.5rem;display:grid}.reference-practice-page .sign-match-label{color:#ffd166;font-size:.85rem;font-weight:700}.reference-practice-page .sign-match-value strong{color:#fff;font-variant-numeric:tabular-nums;min-width:4ch;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;display:block}.reference-practice-page .sign-match-meter{background:#fff3;border-radius:999px;height:.65rem;overflow:hidden}.reference-practice-page .sign-match-meter-fill{transform-origin:0;background:#ffd166;width:100%;height:100%}.reference-practice-page .sign-match-axis{color:#e5e7eb;justify-content:space-between;margin-top:.2rem;font-size:.7rem;display:flex}.reference-practice-page .prediction-box{flex-shrink:0}@media (width<=56rem){.reference-practice-page{grid-template-rows:auto auto;overflow-y:auto}.reference-practice-header,.reference-practice-grid{width:92vw}.reference-practice-grid{grid-template-columns:1fr;gap:3dvh}.reference-practice-card{height:auto}.reference-video,.camera-wrap{height:34dvh}}.lesson-reference-page .practice-controls .tour-dim{opacity:.35}.lesson-reference-page .practice-controls .tour-active{z-index:10002;color:#fff;background:#283044;position:relative;box-shadow:0 0 0 .35rem #ffd166,0 0 2rem #ffd166f2,0 0 4rem #ffd1668c;opacity:1!important}.lesson-reference-page .practice-controls .tour-active.text{background:#fff;border-radius:.8rem;padding:.5em .8em}.lesson-reference-page .reference-video-actions .tour-dim{opacity:.35}.lesson-reference-page .reference-video-actions .tour-active{z-index:10002;position:relative;box-shadow:0 0 0 .35rem #ffd166,0 0 2rem #ffd166f2,0 0 4rem #ffd1668c;opacity:1!important}.lesson-reference-page .practice-controls .tour-dim:not(.tour-active){opacity:.35}.lesson-reference-page .practice-controls .tour-active{position:relative;opacity:1!important;z-index:10050!important;color:#fff!important;background:#14213d!important;border:.18rem solid #ffd166!important;box-shadow:0 0 0 .45rem #fde6bd,0 0 2rem #ffd166f2!important}.lesson-reference-page .practice-controls{z-index:10020;position:relative}.lesson-reference-page .practice-controls .tour-active{z-index:10021;position:relative;opacity:1!important}.back-to-reference-button{z-index:5000;color:#19647e;cursor:pointer;white-space:nowrap;background:#fff;border:.15rem solid #19647e;border-radius:1.2em;padding:.8em 1.6em;font-size:clamp(.9rem,1vw,1.05rem);font-weight:900;position:fixed;bottom:2.2dvh;left:50%;transform:translate(-50%);box-shadow:0 .6em 1.4em #1f29331f}.back-to-reference-button:hover{transform:translate(-50%)translateY(-.15rem);box-shadow:0 .8em 1.8em #1f293329}.reference-confirm-overlay{z-index:20000;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background:#0f172a8c;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.reference-confirm-card{box-sizing:border-box;text-align:center;background:#fff;border:.18rem solid #e5dfd1;border-radius:2rem;width:min(90vw,32rem);padding:clamp(1.6rem,3vw,2.4rem);box-shadow:0 1.5rem 4rem #0f172a47}.reference-confirm-card .eyebrow{color:#d9783d;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .8rem;font-size:.85rem;font-weight:1000}.reference-confirm-card h2{color:#14213d;margin:0 0 1rem;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1}.reference-confirm-card>p:not(.eyebrow){color:#64748b;max-width:26rem;margin:0 auto 1.8rem;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.5}.reference-confirm-card strong{color:#14213d}.reference-confirm-actions{grid-template-columns:1fr 1.4fr;gap:.8rem;display:grid}.reference-confirm-actions button{cursor:pointer;border:none;border-radius:1rem;min-height:3.5rem;padding:.8rem 1rem;font-size:1rem;font-weight:900}.reference-confirm-cancel{color:#283044;background:#eef2f4}.reference-confirm-go{color:#fff;background:#19647e;box-shadow:0 .35rem #0f4153}@media (width<=768px){.reference-practice-page{flex-direction:column;gap:1rem;height:auto;min-height:100dvh;padding:1rem;display:flex;overflow:visible}.reference-practice-page>.practice-back-button{align-self:flex-start;max-width:100%;min-height:44px;position:static}.reference-practice-header{width:100%;padding-top:0;transform:none}.reference-practice-page .reference-practice-header,.reference-practice-page .reference-practice-grid{transform:none!important}.lesson-reference-page .camera-card-right>h2,.lesson-reference-page .prediction-box p{display:block!important}.reference-practice-header h1{overflow-wrap:anywhere;font-size:clamp(1.8rem,8vw,2.5rem)}.reference-practice-grid{grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;height:auto}.reference-practice-page .reference-practice-card{width:100%;min-width:0;height:auto;padding:1rem;overflow:visible;transform:none}.reference-practice-card h2{font-size:1.4rem}.reference-practice-page .reference-video,.reference-practice-page .camera-wrap{aspect-ratio:4/3;object-fit:contain;flex:none;width:100%;height:auto;min-height:0}.reference-practice-page .practice-controls,.reference-video-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.reference-practice-page button{min-width:44px;min-height:44px}.reference-practice-page .hold-section{margin:1rem 0}.reference-practice-page .hold-label{flex-wrap:wrap;gap:.5rem}.reference-practice-page .hold-meter{height:.65rem}.reference-practice-page .prediction-box{overflow-wrap:anywhere;height:auto;max-height:none;margin-top:1rem;padding:1rem;transform:none}.reference-confirm-overlay{padding:1rem}.reference-confirm-card{width:min(100%,32rem);max-height:calc(100dvh - 2rem);padding:1.25rem;overflow-y:auto}.reference-confirm-actions{grid-template-columns:1fr}.reference-practice-page{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;flex-direction:column!important;gap:.45rem!important;width:100%!important;height:auto!important;min-height:100dvh!important;padding:.65rem .65rem 2rem!important;display:flex!important;overflow:hidden auto!important}.practice-back-button{z-index:30!important;border-radius:.9rem!important;width:auto!important;min-height:2.6rem!important;padding:.55rem .8rem!important;font-size:.78rem!important;line-height:1!important;position:absolute!important;top:.75rem!important;left:.75rem!important}.reference-practice-header{box-sizing:border-box!important;width:100%!important;min-height:3rem!important;margin:0!important;padding:.25rem .25rem .35rem 8.5rem!important;transform:none!important}.reference-practice-header h1{margin:0!important;font-size:clamp(1.35rem,6vw,1.9rem)!important;line-height:1!important}.reference-practice-header p{margin:.25rem 0 0!important;font-size:.78rem!important;line-height:1.15!important}.reference-practice-grid{flex-direction:column!important;flex:auto!important;gap:.6rem!important;width:100%!important;min-height:0!important;margin:0!important;display:flex!important;overflow:hidden!important;transform:none!important}.reference-practice-card.reference-card{box-sizing:border-box!important;border-radius:1.25rem!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.6rem!important}.reference-card>h2{margin:0 0 .4rem!important;font-size:1rem!important;line-height:1!important}.reference-video{object-fit:contain!important;border-radius:.9rem!important;width:100%!important;height:clamp(8rem,20dvh,10.5rem)!important;min-height:0!important;max-height:none!important;display:block!important}.reference-video-actions{grid-template-columns:1fr 1fr!important;gap:.45rem!important;width:100%!important;margin:.4rem 0 0!important;display:grid!important}.reference-video-actions .lesson-video-btn{border-radius:.85rem!important;justify-content:center!important;align-items:center!important;gap:.35rem!important;width:100%!important;height:2.45rem!important;min-height:2.45rem!important;padding:.25rem .4rem!important;font-size:.85rem!important;display:flex!important}.reference-practice-card.camera-card-right{box-sizing:border-box!important;border-radius:1.25rem!important;flex-direction:column!important;flex:auto!important;gap:.4rem!important;width:100%!important;min-height:0!important;margin:0!important;padding:.6rem!important;display:flex!important;overflow:hidden!important;transform:none!important}.camera-card-right>h2{margin:0!important;font-size:1rem!important;line-height:1!important;display:block!important}.camera-card-right .camera-wrap{aspect-ratio:4/3!important;border-radius:1rem!important;flex:auto!important;width:100%!important;height:auto!important;min-height:9rem!important;max-height:28dvh!important;margin:0 auto!important;overflow:hidden!important}.camera-card-right .practice-controls{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.3rem!important;width:100%!important;margin:0!important;display:grid!important}.camera-card-right .practice-controls button{border-radius:.7rem!important;min-width:0!important;padding:.4rem .2rem!important;font-size:.68rem!important}.camera-card-right .practice-controls span{justify-content:center!important;align-items:center!important;font-size:.72rem!important;display:flex!important}.camera-card-right .hold-section{width:100%!important;margin:0!important}.camera-card-right .hold-label{font-size:.75rem!important}.camera-card-right .hold-meter{height:.5rem!important}.camera-card-right .prediction-box{box-sizing:border-box!important;border-radius:.9rem!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.55rem .7rem!important}.camera-card-right .prediction-box p{margin:0!important;font-size:.65rem!important}.camera-card-right .prediction-box h3{margin:.1rem 0!important;font-size:.9rem!important;line-height:1.05!important}.camera-card-right .prediction-box span{font-size:.68rem!important}.reference-practice-page{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding-bottom:calc(2rem + env(safe-area-inset-bottom))!important;overflow:hidden auto!important}.reference-practice-grid{flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important}.reference-practice-page .reference-card{flex:none!important;height:auto!important;overflow:visible!important}.reference-practice-page .camera-card-right{flex:none!important;order:1!important;height:auto!important;min-height:0!important;overflow:visible!important}.reference-practice-page .reference-card{order:2!important}.reference-practice-grid{width:100%!important;height:auto!important;display:block!important;overflow:visible!important}.reference-practice-page .camera-card-right{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.85rem!important;overflow:visible!important;transform:none!important}.reference-practice-page .camera-card-right .camera-wrap{aspect-ratio:auto!important;border-radius:1.25rem!important;width:100%!important;height:52dvh!important;min-height:24rem!important;max-height:34rem!important;overflow:hidden!important}.reference-practice-page .practice-controls{grid-template-columns:1.4fr 1.4fr .65fr .8fr .65fr!important;gap:.35rem!important;width:100%!important;margin-top:.65rem!important;display:grid!important}.reference-practice-page .practice-controls button{min-width:0!important;min-height:2.6rem!important;padding:.4rem!important;font-size:.7rem!important}.reference-practice-page .practice-controls span{place-items:center!important;font-size:.75rem!important;display:grid!important}.reference-practice-page .camera-card-right .camera-wrap{aspect-ratio:4/3!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.reference-practice-page .camera-card-right .camera-video{object-fit:cover!important;width:100%!important;height:100%!important}.reference-practice-page .camera-card-right .hand-trace-canvas{width:100%!important;height:100%!important}.reference-practice-grid{flex-direction:column!important;gap:.9rem!important;width:100%!important;height:auto!important;display:flex!important;overflow:visible!important}.reference-practice-page .camera-card-right{order:1!important}.reference-practice-page .reference-card{box-sizing:border-box!important;flex:none!important;order:2!important;width:100%!important;height:auto!important;margin:0!important;padding:.75rem!important;overflow:visible!important;transform:none!important}.reference-practice-page .reference-card>h2{margin:0 0 .55rem!important;font-size:1.15rem!important}.reference-practice-page .reference-video{aspect-ratio:16/9!important;object-fit:contain!important;background:#fff!important;border-radius:1rem!important;width:100%!important;height:auto!important;max-height:18rem!important;display:block!important}.reference-practice-page .reference-video-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important;width:100%!important;margin-top:.55rem!important;display:grid!important}.reference-practice-page .reference-video-actions .lesson-video-btn{justify-content:center!important;align-items:center!important;width:100%!important;height:2.8rem!important;min-height:2.8rem!important;font-size:.85rem!important;display:flex!important}.camera-card-right .match-card{border-radius:.9rem!important;width:100%!important;margin:.45rem 0 0!important;padding:.55rem .7rem!important}.camera-card-right .match-card-top{margin-bottom:.4rem}.camera-card-right .match-card-label{font-size:.7rem!important}.camera-card-right .match-card-score{font-size:1.05rem!important}.camera-card-right .match-card-meter{height:.5rem!important}.camera-card-right .match-card-bottom{gap:.5rem;margin-top:.35rem}.camera-card-right .match-card-status,.camera-card-right .match-card-required{font-size:.68rem!important}}#root:has(.viewport-practice-page){grid-template-rows:minmax(0,1fr) auto;display:grid;height:100dvh!important;min-height:0!important;overflow:visible!important}:is(#root:has(.viewport-practice-page)>.app-shell,#root:has(.viewport-practice-page) .main-content){min-width:0;padding:0;height:100%!important;min-height:0!important;overflow:visible!important}.reference-practice-page.viewport-practice-page{--practice-gap:.375rem;gap:var(--practice-gap);grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);width:100%;max-height:none;height:100%!important;min-height:0!important;padding:.625rem clamp(.75rem,3vw,3rem)!important;display:grid!important;overflow:visible!important}.reference-practice-page.viewport-practice-page .practice-heading-row{display:contents}.reference-practice-page.viewport-practice-page .practice-heading-row>.practice-back-button{grid-area:1/1;align-self:center;max-width:100%;min-height:44px;padding:.6rem .9rem;font-size:.85rem;position:static!important}.reference-practice-page.viewport-practice-page .reference-practice-header{grid-area:1/2;align-self:center;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important}.reference-practice-page.viewport-practice-page .reference-practice-header h1{overflow-wrap:anywhere;font-size:clamp(1.7rem,3.2vw,3rem)!important}.reference-practice-page.viewport-practice-page .reference-practice-header p{margin:.35rem 0 0!important;font-size:clamp(.85rem,1.15vw,1rem)!important}.reference-practice-page.viewport-practice-page .reference-practice-grid{grid-area:2/1/3/-1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;margin:0 auto;gap:clamp(.75rem,2vw,2rem)!important;width:100%!important;height:100%!important;display:grid!important;overflow:visible!important;transform:none!important}.reference-practice-page.viewport-practice-page .reference-practice-card{gap:var(--practice-gap);border-radius:1.5rem;flex-direction:column;min-width:0;min-height:0;display:flex;height:100%!important;margin:0!important;padding:.625rem!important;overflow:visible!important;transform:none!important}.reference-practice-page.viewport-practice-page .reference-practice-card>h2{flex:none;line-height:1.2;margin:0!important;font-size:1.1rem!important;display:block!important}.reference-practice-page.viewport-practice-page .practice-media-stage{flex:1 1 0;place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.reference-practice-page.viewport-practice-page .practice-media-stage .reference-video{border-radius:1rem;display:block;aspect-ratio:16/9!important;object-fit:contain!important;width:min(100%,177.778cqh)!important;height:auto!important;min-height:0!important;max-height:100%!important}.reference-practice-page.viewport-practice-page .practice-media-stage .camera-wrap{max-width:none;aspect-ratio:auto!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important}.reference-practice-page.viewport-practice-page .camera-card-right>h2{margin-bottom:calc(10px - var(--practice-gap))!important}.reference-practice-page.viewport-practice-page .camera-card-right .practice-media-stage{place-items:stretch stretch}.reference-practice-page.viewport-practice-page .camera-video{object-position:center;object-fit:cover!important}.reference-practice-page.viewport-practice-page .reference-video-actions{flex:none;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important;width:min(100%,28rem)!important;margin:0!important;display:grid!important}.reference-practice-page.viewport-practice-page .reference-video-actions .lesson-video-btn{gap:.35rem;line-height:1.2;height:auto!important;min-height:44px!important;padding:.4rem .5rem!important;font-size:clamp(.8rem,1vw,.95rem)!important}.reference-practice-page.viewport-practice-page .practice-controls{flex:none;justify-content:center;align-items:center;height:36px;grid-template-columns:auto auto 36px 4ch 36px!important;gap:.4rem!important;width:100%!important;margin:0!important;display:grid!important}.reference-practice-page.viewport-practice-page .practice-controls button{white-space:normal;transition:background-color .15s,color .15s;animation:none;border-radius:999px!important;width:auto!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:.25rem .75rem!important;font-size:.8rem!important;transform:none!important}.reference-practice-page.viewport-practice-page .practice-controls span{font-size:.8rem!important}.reference-practice-page.viewport-practice-page .prediction-box{box-sizing:border-box;flex:0 0 108px;min-height:108px;transition:background-color .2s,color .2s;animation:none;overflow:visible;height:108px!important;margin:0!important;padding:6px 8px!important}.reference-practice-page.viewport-practice-page .recognition-feedback-columns{grid-template-rows:58px minmax(0,1fr);gap:4px;height:100%;display:grid}.reference-practice-page.viewport-practice-page .recognition-feedback-columns .recognition-feedback-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.reference-practice-page.viewport-practice-page .recognition-feedback-row{grid-template-rows:20px 34px;grid-template-columns:minmax(0,1fr);align-items:center;gap:4px;padding:0 6px;display:grid}.reference-practice-page.viewport-practice-page .recognition-feedback-row dt{justify-content:center;align-items:center;gap:5px;height:20px;font-size:.85rem;line-height:20px;display:flex}.reference-practice-page.viewport-practice-page .recognition-feedback-row dt b{background:#ffffff17;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:.85rem;line-height:1;display:grid}.reference-practice-page.viewport-practice-page .recognition-feedback-good dt b{color:#91e6b3}.reference-practice-page.viewport-practice-page .recognition-feedback-adjust dt b{color:#ffd166}.reference-practice-page.viewport-practice-page .recognition-feedback-row dd{place-items:center;gap:0;width:100%;height:34px;font-size:.8rem;line-height:17px;display:grid}.reference-practice-page.viewport-practice-page .recognition-feedback-row dd span{font-size:inherit}.reference-practice-page.viewport-practice-page .recognition-feedback-columns .recognition-feedback-coaching{box-sizing:border-box;place-items:center;height:100%;padding:2px 0 0;line-height:15px;margin:0!important;font-size:.8rem!important;display:grid!important}.reference-practice-page.viewport-practice-page .recognition-feedback small{display:none}.reference-practice-page.viewport-practice-page .hold-section{flex:none;margin:0}@media (width>=769px){.reference-practice-page.viewport-practice-page{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(.75rem,2vw,2rem)}.reference-practice-page.viewport-practice-page .practice-heading-row{gap:var(--practice-gap);grid-area:1/1;grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.reference-practice-page.viewport-practice-page .reference-practice-grid{display:contents!important}.reference-practice-page.viewport-practice-page .reference-card{grid-area:2/1}.reference-practice-page.viewport-practice-page .camera-card-right{grid-area:1/2/3/3}}@media (height<=800px) and (width>=769px){.reference-practice-page.viewport-practice-page{--practice-gap:.375rem}.reference-practice-page.viewport-practice-page .reference-practice-header h1{font-size:clamp(1.6rem,2.7vw,2.4rem)!important}.reference-practice-page.viewport-practice-page .reference-practice-card{border-radius:1.2rem}}@media (width>=769px) and (width<=1100px){.reference-practice-page.viewport-practice-page .prediction-box{flex-basis:144px;min-height:144px;height:144px!important}.reference-practice-page.viewport-practice-page .recognition-feedback-columns{grid-template-rows:88px minmax(0,1fr)}.reference-practice-page.viewport-practice-page .recognition-feedback-row{grid-template-rows:20px 64px}.reference-practice-page.viewport-practice-page .recognition-feedback-row dd{height:64px;line-height:16px}}@media (width<=768px){.reference-practice-page.viewport-practice-page{--practice-gap:.4rem;grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);padding:.5rem!important}.reference-practice-page.viewport-practice-page .practice-heading-row>.practice-back-button{grid-area:1/1;justify-self:start}.reference-practice-page.viewport-practice-page .reference-practice-header{grid-area:1/2}.reference-practice-page.viewport-practice-page .reference-practice-header h1{font-size:1.4rem!important}.reference-practice-page.viewport-practice-page .reference-practice-grid{grid-area:2/1/3/-1;grid-template-rows:minmax(0,2fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:.5rem!important}.reference-practice-page.viewport-practice-page .camera-card-right{order:0!important}.reference-practice-page.viewport-practice-page .reference-card{order:1!important}.reference-practice-page.viewport-practice-page .reference-practice-card{border-radius:1rem;padding:.5rem!important}.reference-practice-page.viewport-practice-page .reference-practice-card>h2{font-size:1rem!important}.reference-practice-page.viewport-practice-page .recognition-feedback-row+.recognition-feedback-row{border-top:none;border-left:1px solid #ffffff26}.reference-practice-page.viewport-practice-page .practice-controls{height:44px;grid-template-columns:auto auto 44px 4ch 44px!important}.reference-practice-page.viewport-practice-page .practice-controls button{height:44px!important;min-height:44px!important;padding-inline:.4rem!important}.reference-practice-page.viewport-practice-page .prediction-box{flex-basis:144px;min-height:144px;height:144px!important}.reference-practice-page.viewport-practice-page .recognition-feedback-columns{grid-template-rows:88px minmax(0,1fr)}.reference-practice-page.viewport-practice-page .recognition-feedback-row{grid-template-rows:20px 64px}.reference-practice-page.viewport-practice-page .recognition-feedback-row dd{height:64px;line-height:16px}.reference-practice-page.viewport-practice-page .recognition-feedback-row dt{gap:3px;font-size:.75rem}.reference-practice-page.viewport-practice-page .recognition-feedback-row{padding-inline:.15rem}.reference-practice-page.viewport-practice-page .recognition-feedback[data-completion-mode=gesture] small{display:none}}@media (width<=768px) and (height<=779px){#root:has(.viewport-practice-page){height:auto!important;min-height:100dvh!important}.reference-practice-page.viewport-practice-page{height:auto!important;min-height:100%!important}.reference-practice-page.viewport-practice-page .reference-practice-grid{grid-template-rows:auto auto;height:auto!important}.reference-practice-page.viewport-practice-page .practice-media-stage{flex:none;container-type:normal}.reference-practice-page.viewport-practice-page .practice-media-stage .reference-video{width:100%!important;max-height:none!important}.reference-practice-page.viewport-practice-page .practice-media-stage .camera-wrap{aspect-ratio:4/3!important;width:100%!important;height:auto!important;max-height:none!important}}html,body,#root{width:100%;height:100%;overflow:hidden}.lesson-flow>.back-button{width:fit-content;margin-bottom:6px}.learn-card,.learn-card.compact-learn-card{text-align:center;background:#fff;border:3px solid #e8dfcf;border-radius:34px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;width:min(1120px,92vw);height:calc(100dvh - 105px);margin:0 auto;padding:18px 34px 20px;display:grid;overflow:hidden;box-shadow:0 12px #e2d7c3}.learn-card .eyebrow{letter-spacing:.16em;margin:0;font-size:.8rem}.lesson-flow{box-sizing:border-box;background:#f7f3ea;height:100vh;padding:14px 28px;overflow:hidden}.lesson-flow>.back-button{width:fit-content;margin-bottom:6px;display:inline-flex}.lesson-progress-shell{margin-bottom:6px}.learn-card.compact-learn-card,.learn-card{grid-template-rows:auto auto 1fr auto auto;max-width:1040px;height:calc(100vh - 92px);margin:0 auto;padding:18px 28px;display:grid;overflow:hidden}.learn-card h1{color:#14213d;margin:0;font-size:clamp(42px,5vh,68px);line-height:.95}.learn-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr);align-items:stretch;gap:20px;min-height:0;display:grid}.learn-video-panel,.learn-text-panel{grid-template-rows:auto auto;gap:14px;display:grid}.learn-video-panel{grid-template-rows:minmax(0,1fr) auto;gap:14px;display:grid}.lesson-video{object-fit:cover;background:#111;border-radius:28px;width:100%;height:100%;min-height:0;max-height:none;display:block}.learn-info-scroll{background:0 0;border:none;grid-template-columns:1fr;gap:12px;min-height:0;display:grid;overflow:hidden}.meaning-card,.example-card{border-left:2px solid #d7e3f8}.quiz-card,.complete-card{text-align:center;background:#fff;border:3px solid #e8dfcf;border-radius:36px;max-width:760px;margin:0 auto;padding:24px 30px;box-shadow:0 14px #e2d7c3}.learn-card.compact-learn-card,.learn-card{flex-direction:column;height:calc(100vh - 88px);padding:18px 28px;display:flex;overflow:hidden}.lesson-intro-card h1,.learn-card h1,.quiz-card h1,.complete-card h1{color:#14213d;margin:4px 0 10px;font-size:clamp(38px,5vw,62px)}.video-actions{justify-content:center;gap:18px;margin:0;display:flex}.video-button-wrapper{position:relative}.lesson-video-btn{color:#14213d;cursor:pointer;background:#fff;border:3px solid #14213d;border-radius:24px;align-items:center;gap:10px;padding:12px 30px;font-size:18px;font-weight:900;display:inline-flex}.lesson-video-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #14213d29}.lesson-video-btn.active{color:#fff;background:#14213d;box-shadow:0 0 0 6px #fde6bd}.tour-highlight{z-index:10;position:relative;box-shadow:0 0 0 6px #f0b35b59}.meaning-card,.example-card,.inline-tour-card{text-align:left;background:#f6f9ff;border:2px solid #d7e3f8;border-radius:22px;margin:0;padding:18px}.inline-tour-card h2{color:#14213d;margin:2px 0 6px}.inline-tour-card h2,.inline-tour-card p{margin:3px 0}.inline-tour-card button{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:14px;width:100%;padding:9px;font-weight:900}.learn-info-scroll{background:#f6f9ff;border:2px solid #d7e3f8;border-radius:22px;grid-template-columns:1fr 1.4fr;display:grid;overflow:hidden}.meaning-card,.example-card{text-align:left;background:0 0;border:none;margin:0;padding:14px 18px;text-align:left!important;background:0 0!important;border:none!important;flex:none!important;margin:0!important;padding:0!important}.meaning-card p,.example-card p{color:#64748b!important;margin:0 0 .6em!important;font-size:clamp(1rem,1.15vw,1.3rem)!important;font-weight:900!important;line-height:1.2!important}.meaning-card h2,.example-card h2{color:#14213d!important;margin:0!important;font-size:clamp(1.7rem,2.2vw,2.7rem)!important;font-weight:900!important;line-height:1.15!important}.example-card h3{color:#19647e!important;margin:.65em 0 0!important;font-size:clamp(1.4rem,1.75vw,2.1rem)!important;font-weight:1000!important;line-height:1.1!important}.big-green-button{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:20px;width:min(420px,100%);margin:0 auto;padding:14px 22px;font-size:20px;font-weight:900;box-shadow:0 7px #0f4153}.big-green-button:active{transform:translateY(4px);box-shadow:0 3px #46a302}.button-tour-card{display:none}.floating-icon{color:#fff;background:#58cc02;border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto 18px;display:grid;box-shadow:0 8px #46a302}.reward-pill{color:#14213d;background:#ffd166;border-radius:999px;justify-content:center;align-items:center;margin:22px 0;padding:12px 22px;font-size:22px;font-weight:900;display:inline-flex}.reward-pill.huge{padding:18px 34px;font-size:34px}.choice-grid,.picture-choice-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.choice-button,.picture-choice-button{color:#14213d;cursor:pointer;background:#fff;border:3px solid #d7e3f8;border-radius:22px;padding:16px 22px;font-size:24px;font-weight:900}.choice-button:hover{background:#f0ffe8;border-color:#58cc02}.picture-choice-button{padding:14px;position:relative;overflow:hidden}.picture-choice-button img{object-fit:cover;border-radius:18px;width:100%;height:180px;display:block}.picture-choice-button:after{content:"";pointer-events:none;background:#0f172a00;transition:background .15s;position:absolute;inset:0}.picture-choice-button:hover:after{background:#0f172a2e}.picture-choice-button.correct{background:#d7ffb8;border-color:#58cc02;animation:.25s popCorrect}.picture-choice-button.correct:after{background:#58cc0247}.picture-choice-button.wrong{background:#ffe0e0;border-color:#ff4b4b;animation:.25s ease-in-out shake}.picture-choice-button.wrong:after{background:#ff4b4b47}.feedback{border-radius:22px;margin-top:22px;padding:18px;font-size:22px;font-weight:900}.feedback.correct{color:#2f7d00;background:#d7ffb8}.feedback.wrong{color:#b42318;background:#ffe0e0}.challenge-list{gap:12px;margin:24px 0;display:grid}.challenge-list span{color:#14213d;background:#f6f9ff;border:2px solid #d7e3f8;border-radius:18px;padding:16px;font-weight:900}.complete-card{background:linear-gradient(#fff,#fff2bd)}.complete-card svg{color:#ffb703}.camera-teach-card{text-align:center!important;box-sizing:border-box!important;background:#fffdf8!important;border:3px solid #e8dfcf!important;border-radius:38px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:14px!important;width:min(720px,82vw)!important;max-width:none!important;height:calc(100vh - 70px)!important;margin:0 auto!important;padding:34px 46px 40px!important;display:flex!important;overflow:hidden!important;box-shadow:0 10px #e2d7c3!important}.camera-teach-card .eyebrow{color:#5f6b7a!important;letter-spacing:.28em!important;text-transform:uppercase!important;margin:0!important;font-size:16px!important;font-weight:1000!important}.camera-teach-card h1{color:#102a34!important;margin:0!important;font-size:clamp(44px,5vw,62px)!important;font-weight:1000!important;line-height:.95!important}.camera-teach-card>p:not(.eyebrow){color:#5f6b7a!important;max-width:560px!important;margin:0!important;font-size:clamp(18px,2vw,23px)!important;line-height:1.35!important}.camera-demo-box{flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important;max-width:520px!important;display:flex!important}.camera-frame-demo{background:#e6f1ed!important;border:4px solid #19647e!important;border-radius:26px!important;width:100%!important;height:250px!important;position:relative!important;overflow:hidden!important}.demo-head,.demo-body,.demo-hand{display:none!important}.camera-frame-demo{background:#e6f1ed;border:4px solid #19647e;border-radius:26px;justify-content:center;align-items:flex-end;width:100%;height:250px;display:flex;position:relative;overflow:hidden}.camera-guide-character{object-fit:contain;width:auto;height:135%;display:block;transform:translateY(43px)}.demo-tip{color:#102a34!important;text-align:center!important;box-sizing:border-box!important;background:#fff5df!important;border:3px solid #f0d7a8!important;border-radius:22px!important;justify-content:center!important;align-items:center!important;gap:14px!important;width:100%!important;max-width:520px!important;margin:0!important;padding:10px 16px!important;font-size:18px!important;font-weight:1000!important;line-height:1.25!important;display:flex!important}.demo-tip svg{color:#102a34!important;flex-shrink:0!important}.camera-teach-card .big-green-button{color:#fff!important;background:#19647e!important;border:none!important;border-radius:22px!important;width:min(420px,100%)!important;height:64px!important;margin:8px auto 0!important;padding:0!important;font-size:25px!important;font-weight:1000!important;box-shadow:0 8px #0f4153!important}.camera-teach-card .big-green-button:active{transform:translateY(5px)!important;box-shadow:0 3px #0f4153!important}.practice-left-panel{transform:translateY(40px)}@media (height<=800px){.camera-teach-card{gap:9px!important;height:calc(100vh - 69px)!important;padding:24px 42px 28px!important}.camera-teach-card h1{font-size:52px!important}.camera-frame-demo{height:180px!important}.camera-teach-card .big-green-button{height:56px!important;font-size:22px!important}}.camera-back-button{z-index:9999;color:#102a34;cursor:pointer;background:#e6f1ed;border:none;border-radius:20px;padding:18px 30px;font-size:18px;font-weight:1000;position:fixed;top:28px;left:32px;box-shadow:0 6px 18px #00000014}.camera-back-button:hover{transform:translateY(-2px)}.shake{animation:.25s ease-in-out shake}.learn-card.compact-learn-card{grid-template-rows:auto auto minmax(0,1fr) auto!important;height:calc(100vh - 90px)!important;display:grid!important;overflow:hidden!important}.learn-main-grid{grid-template-columns:1.7fr .9fr;gap:20px;min-height:0;display:grid;overflow:hidden}.learn-video-panel{flex-direction:column;min-height:0;display:flex}.learn-text-panel{flex-direction:column;gap:12px;min-height:0;display:flex}.lesson-video{object-fit:cover;flex:1;width:100%;height:100%;min-height:0;max-height:none!important}.learn-info-scroll{flex-direction:column;gap:12px;overflow:hidden;display:flex!important}.meaning-card,.example-card,.inline-tour-card{flex:1}.video-actions,.big-green-button{margin-top:12px}@media (height<=850px){.lesson-video{max-height:340px!important}.learn-card h1{font-size:52px!important}.meaning-card,.example-card,.inline-tour-card{padding:12px!important}}html,body,#root{height:100%;overflow:hidden}body{margin:0;overflow:hidden}.app-shell:not(.lesson-mode),.app-shell:not(.lesson-mode) .main-content{height:100vh;overflow:hidden auto}.app-shell.lesson-mode,.app-shell.lesson-mode .main-content,.app-shell.lesson-mode .lesson-flow{height:100vh;overflow:hidden}.lesson-flow{background:#f7f3ea!important;height:100vh!important;padding:48px 34px 22px!important;overflow:hidden!important}.lesson-flow>.back-button,.lesson-progress-shell{display:none!important}.learn-card.compact-learn-card{border-radius:34px!important;grid-template-rows:104px minmax(0,1fr) 82px!important;gap:18px!important;width:100%!important;height:90vh!important;margin:0 auto!important;padding:30px 44px 28px!important;display:grid!important;position:relative!important;overflow:hidden!important}.learn-card.compact-learn-card:before{display:none!important}.learn-back-button{z-index:30;color:#14213d;cursor:pointer;background:#fff;border:none;border-radius:16px;padding:14px 26px;font-size:18px;font-weight:900;position:absolute;top:34px;left:44px;box-shadow:0 10px 24px #14213d1a}.learn-card.compact-learn-card>.eyebrow,.learn-card.compact-learn-card>h1{text-align:center;position:absolute;left:50%;transform:translate(-50%);display:block!important}.learn-card.compact-learn-card>.eyebrow{color:#d9783d;letter-spacing:.2em;text-transform:uppercase;font-weight:900;top:38px;margin:0!important;font-size:16px!important}.learn-card.compact-learn-card>h1{color:#14213d;font-weight:1000;top:68px;margin:0!important;font-size:72px!important;line-height:.95!important}.learn-main-grid{grid-row:2!important;grid-template-columns:minmax(0,1.8fr) minmax(22rem,1fr)!important;align-items:center!important;gap:clamp(2rem,3vw,4rem)!important;min-height:0!important;display:grid!important;overflow:hidden!important}.video-stage{background:#fff!important;border-radius:26px!important;overflow:hidden!important}.lesson-video{object-fit:contain!important;background:#fff!important;border-radius:26px!important;width:100%!important;height:clamp(390px,52vh,520px)!important}.learn-text-panel{box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;gap:clamp(1.75rem,4vh,3rem)!important;width:100%!important;max-height:100%!important;padding:0 clamp(.5rem,1vw,1.25rem)!important;display:flex!important;overflow:hidden!important}.learn-bottom-controls{grid-row:3!important;grid-template-columns:minmax(0,2.25fr) minmax(330px,.85fr)!important;align-items:center!important;gap:48px!important;width:100%!important;display:grid!important}.learn-bottom-controls>.big-green-button{grid-column:1!important;justify-content:center!important;align-items:center!important;width:100%!important;height:64px!important;margin:0!important;padding:0!important;display:inline-flex!important}.side-video-actions{grid-column:2!important;grid-template-columns:1fr 1fr!important;gap:14px!important;width:100%!important;display:grid!important}.side-video-actions .lesson-video-btn{justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:64px!important;padding:0 12px!important;display:inline-flex!important}.continue-wrapper,.video-actions,.video-button-wrapper{display:none!important}.lesson-intro-card{box-sizing:border-box;background:#fff;border:3px solid #e8dfcf;border-radius:34px;width:min(920px,88vw);min-height:520px;margin:0 auto;padding:56px 64px;box-shadow:0 12px #e2d7c3}.lesson-flow:has(.lesson-start-card){box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100%!important;min-height:100dvh!important;padding:4dvh 4vw!important;display:grid!important;overflow:hidden!important}.lesson-start-card{background:#fffdf8!important;border:.18rem solid #e8dfcf!important;border-radius:clamp(2rem,4vw,3rem)!important;place-items:center!important;width:min(88vw,92rem)!important;height:min(76dvh,42rem)!important;margin:0!important;padding:clamp(2rem,5dvh,4rem) clamp(2rem,5vw,5rem)!important;display:grid!important;box-shadow:0 .8rem #e2d7c3!important}.intro-content{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:min(100%,62rem)!important;display:flex!important}.lesson-start-card{margin-top:0!important;transform:none!important}.intro-back-button{color:#102a34!important;cursor:pointer!important;background:#e6f1ed!important;border:none!important;border-radius:18px!important;padding:12px 22px!important;font-size:17px!important;font-weight:900!important;position:absolute!important;top:28px!important;left:34px!important;box-shadow:0 6px 16px #102a3414!important}.intro-logo{color:#f2b655;background:#0f4153;border-radius:50%;place-items:center;width:132px;height:132px;margin-bottom:34px;font-size:70px;font-weight:900;display:grid;box-shadow:0 10px #082734}.lesson-start-card .eyebrow{color:#d9783d!important;letter-spacing:.24em!important;text-transform:uppercase!important;margin:0 0 18px!important;font-size:18px!important;font-weight:1000!important}.lesson-start-card h1{margin:0 0 18px!important}.lesson-start-card>p:not(.eyebrow){color:#5f6b7a!important;margin:0 0 48px!important;font-size:26px!important;font-weight:500!important}.lesson-start-card .reward-pill{color:#102a34!important;background:#f2b655!important;border-radius:24px!important;height:clamp(3.8rem,7dvh,5rem)!important;margin:0!important;padding:0 34px!important;font-size:clamp(1.1rem,1.7vw,1.7rem)!important;font-weight:1000!important;box-shadow:0 8px #c78227!important}.lesson-start-card .big-green-button{color:#fff!important;background:#19647e!important;border-radius:24px!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-size:26px!important;font-weight:1000!important;box-shadow:0 8px #0f4153!important}.lesson-start-card{margin-top:0!important}.lesson-flow:has(.lesson-start-card){box-sizing:border-box!important;place-items:center!important;height:100dvh!important;padding:3dvh 4vw 5dvh!important;display:grid!important}.lesson-start-card{position:relative!important;top:0!important}.lesson-reference-page .reference-practice-header{transform:translateY(-40%)}.lesson-reference-page .reference-practice-grid{transform:translateY(-10%)}.lesson-reference-page .prediction-box p,.lesson-reference-page .camera-card-right>h2{display:none}.quiz-card{width:min(1050px,92vw)!important;height:auto!important;min-height:0!important;padding:14px 28px 20px!important}.quiz-card .eyebrow{margin:0 0 6px!important}.quiz-card .lesson-video{object-fit:contain!important;border-radius:28px!important;flex-shrink:0!important;width:100%!important;max-width:980px!important;height:min(48vh,400px)!important}.quiz-card .choice-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:980px;display:grid;margin-top:18px!important}.quiz-card .choice-button{height:72px;font-size:24px}.quiz-card h1{margin:0!important;font-size:clamp(52px,4vw,80px)!important;line-height:.95!important}@media (height<=850px){.lesson-video{min-height:340px!important;max-height:430px!important}.learn-card.compact-learn-card{padding-top:18px!important}.learn-card h1{font-size:58px!important}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-6px)}to{transform:translate(0)}}@keyframes popCorrect{0%{transform:scale(1)}60%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes holdPulse{0%,to{box-shadow:0 8px #0f4153,0 0 #19647e4d}50%{box-shadow:0 8px #0f4153,0 0 0 18px #19647e00}}@media (width<=700px){.lesson-flow{padding:12px}.learn-card.compact-learn-card,.learn-card{height:calc(100vh - 78px);padding:16px}.choice-grid,.picture-choice-grid{grid-template-columns:1fr}}.quiz-card{padding-top:14px!important}.quiz-card h1{margin:0!important;font-size:64px!important}.quiz-card .mini-goal{margin:2vh 0 0!important}.quiz-card .choice-grid{margin-top:14px!important}.choice-button.correct{background:#eaffdf!important;border-color:#58cc02!important}.choice-button.wrong{background:#ffe0e0!important;border-color:#ff4b4b!important}.quiz-result-overlay{z-index:999;pointer-events:none;place-items:center;font-size:260px;font-weight:1000;animation:.85s forwards resultGlow;display:grid;position:absolute;inset:0}.quiz-result-overlay.correct{color:#58cc02;text-shadow:0 0 18px #58cc02e6,0 0 45px #58cc02b3,0 0 90px #58cc0273}.quiz-result-overlay.wrong{color:#ff4b4b;text-shadow:0 0 18px #ff4b4be6,0 0 45px #ff4b4bb3,0 0 90px #ff4b4b73}@keyframes resultGlow{0%{opacity:0;transform:scale(.85)}20%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.lesson-title{color:#102a34;font-size:clamp(70px,8vw,112px);font-weight:1000;line-height:.9}.lesson-title-long{font-size:clamp(52px,6vw,82px);line-height:.95}.mission-intro-card .eyebrow{color:#d9783d!important;margin:0 0 14px!important}.mission-intro-card h1{margin:0 0 10px!important;font-size:clamp(48px,5vw,72px)!important}.mission-intro-card>p:not(.eyebrow){color:#102a34!important;margin:0 0 22px!important;font-size:22px!important}.mission-intro-card .challenge-list{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-top:56px!important;display:grid!important}.mission-intro-card .challenge-list span{justify-content:center;align-items:center;min-width:180px;font-weight:900;display:flex;width:auto!important;padding:12px 20px!important;font-size:20px!important}.mission-intro-card .big-green-button{height:62px!important;margin:0 auto!important}.mission-menu-button:hover{transform:translateY(-2px)}:is(.lesson-flow:has(.quiz-card .choice-grid),.lesson-flow:has(.picture-choice-grid)){justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:0!important;display:flex!important}.lesson-flow:has(.picture-choice-grid) .quiz-card{flex-direction:column!important;width:min(1060px,92vw)!important;max-width:none!important;height:calc(100vh - 48px)!important;padding:18px 42px 22px!important;display:flex!important;overflow:hidden!important}.lesson-flow:has(.picture-choice-grid) .quiz-card .eyebrow{margin:0 0 4px!important;font-size:15px!important}.lesson-flow:has(.picture-choice-grid) .quiz-card h1{margin:0!important;font-size:clamp(56px,6vh,82px)!important;line-height:.9!important}.lesson-flow:has(.picture-choice-grid) .quiz-card .mini-goal{margin:8px 0 18px!important;font-size:22px!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-grid{flex:1!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-columns:repeat(2,1fr)!important;gap:18px!important;min-height:0!important;margin:0!important;display:grid!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-button{border-radius:24px!important;height:100%!important;min-height:0!important;padding:8px!important;overflow:hidden!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-button img{object-fit:contain!important;border-radius:18px!important;width:100%!important;height:100%!important}:is(.lesson-flow:has(.quiz-result-overlay),.lesson-flow:has(.quiz-card .choice-grid)){place-items:center!important;width:100%!important;height:100vh!important;margin:0!important;padding:0!important;display:grid!important}.lesson-flow:has(.quiz-card .choice-grid) .quiz-card{flex-direction:column!important;align-items:center!important;width:min(1050px,92vw)!important;max-width:none!important;height:88vh!important;padding:18px 40px 24px!important;display:flex!important;position:relative!important;overflow:hidden!important}.quiz-card .feedback{display:none!important}.quiz-card .lesson-video{object-fit:contain!important;width:100%!important;max-width:720px!important;height:310px!important;min-height:0!important;max-height:310px!important}.quiz-card .choice-grid{gap:18px!important;width:100%!important;max-width:900px!important;margin-top:18px!important}.quiz-card .choice-button{height:76px!important}.lesson-flow:has(.picture-choice-grid) .quiz-card{position:relative!important}.sign-complete-card{background:#fffdf8;border:3px solid #e8dfcf;border-radius:38px;flex-direction:column;gap:26px;width:min(860px,90vw);height:auto;min-height:0;margin:0 auto;padding:42px 54px;display:flex;box-shadow:0 12px #e2d7c3}.sign-complete-top{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2vh;width:100%;display:flex}.sign-complete-icon{color:#f2b655;background:#14213d;border:6px solid #f2b655;border-radius:50%;flex-shrink:0;place-items:center;width:118px;height:118px;display:grid}.sign-complete-copy .eyebrow{color:#d9783d;margin:0 0 8px}.sign-complete-copy h1{color:#14213d;margin:0 0 10px;font-size:78px;line-height:.9}.sign-complete-copy p:not(.eyebrow){color:#64748b;margin:0;font-size:22px}.sign-complete-bottom{justify-content:center;align-items:center;width:100%;display:flex}.completion-stats{gap:16px;display:flex}.stat-card{background:#fff;border:2px solid #d7e3f8;border-radius:20px;width:140px;padding:14px 16px}.stat-card span{color:#64748b;font-weight:900}.stat-card strong{color:#19647e;margin-top:4px;font-size:34px;display:block}.sign-complete-card .reward-pill{color:#102a34;background:#f2b655;height:62px;margin:0;padding:0 32px;box-shadow:0 6px #c78227}.sign-complete-card .big-green-button{width:100%;height:64px;margin:0}.lesson-flow:has(.sign-complete-card){justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:0!important;display:flex!important}.lesson-flow:has(.sign-complete-card){place-items:center!important;padding:0!important;display:grid!important}.sign-complete-card{margin:0 auto!important;transform:none!important}.sign-complete-card .sign-complete-copy h1{font-size:clamp(54px,6vw,78px)!important}.lesson-flow:has(.picture-choice-grid){box-sizing:border-box!important;place-items:center!important;width:100%!important;height:100dvh!important;padding:4dvh 4vw!important;display:grid!important}.lesson-flow:has(.picture-choice-grid) .quiz-card{flex-direction:column!important;justify-content:center!important;width:min(82vw,82rem)!important;height:min(82dvh,48rem)!important;margin:0!important;display:flex!important;transform:none!important}.sign-complete-icon svg{width:72px;height:72px}.sign-complete-bottom{justify-content:center;display:flex}.sign-complete-bottom .reward-pill{color:#14213d;background:#f2c96d;border-radius:48px;height:96px;margin:0;padding:0 54px;font-size:42px;font-weight:1000;box-shadow:0 8px #c58d2d}.lesson-finish-card{width:min(1120px,92vw);padding:42px 60px}.lesson-finish-header{flex-direction:column;align-items:center;gap:14px;display:flex}.lesson-finish-header .eyebrow{color:#d9783d;letter-spacing:.22em;margin:0;font-size:18px;font-weight:1000}.lesson-finish-card h1{text-align:center;color:#14213d;margin:0;font-size:clamp(64px,7vw,110px);line-height:.9}.lesson-finish-subtitle{text-align:center;color:#64748b;margin:0;font-size:28px}.lesson-finish-reward-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;margin:12px 0;display:flex}.lesson-finish-text{color:#14213d;font-size:26px;font-weight:700}.lesson-finish-card .reward-pill{margin:0}.unit-complete-card{text-align:center;background:#fffdf8;border:3px solid #e8dfcf;border-radius:44px;flex-direction:column;justify-content:center;align-items:center;width:min(900px,82vw);min-height:480px;margin:0 auto;padding:30px 50px 40px;display:flex;box-shadow:0 12px #e2d7c3}.unit-complete-trophy{color:#f2b655;place-items:center;width:150px;height:150px;margin-bottom:10px;display:grid}.unit-complete-card .eyebrow{color:#d9783d;letter-spacing:.22em;margin:0 0 18px;font-size:18px;font-weight:1000}.unit-complete-card h1{color:#14213d;margin:0 0 36px;font-size:clamp(52px,5vw,82px);font-weight:1000;line-height:.92}.unit-complete-actions{align-items:center;gap:22px;display:flex}.unit-complete-actions .reward-pill{white-space:nowrap;color:#14213d;background:#f2c95d;height:88px;margin:0;padding:0 56px;font-size:30px;font-weight:1000;box-shadow:0 8px #c79b29}.unit-complete-actions .big-green-button{border-radius:28px;width:620px;height:88px;margin:0;font-size:34px;font-weight:1000}.video-tour-overlay{z-index:99999;background:#00000073;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;inset:0}.video-tour-popover{text-align:left;background:#fff;border:3px solid #d7e3f8;border-radius:24px;width:340px;padding:22px;position:absolute;box-shadow:0 18px 40px #00000038}.video-tour-popover.point-loop{bottom:25%;right:25%}.video-tour-popover.point-slow{bottom:25%;right:10%}.video-tour-popover:after{content:"";border-top:22px solid #fff;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:absolute;bottom:-22px}.video-tour-popover.point-loop:after,.video-tour-popover.point-slow:after{right:82px}.video-tour-popover h2{color:#14213d;margin:4px 0 8px;font-size:32px}.video-tour-popover p{color:#253041;margin:0 0 14px;font-size:19px;line-height:1.35}.video-tour-popover button{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:16px;width:100%;height:48px;font-size:18px;font-weight:900}.side-video-actions .lesson-video-btn{z-index:90;position:relative}.lesson-flow{box-sizing:border-box!important;place-items:center!important;width:100vw!important;height:100dvh!important;padding:clamp(18px,3vw,56px)!important;display:grid!important;overflow:hidden!important}.lesson-start-card{box-sizing:border-box!important;border-radius:clamp(28px,3vw,48px)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:min(90vw,1450px)!important;height:min(82dvh,720px)!important;padding:clamp(28px,4vw,64px)!important;display:flex!important}.intro-logo,.lesson-start-card .eyebrow,.lesson-title,.lesson-start-card>p:not(.eyebrow),.intro-actions{margin-left:auto!important;margin-right:auto!important}.intro-back-button{padding:clamp(10px,1.2vw,16px) clamp(18px,2vw,30px)!important;font-size:clamp(15px,1.1vw,20px)!important;position:absolute!important;top:clamp(20px,3vw,38px)!important;left:clamp(22px,4vw,56px)!important}.intro-logo{width:clamp(95px,9vw,150px)!important;height:clamp(95px,9vw,150px)!important;margin-bottom:clamp(22px,3vw,42px)!important;font-size:clamp(48px,5vw,78px)!important}.lesson-start-card .eyebrow{margin-bottom:clamp(12px,1.5vw,22px)!important;font-size:clamp(14px,1.1vw,20px)!important}.lesson-title{font-size:clamp(54px,6vw,96px)!important;line-height:.92!important}.lesson-start-card>p:not(.eyebrow){margin-bottom:clamp(32px,4vw,62px)!important;font-size:clamp(20px,2vw,32px)!important}.intro-actions{grid-template-columns:.85fr 1.35fr!important;gap:clamp(14px,2vw,28px)!important;width:min(760px,70vw)!important;display:grid!important}.lesson-start-card .reward-pill,.lesson-start-card .big-green-button{border-radius:clamp(18px,2vw,28px)!important;width:100%!important;height:clamp(58px,6vh,82px)!important;font-size:clamp(20px,1.8vw,30px)!important}@media (height<=760px){.lesson-start-card{height:86dvh!important;padding-top:26px!important;padding-bottom:26px!important}.intro-logo{margin-bottom:18px!important}.lesson-start-card>p:not(.eyebrow){margin-bottom:32px!important}}@media (width<=850px){.intro-actions{grid-template-columns:1fr!important;width:min(460px,82vw)!important}.lesson-start-card{height:auto!important;min-height:82dvh!important}}.lesson-start-card{place-items:center!important;display:grid!important;position:relative!important}.intro-content{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:920px!important;margin:0 auto!important;display:flex!important}.intro-back-button{position:absolute!important}.lesson-flow:has(.lesson-start-card){box-sizing:border-box!important;place-items:center!important;width:100%!important;height:100%!important;padding:clamp(20px,3vw,56px)!important;display:grid!important}.lesson-start-card{place-items:center!important;width:min(90vw,1450px)!important;height:min(82dvh,720px)!important;margin:0 auto!important;display:grid!important;position:relative!important}.intro-content{text-align:center!important;flex-direction:column!important;align-items:center!important;width:min(920px,100%)!important;margin:0 auto!important;display:flex!important}.intro-back-button{position:absolute!important;top:clamp(22px,3vw,38px)!important;left:clamp(24px,4vw,56px)!important}.learn-card.compact-learn-card{width:88vw!important;max-width:88vw!important;margin-left:auto!important;margin-right:auto!important;transform:none!important}.lesson-video-btn.active{color:#fff;background:#14213d}.lesson-video-btn.tour-active{border-color:#f2b655;box-shadow:0 0 0 6px #fde6bd}.video-tour-overlay~.learn-card .lesson-video-btn:not(.tour-active){opacity:.4}.lesson-flow:has(.sign-complete-card){background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:grid!important;position:fixed!important;inset:0!important;overflow:hidden!important}.sign-complete-card{text-align:center!important;background:linear-gradient(#fffdf8 0%,#fff 100%)!important;border:4px solid #e8dfcf!important;border-radius:44px!important;grid-template-rows:auto auto auto!important;align-content:center!important;place-items:center!important;gap:clamp(26px,4vh,38px)!important;width:min(920px,88vw)!important;min-height:min(560px,72dvh)!important;margin:0!important;padding:clamp(34px,5vh,56px) clamp(40px,6vw,76px)!important;display:grid!important;box-shadow:0 14px #e2d7c3!important}.sign-complete-top{text-align:left!important;justify-content:center!important;align-items:center!important;gap:clamp(28px,4vw,46px)!important;width:fit-content!important;margin:0 auto!important;display:flex!important}.sign-complete-bottom{place-items:center!important;width:100%!important;display:grid!important}.sign-complete-card .big-green-button{width:100%!important;max-width:760px!important;margin:0 auto!important}.lesson-flow:has(.mission-intro-card){padding:0;box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;display:grid!important;overflow:hidden!important}.mission-intro-card{box-sizing:border-box!important;text-align:center!important;background:#fffdf8!important;border:3px solid #e8dfcf!important;border-radius:clamp(28px,3vw,48px)!important;place-items:center!important;width:min(90vw,1450px)!important;height:min(82dvh,720px)!important;margin:0 auto!important;padding:clamp(28px,4vw,64px)!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px #e2d7c3!important}.mission-menu-button{color:#102a34!important;cursor:pointer!important;background:#e6f1ed!important;border:none!important;border-radius:clamp(16px,1.5vw,22px)!important;padding:clamp(10px,1.2vw,16px) clamp(18px,2vw,30px)!important;font-size:clamp(15px,1.1vw,20px)!important;font-weight:900!important;position:absolute!important;top:clamp(22px,3vw,38px)!important;left:clamp(24px,4vw,56px)!important;box-shadow:0 .8em 1.8em #102a3414!important}.mission-intro-card .floating-icon{width:clamp(6rem,8vw,9rem);height:clamp(6rem,8vw,9rem);color:#f2b655!important;background:#0f4153!important;margin:0 auto clamp(22px,3vw,42px)!important;box-shadow:0 10px #082734!important}.mission-intro-card .floating-icon svg{width:52%!important;height:52%!important}.mission-intro-card .eyebrow{color:#d9783d!important;letter-spacing:.24em!important;text-transform:uppercase!important;margin:0 0 clamp(12px,1.5vw,22px)!important;font-size:clamp(14px,1.1vw,20px)!important;font-weight:1000!important}.mission-intro-card h1{color:#14213d!important;text-align:center!important;margin:0 0 clamp(14px,1.6vw,22px)!important;font-size:clamp(54px,6vw,96px)!important;font-weight:1000!important;line-height:.92!important}.mission-intro-card>p:not(.eyebrow){color:#102a34!important;text-align:center!important;margin:0!important;font-size:clamp(20px,2vw,32px)!important;font-weight:500!important}.mission-intro-card .challenge-list{display:none!important}.mission-intro-card .reward-pill,.mission-intro-card .big-green-button{border-radius:clamp(18px,2vw,28px)!important;height:clamp(58px,6vh,82px)!important;margin:0!important;font-size:clamp(20px,1.8vw,30px)!important;font-weight:1000!important;position:static!important}.mission-intro-card .reward-pill{color:#102a34!important;background:#f2b655!important;width:100%!important;padding:0 clamp(22px,3vw,38px)!important;box-shadow:0 8px #c78227!important}.mission-intro-card .big-green-button{width:100%!important;padding:0!important}.mission-intro-card h1,.mission-intro-card>p:not(.eyebrow){grid-row:auto!important}.mission-intro-card .reward-pill,.mission-intro-card .big-green-button{align-self:center!important;transform:translateY(0)!important}.mission-actions{grid-template-columns:.8fr 1.3fr;align-items:center;gap:1.5vw;width:min(70vw,52rem);margin-top:5dvh;display:grid}.mission-actions .reward-pill,.mission-actions .big-green-button{width:100%!important;height:clamp(58px,6dvh,82px)!important;margin:0!important;position:static!important}.mission-actions .reward-pill{font-size:clamp(18px,1.6vw,26px)!important}.mission-actions .big-green-button{font-size:clamp(22px,2vw,30px)!important}.mission-intro-card .reward-pill,.mission-intro-card .big-green-button{justify-self:unset!important}.lesson-flow:has(.mission-intro-card){justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important}.mission-intro-card{margin:auto!important;transform:none!important}.lesson-flow:has(.lesson-start-card){box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:3dvh 4vw!important;display:grid!important;position:fixed!important;inset:0!important;overflow:hidden!important}.lesson-start-card{width:min(90vw,1450px)!important;height:min(82dvh,720px)!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.lesson-flow:has(.unit-complete-card){box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:grid!important;overflow:hidden!important;transform:translate(-5dvh,-5dvh)!important}.unit-complete-card{box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:min(72vw,72rem)!important;min-height:min(72dvh,42rem)!important;margin:0!important;display:flex!important;transform:none!important}.unit-complete-trophy{color:#f2b655!important;background:#14213d!important;border-radius:50%!important;place-items:center!important;width:clamp(6rem,10dvh,9rem)!important;height:clamp(6rem,10dvh,9rem)!important;margin:0 auto 3dvh!important;display:grid!important;box-shadow:0 .8dvh #0d162e!important}.unit-complete-trophy svg{width:52%!important;height:52%!important}.lesson-flow:has(.quiz-card .lesson-video) .quiz-card{transform:translateY(-5dvh)!important}.lesson-flow:has(.camera-teach-card){place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:grid!important;transform:translateY(5dvh)!important}.camera-teach-card{margin:0 auto!important}button{transition:transform .18s,box-shadow .18s}button:hover:not(:disabled){transform:translateY(-.2rem)}button:active:not(:disabled){transform:translateY(.1rem)}.mission-intro-card .big-green-button:hover:not(:disabled){transform:translateY(-.2rem)!important;box-shadow:0 12px #0f4153!important}.mission-intro-card .big-green-button:active:not(:disabled){transform:translateY(.1rem)!important}.lesson-flow:has(.learn-card.compact-learn-card){transform:translate(-2rem,-3rem)!important}.lesson-flow:has(.lesson-start-card){box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:4dvh 5vw!important;display:grid!important;position:fixed!important;inset:0!important;overflow:hidden!important;transform:none!important}.lesson-start-card{box-sizing:border-box!important;background:#fffdf8!important;border:.18rem solid #e8dfcf!important;border-radius:3rem!important;place-items:center!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:5dvh 6vw!important;display:grid!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;box-shadow:0 1.2dvh #e2d7c3!important}.intro-content{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:min(75vw,60rem)!important;height:auto!important;margin:0 auto!important;display:flex!important}.intro-logo{aspect-ratio:1!important;width:clamp(6rem,9vw,9rem)!important;height:auto!important;margin:0 0 4dvh!important;font-size:clamp(3rem,5vw,5rem)!important}.lesson-start-card .eyebrow{margin:0 0 2dvh!important;font-size:clamp(.9rem,1.25vw,1.25rem)!important}.lesson-start-card .lesson-title{margin:0 0 2.5dvh!important;font-size:clamp(3.5rem,6vw,6.5rem)!important;line-height:.95!important}.lesson-start-card .intro-content>p:not(.eyebrow){color:#5f6b7a!important;margin:0 0 4dvh!important;font-size:clamp(1.15rem,1.6vw,1.75rem)!important;font-weight:500!important;line-height:1.4!important}.intro-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important;align-items:stretch!important;gap:2vw!important;width:min(65vw,52rem)!important;display:grid!important}.lesson-start-card .reward-pill,.lesson-start-card .big-green-button{box-sizing:border-box!important;white-space:nowrap!important;justify-content:center!important;align-items:center!important;width:100%!important;height:clamp(3.75rem,7dvh,5rem)!important;margin:0!important;font-size:clamp(1.15rem,1.6vw,1.75rem)!important;line-height:1!important;display:flex!important}.intro-back-button{padding:.8rem 1.5rem!important;font-size:clamp(.95rem,1.1vw,1.2rem)!important;position:absolute!important;top:4dvh!important;left:3vw!important}.lesson-flow:has(.quiz-card>.lesson-video){box-sizing:border-box!important;background:#f7f3ea!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:3dvh 3vw!important;display:grid!important;overflow:hidden!important;transform:none!important}.lesson-flow:has(.quiz-card>.lesson-video) .quiz-card{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:2.5dvh 4vw 3dvh!important;display:flex!important;overflow:hidden!important;transform:none!important}.lesson-flow:has(.quiz-card>.lesson-video) .quiz-card .eyebrow{margin:0 0 1dvh!important;font-size:clamp(.8rem,1vw,1.1rem)!important}.lesson-flow:has(.quiz-card>.lesson-video) .quiz-card h1{margin:0!important;font-size:clamp(3rem,5vw,5.5rem)!important;line-height:1!important}.lesson-flow:has(.quiz-card>.lesson-video) .quiz-card .mini-goal{margin:1.5dvh 0!important;font-size:clamp(1rem,1.3vw,1.4rem)!important}.lesson-flow:has(.quiz-card>.lesson-video) .quiz-card>.lesson-video{object-fit:contain!important;flex:0 auto!important;width:min(70vw,100%)!important;max-width:none!important;height:48dvh!important;min-height:0!important;max-height:none!important}.lesson-flow:has(.quiz-card>.lesson-video) .choice-grid{grid-template-columns:1fr 1fr!important;gap:2vw!important;width:min(80vw,100%)!important;margin:2dvh 0 0!important;display:grid!important}.lesson-flow:has(.quiz-card>.lesson-video) .choice-button{width:100%!important;height:8dvh!important;min-height:3.5rem!important;font-size:clamp(1.1rem,1.5vw,1.6rem)!important}.video-quiz-menu-button{z-index:1000!important;color:#14213d!important;cursor:pointer!important;background:#fff!important;border:none!important;border-radius:1.2rem!important;padding:.9rem 1.6rem!important;font-size:clamp(.95rem,1.1vw,1.2rem)!important;font-weight:900!important;position:fixed!important;top:3dvh!important;left:3vw!important;box-shadow:0 .6rem 1.5rem #14213d1a!important}.video-quiz-menu-button:hover{transform:translateY(-.15rem)!important}.quiz-mastery-progress{color:#102a34!important;background:#e6f1ed!important;border-radius:999rem!important;justify-content:center!important;align-items:center!important;min-width:5.5rem!important;margin:1.2dvh 0 1.8dvh!important;padding:.55rem 1.2rem!important;font-size:clamp(1.05rem,1.4vw,1.45rem)!important;font-weight:1000!important;display:inline-flex!important}.video-quiz-card .choice-grid{grid-template-columns:1fr 1fr!important}.video-quiz-card .choice-button:first-child{grid-column:1!important}.video-quiz-card .choice-button:last-child{grid-column:2!important}.learn-text-panel .meaning-card p,.learn-text-panel .example-card p{margin:0 0 .55rem!important;font-size:clamp(.9rem,1vw,1.05rem)!important;line-height:1.2!important}.learn-text-panel .meaning-card h2,.learn-text-panel .example-card h2{margin:0!important;font-size:clamp(1.25rem,1.55vw,1.65rem)!important;line-height:1.2!important}.learn-text-panel .example-card h3{margin:.65rem 0 0!important;font-size:clamp(1.15rem,1.35vw,1.5rem)!important;line-height:1.1!important}.learn-text-panel{justify-content:center!important;gap:clamp(1.75rem,4vh,3rem)!important}.picture-choice-card .picture-mastery-progress{color:#102a34!important;background:#e6f1ed!important;border-radius:999rem!important;justify-content:center!important;align-items:center!important;width:fit-content!important;min-width:4.5rem!important;max-width:none!important;margin:.6rem auto 1rem!important;padding:.5rem 1rem!important;font-size:clamp(1rem,1.25vw,1.3rem)!important;font-weight:1000!important;line-height:1!important;display:flex!important}@media (width<=768px){.lesson-flow{width:100%;max-width:100%;padding:1rem;overflow-x:hidden}.learn-main-grid{grid-template-columns:1fr}.lesson-video{width:100%;height:auto;max-height:45vh}.choice-grid,.picture-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-button,.picture-choice-button,.big-green-button{min-height:48px}.lesson-intro-card,.learn-card,.quiz-card,.sign-complete-card,.unit-complete-card{width:100%;max-width:100%}}@media (width<=480px){.choice-grid,.picture-choice-grid{grid-template-columns:1fr 1fr;gap:.65rem}}@media (width<=768px){.app-shell.lesson-mode,.app-shell.lesson-mode .main-content{width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:visible!important}.lesson-flow{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:1rem!important;position:relative!important;overflow:hidden auto!important;transform:none!important}.lesson-flow:has(.lesson-start-card){justify-content:center!important;align-items:flex-start!important;width:100%!important;height:100dvh!important;padding:1rem!important;display:flex!important;position:relative!important;inset:auto!important;overflow-y:auto!important;transform:none!important}.lesson-start-card{border-radius:2rem!important;flex-direction:column!important;justify-content:center!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:calc(100dvh - 2rem)!important;max-height:none!important;margin:0 auto!important;padding:6.5rem 1.25rem 2rem!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;overflow:visible!important;transform:none!important}.intro-content{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0!important;display:flex!important}.intro-logo{width:6.5rem!important;height:6.5rem!important;margin:0 0 1.75rem!important;font-size:3.5rem!important}.lesson-start-card .eyebrow{letter-spacing:.2em!important;margin:0 0 1rem!important;font-size:.9rem!important}.lesson-start-card .lesson-title,.lesson-start-card .lesson-title-long{white-space:normal!important;overflow-wrap:normal!important;margin:0 0 1.25rem!important;font-size:clamp(2.7rem,12vw,4rem)!important;line-height:.95!important}.lesson-start-card .intro-content>p:not(.eyebrow){max-width:25rem!important;margin:0 0 2rem!important;font-size:1.15rem!important;line-height:1.4!important}.intro-actions{flex-direction:column!important;gap:1rem!important;width:100%!important;max-width:24rem!important;display:flex!important}.lesson-start-card .reward-pill,.lesson-start-card .big-green-button{white-space:normal!important;width:100%!important;height:3.75rem!important;min-height:3.75rem!important;margin:0!important;font-size:1.2rem!important}.intro-back-button{z-index:20!important;width:auto!important;padding:.8rem 1.15rem!important;font-size:1rem!important;position:absolute!important;top:1.25rem!important;left:1.25rem!important}.lesson-flow:has(.camera-teach-card){width:100%!important;height:100dvh!important;padding:5.5rem 1rem 2rem!important;display:block!important;position:relative!important;overflow:hidden auto!important;transform:none!important}.camera-back-button{z-index:50!important;width:auto!important;padding:.8rem 1.15rem!important;font-size:1rem!important;position:absolute!important;top:1rem!important;left:1rem!important}.camera-teach-card{border-radius:2rem!important;justify-content:flex-start!important;gap:.9rem!important;width:100%!important;max-width:32rem!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto 2rem!important;padding:1.5rem 1rem 1.75rem!important;overflow:visible!important;transform:none!important}.camera-teach-card .eyebrow{letter-spacing:.18em!important;font-size:.8rem!important}.camera-teach-card h1{font-size:clamp(2.25rem,10vw,3.25rem)!important;line-height:1!important}.camera-teach-card>p:not(.eyebrow){width:100%!important;max-width:26rem!important;font-size:1.05rem!important;line-height:1.45!important}.camera-demo-box{gap:1rem!important;width:100%!important;max-width:27rem!important}.camera-frame-demo{aspect-ratio:4/3!important;border-width:3px!important;border-radius:1.5rem!important;width:100%!important;height:auto!important;max-height:none!important}.camera-guide-character{width:auto!important;height:125%!important;transform:translateY(1.2rem)!important}.demo-tip{border-radius:1.4rem!important;gap:.75rem!important;width:100%!important;padding:1rem!important;font-size:1rem!important;line-height:1.35!important}.demo-tip span{min-width:0!important}.camera-teach-card .big-green-button{width:100%!important;max-width:27rem!important;height:3.75rem!important;margin:.5rem auto 0!important;font-size:1.2rem!important}.lesson-flow:has(.learn-card.compact-learn-card){height:auto!important;min-height:100dvh!important;padding:.75rem!important;display:block!important;overflow:visible!important;transform:none!important}.learn-card.compact-learn-card{box-sizing:border-box!important;flex-direction:column!important;gap:.65rem!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:1rem!important;display:flex!important;position:relative!important;overflow:visible!important}.learn-back-button{align-self:flex-start;min-height:44px;margin:0!important;padding:.65rem .9rem!important;font-size:.9rem!important;position:static!important;transform:none!important}.learn-card.compact-learn-card>.eyebrow{margin:0!important;font-size:.8rem!important;position:static!important;transform:none!important}.learn-card.compact-learn-card>h1{overflow-wrap:anywhere;margin:0!important;font-size:clamp(2rem,8vw,3rem)!important;line-height:1.05!important;position:static!important;transform:none!important}.learn-main-grid,.learn-bottom-controls{display:contents!important}.learn-video-panel{order:1;width:100%!important;min-height:0!important;display:block!important}.learn-video-panel .video-stage{aspect-ratio:auto!important;width:100%!important;height:clamp(10rem,27dvh,16rem)!important;min-height:0!important;overflow:hidden!important}.learn-video-panel .lesson-video{object-fit:contain!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;display:block!important}.learn-bottom-controls .side-video-actions{order:2;justify-content:center;gap:.5rem!important;width:100%!important;margin:0!important;display:flex!important}.side-video-actions .lesson-video-btn{min-width:6rem;justify-content:center!important;min-height:44px!important;margin:0!important;padding:.5rem 1rem!important;font-size:.95rem!important}.learn-text-panel{order:3;text-align:center!important;flex-direction:column!important;gap:.65rem!important;width:100%!important;padding:0!important;display:flex!important;overflow:visible!important}.learn-text-panel .meaning-card,.learn-text-panel .example-card{box-sizing:border-box;text-align:center!important;background:0 0!important;border:none!important;width:100%!important;margin:0!important;padding:0!important}.learn-text-panel .meaning-card p,.learn-text-panel .example-card p{margin:0 0 .25rem!important;font-size:.9rem!important;line-height:1.25!important}.learn-text-panel .meaning-card h2,.learn-text-panel .example-card h2,.learn-text-panel .example-card h3{margin:0!important;font-size:1.05rem!important;line-height:1.3!important}.learn-text-panel .example-card h3{margin-top:.3rem!important}.learn-bottom-controls>.big-green-button{order:4;width:100%!important;height:auto!important;min-height:3rem!important;margin:.25rem 0 0!important;padding:.75rem!important;font-size:1.1rem!important}.quiz-card,.picture-choice-card,.video-quiz-card{border-radius:2rem!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:0!important;margin:4.5rem auto 2rem!important;padding:1.25rem!important;overflow:visible!important;transform:none!important}.quiz-card h1{font-size:clamp(2.3rem,10vw,3.5rem)!important}.choice-grid,.picture-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;width:100%!important;display:grid!important}.choice-button,.picture-choice-button{min-width:0!important;min-height:4rem!important;padding:.75rem!important}.picture-choice-button img{object-fit:contain!important;width:100%!important;height:auto!important}.video-quiz-menu-button{z-index:30!important;position:absolute!important;top:1rem!important;left:1rem!important}.video-tour-overlay,.control-tour-overlay{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;padding:1rem!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.video-tour-popover,.video-tour-popover.point-loop,.video-tour-popover.point-slow,.control-tour-card{box-sizing:border-box;max-height:calc(100dvh - 2rem);overflow-y:auto;border-radius:1.5rem!important;width:100%!important;max-width:22rem!important;margin:0!important;padding:1.25rem!important;position:relative!important;inset:auto!important;transform:none!important}.video-tour-popover:after,.control-tour-card:after,.tour-arrow{display:none!important}.video-tour-popover h2,.control-tour-card h2{font-size:1.75rem!important}.video-tour-popover p,.control-tour-card p{font-size:1rem!important;line-height:1.4!important}.video-tour-popover button,.control-tour-card button{width:100%!important;min-height:3.25rem!important;font-size:1rem!important}.cv-intro-card{width:100%!important;max-width:34rem!important;height:auto!important;min-height:0!important;margin:1rem auto 2rem!important;padding:1.5rem 1rem!important;overflow:visible!important}.cv-tips{grid-template-columns:1fr!important;gap:.75rem!important;width:100%!important;display:grid!important}.cv-tip{width:100%!important;padding:1rem!important}.lesson-flow:has(.unit-complete-card){width:100%!important;height:auto!important;min-height:100dvh!important;padding:1rem!important;overflow:visible!important;transform:none!important}.unit-complete-card{width:100%!important;max-width:32rem!important;min-height:0!important;padding:1.5rem 1rem!important}.unit-complete-card h1{overflow-wrap:anywhere;margin-bottom:1.5rem;font-size:clamp(2rem,9vw,3rem);line-height:1.05}.unit-complete-actions{flex-direction:column;gap:1.25rem;width:100%}.unit-complete-actions .reward-pill{max-width:100%;height:auto;padding:.75rem 1.5rem;font-size:1.8rem}.unit-complete-actions .big-green-button{width:100%;height:auto;min-height:3.5rem;padding:.75rem;font-size:1.2rem}.lesson-flow:has(.lesson-finish-card){box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:1rem!important;display:flex!important;overflow:hidden auto!important;transform:none!important}.lesson-finish-card.sign-complete-card{box-sizing:border-box!important;border-radius:2rem!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:1.5rem!important;width:100%!important;max-width:32rem!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:1.75rem 1.25rem 2rem!important;display:flex!important;overflow:hidden!important;transform:none!important}.lesson-finish-header{flex-direction:column!important;align-items:center!important;gap:.9rem!important;width:100%!important;display:flex!important}.lesson-finish-card .sign-complete-icon{border-width:.3rem!important;width:6.5rem!important;height:6.5rem!important;margin:0!important}.lesson-finish-card .sign-complete-icon svg{width:3.6rem!important;height:3.6rem!important}.lesson-finish-header .eyebrow{letter-spacing:.19em!important;text-align:center!important;margin:0!important;font-size:.9rem!important}.lesson-finish-card h1{text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:clamp(2.7rem,12vw,3.8rem)!important;line-height:.95!important}.lesson-finish-reward-row{justify-content:center!important;width:100%!important;margin:0!important;display:flex!important}.lesson-finish-card .reward-pill.huge{border-radius:2rem!important;justify-content:center!important;align-items:center!important;width:auto!important;height:4rem!important;margin:0!important;padding:0 2rem!important;font-size:1.8rem!important;line-height:1!important;display:flex!important}.lesson-finish-card .big-green-button{border-radius:1.25rem!important;width:100%!important;max-width:26rem!important;height:3.75rem!important;min-height:3.75rem!important;margin:0!important;padding:0 1rem!important;font-size:1.25rem!important}.side-video-actions{gap:.5rem!important}.lesson-video-btn{border-radius:.9rem!important;gap:.4rem!important;height:3rem!important;min-height:3rem!important;padding:.5rem .9rem!important;font-size:.95rem!important}.lesson-video-btn svg{width:1.2rem!important;height:1.2rem!important}.learn-bottom-controls .big-green-button{border-radius:1rem!important;height:3.4rem!important;min-height:3.4rem!important;padding:.55rem 1rem!important;font-size:1.05rem!important}.learn-bottom-controls .big-green-button svg{width:1.25rem!important;height:1.25rem!important}.video-quiz-menu-button{z-index:auto!important;border-radius:.9rem!important;align-self:flex-start!important;width:auto!important;min-width:0!important;margin:.65rem 0 .5rem .65rem!important;padding:.7rem 1rem!important;font-size:.9rem!important;position:static!important;transform:none!important}.video-quiz-menu-button:hover{transform:none!important}.video-quiz-card{margin-top:0!important}.lesson-flow:has(.mission-intro-card){box-sizing:border-box!important;background:#f7f3ea!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:.75rem .75rem 1.5rem!important;display:flex!important;overflow:hidden visible!important}.mission-intro-card{box-sizing:border-box!important;text-align:center!important;border-radius:2rem!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:calc(100dvh - 1.5rem)!important;max-height:none!important;margin:0 auto!important;padding:1rem 1rem 1.75rem!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:none!important}.mission-menu-button{white-space:nowrap!important;border-radius:1rem!important;align-self:flex-start!important;width:auto!important;min-width:0!important;min-height:2.8rem!important;margin:0 0 1.25rem!important;padding:.65rem .9rem!important;font-size:.9rem!important;line-height:1!important;position:static!important;transform:none!important;box-shadow:0 .35rem .9rem #102a3412!important}.mission-menu-button:hover{transform:none!important}.mission-intro-card .floating-icon{flex:0 0 6.2rem!important;width:6.2rem!important;height:6.2rem!important;margin:0 auto 1.6rem!important;box-shadow:0 .5rem #082734!important}.mission-intro-card .floating-icon svg{width:52%!important;height:52%!important}.mission-intro-card .eyebrow{letter-spacing:.2em!important;text-align:center!important;margin:0 0 .8rem!important;font-size:.78rem!important;line-height:1.2!important}.mission-intro-card h1{text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto .9rem!important;font-size:clamp(2.75rem,12vw,4rem)!important;line-height:.9!important}.mission-intro-card>p:not(.eyebrow){text-align:center!important;width:100%!important;max-width:25rem!important;margin:0 auto 1.75rem!important;font-size:1.05rem!important;line-height:1.35!important}.mission-intro-card .challenge-list{display:none!important}.mission-actions{flex-direction:column!important;align-items:stretch!important;gap:.8rem!important;width:100%!important;max-width:25rem!important;margin:0 auto!important;display:flex!important}.mission-actions .reward-pill,.mission-intro-card .reward-pill{text-align:center!important;white-space:normal!important;box-sizing:border-box!important;border-radius:1rem!important;justify-content:center!important;align-self:center!important;align-items:center!important;width:auto!important;min-width:8.5rem!important;height:auto!important;min-height:3.2rem!important;margin:0 auto!important;padding:.6rem 1.1rem!important;font-size:1rem!important;line-height:1.05!important;display:inline-flex!important;position:static!important;transform:none!important;box-shadow:0 .35rem #c78227!important}.mission-actions .big-green-button,.mission-intro-card .big-green-button{white-space:nowrap!important;text-align:center!important;box-sizing:border-box!important;border-radius:1.2rem!important;justify-content:center!important;align-items:center!important;width:100%!important;height:4rem!important;min-height:4rem!important;margin:0!important;padding:.65rem 1rem!important;font-size:1.2rem!important;line-height:1!important;display:flex!important;position:static!important;transform:none!important}}@media (width<=390px){.mission-intro-card{padding:.8rem .8rem 1.4rem!important}.mission-intro-card .floating-icon{flex-basis:5.5rem!important;width:5.5rem!important;height:5.5rem!important;margin-bottom:1.35rem!important}.mission-intro-card h1{font-size:clamp(2.5rem,12vw,3.4rem)!important}.mission-intro-card>p:not(.eyebrow){font-size:.95rem!important}.mission-menu-button{font-size:.82rem!important}}@media (width<=768px){.lesson-flow:has(.mission-intro-card){box-sizing:border-box!important;background:#f7f3ea!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:1rem!important;display:flex!important;position:relative!important;overflow:hidden auto!important}.mission-intro-card{box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:calc(100dvh - 2rem)!important;max-height:none!important;margin:0 auto!important;padding:5.5rem 1.25rem 2rem!important;display:flex!important;position:relative!important;inset:auto!important;overflow:visible!important;transform:none!important}.mission-menu-button{z-index:20!important;border-radius:1rem!important;width:auto!important;margin:0!important;padding:.8rem 1.15rem!important;font-size:1rem!important;position:absolute!important;top:1.25rem!important;left:1.25rem!important;transform:none!important}.mission-intro-card .floating-icon{flex:0 0 6.5rem!important;width:6.5rem!important;height:6.5rem!important;margin:0 auto 1.75rem!important}.mission-intro-card .eyebrow{letter-spacing:.2em!important;text-align:center!important;width:100%!important;margin:0 0 1rem!important;font-size:.9rem!important}.mission-intro-card h1{text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;width:100%!important;max-width:100%!important;margin:0 0 1.25rem!important;font-size:clamp(2.7rem,11vw,4rem)!important;line-height:.95!important}.mission-intro-card>p:not(.eyebrow){text-align:center!important;width:100%!important;max-width:25rem!important;margin:0 0 2rem!important;font-size:1.15rem!important;line-height:1.4!important}.mission-intro-card .challenge-list{display:none!important}.mission-actions{flex-direction:column!important;align-items:center!important;gap:1rem!important;width:100%!important;max-width:24rem!important;margin:0 auto!important;display:flex!important}.mission-actions .reward-pill{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:9rem!important;height:auto!important;min-height:3.5rem!important;margin:0 auto!important;padding:.65rem 1.2rem!important;font-size:1rem!important;display:flex!important;position:static!important;transform:none!important}.mission-actions .big-green-button{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:3.75rem!important;min-height:3.75rem!important;margin:0!important;padding:0 1rem!important;font-size:1.2rem!important;display:flex!important;position:static!important;transform:none!important}.mission-menu-button{z-index:auto!important;border-radius:1rem!important;align-self:flex-start!important;width:auto!important;margin:0 0 1.5rem!important;padding:.7rem 1rem!important;font-size:.9rem!important;position:static!important;transform:none!important}.mission-menu-button:hover{transform:none!important}.mission-intro-card{padding-top:1.25rem!important}.mission-intro-page,.mission-intro-screen,.mission-page{box-sizing:border-box!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;padding-left:1rem!important;padding-right:1rem!important;display:flex!important;overflow-x:hidden!important}.mission-intro-card{box-sizing:border-box!important;width:100%!important;max-width:42rem!important;margin-left:auto!important;margin-right:auto!important;left:auto!important;right:auto!important;transform:none!important}.mission-intro-card>*{margin-left:auto!important;margin-right:auto!important}.mission-menu-button{align-self:flex-start!important;margin:0 0 1.5rem!important;position:static!important;transform:none!important}.lesson-flow:has(.mission-intro-card) .mission-intro-card{margin-left:auto!important;margin-right:auto!important;left:auto!important;right:auto!important;transform:none!important}.lesson-flow:has(.picture-choice-grid){box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:5.75rem .75rem 2rem!important;display:block!important;overflow:hidden auto!important}.lesson-flow:has(.picture-choice-grid) .quiz-card{box-sizing:border-box!important;border-radius:2rem!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;max-width:34rem!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto 2rem!important;padding:1.25rem 1rem 1.5rem!important;display:flex!important;overflow:visible!important;transform:none!important}.lesson-flow:has(.picture-choice-grid) .quiz-card .eyebrow{letter-spacing:.18em!important;text-align:center!important;margin:0 0 .4rem!important;font-size:.8rem!important}.lesson-flow:has(.picture-choice-grid) .quiz-card h1{text-align:center!important;margin:0!important;font-size:clamp(2.8rem,14vw,4.2rem)!important;line-height:.95!important}.lesson-flow:has(.picture-choice-grid) .quiz-card .mini-goal{margin:.8rem auto 1rem!important;padding:.5rem 1.25rem!important;font-size:1rem!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-grid{flex:none!important;grid-template-rows:repeat(2,auto)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;display:grid!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-button{box-sizing:border-box!important;border-radius:1.4rem!important;justify-content:center!important;align-items:center!important;width:100%!important;height:auto!important;min-height:9.5rem!important;padding:.45rem!important;display:flex!important}.lesson-flow:has(.picture-choice-grid) .picture-choice-button img{object-fit:contain!important;border-radius:1rem!important;width:100%!important;height:8.5rem!important;max-height:none!important;margin:0!important}.video-quiz-menu-button,.mission-menu-button{display:none!important}}#root:has(.quick-quiz-page){grid-template-rows:minmax(0,1fr) auto;display:grid;height:100dvh!important;min-height:0!important;overflow:visible!important}:is(#root:has(.quick-quiz-page)>.app-shell,#root:has(.quick-quiz-page) .main-content){min-width:0;padding:0;height:100%!important;min-height:0!important;overflow:visible!important}#root .lesson-flow.quick-quiz-page{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:calc(3dvh + 4.5rem) clamp(.75rem,3vw,3rem) 1.5rem!important;display:grid!important;overflow:visible!important}.lesson-flow.quick-quiz-page>.quiz-card.video-quiz-card{gap:clamp(.375rem,1dvh,.75rem);min-height:0;margin:0!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:850px!important;height:auto!important;max-height:100%!important;margin-inline:auto!important;padding:clamp(.75rem,2dvh,1.5rem) clamp(.75rem,2vw,2rem)!important;display:flex!important;overflow:visible!important;transform:none!important}.lesson-flow.quick-quiz-page .video-quiz-card .eyebrow{margin:0!important;font-size:clamp(.8rem,1vw,1rem)!important}.lesson-flow.quick-quiz-page .video-quiz-card h1{margin:0!important;font-size:clamp(1.5rem,3.5vw,3rem)!important;line-height:1.1!important}.lesson-flow.quick-quiz-page .video-quiz-card .quiz-mastery-progress{flex:none;margin:0!important;padding:.35rem 1.2rem!important;font-size:clamp(1rem,1.4vw,1.25rem)!important}.lesson-flow.quick-quiz-page .quick-quiz-media{aspect-ratio:16/9;flex:0 auto;place-items:center;width:100%;min-height:0;display:grid;container-type:size}.lesson-flow.quick-quiz-page .video-quiz-card .lesson-video{aspect-ratio:16/9;object-fit:contain!important;width:min(100%,177.778cqh)!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:100%!important}.lesson-flow.quick-quiz-page .video-quiz-card .choice-grid{flex:none;gap:clamp(.5rem,2vw,1.5rem)!important;width:100%!important;max-width:none!important;margin:0!important}.lesson-flow.quick-quiz-page .video-quiz-card .choice-button{height:clamp(3rem,6dvh,4rem)!important;min-height:44px!important;padding:.4rem 1rem!important;font-size:clamp(1rem,1.5vw,1.4rem)!important}@media (width<=768px){#root .lesson-flow.quick-quiz-page{padding:.75rem .75rem 1.5rem!important}.lesson-flow.quick-quiz-page>.quiz-card.video-quiz-card{height:auto!important}.lesson-flow.quick-quiz-page .quick-quiz-media{aspect-ratio:16/9;flex:none}}.main-content:has(>.games-page){flex-direction:column;min-width:0;display:flex}.games-page{flex-direction:column;flex:1;justify-content:center;gap:26px;width:100%;max-width:1040px;margin:0 auto;padding:12px 0;display:flex}.games-hero{padding:0 2px}.games-heading{align-items:center;gap:12px;display:flex}.games-heading-icon{color:#102a34;background:#f5dfb5;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.games-hero h1{color:#102a34;letter-spacing:-.035em;margin:0;font-size:clamp(30px,3vw,40px);font-weight:900;line-height:1.1}.games-hero p{color:#62747a;margin:10px 0 0;font-size:16px;line-height:1.5}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.game-card{--game-accent:#19647e;--game-edge:#cfdfdd;text-align:left;color:#102a34;cursor:pointer;min-width:0;box-shadow:0 6px 0 var(--game-edge),0 12px 28px #102a340a;background:#fffdf8;border:1px solid #d9e3df;border-radius:28px;flex-direction:column;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.game-card.boss-battle{--game-edge:#e8ddc9;border-color:#e8dfcf}.game-visual{background:radial-gradient(at 50% 90%,#c5ded7,#0000 70%),#e6f1ed;border-bottom:1px solid #102a340a;flex:none;place-items:center;height:clamp(170px,23dvh,230px);display:grid;position:relative;overflow:hidden}.boss-battle .game-visual{background:radial-gradient(at 50% 95%,#e2c996,#0000 70%),#f7eddc}.game-match-art{width:280px;height:170px;position:relative}.game-art-picture{background:#fff;border:2px solid #fff;border-radius:18px;width:112px;height:142px;padding:7px;position:absolute;top:12px;left:42px;transform:rotate(-12deg);box-shadow:0 7px #bed4ce,0 12px 24px #102a3414}.game-art-picture img{border-radius:12px;width:100%;height:100%}.game-art-word{color:#fff;letter-spacing:.03em;background:#19647e;border:2px solid #fffdf8;border-radius:16px;place-items:center;width:132px;height:64px;font-size:22px;font-weight:900;display:grid;position:absolute;top:84px;left:128px;transform:rotate(9deg);box-shadow:0 6px #0f4153,0 12px 24px #102a3414}.game-art-icon{color:#19647e;background:#fffdf8b3;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:97px;left:10px;transform:rotate(-8deg)}.game-art-spark{color:#d47f3f;font-size:34px;position:absolute;top:22px;left:220px}.game-goblin-art{object-fit:contain;object-position:center;filter:drop-shadow(0 8px 6px #73521f17);width:100%;height:100%;max-height:230px;padding:8px 32px 0}.game-content{flex-direction:column;flex:1;min-height:225px;padding:24px;display:flex}.game-topline{color:#19647e;letter-spacing:.08em;text-transform:uppercase;background:#e6f1ed;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:900;line-height:1.3;display:inline-flex}.boss-battle .game-topline{color:#95602d;background:#faecd4}.game-card h2{letter-spacing:-.025em;margin:12px 0 8px;font-size:clamp(24px,2.3vw,30px);font-weight:900;line-height:1.1}.game-card p{color:#62747a;max-width:370px;margin:0 0 22px;font-size:15px;line-height:1.5}.game-play-row{color:#fff;background:#19647e;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;margin-top:auto;padding:12px 16px;font-size:14px;font-weight:900;display:flex;box-shadow:0 3px #0f4153}.boss-battle .game-play-row{color:#102a34;background:#f0b35b;box-shadow:0 3px #d69438}@media (hover:hover){.game-card:hover{box-shadow:0 8px 0 var(--game-edge),0 20px 32px #102a3412;border-color:#9abbb4;transform:translateY(-4px)}.game-card.boss-battle:hover{border-color:#d5b57f}}.game-card:focus-visible{outline-offset:5px;outline:3px solid #19647e}.game-card:active{transform:translateY(2px)}.game-card.locked{opacity:.5;cursor:not-allowed}@media (width>=941px) and (height<=720px){.games-page{gap:20px;padding:0}.game-visual{height:156px}.game-match-art{transform:scale(.86)}.game-content{min-height:220px;padding:20px}}@media (width<=940px){.games-page{justify-content:flex-start;padding:24px 0}}@media (width<=620px){.games-page{gap:22px}.games-grid{grid-template-columns:minmax(0,1fr);gap:24px}.game-visual{height:160px}.game-match-art{transform:scale(.9)}.game-content{min-height:220px;padding:20px}.games-hero p{max-width:290px;font-size:14px}}@media (prefers-reduced-motion:reduce){.game-card{transition:none}}.sign-match-page{color:#102a34;background:#f7f3ea;width:100%;height:100vh;overflow:hidden}.sign-match-page.playing{grid-template-columns:230px 1fr;height:100vh;display:grid;overflow:hidden}.match-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;gap:70px;height:100vh;padding:30px 22px;display:flex;box-shadow:12px 0 30px #102a341f}.match-back{color:#102a34;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:20px;font-weight:900;display:flex}.match-side-label{letter-spacing:.25em;font-size:22px;font-weight:900}.match-time p{text-transform:uppercase;letter-spacing:.12em;color:#52666d;margin:0 0 8px;font-weight:900}.match-time h2{color:#19647e;align-items:center;gap:8px;margin:0;font-size:42px;display:flex}.match-board{background:#eeeeed;height:100vh;position:relative;overflow:hidden}.scatter-card{color:#102a34;text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:4px solid #d9dee2;min-width:145px;min-height:72px;padding:14px 18px;font-size:24px;transition:border-color .15s,opacity .2s;position:absolute;overflow:hidden;box-shadow:0 2px #102a3414}.scatter-card:active{cursor:grabbing}.scatter-card *{-webkit-user-select:none;user-select:none}.scatter-card.image{flex-direction:column;justify-content:space-between;width:170px;min-height:205px;display:flex}.scatter-card.image img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:125px;margin-bottom:12px;display:block}.scatter-card.word{text-align:center;place-items:center;display:grid}.scatter-card span{font-weight:500}.scatter-card.selected{border-color:#19647e;box-shadow:0 0 0 5px #19647e2e}.sign-match-menu{place-items:center;height:100vh;padding:32px;display:grid}.sign-match-menu-card{text-align:center;background:#fff;border-radius:34px;width:min(720px,92vw);padding:44px;box-shadow:0 20px 60px #102a341f}.sign-match-menu-card svg{color:#f0b35b}.sign-match-menu-card p{text-transform:uppercase;letter-spacing:.12em;color:#d47f3f;margin:18px 0 8px;font-size:13px;font-weight:900}.sign-match-menu-card h1{margin:0;font-size:64px;line-height:1}.sign-match-menu-card span{color:#62747a;max-width:520px;margin:18px auto 0;font-size:19px;line-height:1.5;display:block}.sign-match-actions{justify-content:center;gap:16px;margin-top:22px;display:flex}.match-primary,.match-secondary{cursor:pointer;text-align:center;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:15px 24px;font-weight:900;display:inline-flex}.match-primary{color:#fff;background:#19647e;box-shadow:0 8px #0f4153}.match-secondary{color:#102a34;background:#f0b35b;box-shadow:0 8px #c98635}.match-leaderboard{text-align:center;background:#fff;border-radius:34px;width:min(860px,82vw);height:550px;margin:8px auto 0;padding:34px 48px;overflow:hidden;box-shadow:0 20px 60px #102a341f}.match-leaderboard h1{margin:0;font-size:72px;line-height:1}.leaderboard-list{gap:5px;min-height:250px;margin-top:20px;display:grid}.leaderboard-row{background:#fdf8ee;border:3px solid #e8dfcf;border-radius:24px;grid-template-columns:80px 1fr 120px;align-items:center;height:60px;padding:5px;font-size:18px;display:grid}.leaderboard-row span{color:#d47f3f;font-size:19px;font-weight:900}.leaderboard-row strong{text-align:left;font-size:24px}.leaderboard-row p{text-align:right;margin:0;font-size:21px;font-weight:900}.leaderboard-row.user{background:#e6f1ed;border-color:#19647e;box-shadow:0 7px #0f4153}.leaderboard-pagination{justify-content:center;align-items:center;gap:18px;margin-top:24px;display:flex}.leaderboard-pagination button{color:#fff;cursor:pointer;background:#19647e;border:0;border-radius:16px;width:56px;height:48px;font-size:26px;font-weight:900;box-shadow:0 6px #0f4153}.leaderboard-pagination button:disabled{opacity:.35;cursor:default;box-shadow:0 6px #8aa0a8}.leaderboard-pagination span{text-align:center;color:#102a34;min-width:70px;font-size:22px;font-weight:900}@media (width<=768px){.sign-match-page{box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:hidden auto!important}.sign-match-menu{width:100%!important;height:auto!important;min-height:100dvh!important;padding:.75rem .75rem calc(1.5rem + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;display:flex!important}.sign-match-menu-card{box-sizing:border-box!important;border-radius:1.6rem!important;width:100%!important;max-width:30rem!important;padding:1.5rem 1.2rem!important}.sign-match-menu-card svg{width:3.2rem!important;height:3.2rem!important}.sign-match-menu-card p{margin:.8rem 0 .35rem!important;font-size:.72rem!important}.sign-match-menu-card h1{margin:0!important;font-size:clamp(3rem,15vw,4.5rem)!important;line-height:.9!important}.sign-match-menu-card span{margin:1rem auto 0!important;font-size:1rem!important;line-height:1.35!important}.sign-match-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important;width:100%!important;margin-top:1.2rem!important;display:grid!important}.match-primary,.match-secondary{text-align:center!important;box-sizing:border-box!important;border-radius:1rem!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:3.3rem!important;padding:.7rem .5rem!important;font-size:.9rem!important;line-height:1.1!important}.sign-match-page.playing{flex-direction:column!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;overflow:hidden!important}.match-sidebar{box-sizing:border-box!important;z-index:20!important;border-bottom:1px solid #e5e7eb!important;border-right:0!important;flex:none!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:.65rem!important;width:100%!important;height:auto!important;min-height:4.4rem!important;padding:.65rem .75rem!important;display:grid!important;box-shadow:0 .35rem 1rem #102a3414!important}.match-back{gap:.25rem!important;width:auto!important;padding:.4rem!important;font-size:.85rem!important}.match-back svg{width:1.2rem!important;height:1.2rem!important}.match-side-label{letter-spacing:.12em!important;text-align:center!important;text-overflow:ellipsis!important;min-width:0!important;font-size:1rem!important;overflow:hidden!important}.match-time{align-items:center!important;display:flex!important}.match-time p{display:none!important}.match-time h2{gap:.25rem!important;margin:0!important;font-size:1.15rem!important}.match-time h2 svg{width:1.25rem!important;height:1.25rem!important}.match-board{width:100%!important;height:auto!important;min-height:0!important;padding:.65rem .65rem calc(1rem + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;flex:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;grid-auto-flow:row!important;align-content:start!important;gap:.55rem!important;display:grid!important;overflow:hidden auto!important}.match-board .scatter-card{box-sizing:border-box!important;cursor:pointer!important;touch-action:manipulation!important;border-width:.16rem!important;border-radius:.8rem!important;width:100%!important;min-width:0!important;margin:0!important;padding:.45rem!important;font-size:.78rem!important;position:relative!important;inset:auto!important}.match-board .scatter-card.image{flex-direction:column!important;justify-content:center!important;width:100%!important;height:8rem!important;min-height:8rem!important;padding:.4rem!important;display:flex!important}.match-board .scatter-card.image img{object-fit:contain!important;width:100%!important;height:6.8rem!important;margin:0!important}.match-board .scatter-card.word{text-align:center!important;place-items:center!important;width:100%!important;height:4.3rem!important;min-height:4.3rem!important;padding:.35rem!important;display:grid!important}.match-board .scatter-card.word span{overflow-wrap:anywhere!important;width:100%!important;font-size:clamp(.65rem,3vw,.85rem)!important;font-weight:800!important;line-height:1.05!important}.match-board .scatter-card.selected{border-color:#19647e!important;box-shadow:0 0 0 .2rem #19647e2e!important}.match-leaderboard{width:calc(100% - 1.5rem)!important;max-width:32rem!important;height:auto!important;min-height:calc(100dvh - 1.5rem)!important;max-height:none!important;padding:1.25rem 1rem calc(1.5rem + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;border-radius:1.6rem!important;margin:.75rem auto!important;overflow:hidden visible!important}.match-leaderboard h1{overflow-wrap:anywhere!important;margin:0!important;font-size:clamp(2.2rem,12vw,3.3rem)!important;line-height:1!important}.leaderboard-list{gap:.6rem!important;width:100%!important;min-height:0!important;margin-top:1rem!important}.leaderboard-row{box-sizing:border-box!important;border-width:.15rem!important;border-radius:1rem!important;grid-template-columns:2.7rem minmax(0,1fr) auto!important;gap:.4rem!important;width:100%!important;height:auto!important;min-height:4rem!important;padding:.6rem .75rem!important}.leaderboard-row span{font-size:.9rem!important}.leaderboard-row strong{text-overflow:ellipsis!important;min-width:0!important;font-size:1.1rem!important;overflow:hidden!important}.leaderboard-row p{white-space:nowrap!important;font-size:1rem!important}.leaderboard-pagination{gap:.8rem!important;margin-top:1rem!important}.leaderboard-pagination button{border-radius:.8rem!important;width:3rem!important;height:2.7rem!important;font-size:1.1rem!important}.leaderboard-pagination span{min-width:3.5rem!important;font-size:1rem!important}.match-leaderboard .sign-match-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:1.2rem!important}}@media (width<=390px){.match-board{gap:.4rem!important;padding-left:.45rem!important;padding-right:.45rem!important}.match-board .scatter-card.image{height:7rem!important;min-height:7rem!important}.match-board .scatter-card.image img{height:5.8rem!important}.match-board .scatter-card.word{height:3.8rem!important;min-height:3.8rem!important}}.sign-match-menu-card .match-secondary{text-align:center!important;justify-content:center!important;align-items:center!important;padding-left:3rem!important;padding-right:3rem!important;display:flex!important;position:relative!important}.sign-match-menu-card .match-secondary svg{margin:0!important;position:absolute!important;top:50%!important;left:1rem!important;transform:translateY(-50%)!important}.sign-match-page:not(.playing){height:auto;min-height:100vh;overflow:hidden auto}.sign-match-menu{box-sizing:border-box;height:auto;min-height:100vh}.sign-match-menu-card{box-sizing:border-box}.sign-picker{text-align:left;margin-top:22px}.sign-picker h2{margin:0 0 12px;font-size:22px}.picker-tools{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;font-size:13px;display:flex}.picker-tools button{color:#102a34;cursor:pointer;background:#eef5f4;border:1px solid #ccdcd9;border-radius:9px;padding:8px 10px;font-weight:700}.picker-units{max-height:340px;padding:4px;overflow-y:auto}.picker-units details{border-top:1px solid #e8dfcf;padding:10px 0}.picker-units summary{cursor:pointer;font-size:14px;font-weight:800}.sign-chips{flex-wrap:wrap;gap:7px;display:flex}.sign-chips button{color:#102a34;cursor:pointer;background:#fff;border:2px solid #ccdcd9;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.sign-chips button[aria-pressed=true]{color:#fff;background:#19647e;border-color:#19647e}.match-primary:disabled{cursor:not-allowed;opacity:.45}.sign-picker p{letter-spacing:normal;text-transform:none;color:#52666d}.match-side-label{letter-spacing:normal}.match-side-label small{letter-spacing:normal;margin-top:8px;font-size:13px;display:block}.scatter-slot{width:170px;position:absolute}.scatter-slot .scatter-card{box-sizing:border-box;width:100%;position:relative}.scatter-slot .game-watch-button{margin-top:4px}@media (width<=768px){.scatter-slot{width:100%;min-width:0;position:relative!important;top:auto!important;left:auto!important}.scatter-slot .game-watch-button{padding:7px 3px;font-size:11px}.scatter-slot .game-media-cue{box-sizing:border-box;height:100%;min-height:0}.scatter-slot .game-media-cue small{font-size:10px}.match-side-label small{margin-top:3px;font-size:10px}.picker-units{max-height:42vh}.sign-chips button{min-height:36px}}:is(#root:has(.sign-match-page.playing),#root:has(.sign-match-page.match-complete)){height:100dvh!important;min-height:0!important;overflow:hidden!important}:is(#root:has(.sign-match-page.playing)>.app-shell,#root:has(.sign-match-page.playing) .main-content,#root:has(.sign-match-page.match-complete)>.app-shell,#root:has(.sign-match-page.match-complete) .main-content){height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important}.sign-match-page.playing{box-sizing:border-box;height:100dvh;min-height:0}.sign-match-page.playing .match-sidebar{box-sizing:border-box;min-width:0;height:100%}.sign-match-page.playing .match-board{min-width:0;height:100%;min-height:0;padding:0!important;display:block!important;overflow:hidden!important}.sign-match-page.playing .scatter-slot{box-sizing:border-box;left:var(--x)!important;top:var(--y)!important;width:var(--width)!important;height:var(--height)!important;position:absolute!important}.sign-match-page.playing .scatter-slot.slot-dragging{z-index:1000000!important}.sign-match-page.playing .scatter-card{min-width:0;font-size:calc(24px * var(--scale));touch-action:none!important;width:100%!important;height:100%!important;min-height:0!important;padding:calc(14px * var(--scale)) calc(18px * var(--scale))!important}.sign-match-page.playing .scatter-card:not(.matched){transform:none!important}.sign-match-page.playing .scatter-card.image{justify-content:center}.sign-match-page.playing .scatter-card.image img{height:125px;min-height:0;max-height:100%;margin:0!important}.sign-match-page.playing .scatter-card.word{text-align:center;justify-content:center;align-items:center;padding:8px!important;display:flex!important}.sign-match-page.playing .scatter-card.word span{white-space:normal;word-break:normal;width:100%;overflow-wrap:normal!important;font-size:22px!important;line-height:1.2!important}.sign-match-page.playing .scatter-card.matched{pointer-events:none;background:#dcfce7;animation:.2s forwards sign-match-out;border-color:#228b46!important}@keyframes sign-match-out{to{opacity:0;transform:scale(.85)}}.sign-match-page.match-complete{box-sizing:border-box;place-items:center;padding:12px;display:grid;height:100dvh!important;min-height:0!important;overflow:hidden!important}.sign-match-page.match-complete .match-leaderboard{max-height:100%;width:min(860px,100%)!important;height:auto!important;min-height:0!important;margin:0!important;padding:clamp(12px,3vh,34px)!important}.match-complete .match-leaderboard h1{font-size:clamp(28px,6vw,64px)!important}.match-complete .leaderboard-list{min-height:0}.match-complete .sign-match-actions{flex-wrap:wrap}@media (width<=768px){.sign-match-page.playing{min-height:0!important}.sign-match-page.playing .match-sidebar{gap:6px!important;height:auto!important;min-height:64px!important}.sign-match-page.playing .match-side-label{letter-spacing:normal!important;font-size:clamp(12px,3.5vw,16px)!important}.sign-match-page.playing .scatter-card.image img{max-height:100%;height:100%!important}.sign-match-page.playing .scatter-card{padding:calc(.4rem * var(--scale))!important}.sign-match-page.playing .scatter-card.word{padding:6px!important}.sign-match-page.playing .scatter-card.word span{font-size:14px!important}.match-complete .sign-match-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width>=769px) and (height<=500px){.sign-match-page.playing .match-sidebar{gap:28px;padding:20px 22px}}#root:has(.sign-match-setup){grid-template-rows:minmax(0,1fr) auto;display:grid;height:100dvh!important;min-height:0!important;overflow:visible!important}:is(#root:has(.sign-match-setup)>.app-shell,#root:has(.sign-match-setup) .main-content){padding:0;height:100%!important;min-height:0!important;overflow:visible!important}.sign-match-page.sign-match-setup{color:#172647;height:100%!important;min-height:0!important;overflow:visible!important}.sign-match-setup .sign-match-menu{place-items:center;height:100%!important;min-height:0!important;padding:clamp(12px,2dvh,24px)!important;display:grid!important}.sign-match-setup .sign-match-menu-card{border:2px solid #e5dfd1;border-radius:28px;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;height:min(760px,100%);min-height:0;display:grid;width:min(850px,100%)!important;max-width:850px!important;padding:clamp(14px,2vw,28px)!important}.sign-match-setup .match-setup-heading>div{justify-content:center;align-items:center;gap:12px;display:flex}.sign-match-setup .match-setup-heading svg{flex:0 0 32px;width:32px!important;height:32px!important}.sign-match-setup .match-setup-heading h1{font-size:clamp(28px,3vw,40px)!important;line-height:1.15!important}.sign-match-setup .sign-match-menu-card p{text-transform:none;letter-spacing:normal;color:#62747a;font-weight:400;line-height:1.4;margin:6px 0 0!important;font-size:14px!important}.sign-match-setup .sign-match-menu-card span{max-width:none;color:inherit;display:inline;font-size:inherit!important;line-height:inherit!important;margin:0!important}.sign-match-setup .sign-picker{grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;margin:0;display:grid}.sign-match-setup .picker-toolbar{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.sign-match-setup .picker-tools{gap:8px;margin:0}.sign-match-setup .picker-tools button{background:#f0f6f6;border-color:#d1e0e2;min-height:44px;padding:8px 12px}.sign-match-setup .picker-units{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#6a9ba7 #eef3f3;min-height:0;max-height:none;padding:4px 8px 4px 2px;overflow:hidden auto}.sign-match-setup .picker-units::-webkit-scrollbar{width:10px}.sign-match-setup .picker-units::-webkit-scrollbar-track{background:#eef3f3;border-radius:10px}.sign-match-setup .picker-units::-webkit-scrollbar-thumb{background:#6a9ba7;border:2px solid #eef3f3;border-radius:10px}.sign-match-setup .picker-unit{background:#fff;border:1px solid #e5dfd1;border-radius:16px;margin-bottom:10px}.sign-match-setup .picker-unit:last-child{margin-bottom:0}.sign-match-setup .picker-unit h2{margin:0;font-size:14px}.sign-match-setup .picker-unit-toggle{color:#172647;text-align:left;cursor:pointer;background:#faf9f6;border:0;border-radius:16px;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;width:100%;min-height:56px;padding:12px 14px;font-size:14px;font-weight:800;display:grid}.sign-match-setup .picker-unit-toggle svg{color:#62747a;transition:transform .15s;width:18px!important;height:18px!important}.sign-match-setup .picker-unit-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.sign-match-setup .picker-unit-count{white-space:nowrap;font-weight:600;color:#62747a!important;font-size:12px!important}.sign-match-setup .picker-unit-content{padding:0 14px 14px}.sign-match-setup .picker-unit-content .picker-tools{padding-block:10px}.sign-match-setup .sign-chips{gap:8px}.sign-match-setup .sign-chips button{min-height:44px;padding:8px 16px;font-size:13px}.sign-match-setup button:focus-visible,.sign-match-setup .picker-units:focus-visible{outline-offset:2px;outline:3px solid #19647e}.sign-match-setup .match-setup-actions{text-align:left;border-top:1px solid #e5dfd1;gap:12px;padding-top:14px;display:grid}.sign-match-setup .match-setup-button-row{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:start;gap:14px;padding-bottom:8px;display:grid}.sign-match-setup .match-setup-actions .match-primary{width:100%;min-height:56px;margin:0;font-size:18px}.sign-match-setup .match-setup-actions p{font-size:12px!important}.sign-match-setup .match-setup-return{color:#19647e;cursor:pointer;background:#fff;border:2px solid #19647e;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:12px 16px;font-size:16px;font-weight:800;display:inline-flex}.sign-match-setup .match-setup-return:hover{background:#f0f6f6}.sign-match-setup .match-setup-return svg{color:currentColor;flex:0 0 18px;width:18px!important;height:18px!important}@media (width<=540px){.sign-match-setup .sign-match-menu-card{border-radius:22px;gap:10px}.sign-match-setup .picker-toolbar{flex-wrap:wrap}.sign-match-setup .picker-toolbar>strong{width:100%}.sign-match-setup .picker-unit-toggle{gap:6px;padding:10px}.sign-match-setup .picker-unit-name{font-size:13px!important}.sign-match-setup .picker-unit-content{padding-inline:10px}.sign-match-setup .match-setup-actions{gap:8px;padding-top:8px}.sign-match-setup .match-setup-summary p{margin-top:2px!important}.sign-match-setup .match-setup-button-row{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:8px}.sign-match-setup .match-setup-return{border-radius:16px;gap:4px;min-height:48px;padding:8px 6px;font-size:12px}.sign-match-setup .match-setup-actions .match-primary{min-height:48px!important}}.game-media-cue{text-align:center;color:#19647e;background:#eef5f4;border-radius:12px;place-content:center;gap:8px;width:100%;min-width:0;min-height:90px;padding:8px;display:grid}.game-media-cue b{font-size:28px}.game-media-cue small{font-size:12px;line-height:1.25}.game-preview-backdrop{z-index:1200;background:#102a34bb;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.game-preview{color:#102a34;box-sizing:border-box;background:#fff;border-radius:24px;width:min(640px,100%);padding:18px}.game-preview button{color:#fff;background:#19647e;border:none;border-radius:12px;margin-bottom:12px;padding:12px 18px;font-weight:800}.game-preview p{margin:10px 0 0;font-size:13px}.game-watch-button{color:#102a34;cursor:pointer;background:#dff5e8;border:none;border-radius:10px;width:100%;padding:8px;font-weight:800}.boss-page{box-sizing:border-box;background:radial-gradient(circle at top,#fff8e8 0%,#f7f3ea 55%);place-items:center;width:100vw;height:100dvh;padding:4dvh 4vw;display:grid;overflow:hidden}.boss-card{background:#fffdf8;border:.22rem solid #e8dfcf;border-radius:clamp(2rem,4vw,3rem);flex-direction:column;justify-content:center;align-items:center;width:min(90vw,92rem);height:min(84dvh,46rem);padding:clamp(2rem,4vw,4rem);display:flex;position:relative;box-shadow:0 .9rem #e2d7c3}.boss-back{color:#102a34;cursor:pointer;background:#e6f1ed;border:none;border-radius:1.2rem;padding:.8rem 1.5rem;font-weight:1000;position:absolute;top:2rem;left:2.3rem;box-shadow:0 .6rem 1.4rem #102a3414}.boss-top{align-items:center;gap:1.2rem;display:flex;position:absolute;top:2rem;right:2.5rem}.boss-monster{color:#f2b655;background:#14213d;border-radius:50%;place-items:center;width:7rem;height:7rem;animation:1.8s ease-in-out infinite bossBob;display:grid;box-shadow:0 .65rem #0b1329}.boss-hp span{color:#d9783d;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;font-weight:1000;display:block}.boss-hp>div{background:#eadfcb;border-radius:999px;height:1.1rem;overflow:hidden}.boss-hp>div>div{border-radius:inherit;background:linear-gradient(90deg,#f24c4c,#f2b655);height:100%;transition:width .35s}.boss-content{text-align:center;flex-direction:column;align-items:center;width:min(100%,62rem);display:flex}.boss-eyebrow{color:#d9783d;letter-spacing:.22em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(1rem,1.3vw,1.3rem);font-weight:1000}.boss-content h1{color:#14213d;margin:0;font-size:clamp(4rem,7vw,7rem);font-weight:1000;line-height:.9}.boss-dialogue{color:#102a34;max-width:52rem;margin:1.6rem 0 2.4rem;font-size:clamp(1.4rem,2vw,2rem);font-weight:800;line-height:1.35}.boss-primary{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:1.6rem;width:min(100%,34rem);height:5rem;font-size:1.8rem;font-weight:1000;transition:transform .18s,box-shadow .18s;box-shadow:0 .55rem #0f4153}.boss-primary:hover{transform:translateY(-.25rem);box-shadow:0 .8rem #0f4153}.boss-primary:active{transform:translateY(.15rem);box-shadow:0 .3rem #0f4153}.boss-choice-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;width:min(100%,50rem);display:grid}.boss-choice{color:#14213d;cursor:pointer;background:#fff;border:.18rem solid #d7e3f8;border-radius:1.5rem;height:5.5rem;font-size:1.7rem;font-weight:1000;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 .45rem #d5dde7}.boss-choice:hover{border-color:#f2b655;transform:translateY(-.25rem);box-shadow:0 .7rem #d5dde7}.boss-feedback{border-radius:1rem;margin-bottom:1.4rem;padding:1rem 1.5rem;font-size:1.4rem;font-weight:1000}.boss-feedback.correct{color:#2f7d00;background:#eaffdf}.boss-feedback.wrong{color:#b42318;background:#ffe0e0}.boss-break-icon,.boss-trophy{color:#f2b655;margin-bottom:1rem}@keyframes bossBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-.45rem)rotate(2deg)}}.boss-layout{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,4vw,5rem);width:100%;display:grid}.boss-goblin-stage{background:radial-gradient(circle,#fff2c8 0%,#f4ead8 55%,#eadfcb 100%);border:.2rem solid #e8dfcf;border-radius:2rem;place-items:center;width:100%;min-height:34rem;display:grid;overflow:hidden;box-shadow:inset 0 0 2rem #102a3414}.boss-goblin-img{object-fit:contain;transform-origin:bottom;width:min(100%,31rem);height:auto;animation:1.8s ease-in-out infinite gobIdle}.boss-hurt .boss-card,.boss-card.boss-hurt{box-shadow:0 .9rem #e2d7c3,0 0 0 .45rem #ff4b4b2e,0 0 3rem #ff4b4b38}@keyframes gobIdle{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-.45rem)rotate(1deg)}}@keyframes gobHit{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(-.45rem)rotate(-3deg)scale(1.03)}50%{transform:translate(.45rem)rotate(3deg)scale(.98)}75%{transform:translate(-.25rem)rotate(-2deg)scale(1.02)}}@media (width<=900px){.boss-layout{grid-template-columns:1fr}.boss-goblin-stage{min-height:20rem}.boss-goblin-img{width:min(100%,20rem)}}.boss-page{padding:3dvh 4vw!important}.boss-card{width:min(88vw,88rem)!important;height:min(82dvh,44rem)!important;margin:0 auto!important;padding:clamp(1.5rem,3vw,3rem)!important;overflow:hidden!important}.boss-layout{grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr)!important;align-items:center!important;gap:clamp(1.5rem,3vw,3.5rem)!important;width:100%!important;height:100%!important;display:grid!important}.boss-goblin-stage{border-radius:2rem!important;width:100%!important;height:min(60dvh,34rem)!important;min-height:0!important;overflow:hidden!important}.boss-goblin-img{object-fit:contain!important;width:auto!important;max-width:100%!important;height:92%!important;animation:none!important}.boss-content{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:48rem!important}.boss-content h1{margin:0!important;font-size:clamp(3.2rem,5.5vw,6rem)!important;line-height:.92!important}.boss-eyebrow{margin:0 0 .8rem!important;font-size:clamp(.9rem,1.1vw,1.1rem)!important}.boss-dialogue{max-width:42rem!important;margin:1.2rem 0 2rem!important;font-size:clamp(1.3rem,1.8vw,1.8rem)!important;line-height:1.28!important}.boss-primary{width:min(100%,34rem)!important;height:clamp(4rem,7dvh,5.2rem)!important}.boss-top{top:1.7rem!important;right:2.5rem!important}.boss-hp{width:min(28vw,20rem)!important}.boss-back{z-index:20!important;top:1.7rem!important;left:2rem!important}.boss-goblin-img{transform:none!important}@media (width<=900px){.boss-layout{grid-template-columns:1fr!important}.boss-goblin-stage{height:26dvh!important}.boss-goblin-img{height:100%!important}}.boss-page{box-sizing:border-box!important;place-items:center!important;width:100vw!important;height:100dvh!important;padding:4dvh 4vw!important;display:grid!important;overflow:hidden!important}.boss-card{place-self:center!important;width:min(88vw,88rem)!important;height:min(88dvh,44rem)!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.boss-layout{align-items:center!important;height:100%!important}.boss-goblin-stage{height:min(58dvh,32rem)!important;max-height:100%!important}.boss-goblin-img{width:auto!important;max-width:100%!important;height:88%!important}.boss-page{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100dvh!important;padding:3dvh 3vw!important;display:flex!important;overflow:hidden!important}.boss-card{width:min(86vw,86rem)!important;height:min(88dvh,42rem)!important;margin:0 auto!important;transform:translateY(2rem)!important}.boss-goblin-stage{height:min(56dvh,31rem)!important}.boss-goblin-img{width:auto!important;height:94%!important}.boss-choice-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;width:min(100%,52rem)!important}.boss-picture-choice{grid-template-rows:minmax(0,1fr) auto!important;place-items:center!important;gap:.4rem!important;height:clamp(8rem,18dvh,11rem)!important;padding:.7rem!important;display:grid!important}.boss-picture-choice img{object-fit:contain!important;border-radius:1rem!important;width:100%!important;height:100%!important;min-height:0!important}.boss-picture-choice span{font-size:clamp(1rem,1.3vw,1.4rem)!important;font-weight:1000!important}.boss-content .boss-eyebrow:empty{display:none!important}.boss-goblin-stage{position:relative!important}.boss-hurt .boss-goblin-stage:after{content:"BOOM!";color:#ff4b4b;letter-spacing:.08em;text-shadow:0 0 1rem #ff4b4bb3,0 0 2rem #f2b655b3;pointer-events:none;place-items:center;font-size:clamp(3rem,7vw,6rem);font-weight:1000;animation:1.2s ease-out forwards boomPop;display:grid;position:absolute;inset:0}.boss-card.boss-hurt{transform:translateY(2rem)!important}.boss-hurt .boss-goblin-img{animation:none!important}@keyframes gobStageShake{0%,to{transform:translate(0)}25%{transform:translate(-.45rem)}50%{transform:translate(.45rem)}75%{transform:translate(-.25rem)}}@keyframes boomPop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}15%{opacity:1;transform:scale(1.15)rotate(4deg)}70%{opacity:1;transform:scale(1.05)rotate(0)}to{opacity:0;transform:scale(1.2)rotate(0)}}.boss-card.boss-hurt{transform:translateY(2rem)!important;box-shadow:0 .9rem #e2d7c3!important}.boss-hurt .boss-goblin-stage{animation:.38s ease-in-out gobStageShake!important}.boss-hurt .boss-goblin-stage:after{content:"WHAM!"!important}.boss-hurt .boss-goblin-stage:nth-of-type(3n):after{content:"POP!"!important}.boss-hurt .boss-goblin-stage:nth-of-type(4n):after{content:"CRACK!"!important}.boss-hurt .boss-goblin-stage:nth-of-type(5n):after{content:"BOOM!"!important}.boss-hurt .boss-goblin-stage:after{color:#ff4b4b;letter-spacing:.08em;text-shadow:0 0 1rem #ff4b4bb3,0 0 2rem #f2b655b3;pointer-events:none;place-items:center;font-size:clamp(3rem,7vw,6rem);font-weight:1000;animation:.45s ease-out forwards boomPop;display:grid;position:absolute;inset:0}.boss-top{display:none!important}.boss-goblin-wrap{place-items:center!important;gap:1rem!important;width:100%!important;display:grid!important}.boss-hp-under{width:min(100%,28rem)!important;position:static!important}.boss-hp-under span{text-align:center!important}.boss-hp-under>div{width:100%!important}.boss-content{position:relative!important}.boss-answer-overlay{z-index:30;opacity:0;pointer-events:none;letter-spacing:.08em;border-radius:2rem;place-items:center;width:min(80%,28rem);height:clamp(5rem,14dvh,8rem);font-size:clamp(3rem,6vw,5.5rem);font-weight:1000;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)scale(.8)}.boss-answer-overlay.correct{opacity:1;color:#1f7a1f;background:#cfffc6e0;animation:.65s ease-out forwards answerPop;box-shadow:0 0 2rem #40d25073}.boss-answer-overlay.wrong{opacity:1;color:#b42318;background:#ffcdcde6;animation:.65s ease-out forwards answerPop;box-shadow:0 0 2rem #ff4b4b73}@keyframes answerPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)rotate(-3deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(2deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.18)rotate(0)}}.boss-hurt .boss-goblin-stage:after{content:attr(data-hit-word)!important;animation:1.35s ease-out forwards boomPopReadable!important}@keyframes boomPopReadable{0%{opacity:0;transform:scale(.65)rotate(-8deg)}15%{opacity:1;transform:scale(1.15)rotate(4deg)}75%{opacity:1;transform:scale(1.05)rotate(0)}to{opacity:0;transform:scale(1.2)rotate(0)}}.boss-practice-shift .reference-practice-header h1{transform:translateY(8dvh)}.boss-practice-shift{width:100%;height:100dvh;overflow:hidden;transform:translateY(10dvh)}.player-hp{width:min(100%,28rem)!important}.player-hp span{text-align:center;color:#19647e;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;font-weight:1000;display:block}.player-hp>div{background:#eadfcb;border-radius:999px;height:1.1rem;overflow:hidden}.player-hp>div>div{border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#19647e);height:100%;transition:width .35s}.boss-camera-timer{z-index:9999;color:#b42318;background:#ffebe6;border:.18rem solid #ffb4a8;border-radius:999px;padding:.8rem 1.4rem;font-size:clamp(1rem,1.3vw,1.35rem);font-weight:1000;position:fixed;top:3dvh;right:5vw;box-shadow:0 .6rem 1.4rem #b4231826}.boss-page.boss-page-games .boss-card,.boss-page.boss-page-games .boss-card.boss-hurt{transform:translateY(-6dvh)!important}.boss-practice-shift.boss-practice-games{transform:translateY(0)!important}@media (width<=768px){.boss-page{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;padding:.75rem .75rem calc(2rem + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;display:block!important;overflow:hidden auto!important}.boss-page .boss-card,.boss-page.boss-page-games .boss-card,.boss-page .boss-card.boss-hurt,.boss-page.boss-page-games .boss-card.boss-hurt{box-sizing:border-box!important;border-radius:1.5rem!important;flex-direction:column!important;justify-content:flex-start!important;width:100%!important;max-width:32rem!important;height:auto!important;min-height:calc(100dvh - 1.5rem)!important;max-height:none!important;margin:0 auto!important;padding:.85rem!important;display:flex!important;overflow:visible!important;transform:none!important}.boss-layout{flex-direction:column!important;align-items:stretch!important;gap:.8rem!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important}.boss-goblin-wrap{flex-direction:column!important;align-items:center!important;gap:.45rem!important;width:100%!important;display:flex!important}.boss-goblin-stage{border-radius:1.2rem!important;width:100%!important;height:clamp(12rem,32dvh,16rem)!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.boss-goblin-img{object-fit:contain!important;width:auto!important;max-width:90%!important;height:82%!important;max-height:82%!important;transform:none!important}.player-hp,.boss-hp-under,.boss-hp{width:100%!important;max-width:none!important;margin:0!important}.player-hp span,.boss-hp-under span,.boss-hp span{letter-spacing:.12em!important;text-align:center!important;margin-bottom:.2rem!important;font-size:.72rem!important}.player-hp>div,.boss-hp>div{height:.65rem!important}.boss-content{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:none!important;min-height:0!important;padding:.35rem .25rem!important;display:flex!important;overflow:visible!important}.boss-eyebrow{letter-spacing:.16em!important;margin:0 0 .35rem!important;font-size:.68rem!important;line-height:1.1!important}.boss-content h1{overflow-wrap:anywhere!important;width:100%!important;margin:0!important;font-size:clamp(2rem,10vw,3rem)!important;line-height:.95!important}.boss-dialogue{width:100%!important;margin:.6rem 0 .8rem!important;font-size:.9rem!important;line-height:1.3!important}.boss-primary{border-radius:1rem!important;flex:none!important;width:100%!important;max-width:24rem!important;height:3.2rem!important;min-height:3.2rem!important;padding:.5rem .8rem!important;font-size:1rem!important}.boss-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;width:100%!important;display:grid!important}.boss-picture-choice{box-sizing:border-box!important;border-radius:1rem!important;width:100%!important;height:7.5rem!important;min-height:7.5rem!important;padding:.4rem!important}.boss-picture-choice img{object-fit:contain!important;border-radius:.7rem!important;width:100%!important;height:100%!important}.boss-answer-overlay{border-radius:1rem!important;width:80%!important;height:4.5rem!important;font-size:2.2rem!important;top:50%!important}.boss-break-icon,.boss-trophy{width:3.5rem!important;height:3.5rem!important;margin-bottom:.5rem!important}.boss-practice-shift,.boss-practice-shift.boss-practice-games{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:hidden visible!important;transform:none!important}.boss-practice-shift .reference-practice-header h1{transform:none!important}.boss-camera-timer{top:calc(.6rem + env(safe-area-inset-top))!important;z-index:9999!important;border-radius:.75rem!important;padding:.45rem .65rem!important;font-size:.7rem!important;position:fixed!important;right:.6rem!important}}.boss-choice-option{gap:6px;min-width:0;display:grid}.boss-choice-option .boss-choice{width:100%}.boss-choice-option .game-media-cue{box-sizing:border-box;height:100%}#root:has(.boss-screen){height:100dvh!important;min-height:0!important;padding:0!important;overflow:hidden!important}#root:has(.boss-screen)>.app-shell{height:100dvh!important;min-height:0!important;padding:0!important;overflow:hidden!important}#root:has(.boss-screen) .main-content{height:100dvh!important;min-height:0!important;padding:0!important;overflow:hidden!important}.boss-screen{box-sizing:border-box;background:#f7f3ea;width:100%;height:100dvh;position:relative;overflow:hidden}.boss-return-menu{top:calc(8px + env(safe-area-inset-top));z-index:100;color:#102a34;cursor:pointer;background:#e6f1ed;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:900;display:inline-flex;position:absolute;left:clamp(12px,3vw,36px);box-shadow:0 4px 12px #102a3414}.boss-screen .boss-page{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.boss-screen .boss-card{min-height:0!important;max-height:100%!important}.boss-screen .boss-practice-shift{height:100%!important;min-height:0!important;transform:none!important}.boss-screen .boss-camera-timer{top:8px!important}@media (width<=768px){.boss-return-menu{padding:9px 12px;font-size:12px}.boss-screen .boss-page{padding:12px!important}.boss-screen .boss-card{height:100%!important;padding:12px!important;overflow:hidden!important}.boss-screen .boss-layout{gap:8px!important;height:100%!important}.boss-screen .boss-goblin-stage{flex-shrink:1;height:clamp(80px,20dvh,160px)!important}.boss-screen .boss-content{min-height:0}.boss-screen .boss-picture-choice{height:clamp(64px,12dvh,100px)!important;min-height:0!important}}@media (height<=500px) and (width>=600px){.boss-screen .boss-page .boss-card{width:100%!important;height:100%!important;padding:12px!important;transform:none!important}.boss-screen .boss-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:16px!important;display:grid!important}.boss-screen .boss-goblin-stage{height:36dvh!important}.boss-screen .boss-goblin-wrap{gap:6px!important}.boss-screen .boss-content h1{font-size:2rem!important}.boss-screen .boss-eyebrow{margin-bottom:6px!important;font-size:.7rem!important}.boss-screen .boss-dialogue{margin:10px 0 14px!important;font-size:.9rem!important}.boss-screen .boss-primary{height:44px!important;min-height:44px!important;font-size:1rem!important}.boss-screen .boss-picture-choice{height:64px!important;min-height:0!important}}.boss-screen .boss-camera-timer{box-sizing:border-box;max-width:calc(100% - 174px);padding:6px 8px;font-size:clamp(9px,2.4vw,14px)}.boss-screen .boss-practice-shift{height:100%!important}@media (height<=650px){.boss-screen .camera-consent{margin:8px auto;padding:12px;font-size:13px}.boss-screen .camera-consent h2{margin-bottom:8px}.boss-screen .camera-consent p{margin:10px 0;line-height:1.35}.boss-screen .camera-consent-actions{margin-top:12px}}@media (width<=768px) and (height<=779px){.boss-screen .reference-practice-page.viewport-practice-page{height:100%!important;min-height:0!important}.boss-screen .reference-practice-page .reference-practice-grid{grid-template-rows:minmax(0,2fr) minmax(0,1fr);height:100%!important}.boss-screen .reference-practice-page .practice-media-stage{flex:1 1 0;container-type:size}.boss-screen .reference-practice-page .practice-media-stage .camera-wrap{aspect-ratio:auto!important;height:100%!important;max-height:100%!important}.boss-screen .reference-practice-page .practice-media-stage .reference-video{width:min(100%,177.778cqh)!important;max-height:100%!important}.boss-screen .reference-practice-page .prediction-box{flex-basis:108px;min-height:108px;height:108px!important}.boss-screen .reference-practice-page .recognition-feedback-columns{grid-template-rows:64px minmax(0,1fr)}.boss-screen .reference-practice-page .recognition-feedback-row{grid-template-rows:20px 40px}.boss-screen .reference-practice-page .recognition-feedback-row dd{height:40px;font-size:.65rem;line-height:13px}.boss-screen .reference-practice-page .recognition-feedback-coaching{line-height:13px;font-size:.65rem!important}}.boss-screen .recall-mode-page .camera-wrap{min-height:0!important;max-height:100%!important}@media (height<=500px) and (width>=600px){.boss-screen .recall-mode-page .practice-left-panel h1{font-size:1.5rem!important}.boss-screen .recall-mode-page .practice-subtitle{margin:6px 0 10px!important;font-size:.85rem!important}.boss-screen .recall-mode-page .prediction-box{min-height:160px!important;padding:8px 12px!important}.boss-screen .recall-mode-page .camera-wrap{height:100%!important}.boss-screen .boss-trophy,.boss-screen .boss-break-icon{width:52px;height:52px}.boss-screen .practice-page.recall-mode-page .recall-feedback .recognition-feedback-row{min-height:40px;padding-block:3px}}.boss-screen .boss-page .boss-card{min-height:0!important;max-height:calc(94dvh - 52px - env(safe-area-inset-top))!important;transform:none!important}@media (width<=768px){.boss-screen .boss-page .boss-card{height:calc(100dvh - 72px - env(safe-area-inset-top))!important;max-height:100%!important}}@media (width>=769px) and (height<=500px){.boss-screen .boss-page .boss-card{height:calc(94dvh - 52px - env(safe-area-inset-top))!important}}@media (width<=768px){.boss-screen{--boss-mobile-gap:clamp(6px,.8dvh,8px);--boss-mobile-nav:calc(60px + env(safe-area-inset-top));padding-top:var(--boss-mobile-nav);padding-bottom:calc(12px + env(safe-area-inset-bottom))}.boss-screen .boss-return-menu{left:calc(12px + env(safe-area-inset-left));border-radius:10px;gap:6px;min-height:44px;padding:8px 10px;font-size:12px}.boss-screen .boss-return-menu svg{width:18px;height:18px}.boss-screen .boss-page{padding:0 calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left))!important;overflow:visible!important}.boss-screen .boss-page .boss-card,.boss-screen .boss-page .boss-card.boss-hurt{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:clamp(10px,1.5dvh,12px)!important;overflow:visible!important;transform:none!important}.boss-screen .boss-card .boss-layout{min-height:0;gap:var(--boss-mobile-gap)!important;flex-direction:column!important;height:100%!important;display:flex!important}.boss-screen .boss-goblin-wrap{flex:1 1 0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;gap:6px 12px!important;display:grid!important}.boss-screen .boss-goblin-stage{grid-column:1/-1;justify-content:center;align-items:center;padding:6px;border-radius:16px!important;height:100%!important;min-height:0!important;display:flex!important;overflow:visible!important}.boss-screen .boss-goblin-img{object-position:center;min-width:0;min-height:0;object-fit:contain!important;width:95%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.boss-screen .player-hp,.boss-screen .boss-hp-under{min-width:0;margin:0!important}.boss-screen .player-hp span,.boss-screen .boss-hp-under span{line-height:1.2;letter-spacing:.1em!important;margin-bottom:3px!important;font-size:10px!important}.boss-screen .player-hp>div,.boss-screen .boss-hp-under>div{height:6px!important}.boss-screen .boss-content{flex:none;min-height:0;padding:0!important}.boss-screen .boss-content h1{font-size:clamp(24px,6.5vw,32px)!important;line-height:1.25!important}.boss-screen .boss-eyebrow{margin-bottom:6px!important;font-size:10px!important}.boss-screen .boss-dialogue{margin:4px 0 8px!important;font-size:clamp(12px,3.3vw,14px)!important;line-height:1.3!important}.boss-screen .boss-choice-grid{grid-auto-rows:minmax(0,1fr);gap:var(--boss-mobile-gap)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.boss-screen .boss-choice-option{min-width:0;min-height:0}.boss-screen .boss-picture-choice{grid-template-rows:minmax(0,1fr)!important;gap:0!important;height:clamp(84px,17dvh,156px)!important;min-height:44px!important;padding:6px!important}.boss-screen .boss-picture-choice img{object-position:center;max-width:100%;max-height:100%;object-fit:contain!important;width:100%!important;height:100%!important}.boss-screen .boss-primary{height:44px!important;min-height:44px!important;padding:8px 12px!important;font-size:14px!important}.boss-screen .boss-trophy,.boss-screen .boss-break-icon{width:clamp(32px,5dvh,44px)!important;height:clamp(32px,5dvh,44px)!important;margin-bottom:6px!important}.boss-screen .boss-camera-timer{top:calc(8px + env(safe-area-inset-top))!important}}@media (width<=768px) and (height<=600px){.boss-screen .boss-picture-choice{height:16dvh!important}.boss-screen .boss-page .boss-card{padding:10px!important}}@media (width>=600px) and (width<=768px) and (height<=500px){.boss-screen .boss-card .boss-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:12px!important;display:grid!important}}.profile-page{color:#15252b;background:#f7f3ea;width:100%;min-height:100vh;padding:48px 54px}.profile-hero{background:#fff;border:2px solid #e8dfcf;border-radius:38px;grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;padding:42px 46px;display:grid;box-shadow:0 18px 45px #102a341a}.profile-hero h2{margin:0;font-size:58px;line-height:1}.profile-hero p{color:#61737b;font-size:20px}.character-card{color:#fff;cursor:pointer;text-align:left;background:#102a34;border:none;border-radius:32px;align-items:center;gap:22px;padding:28px;display:flex;box-shadow:0 10px #071a21}.character-card span{color:#ffc247;font-weight:900}.character-card h3{margin:6px 0;font-size:28px}.character-card p{color:#c9d7db;margin:0;font-size:15px}.character-avatar,.shop-avatar{background:#f7f3ea;border-radius:28px;place-items:center;font-size:64px;display:grid}.character-avatar{width:120px;height:120px}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:34px;display:grid}.profile-stat-card{background:#fff;border:2px solid #e8dfcf;border-radius:30px;padding:30px;box-shadow:0 10px 25px #102a3414}.profile-stat-card svg{color:#1f7890}.profile-stat-card p{color:#66777f;margin:18px 0 6px;font-weight:800}.profile-stat-card h3{margin:0;font-size:44px}.shop-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.shop-header h3{margin:0;font-size:34px}.shop-header button{cursor:pointer;color:#fff;background:#102a34;border:none;border-radius:16px;padding:12px 18px;font-weight:900}.shop-character{cursor:pointer;text-align:center;background:#fbfaf6;border:3px solid #e8dfcf;border-radius:26px;padding:22px}.shop-character.selected{border-color:#ffc247;box-shadow:0 0 0 6px #ffc24738}.shop-avatar{width:100px;height:100px;margin:0 auto 14px}.shop-character h4{margin:0 0 12px;font-size:20px}.owned-label,.price-label,.locked-label{border-radius:999px;align-items:center;gap:6px;padding:9px 13px;font-size:14px;font-weight:900;display:inline-flex}.owned-label{color:#187a45;background:#dff5e8}.price-label{color:#9a6700;background:#fff0c8}.locked-label{color:#738089;background:#e9edf0}.character-modal-backdrop{z-index:999;background:#102a3473;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.character-modal{background:#fff;border:3px solid #e8dfcf;border-radius:34px;width:min(920px,92vw);max-height:86vh;padding:32px;overflow-y:auto;box-shadow:0 28px 80px #102a3447}.character-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.character-modal{animation:.18s ease-out popIn}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.profile-page{width:100%!important;min-height:100dvh!important;padding:1rem 1rem calc(7rem + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow:hidden visible!important}.profile-hero{box-sizing:border-box!important;border-radius:1.5rem!important;flex-direction:column!important;gap:1rem!important;width:100%!important;padding:1.25rem!important;display:flex!important}.profile-hero>div:first-child{width:100%!important}.profile-hero .eyebrow{letter-spacing:.18em!important;margin:0 0 .35rem!important;font-size:.72rem!important}.profile-hero h2{margin:0!important;font-size:clamp(2.6rem,12vw,3.7rem)!important;line-height:.95!important}.profile-hero>div:first-child>p:last-child{margin:.75rem 0 0!important;font-size:1rem!important;line-height:1.35!important}.character-card{box-sizing:border-box!important;border-radius:1.3rem!important;grid-template-columns:auto minmax(0,1fr)!important;gap:1rem!important;width:100%!important;padding:1rem!important;display:grid!important}.character-avatar{border-radius:1.2rem!important;width:5.5rem!important;height:5.5rem!important;font-size:3rem!important}.character-card>div:last-child{min-width:0!important}.character-card span{font-size:.7rem!important}.character-card h3{overflow-wrap:anywhere!important;margin:.25rem 0!important;font-size:1.25rem!important;line-height:1.05!important}.character-card p{font-size:.78rem!important;line-height:1.25!important}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;width:100%!important;margin-top:1rem!important;display:grid!important}.profile-stat-card{box-sizing:border-box!important;border-radius:1.25rem!important;min-width:0!important;padding:1rem!important}.profile-stat-card:nth-child(3){grid-column:auto!important}.profile-stat-card svg{width:1.7rem!important;height:1.7rem!important}.profile-stat-card p{margin:.65rem 0 .2rem!important;font-size:.8rem!important;line-height:1.15!important}.profile-stat-card h3{margin:0!important;font-size:2rem!important;line-height:1!important}.character-modal-backdrop{align-items:center!important;padding:.75rem!important;overflow:hidden!important}.character-modal{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;border-radius:1.4rem!important;width:100%!important;max-width:32rem!important;max-height:calc(100dvh - 1.5rem)!important;padding:1rem!important;overflow:hidden auto!important}.shop-header{align-items:flex-start!important;gap:.75rem!important;width:100%!important;margin-bottom:1rem!important;display:flex!important}.shop-header>div{flex:auto!important;min-width:0!important}.shop-header .eyebrow{margin:0 0 .25rem!important;font-size:.65rem!important}.shop-header h3{margin:0!important;font-size:1.5rem!important;line-height:1!important}.shop-header button{border-radius:.8rem!important;flex:none!important;min-height:2.7rem!important;padding:.55rem .8rem!important;font-size:.8rem!important}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem!important;width:100%!important;display:grid!important}.shop-character{box-sizing:border-box!important;border-radius:1.1rem!important;min-width:0!important;padding:.8rem!important}.shop-avatar{border-radius:1rem!important;width:4.5rem!important;height:4.5rem!important;margin:0 auto .6rem!important;font-size:2.5rem!important}.shop-character h4{overflow-wrap:anywhere!important;margin:0 0 .5rem!important;font-size:.9rem!important;line-height:1.1!important}.owned-label,.price-label,.locked-label{padding:.45rem .6rem!important;font-size:.7rem!important}}@media (width<=400px){.profile-page{padding-left:.75rem!important;padding-right:.75rem!important}.profile-hero{padding:1rem!important}.character-avatar{width:4.7rem!important;height:4.7rem!important;font-size:2.6rem!important}.profile-stat-card{padding:.85rem!important}.profile-stat-card p{font-size:.72rem!important}}.profile-page,.profile-page *{box-sizing:border-box}.character-modal-backdrop{z-index:1200}.profile-hero>*,.profile-stat-card{min-width:0}.character-avatar{flex-shrink:0}.cosmetic-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.cosmetic-tabs button{cursor:pointer;background:#fbfaf6;border:2px solid #e8dfcf;border-radius:14px;padding:10px 14px;font-weight:800}.cosmetic-tabs button[aria-selected=true]{color:#fff;background:#102a34;border-color:#102a34}.shop-character:disabled{cursor:not-allowed}.profile-title{font-weight:800;margin-bottom:6px!important}.banner-swatch{border:2px solid #e8dfcf;border-radius:18px;height:90px;margin-bottom:14px}.title-swatch{color:#19647e;margin:16px;font-size:36px;font-weight:900}.default-frame{border:3px solid #e8dfcf}.frog-frame{border:5px solid #3b9e55;box-shadow:0 0 0 3px #dff5e8}.star-frame{border:5px double #f0b35b;box-shadow:0 0 0 3px #fff0c8}.neon-frame{border:5px solid #40bcc4;box-shadow:0 0 14px #40bcc480,inset 0 0 12px #ab6acd55}.gold-frame{border:6px ridge #dba528;box-shadow:0 0 0 3px #fff0c8}.legend-frame{border:6px double #9a6ed1;box-shadow:0 0 0 3px #f0b35b,0 0 16px #9a6ed144}.profile-hero.default-banner,.banner-swatch.default-banner{background:#fff}.profile-hero.meadow-banner,.banner-swatch.meadow-banner{background:repeating-linear-gradient(130deg,#e0f2d5 0 24px,#edf7e5 24px 48px)}.profile-hero.ocean-banner,.banner-swatch.ocean-banner{background:linear-gradient(130deg,#c6eff2,#d7e6ff)}.profile-hero.sunset-banner,.banner-swatch.sunset-banner{background:linear-gradient(135deg,#ffdeb5,#f5c8d8)}.profile-hero.galaxy-banner,.banner-swatch.galaxy-banner{background:radial-gradient(circle at 20% 20%,#eadffa 1px,#0000 2px) 0 0/24px 24px,linear-gradient(120deg,#253251,#51416c)}.profile-hero.champion-banner,.banner-swatch.champion-banner{background:repeating-linear-gradient(135deg,#fff0be 0 20px,#f9e2a1 20px 40px)}.profile-hero.galaxy-banner>div{color:#fff}.profile-hero.galaxy-banner>div p{color:#e6e0f3}@media (width<=768px){.cosmetic-tabs button{flex:40%;min-width:0}.profile-stat-card h3{overflow-wrap:anywhere}}*{box-sizing:border-box}body{color:#15252b;background:#f7f3ea;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root:not(:has(>.sq-footer)){grid-template-rows:minmax(0,1fr)!important}button{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#102a34;width:270px;height:100vh;padding:28px 22px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.brand-mark{color:#102a34;background:#f0b35b;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.brand h1{color:#fff;margin:0;font-size:24px}nav{gap:12px;display:grid}.nav-button{color:#d9e9ed;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:15px 18px;font-weight:800}.nav-button.active,.nav-button:hover{color:#f0b35b;background:#f0b35b2e}.main-content{flex:1;padding:34px;overflow:auto}.hero-card{background:linear-gradient(135deg,#fdf8ee,#e6f1ed);border:.0625rem solid #102a3414;border-radius:3rem;align-items:flex-start;padding:4rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1.25rem 3.75rem #102a341f}.hero-card>div:first-child{z-index:2;width:62%;position:relative}.hero-visual{justify-content:center;align-items:center;width:34%;height:88%;display:flex;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.hero-logo{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#d47f3f;margin:0 0 8px;font-size:12px;font-weight:900}.hero-card h2{max-width:900px;margin:0;font-size:clamp(42px,4vw,72px);line-height:1.05}.hero-copy{color:#52666d;max-width:620px;font-size:18px;line-height:1.55}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:18px;padding:15px 22px;font-weight:900}.secondary-button{color:#102a34;background:#f0b35b;width:100%;margin-top:18px;box-shadow:0 7px #c98635}.hero-visual{flex:0 0 40%;justify-content:center;align-items:center;min-width:32%;height:auto;display:flex}.hero-logo{object-fit:contain;width:95%;height:auto}.scan-line{background:#f0b35be6;width:100%;height:5px;animation:2.5s ease-in-out infinite scan;position:absolute}@keyframes scan{0%,to{top:20px}50%{top:190px}}.content-grid{grid-template-columns:minmax(0,1fr) 320px;gap:26px;margin-top:28px;display:grid}.path-card,.right-panel>div{background:#ffffffc2;border:1px solid #102a3414;border-radius:30px;box-shadow:0 18px 45px #102a3414}.path-card{padding:28px}.section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-title h2{margin:0;font-size:32px}.unit-pill{color:#19647e;background:#e6f1ed;border-radius:999px;padding:10px 14px;font-weight:900}.lesson-path{gap:28px;padding:28px 0 8px;display:grid;position:relative}.lesson-path:before{content:"";background:#d9e5df;border-radius:999px;width:8px;position:absolute;top:40px;bottom:40px;left:50%;transform:translate(-50%)}.lesson-node{z-index:1;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:16px;width:min(430px,100%);display:flex;position:relative}.node-left{justify-self:start}.node-right{text-align:right;flex-direction:row-reverse;justify-self:end}.lesson-circle{color:#fff;background:#19647e;border-radius:50%;flex:none;place-items:center;width:88px;height:88px;display:grid;box-shadow:0 9px #0f4153}.lesson-node.locked{cursor:not-allowed;opacity:.55}.lesson-node.locked .lesson-circle{background:#9da9ad;box-shadow:0 9px #78858a}.lesson-info{background:#fff;border:1px solid #102a3414;border-radius:22px;flex:1;padding:16px}.lesson-info span{color:#d47f3f;font-size:12px;font-weight:900}.lesson-info h3{margin:4px 0;font-size:20px}.lesson-info p{color:#62747a;margin:0 0 12px}.progress-track{background:#e9ece8;border-radius:999px;height:9px;overflow:hidden}.progress-track div{border-radius:inherit;background:#f0b35b;height:100%}.right-panel{align-content:start;gap:18px;display:grid}.metric-card,.selected-card{padding:22px}.metric-card{justify-content:space-between;align-items:center;display:flex}.metric-card p,.selected-card p{color:#62747a;margin:0}.metric-card h3,.selected-card h3{margin:4px 0;font-size:28px}.selected-mode{color:#19647e;background:#e6f1ed;border-radius:16px;align-items:center;gap:8px;margin-top:16px;padding:12px;font-weight:900;display:flex}@media (width<=940px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:static}nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-button{text-align:center;padding:12px 8px}.hero-card,.content-grid{grid-template-columns:1fr}.content-grid{display:grid}.hero-card{flex-direction:column}.hero-visual{width:100%}}@media (width<=640px){.main-content{padding:18px}nav{grid-template-columns:1fr 1fr}.lesson-path:before{left:44px}.lesson-node,.node-right{text-align:left;flex-direction:row;justify-self:stretch}.lesson-circle{width:72px;height:72px}}.brand-button{cursor:pointer;text-align:left;background:0 0;border:none;width:100%}.app-shell.lesson-mode{display:block}.app-shell.lesson-mode .main-content{width:100%;margin-left:0}.duolingo-path-card{background:#ffffffc2;border:1px solid #102a3414;box-shadow:0 18px 45px #102a3414}.unit-section{padding:28px}.duo-unit-banner{color:#fff;background:#19647e;border-radius:28px;justify-content:space-between;align-items:center;margin-bottom:34px;padding:24px 28px;display:flex;box-shadow:0 8px #0f4153}.duo-unit-banner p{text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-weight:900}.duo-unit-banner h2{margin:0;font-size:32px}.duo-unit-banner span{background:#ffffff1f;border-radius:999px;padding:12px 18px;font-weight:900}.duo-path{gap:34px;padding:10px 0 48px;display:grid;position:relative}.duo-path:before{background:#d9e5df}.duo-path .lesson-node{width:100%;max-width:none}.duo-path .lesson-info{border:3px solid #e8edf2;border-radius:26px;box-shadow:0 8px #d5dde7}.duo-path .lesson-circle{color:#fff;background:#19647e;box-shadow:0 10px #0f4153}.duo-path .lesson-node.locked .lesson-circle{color:#6f858d;background:#344851;box-shadow:0 10px #22343c}.logo-visual{background:0 0}.brand-logo{object-fit:contain;border-radius:16px;width:48px;height:48px}.lesson-node,.lesson-circle,.lesson-info,.duo-unit-banner,.hero-card,.metric-card,.selected-card,.secondary-button,.nav-button{transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s}.lesson-node.unlocked:hover{transform:translateY(-.45rem)scale(1.015)}.lesson-node.unlocked:hover .lesson-circle{transform:rotate(-4deg)scale(1.08);box-shadow:0 1rem #0f4153,0 1.2rem 2.2rem #19647e47}.lesson-node.unlocked:hover .lesson-info{border-color:#f0b35bd9;box-shadow:0 .7rem #f0b35b,0 1.1rem 2.4rem #102a3421}.lesson-node.unlocked:active{transform:translateY(.15rem)scale(.99)}.lesson-node.unlocked:active .lesson-circle{box-shadow:0 .45rem #0f4153}.progress-track div{background:linear-gradient(90deg,#f0b35b,#ffd27c);transition:width .45s}.hero-card:hover{transform:translateY(-.35rem);box-shadow:0 1.7rem 4.5rem #102a3426}@keyframes sqFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-.55rem)}}.duo-unit-banner:hover{transform:translateY(-.25rem);box-shadow:0 .75rem #0f4153,0 1.2rem 2rem #102a3429}.metric-card:hover,.selected-card:hover{transform:translateY(-.3rem);box-shadow:0 1.3rem 3.2rem #102a3421}.secondary-button:hover{transform:translateY(-.18rem);box-shadow:0 .55rem #c98635,0 1rem 1.8rem #c9863538}.secondary-button:active{transform:translateY(.2rem);box-shadow:0 .25rem #c98635}.nav-button:hover{transform:translate(.35rem)}.lesson-node:focus-visible,.nav-button:focus-visible,.secondary-button:focus-visible{outline-offset:.25rem;outline:.22rem solid #f0b35bd9}.demo-complete-overlay{z-index:999999;background:#102a348c;place-items:center;display:grid;position:fixed;inset:0}.demo-complete-popup{text-align:center;background:#fff;border-radius:2rem;width:min(90vw,34rem);padding:2rem;box-shadow:0 1rem 3rem #0003}.demo-complete-popup h2{color:#14213d;margin:0 0 1rem}.demo-complete-popup p{color:#52666d;line-height:1.5}.demo-complete-popup a,.demo-complete-popup button{border:none;border-radius:1rem;width:100%;margin-top:1rem;padding:1rem;font-weight:900;text-decoration:none;display:block}.demo-complete-popup a{color:#fff;background:#19647e}.demo-complete-popup button{color:#102a34;cursor:pointer;background:#e6f1ed}.feedback-tab-button{color:#19647e;cursor:pointer;background:#e6f1ed;border:none;border-radius:18px;width:100%;margin-top:12px;padding:15px 22px;font-weight:900}.feedback-tab-button:hover{transform:translateY(-.18rem)}.feedback-card{cursor:pointer;background:#ffffffc2;border:1px solid #102a3414;border-radius:30px;padding:22px;transition:transform .18s,box-shadow .18s;box-shadow:0 18px 45px #102a3414}.feedback-card:hover{transform:translateY(-.3rem);box-shadow:0 1.3rem 3.2rem #102a3421}.feedback-button{color:#fff;cursor:pointer;background:#19647e;border:none;border-radius:18px;width:100%;margin-top:16px;padding:15px 22px;font-weight:900}.hero-brand-card{justify-content:space-between;align-items:center;gap:48px;min-height:380px;padding:40px 48px;display:flex}.hero-brand-left{flex:1;align-items:center;min-width:0;display:flex}.hero-statement{object-fit:contain;width:min(620px,100%);height:auto;display:block}.hero-brand-right{flex:0 0 460px;justify-content:center;align-items:center;display:flex}.hero-frog-logo{object-fit:contain;width:420px;max-width:100%;height:auto;display:block}@media (width<=900px){.hero-brand-card{gap:24px;padding:32px}.hero-brand-right{flex-basis:220px}.hero-frog-logo{width:200px}}@media (width<=650px){.hero-brand-card{text-align:center;flex-direction:column;align-items:center}.hero-brand-right{flex-basis:auto}.hero-statement{width:100%}}.brand-button{cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.7rem;width:100%;padding:0;display:flex}.brand-logo{object-fit:contain;flex:none;width:2.6rem;height:2.6rem}.brand-statement{object-fit:contain;object-position:left center;width:8rem;max-width:65%;height:auto;display:block}.hero-mobile-brand{display:none}@media (width<=768px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0}.app-shell{width:100%;max-width:100%;min-height:100vh;display:block}.sidebar{width:100%;height:auto;padding:.55rem .5rem calc(.55rem + env(safe-area-inset-bottom));z-index:1000;background:#fff;border-top:1px solid #00000014;border-right:none;position:fixed;inset:auto 0 0}.sidebar .brand{display:none}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;width:100%;display:grid}.nav-button{text-align:center;border-radius:.8rem;width:100%;min-width:0;padding:.8rem .2rem;font-size:.8rem}.main-content{width:100%;max-width:100%;padding:0 1rem calc(6rem + env(safe-area-inset-bottom));overflow-x:hidden}.hero-card{justify-content:center;align-items:center;width:100%;max-width:100%;min-height:0;padding:2rem 1.25rem;display:flex;overflow:hidden}.hero-desktop-copy,.hero-desktop-visual{display:none!important}.hero-mobile-brand{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex}.hero-mobile-logo{object-fit:contain;width:min(62vw,15rem);max-width:100%;height:auto;margin:0 auto;display:block}.hero-mobile-tagline{color:#5f7078;text-align:center;width:100%;max-width:22rem;margin:1rem auto 0;font-size:1.05rem;font-weight:600;line-height:1.45}.content-grid{width:100%;max-width:100%;display:block}.path-card,.duolingo-path-card{width:100%;min-width:0;max-width:100%;margin:0;padding:0;overflow:hidden}.unit-section{width:100%;max-width:100%;margin:0 0 3rem;padding:0}.duo-unit-banner{box-sizing:border-box;border-radius:1.5rem;flex-wrap:wrap;gap:.75rem;width:100%;max-width:100%;margin:0 0 2rem;padding:1.4rem}.duo-unit-banner>div{min-width:0}.duo-unit-banner h2{overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,9vw,3rem);line-height:1.05}.duo-unit-banner>span{flex-shrink:0;font-size:.9rem}.duo-path{flex-direction:column;gap:1.5rem;width:100%;max-width:100%;padding:0;display:flex}.lesson-node,.lesson-node.node-left,.lesson-node.node-right{grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:1rem;width:100%;max-width:100%;margin:0;padding:0;display:grid;left:auto!important;right:auto!important;transform:none!important}.lesson-circle{width:5.25rem;min-width:5.25rem;height:5.25rem;margin:0}.lesson-info{box-sizing:border-box;text-align:left;width:100%;min-width:0;padding:1.25rem}.lesson-info h3{overflow-wrap:anywhere;margin:.3rem 0;font-size:1.45rem;line-height:1.15}.lesson-info p{margin:.5rem 0;font-size:1rem;line-height:1.4}.progress-track{width:100%}.right-panel{grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%;margin-top:2rem;display:grid}.metric-card,.selected-card,.feedback-card{box-sizing:border-box;width:100%;max-width:100%}}@media (width<=480px){.main-content{padding-left:.75rem;padding-right:.75rem}.hero-card{padding:1.5rem 1rem}.hero-mobile-logo{width:min(58vw,13rem)}.hero-mobile-tagline{max-width:19rem;font-size:1rem;line-height:1.4}.lesson-node,.lesson-node.node-left,.lesson-node.node-right{grid-template-columns:4.75rem minmax(0,1fr);gap:.75rem}.lesson-circle{width:4.5rem;min-width:4.5rem;height:4.5rem}.lesson-info{padding:1rem}.lesson-info h3{font-size:1.25rem}}@media (width<=768px){html,body,#root{-webkit-overflow-scrolling:touch!important;width:100%!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}body{touch-action:pan-y!important}.app-shell,.app-shell.lesson-mode,.main-content,.app-shell.lesson-mode .main-content{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:hidden visible!important}.lesson-flow,.practice-page,.reference-practice-page{height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:hidden visible!important}.practice-shell,.reference-practice-grid{height:auto!important;max-height:none!important;overflow:visible!important}}