:root{--ink:#253e36;--green:#254f42;--green2:#37705c;--muted:#6a756e;--paper:#f7f7ef;--white:#fffef9;--line:#dfe4d9;--yellow:#f7dc94;--peach:#eaa98a;--sage:#e8eee0;--red:#a44333;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b96b25;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--green2);outline-offset:2px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(36px,4.3vw,60px);font-weight:700}h2{font-size:29px}h3{font-size:19px}p{margin-bottom:16px}small{font-size:12px}svg{display:block}input,textarea,select{width:100%;border:1px solid #b8c7ba;border-radius:10px;background:#fffefa;color:var(--ink);padding:11px 13px;min-height:45px}textarea{resize:vertical;min-height:92px}label{display:block;font-size:13px;font-weight:650;line-height:1.5}label input,label textarea,label select{margin-top:7px;font-weight:400}::placeholder{color:#7f8981}label small{display:block;font-weight:400;color:var(--muted)}.skip{position:fixed;top:-80px;left:20px;z-index:50;padding:10px;background:var(--yellow)}.skip:focus{top:8px}.topbar{height:94px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:25px;font-weight:400;letter-spacing:-1px;line-height:1.1}.brand-bold{font-weight:750}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px;font-weight:600}.brand-mark{display:flex;position:relative;background:var(--green);color:var(--white);height:47px;width:47px;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:bold;border-radius:12px 12px 12px 2px;letter-spacing:-3px;padding-right:3px}.brand-mark span{position:absolute;color:var(--yellow);top:-7px;right:-8px;font-size:23px}.top-actions{display:flex;align-items:center;gap:22px}.save-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.save-state i{width:6px;height:6px;border-radius:50%;background:#648e63}.icon-button{height:36px;width:36px;border:1px solid var(--line);border-radius:50%;background:transparent;font-weight:600;font-size:18px;display:grid;place-items:center}.layout{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:calc(100vh - 94px)}.sidebar{padding:36px 26px 25px 36px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 10px);max-height:1000px;align-self:start}.module-label{font-size:9px;font-weight:650;letter-spacing:1.5px;display:flex;align-items:center;gap:20px;color:var(--muted)}.module-label span{padding:3px 8px;background:var(--sage);border-radius:5px;font-size:10px;color:var(--green)}.side-title{font-family:Georgia,serif;font-size:26px;line-height:1.25;letter-spacing:-.7px;margin:23px 0 28px}.progress-caption{font-size:10px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.progress-caption strong{font-size:11px;color:var(--green)}.progress-track{height:4px;background:var(--line);border-radius:5px;margin:10px 0 28px;overflow:hidden}.progress-track div{height:100%;width:0;background:var(--green);transition:width .4s}nav{display:grid;gap:7px}nav a{display:flex;gap:12px;align-items:center;text-decoration:none;padding:12px 10px;border-radius:10px;line-height:1.3;font-size:12px;position:relative}nav a.active{background:var(--green);color:white}nav a:hover:not(.active){background:#e9eddf}nav a small{display:block;font-size:9px;opacity:.7;font-weight:400;margin-top:3px}nav .nav-num{width:26px;height:26px;border:1px solid #b9c5b6;display:grid;place-items:center;border-radius:50%;font-size:10px;flex-shrink:0}nav a.active .nav-num{background:#ffffff1a;border-color:#ffffff4d}nav a.done:not(.active) .nav-num{background:var(--sage);border-color:var(--sage)}.side-note{border-top:1px solid var(--line);margin-top:33px;padding-top:24px;display:flex;gap:10px}.side-note>span{font-size:26px;line-height:1.1;color:#a5814b}.side-note p{font-size:10px;line-height:1.8;color:var(--muted)}.side-footer{font-size:9px;line-height:1.9;color:#718074;margin-top:auto;padding-top:24px}main{padding:34px 46px 26px;max-width:1420px;width:100%;margin:auto;align-self:start;outline:none;min-width:0}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);margin-bottom:24px}.breadcrumb span:last-child{color:var(--green)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;margin-bottom:15px;color:var(--green2)}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:22px;align-items:center;padding-bottom:30px}.hero-copy>p{font-size:14px;max-width:390px;color:var(--muted);line-height:1.8}.hero h1{margin:0 0 20px;line-height:1.1;letter-spacing:-2.6px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green2)}.hero .button{margin-top:11px}.hero-art{position:relative;min-width:0}.hero-art svg{width:100%;height:auto}.hero-caption{font-family:Georgia,serif;font-style:italic;text-align:center;font-size:12px;transform:rotate(-3deg);color:#627566;margin-top:5px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:5px 11px;font-size:10px;background:var(--sage);font-weight:600;letter-spacing:.2px}.hero-meta{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.hero-meta span{display:flex;gap:5px;align-items:center}.section-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0 19px}.section-row h2{font-size:21px;margin:0;letter-spacing:-.7px}.section-row>span{font-size:10px;color:var(--muted)}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:29px}.outcome{border:1px solid var(--line);padding:19px 18px;border-radius:14px;background:var(--white)}.outcome-num{font-family:Georgia,serif;font-size:28px;line-height:1;color:#6c826d}.outcome h3{font-size:13px;margin:13px 0 7px;letter-spacing:-.2px}.outcome p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.journey-banner{border-radius:14px;background:#e9eddd;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 23px}.journey-banner p{font-size:11px;margin:4px 0 0;color:#5b6b59}.journey-banner h3{font-size:15px;margin:0}.little-spark{font-size:28px;color:#b77842}.page-footer{display:flex;justify-content:space-between;margin-top:32px;padding-top:14px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);gap:15px}.page-header{display:flex;align-items:flex-start;gap:24px;justify-content:space-between;margin-bottom:26px}.page-header h1{font-size:39px;letter-spacing:-1.6px;margin-bottom:12px}.page-header p{font-size:13px;color:var(--muted);max-width:620px;margin-bottom:0}.time-pill{white-space:nowrap;background:var(--sage);border-radius:25px;padding:7px 11px;font-size:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:white;text-decoration:none;padding:11px 20px;font-size:12px;font-weight:600;line-height:1.5}.button:hover{background:#183d31}.button.secondary{background:transparent;color:var(--green);border-color:#b8c9b4}.button.secondary:hover{background:#e5ebdc}.button.small{min-height:35px;padding:7px 12px;font-size:11px}.button.yellow{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.text-button{border:0;background:transparent;font-size:12px;padding:8px;text-decoration:underline;text-underline-offset:4px;color:var(--green)}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:20px}.card h2{font-size:23px;margin-bottom:10px}.card h3{margin-bottom:10px}.card p{font-size:13px}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.card-top p{color:var(--muted);margin:6px 0 0;font-size:12px}.card-top h2{margin:0}.badge{background:var(--sage);padding:4px 9px;border-radius:5px;font-size:9px;white-space:nowrap;color:var(--green)}.comic-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.comic-panel{position:relative;min-width:0}.comic-panel>svg{width:100%;height:auto;border-radius:5px;border:1.5px solid var(--ink);background:#fff8e3}.panel-caption{font-size:10px;color:var(--muted);margin:9px 0 0;line-height:1.6}.annotate-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 13px}.chip{border:1px solid #becab8;border-radius:50px;background:transparent;padding:8px 15px;font-size:11px;min-height:36px}.chip.selected,.chip[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.feedback{border-radius:10px;border-left:3px solid #8a9d6b;background:#f0f3e6;padding:13px 16px;font-size:12px;line-height:1.7;margin-top:14px}.feedback.good{background:#e9f2e6;border-color:#4d7e4c}.feedback.retry{background:#fff2d8;border-color:#be8633}.feedback strong{display:block;margin-bottom:3px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quiet{color:var(--muted);font-size:12px}.field-grid{display:grid;gap:17px}.field-grid.cols{grid-template-columns:1fr 1fr}.bottom-nav{display:flex;justify-content:space-between;gap:12px;padding-top:15px;margin-top:8px;align-items:center}.bottom-nav>span{font-size:11px;color:var(--muted)}.option-grid{display:grid;gap:9px;margin:15px 0}.option{width:100%;display:flex;text-align:left;align-items:flex-start;gap:11px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:12px;line-height:1.6}.option:before{content:'';border:1px solid #aebaa7;width:15px;height:15px;flex-shrink:0;border-radius:50%;margin-top:2px}.option[aria-pressed=true]{border-color:var(--green);background:#ecf0e3}.option[aria-pressed=true]:before{border:5px solid var(--green);background:white}.question+ .question{margin-top:28px;border-top:1px solid var(--line);padding-top:25px}.question h3{font-size:16px;line-height:1.5;letter-spacing:-.2px}.sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.sequence-card{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fcfaf0;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;gap:16px;min-height:150px}.sequence-card small{font-size:9px;letter-spacing:1px}.sequence-controls{display:flex;gap:8px}.sequence-controls button{height:32px;width:34px;border:1px solid #c7d0be;border-radius:5px;background:white}.help{margin-top:14px}.help summary,details summary{cursor:pointer;font-size:12px;font-weight:600;min-height:36px;padding:8px 0}details p{font-size:12px;color:var(--muted)}.step-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;margin-bottom:10px}.step-label span{width:25px;height:25px;background:var(--sage);border-radius:50%;display:grid;place-items:center;font-size:11px}.scene-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scene-plan>label{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fbfbf2}.scene-plan textarea{font-size:12px;min-height:110px;margin-top:10px}.notice{background:#edf0e3;border-radius:10px;padding:14px 16px;font-size:12px;line-height:1.7;margin:15px 0}.notice.yellow{background:#fbefd0}.studio-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(235px,1fr);gap:23px}.stage{border-radius:13px;border:1.5px solid var(--ink);overflow:hidden;position:relative;background:#fff8e3}.stage svg{width:100%;height:auto;user-select:none}.stage.drawing{touch-action:none;cursor:crosshair}.stage-label{font-size:10px;margin-bottom:8px;display:flex;justify-content:space-between;color:var(--muted)}.tool-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.tool-row button{background:white;border:1px solid #c5cdbb;border-radius:7px;padding:7px 10px;font-size:10px;min-height:34px}.tool-row button.selected{background:var(--green);color:white;border-color:var(--green)}.tool-row input[type=color]{width:33px;min-height:32px;height:32px;border-radius:7px;padding:3px}.tool-row select{width:74px;padding:6px;min-height:32px;font-size:10px}.panel-tabs{display:flex;gap:9px;margin-top:16px}.panel-tab{padding:5px;background:transparent;border:1px solid var(--line);border-radius:9px;width:calc(33.33% - 6px);position:relative}.panel-tab[aria-selected=true]{border:2px solid var(--green);background:var(--sage);padding:4px}.panel-tab svg{width:100%;border-radius:4px}.panel-tab span{display:block;text-align:center;font-size:9px;margin-top:5px}.editor-controls{display:flex;flex-direction:column;gap:13px}.editor-controls label{font-size:11px}.editor-controls input,.editor-controls textarea,.editor-controls select{font-size:12px}.editor-controls textarea{min-height:70px}.editor-controls .field-grid{gap:11px}.range-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:3px}.tutorial{background:#e9eddd;border-radius:12px;padding:18px;margin-bottom:20px}.tutorial-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-header h3{font-size:14px;margin:0}.tutorial-body{display:grid;grid-template-columns:165px 1fr;gap:20px;align-items:center;padding-top:18px}.tutorial-body svg{width:100%;border:1px solid var(--green);border-radius:8px}.tutorial-body h3{font-size:17px;margin-bottom:8px}.tutorial-body p{font-size:12px;margin:0 0 12px}.tutorial-dots{display:flex;gap:7px;margin-bottom:10px}.tutorial-dots i{width:6px;height:6px;border-radius:50%;background:#b5c2a4}.tutorial-dots i.active{background:var(--green)}.studio-project{margin-bottom:20px}.credit-type{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 18px}.credit-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.credit-fields label:first-child{grid-column:1/-1}.scenario{display:grid;grid-template-columns:80px 1fr;gap:20px}.scenario-icon{background:var(--sage);border-radius:16px;height:80px;display:grid;place-items:center;font-family:Georgia,serif;font-size:35px;color:var(--green)}.scenario .eyebrow{font-size:9px;margin:0 0 8px}.scenario h2{font-size:21px}.rubric-scroll{overflow-x:auto}.rubric{border-collapse:collapse;width:100%;font-size:11px;min-width:580px;line-height:1.65}.rubric th,.rubric td{border-bottom:1px solid var(--line);padding:13px 9px;text-align:left;vertical-align:top}.rubric th{background:var(--sage);font-size:10px}.rubric tbody th{background:transparent;width:140px;font-size:11px}.rubric .level-button{border:1px solid #c3cebb;border-radius:8px;background:#fffef9;padding:10px;text-align:left;font-size:10px;line-height:1.7;width:100%;min-height:104px}.rubric .level-button[aria-pressed=true]{border:2px solid var(--green);padding:9px;background:#e9efdf}.rubric-score{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--sage);border-radius:10px;padding:16px;margin-top:17px;font-size:12px}.rubric-score strong{font-family:Georgia,serif;font-size:28px}.checklist{list-style:none;padding:0;display:grid;gap:8px;margin:15px 0}.checklist li{font-size:12px;display:flex;gap:9px;align-items:baseline}.checklist b{width:20px;flex-shrink:0;color:#507649}.checklist li.missing b{color:#b77b34}.finish-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.finish-summary>div{background:var(--sage);border-radius:12px;padding:17px}.finish-summary strong{display:block;font-family:Georgia,serif;font-size:25px}.finish-summary span{font-size:10px;color:var(--muted)}.success-banner{background:var(--green);color:white;border-radius:16px;padding:24px;margin-bottom:22px}.success-banner h2{color:var(--yellow)}.success-banner p{font-size:12px;margin-bottom:0;max-width:650px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,30px);max-width:calc(100vw - 32px);width:max-content;background:var(--ink);color:white;border-radius:10px;padding:12px 19px;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:all .2s;box-shadow:0 6px 25px #142f3420}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(680px,calc(100vw - 30px));max-height:88vh;border:1px solid var(--line);border-radius:20px;padding:35px;background:var(--white);color:var(--ink);box-shadow:0 20px 100px #123a3240}dialog::backdrop{background:#1b322d88;backdrop-filter:blur(3px)}dialog h2{font-size:29px;padding-right:20px}dialog p,dialog li{font-size:13px}dialog .dialog-close{position:absolute;right:18px;top:18px}dialog details{border-top:1px solid var(--line);padding:7px 0}dialog details p{font-size:12px}dialog details summary{font-size:13px}.guide-list{padding-left:21px;display:grid;gap:8px}.import-label{cursor:pointer}.danger{color:var(--red)}.hero-art .hero-burst{transform-origin:center;animation:tinyturn 7s ease-in-out infinite}@keyframes tinyturn{50%{transform:rotate(10deg)}}.comic-panel.hot-panel svg{outline:3px solid #a47736;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.intro-label{font-size:10px;font-weight:600;letter-spacing:1px;color:#72806c}.download-note{font-size:10px;color:var(--muted);margin-top:12px}.status-complete{font-size:11px;color:var(--green);display:flex;gap:6px;align-items:center}.end-credits{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;font-size:10px;color:var(--muted)}
@media(min-width:1500px){main{padding:45px 65px}.hero{gap:50px}.hero h1{font-size:65px}.outcome{padding:24px}.sidebar{padding-top:45px}}
@media(max-width:1100px){.layout{grid-template-columns:225px minmax(0,1fr)}.sidebar{padding:30px 18px 22px 23px}main{padding:28px}.hero h1{font-size:46px}.hero{gap:10px}.hero-copy>p{font-size:12px}.outcome{padding:15px}.studio-layout{grid-template-columns:1fr}.editor-controls{display:grid;grid-template-columns:1fr 1fr}.editor-controls>.field-grid{grid-column:1/-1}.editor-controls>label:last-child{grid-column:1/-1}.hero-meta{font-size:9px}.two-col{grid-template-columns:1fr}}
@media(max-width:900px){.topbar{height:76px;padding:0 20px}.brand{font-size:23px}.brand-mark{height:40px;width:40px;font-size:23px}.brand small{font-size:7px}.top-actions{gap:12px}.save-state{font-size:10px}.layout{display:block}.sidebar{position:relative;height:auto;max-height:none;padding:14px 18px 0;border-right:0;border-bottom:1px solid var(--line);display:block;overflow:visible}.module-label,.side-title,.progress-caption,.side-note,.side-footer{display:none}.sidebar .progress-track{margin:0 0 12px;height:3px}.sidebar nav{display:flex;gap:5px;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}.sidebar nav a{padding:8px 10px;font-size:10px;min-width:max-content;border:1px solid var(--line);gap:7px;white-space:nowrap}.sidebar nav a.active{border-color:var(--green)}.sidebar nav a small{display:none}.sidebar nav .nav-num{width:20px;height:20px;font-size:9px}.hero{grid-template-columns:1fr 1fr;gap:10px;padding-bottom:25px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-copy>p{font-size:12px}.hero-art{margin-right:-9px}.hero-caption{font-size:10px}.hero-meta{gap:10px}main{padding:22px 20px}.breadcrumb{font-size:9px;margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:1.3px}.outcomes{gap:10px}.outcome{padding:14px 12px}.outcome h3{font-size:12px}.outcome p{font-size:10px}.section-row h2{font-size:19px}.section-row>span{font-size:9px}.page-header h1{font-size:33px}.page-header p{font-size:12px}.page-header{gap:12px}.page-header .time-pill{font-size:9px}.card{padding:20px;border-radius:15px}.scene-plan{grid-template-columns:1fr}.scene-plan textarea{min-height:80px}.panel-caption{font-size:9px}.scenario{grid-template-columns:1fr;gap:14px}.scenario-icon{width:50px;height:50px;font-size:25px}.sequence-card{padding:12px;font-size:11px}.card-top{gap:9px}.card h2{font-size:21px}.card-top .badge{font-size:8px}.field-grid.cols{grid-template-columns:1fr 1fr}.credit-fields{grid-template-columns:1fr}.tutorial-body{grid-template-columns:130px 1fr;gap:14px}.finish-summary>div{padding:13px}.bottom-nav{gap:8px}.bottom-nav .button{padding:10px 13px;font-size:11px}.button-row .button{flex-grow:1}.journey-banner{padding:18px}.journey-banner .button{padding:9px 14px;font-size:11px}.page-footer{font-size:8px}}
@media(max-width:480px){.hero{grid-template-columns:1fr;gap:18px}.hero h1{font-size:47px;max-width:320px}.hero-copy>p{font-size:13px;max-width:320px}.hero-art{max-width:340px;margin:0 auto;width:100%}.hero-caption{margin-top:-9px}.hero .button{margin-top:4px}.hero-meta{font-size:10px}.outcomes{grid-template-columns:1fr;gap:9px}.outcome{display:grid;grid-template-columns:32px 1fr;column-gap:13px;padding:16px}.outcome-num{grid-row:1/3;font-size:27px}.outcome h3{margin:0 0 5px;font-size:13px}.outcome p{font-size:11px}.section-row{align-items:flex-start}.section-row>span{white-space:nowrap}.journey-banner{align-items:flex-start;flex-wrap:wrap;gap:12px}.journey-banner .button{width:100%}.page-header{display:block}.time-pill{display:inline-block;margin-top:14px}.card{padding:18px}.comic-strip{gap:5px}.panel-caption{font-size:8px}.sequence{grid-template-columns:1fr;gap:8px}.sequence-card{min-height:90px;display:grid;grid-template-columns:1fr auto;align-items:center}.sequence-card small{grid-column:1/-1}.sequence-controls{align-self:end}.field-grid.cols{grid-template-columns:1fr}.card-top .badge{white-space:normal;max-width:95px}.editor-controls{display:flex}.tutorial-body{grid-template-columns:1fr}.tutorial-body svg{max-width:180px;margin:auto}.tutorial-header{align-items:flex-start}.tutorial-header .text-button{font-size:10px;padding:0}.finish-summary{gap:7px}.finish-summary strong{font-size:21px}.finish-summary span{font-size:9px}.rubric-score{align-items:flex-start}.bottom-nav>span{display:none}.save-state{max-width:102px;font-size:9px;line-height:1.4}.top-actions{gap:9px}.page-footer span:last-child{max-width:140px;text-align:right}.card-top{margin-bottom:16px}.scenario h2{font-size:20px}dialog{padding:27px 22px}dialog h2{font-size:26px}.credit-fields label:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:1100px){.comic-strip{grid-template-columns:1fr;max-width:380px;margin-inline:auto;gap:18px}.panel-caption{font-size:11px}}

.page-footer{display:block;font-size:10px}.page-footer span{display:block}.page-footer span+span{margin-top:4px}.page-footer span:last-child{max-width:none;text-align:left}

/* RUKO product identity */
.brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1.05}
.brand-name{font-size:30px;letter-spacing:2px;font-weight:800}
.brand-expansion{font-size:12px;letter-spacing:.8px;font-weight:500}
.brand .brand-copy small{margin-top:4px;font-size:7px;letter-spacing:1.7px}
@media(max-width:900px){.brand-name{font-size:25px}.brand-expansion{font-size:10px}.brand .brand-copy small{font-size:6px;letter-spacing:1.4px}.brand-mark{width:36px;height:40px}}