/* l6 region screens: Idea Forest */
.l6-answers li{font-size:16px}
.l6-draw{display:block;width:100%;height:auto}
.l6-fire{display:block;width:100%;height:auto}
.l6-fire .l6-name{font-family:var(--f-display);font-size:12px;fill:#F7F2E6}
.l6-fire .l6-bubble{font-family:var(--f-body);font-size:14px;fill:#FFF2B8}
.l6-fire g.l6-on circle{stroke:#F2B632;stroke-width:3}
.l6-fire g.l6-on rect{filter:brightness(1.25)}
.l6-flame{transform-origin:280px 133px;animation:l6flick .35s ease-in-out infinite alternate}
.l6-flame.b{animation-duration:.27s}
@keyframes l6flick{from{transform:scaleY(.8) scaleX(1.05)}to{transform:scaleY(1.15) scaleX(.95)}}
.l6-glow{animation:l6glow 1.4s ease-in-out infinite alternate}
@keyframes l6glow{to{opacity:.22}}
.l6-hud .stat{flex:1;min-width:120px}
.l6-flash{animation:l6fl 2.2s ease-out both;color:var(--gold)!important;font-weight:700}
@keyframes l6fl{0%{opacity:0}10%{opacity:1}80%{opacity:1}100%{opacity:.4}}
.l6-sheets{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;margin-bottom:8px}
.l6-sheet{border:2px solid var(--ink);border-top:6px solid var(--c);border-radius:6px;padding:6px 8px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;background-image:repeating-linear-gradient(transparent 0 13px,var(--grid) 13px 14px)}
.l6-sheet b{font-family:var(--f-display);font-weight:600}
.l6-sheet .v{font-family:var(--f-display);font-size:28px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.l6-sheet small{color:var(--ink-soft)}
.l6-sheet.you{border-color:var(--accent);box-shadow:3px 3px 0 var(--shadow)}
.l6-morph{display:flex;flex-direction:column;gap:6px}
.l6-mrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.l6-mrow .lbl{min-width:76px;font-size:14px}
.l6-opt{cursor:pointer}
.l6-mine{font-size:14px;color:var(--ink-soft);margin-top:6px}
.l6-bar{display:grid;grid-template-columns:minmax(120px,220px) 1fr 40px;gap:10px;align-items:center;margin:6px 0}
.l6-bar .lbl{font-size:14px}
.l6-track{height:22px;border:2px solid var(--ink);border-radius:6px;background:var(--paper);overflow:hidden}
.l6-track i{display:block;height:100%}
.l6-track i.r1{background:var(--bad)} .l6-track i.r2{background:var(--good)}
.grow-x{transform-origin:left;animation:l6gx .9s ease-out both}
@keyframes l6gx{from{transform:scaleX(0)}}
/* tournament */
.l6-odi h3{margin:0}
.l6-odi tr.l6-hot td,.t tr.l6-hot td{background:var(--gold-soft)}
.l6-budget .lbl{font-size:15px}
.l6-coins{display:inline-flex;gap:3px}
.l6-coins i{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);background:var(--paper)}
.l6-coins i.on{background:#F2B632}
.l6-ideas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px}
.l6-idea{border:2px solid var(--ink);border-radius:8px;padding:10px 12px;background:var(--paper);display:flex;flex-direction:column;gap:4px}
.l6-idea p{margin:0}
.l6-idea.lead{border-color:#7B5CC4;box-shadow:inset 0 0 0 2px color-mix(in srgb,#7B5CC4 35%,transparent)}
.l6-ih{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}
.l6-ih b{font-family:var(--f-display);font-weight:600;font-size:15px;line-height:1.2}
.l6-oc{color:var(--ink-soft)}
.l6-acts{margin-top:auto;gap:6px}
.l6-acts .btn{padding:5px 9px;font-size:13px}
.l6-bub{font-family:var(--f-display);font-size:18px;min-height:2.8em;margin:0 0 8px;padding:8px 12px;border:2px solid var(--ink);border-radius:10px;background:var(--paper-2)}
@media (max-width:560px){.l6-fire .l6-name{font-size:20px}.l6-pyr .l6-tier{font-size:17px}.l6-pyr .lb{font-size:17px}}
/* the jobs map */
.l6-stmts{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:900px){.l6-stmts{grid-template-columns:1fr 1fr}}
.l6-stmt{border:2px solid var(--ink);border-radius:10px;padding:10px 12px;background:var(--paper)}
.l6-stmt p{margin:0 0 6px}
.l6-stmt .opts{display:flex;flex-direction:column;gap:6px}
.l6-stmt.done{background:var(--paper-2)}
.l6-says{font-family:var(--f-display);font-size:17px}
.l6-fbtn{padding:4px 8px;font-size:13px}
.l6-evid li{display:grid;grid-template-columns:minmax(120px,210px) 1fr;gap:10px;padding:6px 0;border-bottom:1px dashed var(--rule)}
.l6-evid .lbl{font-weight:700}
@media (max-width:560px){.l6-evid li{grid-template-columns:1fr}}
/* Jobs Map: job map, landscape, Kano shelf */
.l6-moments{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.l6-moment{border:2px solid var(--rule);border-radius:8px;padding:8px 10px;background:var(--paper)}
.l6-moment.done{background:var(--paper-2)}
.l6-moment p{margin:0 0 6px}
.l6-steps{display:flex;flex-wrap:wrap;gap:4px}
.chip.l6-stepb{font-size:12px;cursor:pointer}
.chip.l6-stepb.right{background:var(--good,#5DB36A);color:#fff;border-color:var(--good,#5DB36A)}
.chip.l6-stepb.wrong{background:var(--bad,#C23F37);color:#fff;border-color:var(--bad,#C23F37)}
.chip.l6-stepb.l6-on{background:var(--gold-soft);border-color:var(--gold)}
.l6-jobline{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:12px}
.l6-js{border:2px dashed var(--rule);border-radius:6px;padding:6px;font-size:12px;display:flex;flex-direction:column;gap:2px;background:var(--paper)}
.l6-js b{font-family:var(--f-display)}
.l6-js small{color:var(--ink-soft)}
.l6-js.cov{border-style:solid;border-color:var(--gold);background:var(--gold-soft)}
@media (max-width:640px){.l6-jobline{grid-template-columns:repeat(2,1fr)}}
.l6-land{max-width:460px;width:100%}
.l6-zone.under{fill:color-mix(in srgb,var(--accent) 14%,transparent)}
.l6-zone.over{fill:color-mix(in srgb,var(--gold) 16%,transparent)}
.l6-zl{stroke:var(--ink-soft);stroke-width:1.2;stroke-dasharray:4 3}
.l6-zt{fill:var(--ink-soft);font-size:11px}
.l6-dot{stroke:var(--ink);stroke-width:1.5;fill:var(--paper)}
.l6-dot.under{fill:var(--accent)}
.l6-dot.over{fill:var(--gold)}
.l6-dot.stakes{fill:var(--ink-soft)}
.l6-dl{fill:var(--ink);font-size:11px}
.l6-kano{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.l6-kano .cardx{display:flex;flex-direction:column;gap:3px;text-align:left}
/* Grove: session design */
.l6-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.l6-who{text-align:left;display:flex;flex-direction:column}
.l6-who small{color:var(--ink-soft)}
.l6-rules{gap:6px;flex-wrap:wrap;margin:4px 0}
.l6-rules .chip{cursor:pointer;white-space:normal;height:auto;text-align:left}
.l6-say{color:var(--ink-soft);font-style:italic;margin:2px 0}