:root{--lime:#a8dc12;--ink:#08083d;--olive:#557100;--white:#fff;--line:rgba(8,8,61,.24)}
*{box-sizing:border-box}
html,body{margin:0;max-width:100%;overflow-x:hidden;background:var(--lime);color:var(--ink)}
body{font-family:Arial,Helvetica,sans-serif}
button,input,textarea{font:inherit}.hidden{display:none!important}
button{border:2px solid #fff;padding:7px 12px;color:#fff;background:var(--olive);font-weight:800;cursor:pointer}
button:focus-visible,textarea:focus-visible{outline:4px solid #fff;outline-offset:2px}
.eyebrow{font-weight:800;text-transform:uppercase}.nav-modal{position:fixed;inset:0;z-index:100;background:rgba(8,8,61,.58);padding:20px}.nav-modal-panel{max-width:420px;margin:8vh auto;padding:22px;background:#fff}
.plain-tooltip{display:none}.pillar-chip:hover .plain-tooltip,.pillar-chip:focus .plain-tooltip{display:block;position:absolute;z-index:20;left:0;top:100%;width:220px;padding:10px;color:var(--ink);background:#fff}
.map-panel{position:relative}.model-label{display:none}.issue-card{position:absolute;left:50%;top:50%;z-index:2;width:110px;height:110px;transform:translate(-50%,-50%);display:grid;place-items:center;border:12px solid rgba(85,113,0,.72);border-radius:50%;background:#6b8700;color:#fff;text-align:center;font-weight:800;overflow:visible}.issue-card strong{font-size:1.35rem}.issue-card span{display:none;position:absolute;left:50%;bottom:115%;width:240px;transform:translateX(-50%);padding:10px;background:#fff;color:var(--ink);font-size:.85rem;text-align:left}.issue-card:hover span,.issue-card:focus-within span{display:block}
.constellation .node,.constellation .link,.board-preview{display:none}.score-grid{display:flex;gap:10px}.score-grid div{display:grid;place-items:center;border-radius:50%;background:#526b00;color:#fff;text-align:center;font-weight:800}.score-grid span,.score-grid label{display:block}
.prompt-kicker{font-weight:800}.prompt-card>p strong,.prompt-card>p b,.prompt-card>p span{display:block;margin-bottom:6px}
.input-area{margin-top:8px}.choices{display:grid;gap:8px}.choice{display:block;width:100%;text-align:left}.choice span{display:block;margin-top:4px;font-weight:400}.choice.selected{outline:4px solid #fff}
.delila-panel{color:#707070}.delila-title{display:flex;align-items:center;gap:8px;color:#fff}.delila-title img{width:42px;height:42px;object-fit:contain;background:#fff}.delila-title h2,.delila-title p{margin:0}.delila-panel>p:not(.delila-output):not(.delila-context){margin:0;border:3px solid #fff;padding:14px;background:#dfe4d2}.delila-panel label{display:block;border:3px solid #fff;padding:12px;background:#fff;font-weight:800;text-transform:uppercase}.delila-panel textarea{display:block;width:100%;min-height:90px;margin-top:8px;border:0;resize:vertical}.delila-output{border-left:10px solid #66eefa;padding:18px;background:#e5fdff;color:var(--ink);font-size:1.12rem;font-weight:800}
.delila-context{margin:12px 0 6px;padding:0;color:#557100;font-size:.82rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.delila-messages{display:grid;gap:9px;max-height:280px;margin:0 0 12px;padding:4px;overflow:auto}
.delila-message{border-left:7px solid #66eefa;border-radius:8px;padding:14px;background:#e5fdff;color:var(--ink);font-weight:750;line-height:1.38;white-space:pre-wrap}
.delila-message.user{justify-self:end;border-left:0;border-right:7px solid #9ac718;background:#f1f7df}
.delila-message.loading{opacity:.72;font-style:italic}
.summary{display:grid;gap:12px}.summary-block{padding:12px;background:#fff;color:var(--ink)}.summary-block h3{margin:0 0 8px}
.shell,.workspace{width:100%;min-height:100vh;margin:0;background:var(--lime)}
.topbar{position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(520px,1.8fr) 64px;gap:36px;align-items:start;padding:28px 42px 18px;background:transparent}
.brand-lockup{position:static;grid-column:1;grid-row:1;display:flex;gap:14px;align-items:flex-start;width:auto;margin:0;transform:none}
.llama-badge{width:76px;height:82px;min-width:76px}
.llama-mark{width:100%;height:100%;object-fit:contain}
.brand-lockup h1{margin:4px 0 0;max-width:250px;font-size:clamp(1.35rem,1.8vw,2rem);line-height:1.04}
.brand-lockup .eyebrow{margin:0;font-size:.78rem;letter-spacing:.12em}
.design-instruction{position:static;grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);gap:42px;width:auto;min-height:0;margin:0;padding:4px 0;border:0;background:transparent;box-shadow:none;transform:none}
.design-instruction strong{font-size:clamp(1.05rem,1.35vw,1.5rem);line-height:1.08}
.design-instruction span{font-size:clamp(.88rem,1vw,1.08rem);line-height:1.24}
.progress-wrap{display:none}
.kebab-button{position:static;grid-column:3;grid-row:1;justify-self:end;margin:0;transform:none}
.stage{position:relative;display:grid;grid-template-columns:minmax(430px,.95fr) minmax(440px,.92fr) minmax(340px,.72fr);grid-template-areas:"map prompt delila";gap:28px;align-items:start;width:100%;min-height:0;padding:8px 42px 28px}
.card-panel{display:contents}
.map-panel,.pillar-strip{grid-area:map}
.map-panel{position:relative;width:100%;min-height:750px;margin:0;padding:45px 0 0;overflow:visible}
.constellation{display:block;width:100%;height:430px;overflow:visible}
.pillar-strip{position:relative;z-index:3;display:block;width:100%;height:680px;margin:35px 0 0;pointer-events:none}
.pillar-chip,.pillar-chip:nth-child(n){position:absolute;display:grid;place-items:center;inset:auto;width:clamp(62px,13%,82px);min-width:0;min-height:0;aspect-ratio:1;margin:0;padding:7px;overflow:hidden;border:2px solid #fff;transform:translate(-50%,-50%);pointer-events:auto;text-align:center;box-shadow:5px 5px 0 rgba(67,91,0,.35)}
.pillar-chip strong{font-size:clamp(.58rem,.65vw,.76rem);line-height:1.06;word-break:normal;overflow-wrap:break-word}
.pillar-chip:nth-child(1),.pillar-chip:nth-child(4),.pillar-chip:nth-child(5),.pillar-chip:nth-child(10){background:#ff8817}
.pillar-chip:nth-child(2),.pillar-chip:nth-child(3),.pillar-chip:nth-child(6),.pillar-chip:nth-child(7){background:#762792}
.pillar-chip:nth-child(8),.pillar-chip:nth-child(12),.pillar-chip:nth-child(14),.pillar-chip:nth-child(15){background:#42bad8}
.pillar-chip:nth-child(9),.pillar-chip:nth-child(11),.pillar-chip:nth-child(13),.pillar-chip:nth-child(16){background:#93bf22}
.pillar-chip span:not(.plain-tooltip){display:none}
.pillar-chip:nth-child(1){left:50%;top:8%}.pillar-chip:nth-child(2){left:63%;top:11.2%}.pillar-chip:nth-child(3){left:74%;top:20.3%}.pillar-chip:nth-child(4){left:81.4%;top:33.9%}
.pillar-chip:nth-child(5){left:84%;top:50%}.pillar-chip:nth-child(6){left:81.4%;top:66.1%}.pillar-chip:nth-child(7){left:74%;top:79.7%}.pillar-chip:nth-child(8){left:63%;top:88.8%}
.pillar-chip:nth-child(9){left:50%;top:92%}.pillar-chip:nth-child(10){left:37%;top:88.8%}.pillar-chip:nth-child(11){left:26%;top:79.7%}.pillar-chip:nth-child(12){left:18.6%;top:66.1%}
.pillar-chip:nth-child(13){left:16%;top:50%}.pillar-chip:nth-child(14){left:18.6%;top:33.9%}.pillar-chip:nth-child(15){left:26%;top:20.3%}.pillar-chip:nth-child(16){left:37%;top:11.2%}
.map-panel .score-grid{position:absolute;left:205%;top:620px;z-index:8;display:flex;width:75%;gap:12px;margin:0}
.score-grid div{width:78px;height:78px}
.prompt-card,.prompt-card.is-open{position:relative;grid-area:prompt;inset:auto;left:auto;right:auto;width:100%;max-width:none;min-width:0;min-height:600px;margin:112px 0 0;border:2px solid #fff;padding:14px;background:transparent}
.prompt-card h2,.prompt-card.is-open h2{position:absolute;left:0;top:-104px;width:100%;margin:0;color:#fff;font-size:clamp(2rem,2.3vw,3rem);line-height:1.04}
.prompt-card>p,.prompt-card.is-open #promptBody{margin:0;padding:12px;background:transparent}
.input-area textarea,.prompt-card[data-step=issue] textarea,.prompt-card.is-open textarea{width:100%;min-height:300px;border:1px solid var(--line);background:#fff;color:#666;font-size:1rem}
.button-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.button-row button{width:auto;min-width:82px}
.delila-panel{position:relative;grid-area:delila;inset:auto;width:100%;max-width:none;min-width:0;min-height:600px;margin:6px 0 0}
.delila-panel>p:not(.delila-output):not(.delila-context){min-height:290px}
.delila-output{margin-top:22px}
.site-footer{position:static;padding:0 42px 14px}
@media(max-width:1499px) and (min-width:1000px){
 .stage{grid-template-columns:minmax(400px,.86fr) minmax(500px,1.14fr);grid-template-areas:"map prompt" "delila delila"}
 .delila-panel{width:min(680px,100%);min-height:0;margin-top:24px;justify-self:end}
 .map-panel .score-grid{display:none}
}
@media(max-width:999px){
 .topbar{grid-template-columns:1fr 56px;padding:22px}.brand-lockup{grid-column:1}.design-instruction{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:10px}.kebab-button{grid-column:2}
 .stage{display:block!important;width:100%!important;padding:22px!important}.card-panel{display:block!important;width:100%!important}
 .map-panel,.pillar-strip{display:none}.prompt-card,.prompt-card.is-open{margin-top:84px;min-height:0}.prompt-card h2,.prompt-card.is-open h2{top:-72px;font-size:clamp(1.8rem,7vw,2.5rem)}
 .prompt-card,.prompt-card.is-open{left:auto!important;right:auto!important;width:100%!important;max-width:100%!important;min-width:0!important}
 .delila-panel{min-height:0}.map-panel .score-grid{display:none}
}
@media(max-width:560px){
 .topbar{padding:18px}.llama-badge{width:58px;height:64px;min-width:58px}.brand-lockup h1{font-size:1.35rem}.design-instruction{font-size:.9rem}
 .stage{padding:18px}.prompt-card,.prompt-card.is-open{margin-top:100px}.prompt-card h2,.prompt-card.is-open h2{top:-88px}.input-area textarea,.prompt-card[data-step=issue] textarea{min-height:210px}
 .button-row button{flex:1 1 92px}.site-footer{padding:0 18px 12px}
}

/* 2026-09 usability release */
:root{--surface:#fff;--surface-soft:#f7f9f2;--shadow:0 18px 48px rgba(8,8,61,.12)}
body{background:linear-gradient(180deg,#f7f9f2 0,#fff 38%);}
button{min-height:44px;border-radius:10px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(8,8,61,.15)}
button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:40;padding-top:16px;padding-bottom:14px;background:rgba(247,249,242,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(8,8,61,.12)}
.progress-wrap{grid-column:2;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:70px;font-size:.78rem;font-weight:900}
.progress-track{height:8px;overflow:hidden;border-radius:99px;background:rgba(8,8,61,.12)}
#progressBar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#557100,#93bf22)}
.save-status{min-width:52px;color:#557100;text-align:right}
.step-rail{position:sticky;top:126px;z-index:35;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;max-width:1480px;margin:0 auto 16px;padding:10px 24px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(8,8,61,.1);backdrop-filter:blur(10px)}
.step-dot{display:grid;grid-template-columns:30px 1fr;gap:7px;align-items:center;min-width:0;color:#666}
.step-dot b{display:grid;place-items:center;width:30px;height:30px;border:2px solid #cbd1bc;border-radius:50%;background:#fff}
.step-dot em{overflow:hidden;font-size:.72rem;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.step-dot.complete b{border-color:#557100;color:#fff;background:#557100}.step-dot.current{color:var(--ink)}.step-dot.current b{border-color:var(--ink);box-shadow:0 0 0 4px #fff488}
.survival-notice{display:flex;gap:12px;align-items:center;max-width:1480px;margin:0 auto 14px;padding:10px 18px;border-left:6px solid #c75d00;background:#fff7ec;color:#4d2b00;font-size:.82rem;line-height:1.35}
.survival-notice strong{white-space:nowrap;text-transform:uppercase}
.prompt-card,.prompt-card.is-open{border:0;border-radius:18px;padding:22px;background:#fff;box-shadow:var(--shadow)}
.prompt-card h2,.prompt-card.is-open h2{color:var(--ink)}
.input-area textarea,.prompt-card[data-step=issue] textarea,.prompt-card.is-open textarea{border:2px solid #d8ddca;border-radius:12px;padding:16px;color:var(--ink)}
.choice{border:2px solid #d8ddca;border-radius:12px;color:var(--ink);background:#fff}.choice.selected{outline:4px solid #fff488;border-color:#557100;background:#f7ffe4}
.delila-panel{border-radius:18px;padding:20px;background:#fff;box-shadow:var(--shadow)}
.delila-panel>p:not(.delila-output):not(.delila-context){min-height:0;border:0;border-left:6px solid #66eefa;border-radius:8px;background:#f1fdff}
.delila-panel label{border:0;border-radius:10px;background:#f7f9f2}.delila-panel textarea{border:2px solid #d8ddca;border-radius:8px;padding:10px}
.prompt-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.prompt-suggestions button{min-height:36px;padding:6px 10px;border:1px solid #557100;color:#405500;background:#fff;font-size:.76rem}
.pillar-chip.explain-open{z-index:30;overflow:visible;outline:4px solid #fff488}.pillar-chip.explain-open .plain-tooltip{display:block;position:absolute;z-index:30;left:50%;top:calc(100% + 8px);width:240px;transform:translateX(-50%);padding:12px;border:2px solid var(--ink);border-radius:10px;color:var(--ink);background:#fff;box-shadow:var(--shadow);text-align:left}
.nav-reset{width:100%;margin-top:10px;color:#8a2c16;background:#fff;border-color:#c85d48}
.orientation-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(8,8,61,.62);backdrop-filter:blur(6px)}
.orientation-card{width:min(760px,100%);max-height:90vh;overflow:auto;padding:clamp(24px,5vw,46px);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.3)}
.orientation-card h2{margin:.2em 0 .7em;font-size:clamp(2rem,5vw,3.4rem);line-height:1}
.orientation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.orientation-grid div{display:grid;gap:6px;padding:16px;border-top:7px solid #93bf22;background:#f7f9f2}.orientation-grid strong{font-size:1.15rem}.orientation-grid span{line-height:1.4}.orientation-note{padding:12px;border-left:6px solid #c75d00;background:#fff7ec}
@media(max-width:999px){.topbar{position:relative}.progress-wrap{grid-column:1/-1;grid-row:3;margin-top:0}.step-rail{position:relative;top:auto;display:flex;overflow-x:auto;padding:10px 18px}.step-dot{min-width:118px}.survival-notice{margin-inline:18px}.prompt-card,.prompt-card.is-open{margin-top:92px}.delila-panel{margin-top:24px;padding:16px}}
@media(max-width:999px){.pillar-strip{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;margin:0 0 18px!important;padding:8px 2px 16px;gap:8px;overflow-x:auto;pointer-events:auto;scroll-snap-type:x proximity}.pillar-chip,.pillar-chip:nth-child(n){position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;flex:0 0 132px;width:132px!important;min-height:62px;aspect-ratio:auto;transform:none!important;scroll-snap-align:start}.pillar-chip.explain-open .plain-tooltip{position:fixed;left:50%;top:auto;bottom:18px;width:min(360px,calc(100vw - 36px));transform:translateX(-50%)}.prompt-card,.prompt-card.is-open{margin-top:76px}}
[aria-invalid="true"]{border-color:#b83c24!important;box-shadow:0 0 0 4px rgba(184,60,36,.18)}
@media(max-width:620px){.orientation-grid{grid-template-columns:1fr}.survival-notice{align-items:flex-start;flex-direction:column}.progress-wrap{grid-template-columns:auto 1fr}.save-status{grid-column:1/-1;text-align:left}.step-dot em{display:block}.prompt-suggestions button{flex:1 1 130px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}