.lesson{width:min(100%,1240px);margin:0 auto}.lesson-top{margin-bottom:20px}.lesson-top-main{align-items:center;gap:20px;display:flex}.lesson-top-art{aspect-ratio:4/3;border:2px solid var(--accent-ink);width:132px;box-shadow:0 4px 0 var(--accent-ink);border-radius:16px;flex:none;position:relative;overflow:hidden}.lesson-top-art img{object-fit:cover}.lesson-top h1{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:0;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1}.lesson-top .lesson-kicker{margin-bottom:6px}.lesson-top .lesson-meta{margin-top:12px}.quest-bar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #ece6ef;border-radius:20px;align-items:center;gap:16px;margin-bottom:20px;padding:10px 14px;display:flex;position:sticky;top:100px;box-shadow:0 16px 32px -24px #4d155d59}.quest-bar-level{flex:none;align-items:center;gap:10px;display:flex}.quest-bar-level .level-chip{width:44px;height:44px;font-size:15px}.quest-bar-level .side-title{font-size:16px}.quest-bar-level .side-sub{margin:0}.quest-nodes{flex:1;justify-content:space-between;gap:6px;min-width:0;margin:0;padding:4px 2px 8px;list-style:none;display:flex;position:relative;overflow-x:auto}.quest-nodes:before{content:"";border-top:3px dotted #dccfe3;position:absolute;top:25px;left:24px;right:24px}.quest-node{width:44px;height:44px;color:var(--accent);transition:transform .15s var(--ease-ui), border-color .15s;background:#fff;border:2px solid #ece6ef;border-radius:12px;place-items:center;padding:0;display:grid;position:relative}.quest-node img{filter:grayscale(.7);opacity:.6}.quest-node:hover{border-color:var(--accent);transform:translateY(-2px)}.quest-node.is-done{border-color:var(--good);background:var(--good-soft)}.quest-node.is-done img,.quest-node.is-current img{filter:none;opacity:1}.quest-node.is-current{border-color:var(--accent-ink);background:var(--zyx-yellow);box-shadow:0 3px 0 var(--accent-ink);transform:translateY(-2px)}.quest-node-check{color:#fff;background:var(--good);border:2px solid #fff;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;bottom:-5px;right:-5px}.quest-bar .rail-reset{flex:none}.rail-reset{color:var(--soft-ink);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;display:inline-flex}.quest-stage{animation:result-in .4s var(--ease-enter);scroll-margin-top:190px}.quest-screen{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.quest-brief{background:#fff;border:1px solid #ece6ef;border-radius:24px;gap:14px;padding:22px;display:grid;position:sticky;top:196px}.quest-screen.is-done .quest-brief{border-color:#15803d66}.quest-brief-top{justify-content:space-between;align-items:flex-start;display:flex}.quest-brief h2{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:-6px 0 0;font-size:clamp(24px,2.4vw,30px);font-weight:700;line-height:1.05}.quest-brief .lab-outcome,.quest-brief .lab-idea,.quest-brief .lab-goal{margin:0}.quest-brief .lab-idea{font-size:14.5px}.quest-brief .lab-goal{font-size:14px}.why-card{background:#fffbe0;border:2px solid #3d1049;border-radius:14px;align-items:flex-start;gap:12px;padding:12px;display:flex;box-shadow:0 3px #3d1049}.why-card img{flex:none}.why-card p{color:var(--ink);margin:0;font-size:14px;line-height:1.45}.why-card strong{font-family:var(--font-pixel), var(--font-learn), sans-serif;color:#3d1049;margin-bottom:2px;font-size:15px;font-weight:700;display:block}.quest-main{gap:18px;min-width:0;display:grid}.quest-main>.lab-stage{background:#fff;border:1px solid #ece6ef;border-radius:24px;padding:clamp(16px,2.4vw,26px)}.quest-loot{gap:14px;display:grid}.loot-locked{color:var(--soft-ink);border:2px dashed #e3d8e9;border-radius:16px;align-items:center;gap:8px;margin:0;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.quest-loot.is-open{animation:result-in .5s var(--ease-enter)}.quest-loot .lab-rules{margin:0}.review-card{color:#fff;background:linear-gradient(135deg,#3d1049,#6a1f80);border-radius:18px;padding:16px 18px}.review-card-head{align-items:center;gap:12px;display:flex}.review-card-head>div{flex:1;min-width:0}.review-icon{color:#3d1049;background:var(--zyx-yellow);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.review-title{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:0;font-size:17px;font-weight:700}.review-sub{color:#ffffffbf;margin:2px 0 0;font-size:12.5px}.review-text{color:#fff;background:#ffffff1a;border-radius:12px;margin:12px 0 0;padding:12px 14px;font-size:14px;line-height:1.55}.review-card .copy-btn{color:#fff;background:0 0;border-color:#fff6}.copy-btn{flex:none}.quest-nav{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.btn-pixel:disabled{opacity:.45;cursor:not-allowed;transform:none}.briefing{background:radial-gradient(80% 60% at 100% 0,#ffee7138,#0000 60%),#fff;border:1px solid #ece6ef;border-radius:28px;gap:20px;padding:clamp(22px,3.4vw,40px);display:grid}.briefing-head h2{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:700}.briefing-head p{max-width:60ch;color:var(--soft-ink);margin:10px 0 0;font-size:17px;line-height:1.55}.briefing-q{margin:0;font-weight:700}.role-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.role-option{color:var(--ink);text-align:center;transition:transform .15s var(--ease-ui), border-color .15s, box-shadow .15s;background:#fff;border:2px solid #ece6ef;border-radius:20px;justify-items:center;gap:6px;padding:18px 14px;display:grid;box-shadow:0 4px #ece6ef}.role-option:hover{border-color:var(--accent);box-shadow:0 4px 0 var(--accent);transform:translateY(-2px)}.role-option.is-picked{background:#fffbe0;border-color:#3d1049;box-shadow:0 4px #3d1049}.role-label{font-family:var(--font-pixel), var(--font-learn), sans-serif;font-size:18px;font-weight:700}.role-who{color:var(--soft-ink);font-size:13px}.role-why{background:var(--tint);animation:result-in .4s var(--ease-enter);border-radius:20px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;padding:20px;display:grid}.role-why-title{font-family:var(--font-pixel), var(--font-learn), sans-serif;color:var(--accent-ink);margin:0 0 8px;font-size:18px;font-weight:700}.role-why-body{margin:0;font-size:15.5px;line-height:1.6}.role-why ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.role-why li{gap:8px;font-size:15px;line-height:1.4;display:flex}.role-why li svg{color:var(--good);flex:none;margin-top:1px}.briefing-cta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.debrief{gap:24px;display:grid}.kit h3{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:0;font-size:clamp(24px,2.8vw,32px);font-weight:700}.kit-sub{color:var(--soft-ink);margin:6px 0 16px}.kit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px;display:grid}.kit-item{background:#fff;border:1px solid #ece6ef;border-radius:22px;padding:20px}.kit-item-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.kit-item-head>div{flex:1}.kit-title{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:0;font-size:19px;font-weight:700}.kit-meta{color:var(--soft-ink);margin:2px 0 0;font-size:13px}.kit-list{color:var(--ink);gap:10px;margin:0;padding-left:20px;font-size:14px;line-height:1.5;display:grid}.lab-stage :is(.glance-viewport,.mixer-canvas,.popout-intro,.popout-grid,.popout-bars,.typelab-preview,.fix-stage){border:3px solid #3d1049;border-radius:18px;box-shadow:0 5px #3d1049}.lab-stage :is(.glance-viewport,.mixer-canvas,.popout-intro,.fix-stage){background:linear-gradient(#ffffff8c,#ffffff8c),linear-gradient(160deg,#e9d8ff 0%,#fbd9ea 60%,#fff4c7 100%)}.lab-stage .popout-grid{background:#fff}.lab-stage .squint-pair figure{background:linear-gradient(160deg,#e9d8ff,#fbd9ea);border:3px solid #3d1049;box-shadow:0 5px #3d1049}.lab-stage .squint-pair figure.is-picked{border-color:var(--accent);box-shadow:0 5px 0 var(--accent)}.lab-stage .scan-card{border-width:3px;border-color:#3d1049;box-shadow:0 5px #3d1049}.lab-stage .scan-card.is-right{border-color:var(--good);box-shadow:0 5px #14532d}.lab-stage .scan-card.is-wrong{border-color:var(--warn);box-shadow:0 5px #7c2d12}.lab-stage .scan-mock{background:linear-gradient(160deg,#f3eaff,#fdeef5)}.lab-stage .seg{background:0 0;gap:6px;padding:0}.lab-stage .seg button{color:var(--ink);background:#fff;border:2px solid #d9cfde;border-radius:9px;box-shadow:0 3px #d9cfde}.lab-stage .seg button.on{color:#3d1049;background:var(--zyx-yellow);border-color:#3d1049;box-shadow:0 3px #3d1049}.lab-stage .ratio-grid button{border-width:2px;box-shadow:0 3px #ece6ef}.lab-stage .ratio-grid button.on{background:var(--zyx-yellow);border-color:#3d1049;box-shadow:0 3px #3d1049}.lab-stage input[type=range]{appearance:none;background:0 0;height:22px}.lab-stage input[type=range]::-webkit-slider-runnable-track{background:#fff;border:2px solid #3d1049;border-radius:4px;height:10px}.lab-stage input[type=range]::-moz-range-track{background:#fff;border:2px solid #3d1049;border-radius:4px;height:6px}.lab-stage input[type=range]::-webkit-slider-thumb{background:var(--zyx-yellow);appearance:none;border:2px solid #3d1049;border-radius:4px;width:20px;height:20px;margin-top:-7px;box-shadow:0 2px #3d1049}.lab-stage input[type=range]::-moz-range-thumb{background:var(--zyx-yellow);border:2px solid #3d1049;border-radius:4px;width:16px;height:16px}.lab-stage .ctl>span,.lab-stage .panel-label{font-family:var(--font-pixel), var(--font-learn), sans-serif;letter-spacing:0;text-transform:none;font-size:15px;font-weight:500}.lab-stage .ctl em{font-family:var(--font-learn), sans-serif;font-size:13px}.lab-stage .checks li:before{border-color:#3d1049;border-radius:4px}.lab-stage .checks li.ok:before{border-color:#14532d;box-shadow:0 2px #14532d}.lab-stage .meter-track,.lab-stage .pbar-track{background:#fff;border:2px solid #3d1049;border-radius:4px}.lab-stage .meter-fill,.lab-stage .pbar-fill{background-image:repeating-linear-gradient(90deg,#0000 0 8px,#ffffff8c 8px 10px);border-radius:1px}.lab-stage .lab-result{border:3px solid #3d1049;border-radius:16px;box-shadow:0 5px #3d1049}.lab-stage .lab-result.tone-good{background:#eafbe9}.lab-stage .lab-result.tone-warn{background:#fff4e2}.lab-stage .lab-result.tone-info{background:#f8eefb}.lab-stage .lab-result>p:first-child:before{content:"Nice!";color:#14532d;font-family:var(--font-pixel), var(--font-learn), sans-serif;margin-bottom:4px;font-size:18px;font-weight:700;display:block}.lab-stage .lab-result.tone-warn>p:first-child:before{content:"Not quite";color:#7c2d12}.lab-stage .lab-result.tone-info>p:first-child:before{content:"Look closer";color:var(--accent-ink)}.lab-stage .result-trophy:before{display:none!important}.lab-stage .glance-count{font-family:var(--font-pixel), var(--font-learn), sans-serif;color:#3d1049;text-shadow:0 5px 0 var(--zyx-yellow)}.lab-stage .glance-q,.lab-stage .glance-round{font-family:var(--font-pixel), var(--font-learn), sans-serif;letter-spacing:0;text-transform:none}.lab-stage .glance-round{font-size:16px}.lab-stage .glance-photo{background:url(/course/scene-event.jpg) 50%/cover}.lab-stage .mixer-photo{background:url(/course/scene-houseboat.jpg) 50%/cover}.lab-stage .land-tiles span:first-child{background:url(/course/scene-tiffin.jpg) 50%/cover}@media (max-width:1080px){.quest-screen{grid-template-columns:1fr}.quest-brief{position:static}.kit-grid{grid-template-columns:1fr}}@media (max-width:820px){.role-picker,.role-why{grid-template-columns:1fr}.role-option{text-align:left;grid-template-columns:64px minmax(0,1fr);justify-items:start;column-gap:14px}.role-option img{grid-row:span 2;width:64px;height:64px}}@media (max-width:720px){.quest-bar{flex-wrap:wrap;gap:8px;top:84px}.quest-bar-level{order:-1}.quest-nodes{flex-basis:100%;justify-content:flex-start}.quest-nodes:before{display:none}.lesson-top-art{width:88px}}.course-briefing{margin-top:-40px;scroll-margin-top:110px;position:relative}.world-foryou{color:var(--ink);background:#fffbe0;border-radius:12px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:14px;line-height:1.45;display:flex}.world-foryou img{flex:none;margin-top:-2px}.world-foryou strong{color:#3d1049}.role-strip{background:#fffbe0;border:2px solid #3d1049;border-radius:18px;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 4px #3d1049}.role-strip img{flex:none}.role-strip-label{color:var(--soft-ink);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:13px;font-weight:600;display:flex}.role-strip-label strong{color:#3d1049;font-family:var(--font-pixel), var(--font-learn), sans-serif;font-size:17px}.role-strip-label a{color:var(--accent);font-size:13px;font-weight:700}.role-strip-why{color:var(--ink);margin:4px 0 0;font-size:14.5px;line-height:1.5}.role-strip.is-empty{box-shadow:none;background:#fff;border-style:dashed;justify-content:space-between}.role-strip.is-empty p{color:var(--soft-ink);margin:0;font-weight:600}.btn-ghost:disabled{opacity:.4;cursor:default}@media (max-width:720px){.role-strip{align-items:flex-start}.role-strip.is-empty{flex-direction:column;align-items:flex-start}}
.ms{width:100%;color:var(--ms-color);background:var(--ms-bg);text-align:left;border:2px solid #3d1049;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 4px #3d1049}.ms-frame-phone{border-width:6px;border-color:#1d1320;border-radius:30px;width:min(100%,320px);margin:0 auto;box-shadow:0 6px #3d1049,0 24px 40px -20px #2d0c3c66}.ms-frame-web{border-radius:14px}.ms-chrome{background:#f4f1f6;border-bottom:1px solid #00000014;gap:6px;padding:9px 12px;display:flex}.ms-chrome i{background:#d9cfde;border-radius:50%;width:9px;height:9px}.ms-body{flex-direction:column;gap:10px;padding:16px;display:flex}.ms-frame-phone .ms-body{padding:22px 14px 18px}.ms.is-compact .ms-body{gap:7px;padding:12px}.ms-font-sans{font-family:var(--font-learn), ui-sans-serif, system-ui, sans-serif}.ms-font-serif{font-family:Georgia,Times New Roman,serif}.ms-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ms p{margin:0}.ms-h{line-height:1.15}.ms-t{line-height:1.5}.ms-size-xl{font-size:26px}.ms-size-lg{font-size:20px}.ms-size-md{font-size:15px}.ms-size-sm{font-size:13px}.ms-size-xs{font-size:11px}.is-compact .ms-size-xl{font-size:20px}.is-compact .ms-size-lg{font-size:16px}.is-compact .ms-size-md{font-size:13px}.ms-tone-ink{color:var(--ms-color)}.ms-tone-muted{color:color-mix(in srgb, var(--ms-color) 55%, var(--ms-bg))}.ms-tone-accent{color:var(--ms-accent)}.ms-tone-danger{color:#c2261d}.ms-tone-success{color:#15803d}.ms-tone-white{color:#fff}.ms-btn{border-radius:10px;justify-content:center;align-self:flex-start;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.ms-full{align-self:stretch}.ms-btn-primary{color:#fff;background:var(--ms-accent)}.ms-btn-secondary{border:1.5px solid color-mix(in srgb, var(--ms-color) 25%, transparent);color:var(--ms-color);background:0 0}.ms-btn-ghost{color:var(--ms-color);background:color-mix(in srgb, var(--ms-color) 8%, transparent)}.ms-btn-link{color:var(--ms-accent);padding:2px 0;text-decoration:underline}.ms-btn-danger{color:#fff;background:#c2261d}.ms-field{flex-direction:column;gap:5px;display:flex}.ms-label{font-size:13px;font-weight:600}.ms-input{border:1.5px solid color-mix(in srgb, var(--ms-color) 22%, transparent);color:color-mix(in srgb, var(--ms-color) 45%, var(--ms-bg));border-radius:9px;padding:10px 12px;font-size:14px}.ms-input.has-error{border-color:#c2261d}.ms-error{color:#c2261d;font-size:12.5px}.ms-img{background:linear-gradient(135deg,#e3d8e9,#f6e3ee) 50%/cover;border-radius:12px;width:100%;display:block}.ms-chip{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.ms-price{align-items:baseline;gap:6px;display:flex}.ms-price b{font-size:22px}.ms-price span,.ms-price s{color:color-mix(in srgb, var(--ms-color) 55%, var(--ms-bg));font-size:13px}.ms-list{gap:4px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:grid}.ms-divider{border:0;border-top:1px solid color-mix(in srgb, var(--ms-color) 12%, transparent);width:100%;margin:2px 0}.ms-row{flex-wrap:wrap;align-items:center;display:flex}.ms-justify-between{justify-content:space-between}.ms-justify-center{justify-content:center}.ms-justify-end{justify-content:flex-end}.ms-stack{border-radius:12px;flex-direction:column;display:flex}.ms-stack.has-border{border:1.5px solid color-mix(in srgb, var(--ms-color) 14%, transparent)}.ms-spot{outline-offset:2px;cursor:pointer;border-radius:8px;outline:2px dashed #0000;flex-direction:column;transition:outline-color .15s,background .15s;display:flex;position:relative}.ms-row>.ms-spot{flex-direction:row}.ms-spot:hover{outline-color:#9335aa80}.ms-spot.is-group:hover{outline-color:#9335aa40}.ms-spot.is-found{background:#ffee7159;outline:3px solid #f59e0b}.ms-spot.is-missed{animation:shake .35s var(--ease-ui);outline-color:#9a8ea1}.ms-found-badge{z-index:2;color:#3d1049;width:24px;height:24px;font-family:var(--font-pixel), var(--font-learn), sans-serif;background:var(--zyx-yellow);border:2px solid #3d1049;border-radius:7px;place-items:center;font-size:14px;display:grid;position:absolute;top:-10px;right:-10px}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.play{gap:16px;display:grid}.play>.btn-primary,.play>.btn-ghost{justify-self:start}.play-q{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:0;font-size:20px;font-weight:500;line-height:1.3}.choice-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:14px;display:grid}.choice-card{color:var(--ink);text-align:left;transition:transform .15s var(--ease-ui), border-color .15s, box-shadow .15s;background:linear-gradient(160deg,#f6efff,#fdf0f6);border:3px solid #e3d8e9;border-radius:18px;align-content:start;gap:10px;padding:12px;display:grid;box-shadow:0 4px #e3d8e9}.choice-card:hover{border-color:var(--accent);box-shadow:0 4px 0 var(--accent);transform:translateY(-2px)}.choice-card.is-right{border-color:var(--good);background:#eafbe9;box-shadow:0 4px #14532d}.choice-card.is-wrong{border-color:var(--warn);background:#fff4e2;box-shadow:0 4px #7c2d12}.choice-card-label{font-family:var(--font-pixel), var(--font-learn), sans-serif;font-size:17px;font-weight:700}.choice-card-text{color:var(--soft-ink);font-size:14px;line-height:1.45}.choice-card .ms-frame-phone{border-width:4px;border-radius:22px}.spot-layout{grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:start;gap:20px;display:grid}.spot-stage{background:linear-gradient(160deg,#e9d8ff 0%,#fbd9ea 60%,#fff4c7 100%);border:3px solid #3d1049;border-radius:18px;padding:18px;box-shadow:0 5px #3d1049}.spot-side{gap:12px;display:grid}.spot-count{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:0;font-size:22px}.spot-miss{color:var(--soft-ink);margin:0;font-size:14px;font-weight:600}.spot-found{gap:10px;margin:0;padding:0;list-style:none;display:grid}.spot-found li{animation:result-in .35s var(--ease-enter);gap:10px;font-size:14px;line-height:1.45;display:flex}.spot-num{color:#3d1049;width:24px;height:24px;font-family:var(--font-pixel), var(--font-learn), sans-serif;background:var(--zyx-yellow);border:2px solid #3d1049;border-radius:7px;flex:none;place-items:center;font-size:14px;display:grid}.order-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.order-item{background:#fff;border:2px solid #e3d8e9;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 3px #e3d8e9}.order-item.is-right{border-color:var(--good);box-shadow:0 3px #14532d}.order-item.is-wrong{border-color:var(--warn);box-shadow:0 3px #7c2d12}.order-num{color:#3d1049;width:30px;height:30px;font-family:var(--font-pixel), var(--font-learn), sans-serif;background:var(--zyx-yellow);border-radius:8px;flex:none;place-items:center;font-size:16px;display:grid}.order-text{flex:1;gap:2px;font-size:15px;font-weight:600;display:grid}.order-text small{color:var(--soft-ink);font-size:13px;font-weight:500}.order-moves{gap:6px;display:flex}.order-moves button{width:34px;height:34px;color:var(--ink);background:#fff;border:2px solid #d9cfde;border-radius:9px;place-items:center;display:grid;box-shadow:0 2px #d9cfde}.order-moves button:disabled{opacity:.35}.match-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.match-item{background:#fff;border:2px solid #e3d8e9;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,260px);align-items:center;gap:8px 14px;padding:12px 14px;display:grid}.match-item.is-right{border-color:var(--good);background:#f3fcf2}.match-item.is-wrong{border-color:var(--warn);background:#fffaf2}.match-prompt{font-size:15px;line-height:1.45}.match-item select{color:var(--ink);font:inherit;background:#fff;border:2px solid #3d1049;border-radius:10px;padding:9px 10px;font-size:14px;box-shadow:0 2px #3d1049}.match-why{color:#14532d;grid-column:1/-1;font-size:13.5px}.tune-layout{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.tune-controls{gap:16px;display:grid}.tune-preview{background:#fff;border:3px solid #3d1049;border-radius:18px;place-items:center;min-height:260px;padding:22px;display:grid;box-shadow:0 5px #3d1049}.tune-text{gap:12px;width:100%;display:grid}.tune-text p{color:#241b28;margin:0}.tune-ratio{font-family:var(--font-pixel), var(--font-learn), sans-serif;background:var(--zyx-yellow);border:2px solid #3d1049;border-radius:8px;justify-self:start;padding:4px 10px}.tune-buttons{background:#f4f1f6;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;padding:14px;display:flex}.tune-target{color:#fff;background:var(--accent);border-radius:10px;place-items:center;font-weight:800;transition:width .15s,height .15s;display:grid}.tune-finger{color:var(--soft-ink);text-align:center;flex-basis:100%;margin-top:12px;font-size:12.5px}.tune-grid{background:#f4f1f6;border-radius:14px;width:100%;display:grid}.tune-grid-card{background:linear-gradient(135deg,#d8c4ef,#f5cfe2);height:64px}.tune-card{background:#fff;border:1.5px solid #e3d8e9;width:min(100%,300px);display:grid;box-shadow:0 12px 24px -16px #2d0c3c59}.tune-card-img{background:url(/course/scene-houseboat.jpg) 50%/cover;height:120px}.tune-card span{color:var(--soft-ink);font-size:14px;line-height:1.45}.tune-card .tune-card-btn{color:#fff;background:var(--accent);border-radius:9px;justify-self:start;padding:9px 14px;font-weight:700}.quiz-progress{color:var(--accent);margin:0;font-size:13px;font-weight:700}.quiz-options{gap:10px;display:grid}.quiz-option{color:var(--ink);text-align:left;background:#fff;border:2px solid #e3d8e9;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;transition:border-color .15s,transform .12s;display:flex;box-shadow:0 3px #e3d8e9}.quiz-option:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.quiz-option svg{margin-left:auto}.quiz-option.is-right{border-color:var(--good);background:#eafbe9;box-shadow:0 3px #14532d}.quiz-option.is-wrong{border-color:var(--warn);background:#fff4e2;box-shadow:0 3px #7c2d12}.quiz-letter{color:#3d1049;width:28px;height:28px;font-family:var(--font-pixel), var(--font-learn), sans-serif;background:#f3eaff;border-radius:8px;flex:none;place-items:center;display:grid}.play .lab-result .btn-primary{justify-self:start}.lesson-top-lede{max-width:64ch;color:var(--soft-ink);margin:8px 0 0;font-size:16px;line-height:1.5}@media (max-width:900px){.spot-layout,.tune-layout,.choice-grid,.match-item{grid-template-columns:1fr}}.play,.match-item>*{min-width:0}.match-item select{text-overflow:ellipsis;width:100%;max-width:100%}