/* Stessa grafica della Sala giochi; pagina continua, aiuti dentro la lezione. */
::selection{background:var(--accent);color:white}
*{scrollbar-color:var(--accent) var(--soft);scrollbar-width:thin}
textarea,input{caret-color:var(--accent);accent-color:var(--accent)}
.web{--accent:oklch(40% .09 160);--soft:oklch(94% .035 155)}
.missione{background:var(--g);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.mission-icons{display:flex;gap:20px;margin-bottom:24px}
.mission-icons svg{width:76px;height:76px;max-width:26%}
.missione .mission-goal{font-size:1.3rem;font-weight:bold;line-height:1.4}
.lesson-map{display:grid;grid-template-columns:repeat(3,1fr);gap:0 26px}
.lesson-map a{display:flex;align-items:baseline;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:.95rem}
.lesson-map b{font-variant-numeric:tabular-nums;color:var(--accent)}
.lesson-map a:hover{text-decoration:underline}
.lesson-step .step-body{max-width:880px}
.lesson-step h3{margin-top:28px}
.check{display:flex;align-items:flex-start;gap:12px;background:var(--soft);padding:14px 18px;border-radius:8px;font-weight:normal}
.check input{width:21px;height:21px;flex:none;margin:4px 0}
textarea[data-save]{min-height:90px;margin-bottom:20px}
.back-to{margin:28px 0 0;font-size:.85rem}
.help-section>h2{max-width:26ch}
.help-section>.tip-demo{max-width:880px}
.help-section>figure.script{max-width:880px}
.help-section>details,.help-section>ul,.help-section>ol{max-width:880px}
.help-section>h3{margin-top:36px}
#aiuti .galleria{margin:26px 0 30px}
.section{scroll-margin-top:20px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.section-heading h2{margin-bottom:8px}
.section-heading p{margin-bottom:0}
.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.editor-grid>*{min-width:0}
.editor-grid label:first-child{margin-top:0}
.code{font:16px/1.6 ui-monospace,Consolas,monospace;min-height:400px;tab-size:2;white-space:pre;overflow:auto;background:#fff}
.code.css{min-height:250px}
.editor-grid .actions{margin:12px 0 22px}
.preview-tools{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:0 0 14px}
.preview-tools h3{margin:0}
#preview-shell{width:100%;margin:auto}
#preview-shell.phone{max-width:360px}
iframe{height:490px}
#checks h3{margin-top:24px}
.check-results{list-style:none;padding:0;margin:0 0 20px;font-size:.9rem}
.check-results li{border-bottom:1px solid var(--line);padding:11px 0;margin:0}
.check-results p{margin:5px 0 0}
.ok{color:#225e39}.todo{color:#713a14}
.quiet{font-size:.85rem}
.filetree{font-family:ui-monospace,Consolas,monospace;background:var(--soft);padding:18px;margin:20px 0}
@media(max-width:850px){.lesson-map{grid-template-columns:1fr 1fr}.editor-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading h2{font-size:1.65rem}}
@media(max-width:550px){.lesson-map{grid-template-columns:1fr}.mission-icons{margin-bottom:16px}.section-heading{display:block}.section-heading button{margin-top:16px}.code{font-size:14px}.preview-tools{flex-wrap:wrap}.actions>*{flex-grow:1}.tip-demo{padding:18px}}
@media print{.lesson-map,.actions,.back-to{display:none}.editor-grid{display:block}.section{break-inside:auto}}

kbd{border-bottom-width:1.5px}.time{white-space:normal}