:root{--ink:#100f0e;--surface:#1b1816;--surface-2:#2a211d;--paper:#f4efe4;--muted:#bcb5ad;--gold:#b8b2aa;--gold-light:#d3cec7;--line:rgba(255,255,255,.12);--shadow:0 24px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,#3b221c 0,transparent 28%),var(--ink);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:var(--paper);color:var(--ink);padding:.75rem 1rem;z-index:100}.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1.35rem 3rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem}.arena-mark{width:42px;height:42px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center}.arena-mark:before,.arena-mark:after,.arena-mark span{content:"";display:block;position:absolute;width:22px;height:2px;background:var(--gold);transform-origin:center}.arena-mark:before{transform:rotate(45deg)}.arena-mark:after{transform:rotate(-45deg)}.arena-mark span{width:6px;height:6px;border-radius:50%}.eyebrow,.brand-name{margin:0}.eyebrow{font-size:.62rem;letter-spacing:.19em;text-transform:uppercase;color:var(--muted)}.brand-name{font-family:Georgia,serif;font-size:1.25rem;letter-spacing:.28em}.site-nav{display:flex;gap:.35rem;align-items:center}.site-nav a,.site-nav button{color:var(--muted);background:none;border:0;text-decoration:none;padding:.6rem .85rem;font:inherit;font-size:.9rem;cursor:pointer}.site-nav .active,.site-nav a:hover,.site-nav button:hover{color:var(--paper)}.menu-button{display:none}.hero{max-width:1280px;margin:auto;min-height:690px;padding:7rem 3rem 6rem;display:grid;grid-template-columns:1.18fr .82fr;gap:5rem;align-items:center}.section-label{color:var(--gold-light);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:700}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,7vw,6.5rem);line-height:.98;max-width:800px;margin:.7rem 0 1.5rem;font-weight:500}.hero h1 em{display:block;color:var(--gold-light);font-weight:400}.hero-text{max-width:650px;color:#d1cbc4;font-size:1.18rem}.hero-actions{display:flex;gap:1rem;margin:2.4rem 0 2rem}.primary-button,.secondary-button{border-radius:2px;padding:.95rem 1.25rem;text-decoration:none;font-weight:700;letter-spacing:.03em}.primary-button{background:var(--gold);color:#111;border:1px solid var(--gold);cursor:pointer}.primary-button:hover{background:var(--gold-light)}.secondary-button{border:1px solid var(--line);color:var(--paper)}.build-status{color:var(--muted);font-size:.84rem}.build-status span{display:inline-block;width:8px;height:8px;background:#9b948c;border-radius:50%;margin-right:.55rem;box-shadow:0 0 12px #9b948c}.hero-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);padding:3rem;min-height:470px;box-shadow:var(--shadow)}.panel-glow{position:absolute;inset:-20% -35% auto auto;width:300px;height:300px;border-radius:50%;background:rgba(199,163,101,.14);filter:blur(40px)}.panel-kicker,.scenario-label,.availability{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:var(--gold-light)}.hero-panel h2{font-family:Georgia,serif;font-size:3rem;margin:.4rem 0 1.2rem}.hero-panel>p{color:#d3cec8}.scenario-card{border-left:3px solid var(--gold);background:rgba(0,0,0,.2);padding:1.1rem 1.3rem;margin:2rem 0}.scenario-card p{margin:.25rem 0}.scenario-card .scenario-label{color:var(--gold-light)}.availability{position:absolute;bottom:1.5rem}.principles{background:#eee9e1;color:#211d1a;padding:6rem max(3rem,calc((100vw - 1220px)/2))}.section-heading{max-width:680px}.section-heading .section-label{color:#7b4a32}.section-heading h2{font-family:Georgia,serif;font-size:3.5rem;margin:.4rem 0}.section-heading>p:last-child{color:#69635d}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfc7ba;margin-top:3rem}.principle-grid article{background:#f7f2ea;padding:2.2rem}.principle-grid span{color:#87543a;font-size:.75rem}.principle-grid h3{font-family:Georgia,serif;font-size:1.65rem;margin:.5rem 0}.principle-grid p{color:#6d665f}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:1.3rem 3rem 2rem;display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}.toast{position:fixed;right:1.5rem;bottom:1.5rem;max-width:360px;background:var(--paper);color:var(--ink);padding:1rem 1.2rem;box-shadow:var(--shadow);border-left:4px solid var(--gold);z-index:20}
@media(max-width:820px){.site-header{padding:1rem 1.3rem}.menu-button{display:block;background:none;color:var(--paper);border:1px solid var(--line);padding:.5rem .7rem}.site-nav{display:none;position:absolute;top:76px;left:1rem;right:1rem;flex-direction:column;align-items:stretch;background:var(--surface);padding:1rem;z-index:10;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a,.site-nav button{text-align:left}.hero{grid-template-columns:1fr;padding:4rem 1.3rem;gap:2.5rem}.hero h1{font-size:3.6rem}.hero-panel{min-height:430px;padding:2rem}.principles{padding:4rem 1.3rem}.principle-grid{grid-template-columns:1fr}.section-heading h2{font-size:2.8rem}footer{padding:1.3rem;display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand-link{text-decoration:none;color:inherit}.interior-page{background:radial-gradient(circle at 85% 0,#321d19 0,transparent 30%),var(--ink)}.selection-main{max-width:1280px;margin:auto;padding:5rem 3rem 6rem}.page-intro{max-width:780px;margin-bottom:4rem}.page-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,7vw,6rem);line-height:1;margin:.6rem 0 1.2rem;font-weight:500}.page-intro>p:last-child{max-width:680px;color:#d1cbc4;font-size:1.08rem}.simulation-library{margin-bottom:2rem}.library-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.25rem}.library-heading h2{font-family:Georgia,serif;font-size:2rem;margin:.2rem 0}.library-count{color:var(--muted);margin:0}.simulation-tile{display:grid;grid-template-columns:70px 1fr auto;gap:1.5rem;align-items:start;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);padding:2rem;cursor:pointer;box-shadow:var(--shadow)}.simulation-tile.selected,.simulation-tile:focus{border-color:var(--gold);outline:none}.tile-number{font-family:Georgia,serif;font-size:2rem;color:var(--gold-light)}.tile-type,.summary-label{color:var(--gold-light);text-transform:uppercase;letter-spacing:.15em;font-size:.67rem;font-weight:700}.tile-copy h3{font-family:Georgia,serif;font-size:2.4rem;margin:.2rem 0 .65rem}.tile-copy>p{color:#d3cec8;max-width:720px}.tile-tags{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.15rem}.tile-tags span{border:1px solid var(--line);padding:.35rem .6rem;color:var(--muted);font-size:.75rem}.tile-status{color:#c9c3bc;font-size:.78rem;white-space:nowrap}.tile-status span{display:inline-block;width:8px;height:8px;background:#9b948c;border-radius:50%;margin-right:.4rem}.selection-summary{display:grid;grid-template-columns:1.2fr .85fr auto;gap:2rem;align-items:center;background:#eee9e1;color:#211d1a;padding:2.2rem;margin-top:1.5rem}.selection-summary h2{font-family:Georgia,serif;font-size:2.2rem;margin:.25rem 0 .55rem}.selection-summary p{color:#6c655e}.simulation-details{margin:0}.simulation-details div{padding:.45rem 0;border-bottom:1px solid #d0c7b8}.simulation-details dt{text-transform:uppercase;letter-spacing:.11em;font-size:.62rem;color:#75462f}.simulation-details dd{margin:.1rem 0 0;font-size:.88rem}.summary-actions{display:flex;flex-direction:column;gap:.65rem}.summary-actions .secondary-button{color:#F4F4F4;border-color:#bdb3a3;text-align:center}.readiness-note{grid-column:1/-1;margin:0!important;border-top:1px solid #d0c7b8;padding-top:1rem;font-size:.85rem}.readiness-note.ready{color:#665043;font-weight:700}
@media(max-width:900px){.selection-main{padding:3.5rem 1.3rem}.simulation-tile{grid-template-columns:48px 1fr}.tile-status{grid-column:2}.selection-summary{grid-template-columns:1fr}.readiness-note{grid-column:1}.library-heading{align-items:start}.page-intro{margin-bottom:2.5rem}}
@media(max-width:540px){.simulation-tile{grid-template-columns:1fr}.tile-number,.tile-status{grid-column:1}.tile-copy h3{font-size:2rem}.library-heading{display:block}.library-count{margin-top:.6rem}}

.continue-main{max-width:1280px;margin:auto;padding:5rem 3rem 6rem}.continue-intro{margin-bottom:3rem}.resume-panel{display:grid;grid-template-columns:72px 1fr auto;gap:1.8rem;align-items:center;background:#eee9e1;color:#211d1a;padding:2.4rem;box-shadow:var(--shadow)}.resume-status{width:56px;height:56px;border:1px solid #c7bda9;border-radius:50%;display:grid;place-items:center}.resume-status span{width:12px;height:12px;border-radius:50%;background:#a99d88}.resume-copy h2{font-family:Georgia,serif;font-size:2.45rem;margin:.25rem 0 .65rem}.resume-copy p:last-child{color:#6c655e;max-width:720px}.resume-actions{display:flex;flex-direction:column;gap:.7rem;min-width:220px}.resume-actions .secondary-button{color:#F4F4F4;border-color:#bdb3a3;text-align:center}.disabled-button{opacity:.48;cursor:not-allowed}.continue-guidance{margin-top:2rem;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--line);padding:2.5rem}.continue-guidance h2{font-family:Georgia,serif;font-size:2.5rem;margin:.35rem 0 1.6rem}.guidance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.guidance-grid article{background:#1a1715;padding:1.6rem}.guidance-grid span{color:var(--gold-light);font-size:.72rem}.guidance-grid h3{font-family:Georgia,serif;font-size:1.5rem;margin:.35rem 0}.guidance-grid p{color:#c8c2bb}.storage-note{margin:1.5rem 0 0;color:var(--muted);font-size:.88rem}.storage-note strong{color:var(--gold-light)}
@media(max-width:900px){.continue-main{padding:3.5rem 1.3rem}.resume-panel{grid-template-columns:56px 1fr}.resume-actions{grid-column:1/-1;flex-direction:row}.guidance-grid{grid-template-columns:1fr}}
@media(max-width:560px){.resume-panel{grid-template-columns:1fr}.resume-status{width:46px;height:46px}.resume-actions{grid-column:1;flex-direction:column}.resume-copy h2{font-size:2rem}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.settings-main{max-width:1100px;margin:auto;padding:5rem 3rem 6rem}.settings-intro{margin-bottom:3rem}.settings-panel{background:#eee9e1;color:#211d1a;box-shadow:var(--shadow)}.setting-group{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:2rem 2.3rem;border-bottom:1px solid #d1c8b8}.setting-copy h2,.local-data-panel h2{font-family:Georgia,serif;font-size:2rem;margin:.25rem 0 .45rem}.setting-copy p:last-child,.local-data-panel p{color:#6c655e;margin-bottom:0}.segmented-control{display:flex;border:0;padding:0;margin:0;gap:.45rem}.segmented-control label{border:1px solid #b8ad9b;padding:.7rem .85rem;cursor:pointer;font-weight:700;font-size:.83rem}.segmented-control label:has(input:checked){background:#211d1a;color:#f4efe4;border-color:#211d1a}.segmented-control input{accent-color:#211d1a}.switch-control{display:flex;align-items:center;gap:.75rem;font-weight:700;cursor:pointer;min-width:190px}.switch-control input{position:absolute;opacity:0}.switch{width:48px;height:27px;border-radius:999px;background:#958b7c;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;left:3px;top:3px;transition:transform .2s}.switch-control input:checked+.switch{background:#665043}.switch-control input:checked+.switch:after{transform:translateX(21px)}.switch-control input:focus-visible+.switch{outline:3px solid #75462f;outline-offset:3px}.settings-actions{display:flex;align-items:center;gap:.8rem;padding:1.7rem 2.3rem;flex-wrap:wrap}.settings-actions .secondary-button,.local-data-panel .secondary-button{color:#211d1a;border-color:#bdb3a3;background:transparent;cursor:pointer}.settings-status{margin-left:auto;color:#6c655e;font-size:.86rem}.local-data-panel{margin-top:1.7rem;border:1px solid var(--line);padding:2rem 2.3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.local-data-panel h2{color:var(--paper)}.local-data-panel p{color:var(--muted);max-width:680px}.local-data-panel .disabled-button{color:var(--paper);white-space:nowrap}.text-large{font-size:112.5%}.text-extra-large{font-size:125%}.reduce-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.high-contrast{--muted:#ddd8d2;--line:rgba(255,255,255,.34)}.high-contrast .settings-panel{outline:2px solid #fff}.high-contrast .setting-copy p:last-child{color:#3a3531}
@media(max-width:760px){.settings-main{padding:3.5rem 1.3rem}.setting-group{grid-template-columns:1fr;padding:1.7rem}.segmented-control{flex-wrap:wrap}.settings-actions{padding:1.5rem 1.7rem}.settings-status{margin-left:0;width:100%}.local-data-panel{display:block;padding:1.7rem}.local-data-panel button{margin-top:1rem}}

/* Deliverable B0 - Bullfighter visual identity */
.bullfighter-hero-art{display:block;width:100%;max-width:520px;aspect-ratio:7/4;object-fit:cover;object-position:center;margin:0 auto 1.25rem;background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}
.hero-panel{padding-top:2rem}.hero-panel h2{margin-top:.2rem}
.tile-symbol{width:150px;background:#fff;padding:.35rem;align-self:center}.tile-symbol img{display:block;width:100%;height:auto}
.simulation-tile{grid-template-columns:150px 1fr auto}.summary-brand{display:flex;gap:1.2rem;align-items:center}.summary-brand>img{width:110px;background:#fff;padding:.25rem}.summary-brand>div{min-width:0}
.resume-symbol{width:140px;background:#fff;padding:.3rem}.resume-symbol img{display:block;width:100%}.resume-panel{grid-template-columns:140px 1fr auto}
@media(max-width:900px){.simulation-tile{grid-template-columns:110px 1fr}.tile-symbol{width:110px}.resume-panel{grid-template-columns:100px 1fr}.resume-symbol{width:100px}.summary-brand{align-items:flex-start}.summary-brand>img{width:90px}}
@media(max-width:540px){.simulation-tile{grid-template-columns:1fr}.tile-symbol{width:130px}.summary-brand{display:block}.summary-brand>img{margin-bottom:1rem}.resume-panel{grid-template-columns:1fr}.resume-symbol{width:120px}}

/* B1 node-library diagnostics */
.library-diagnostic{background:var(--panel,#fff);border:1px solid rgba(157,116,48,.25);border-radius:18px;padding:clamp(1.25rem,3vw,2.25rem);box-shadow:0 18px 45px rgba(0,0,0,.08)}.diagnostic-brand{display:flex;gap:1.25rem;align-items:center}.diagnostic-brand img{width:108px;height:108px;object-fit:contain}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.5rem 0}.metric-grid article{padding:1rem;border:1px solid rgba(157,116,48,.24);border-radius:12px;background:rgba(157,116,48,.06)}.metric-grid strong{display:block;font-size:1.7rem;color:#5a2119}.metric-grid span{font-size:.85rem}.node-lookup{border-top:1px solid rgba(157,116,48,.25);padding-top:1.3rem}.node-lookup label{display:block;font-weight:800;margin-bottom:.55rem}.lookup-row{display:flex;gap:.7rem}.lookup-row input{flex:1;min-width:0;padding:.85rem 1rem;border:1px solid #9a8c7d;border-radius:8px;font:inherit}.lookup-result{margin-top:1rem;padding:1rem;border-radius:10px;background:#f4efe7;min-height:3.4rem}.lookup-result strong{color:#5a2119}.lookup-targets{margin:.55rem 0 0;padding-left:1.1rem}@media(max-width:760px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-brand{align-items:flex-start}.lookup-row{flex-direction:column}}


/* Deliverable B2 - official Arena mark and narrative reader */
.arena-brand-symbol{width:44px;height:44px;object-fit:cover;object-position:center;border-radius:50%;box-shadow:0 0 0 1px rgba(194,154,83,.28)}
.gameplay-site-header{grid-template-columns:auto 1fr auto auto}.simulation-identity{justify-self:center;display:flex;align-items:center;gap:.7rem}.simulation-identity img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}.simulation-identity strong,.simulation-identity span{display:block}.simulation-identity strong{font-family:Georgia,serif;color:var(--paper);font-size:1.05rem}.simulation-identity span{color:var(--muted);font-size:.68rem;margin-top:.1rem}
.gameplay-main{max-width:1120px;margin:auto;padding:3.2rem 3rem 6rem}.reading-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.4rem}.back-link{color:var(--gold-light);text-decoration:none;font-weight:700}.reading-toolbar p{margin:0;text-align:right}.reading-toolbar p span,.reading-toolbar p strong{display:block}.reading-toolbar p span{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:.62rem}.reading-toolbar p strong{font-family:Georgia,serif;color:var(--paper);font-size:1rem;margin-top:.15rem}
.node-reader{background:#f2ede5;color:#211d1a;box-shadow:0 28px 75px rgba(0,0,0,.3);border-top:5px solid #5a2119}.node-header{padding:clamp(2rem,5vw,4rem) clamp(1.5rem,7vw,5.5rem) 1.7rem;border-bottom:1px solid #d4c9b7}.node-kicker{display:flex;justify-content:space-between;gap:1rem;color:#71412d;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.68rem}.node-header h1{font-family:Georgia,serif;font-size:clamp(2.55rem,6vw,5rem);line-height:1.02;margin:1.1rem 0 .8rem;color:#421a15}.node-source{color:#77706a;font-size:.78rem;margin:0}.node-story{padding:clamp(2.2rem,6vw,4.8rem) clamp(1.5rem,9vw,7.5rem);font-family:Georgia,serif;font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.82;max-width:880px;margin:auto}.node-story p{margin:0 0 1.6em}.node-story p:first-child::first-letter{float:left;font-size:4.6rem;line-height:.72;padding:.18em .1em 0 0;color:#5a2119}.node-footer{padding:1.6rem clamp(1.5rem,7vw,5.5rem) 2.2rem;border-top:1px solid #d4c9b7;display:flex;justify-content:space-between;align-items:center;gap:2rem}.node-footer p{margin:0;color:#69625c;font-size:.84rem;max-width:650px}.node-library-link{color:#211d1a;border-color:#a99d88;white-space:nowrap}.node-error{background:#f2ede5;color:#211d1a;padding:3rem;box-shadow:var(--shadow)}.node-error h2{font-family:Georgia,serif;color:#421a15;font-size:2.4rem}.node-error .primary-button{display:inline-block;margin-top:1rem}
@media(max-width:980px){.gameplay-site-header{grid-template-columns:auto auto}.simulation-identity{display:none}.gameplay-main{padding:2.2rem 1.3rem 5rem}.node-footer{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.reading-toolbar{align-items:flex-start}.node-kicker{display:block}.node-kicker span{display:block;margin-bottom:.45rem}.node-header h1{font-size:2.65rem}.node-story{font-size:1.08rem;line-height:1.72}.node-story p:first-child::first-letter{font-size:3.7rem}}


/* Deliverable B3 - imported decision choices */
.node-choices{padding:clamp(2rem,5vw,3.8rem) clamp(1.5rem,7vw,5.5rem);background:#e7ded2;border-top:1px solid #d4c9b7}.choices-heading{max-width:760px;margin-bottom:1.5rem}.choices-heading .section-label{color:#7b4a32;margin:0}.choices-heading h2{font-family:Georgia,serif;color:#421a15;font-size:clamp(2rem,4vw,3.2rem);margin:.25rem 0 .4rem}.choices-heading>p:last-child{color:#6e6761;margin:0}.choice-list{display:grid;gap:.9rem}.choice-button{width:100%;display:grid;grid-template-columns:3.1rem 1fr auto;gap:1rem;align-items:center;text-align:left;background:#f7f2ea;color:#211d1a;border:1px solid #c9bdab;padding:1.15rem 1.25rem;cursor:pointer;font:inherit;box-shadow:0 8px 20px rgba(46,35,23,.06)}.choice-button:hover,.choice-button:focus-visible,.choice-button.selected{border-color:#5a2119;outline:none;box-shadow:0 0 0 3px rgba(107,7,16,.12)}.choice-key{width:2.7rem;height:2.7rem;border-radius:50%;display:grid;place-items:center;background:#5a2119;color:#fff;font-family:Georgia,serif;font-size:1.25rem;font-weight:700}.choice-copy{font-family:Georgia,serif;font-size:1.08rem;line-height:1.55}.choice-target{color:#71412d;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.choice-status{min-height:1.5rem;color:#665043;font-weight:700;font-size:.85rem;margin:1rem 0 0}.choice-empty{margin:0;background:#f7f2ea;border:1px solid #c9bdab;padding:1.2rem;color:#6e6761}.node-choices.no-choices .choices-heading h2{font-size:2.25rem}
@media(max-width:720px){.choice-button{grid-template-columns:2.8rem 1fr}.choice-target{grid-column:2;white-space:normal}.choice-copy{font-size:1rem}}


/* B4 node navigation */
.reading-status{display:flex;gap:2rem;align-items:center}.reading-status p{margin:0}.choice-button{text-decoration:none}.choice-button.unavailable,.choice-button:disabled{cursor:not-allowed;opacity:.55}.previous-node-button{margin-top:1rem}.node-reader{animation:node-enter .28s ease both}.node-leaving .node-reader{opacity:.35;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}@keyframes node-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reduce-motion .node-reader{animation:none}.reduce-motion .node-leaving .node-reader{transition:none}@media(max-width:640px){.reading-status{gap:1rem;align-items:flex-end}.reading-status p{text-align:right}}


/* v0.9.4 official Arena palette: matte black, brushed silver, mahogany */
:root{
  --ink:#100f0e;
  --surface:#1b1816;
  --surface-2:#2a211d;
  --paper:#f2ede5;
  --muted:#bcb5ad;
  --gold:#b8b2aa;
  --gold-light:#d3cec7;
  --mahogany:#5a2119;
  --mahogany-deep:#421a15;
  --silver:#b8b2aa;
  --line:rgba(216,210,202,.18);
}
body{background:radial-gradient(circle at 75% 5%,rgba(90,33,25,.58) 0,transparent 30%),var(--ink)}
.interior-page{background:radial-gradient(circle at 85% 0,rgba(90,33,25,.52) 0,transparent 31%),var(--ink)}
.hero-panel,.simulation-tile,.continue-guidance,.settings-panel{background:linear-gradient(145deg,rgba(184,178,170,.12),rgba(90,33,25,.12))}
.arena-brand-symbol{object-fit:contain;background:transparent;border-radius:0;box-shadow:none}

/* v0.9.4 Black + Mahogany presentation revision */
:root{
  --ink:#080706;
  --surface:#15100e;
  --surface-2:#241713;
  --paper:#f3eee6;
  --muted:#c2b8af;
  --gold:#b9b2aa;
  --gold-light:#ddd6ce;
  --mahogany:#6b241d;
  --mahogany-deep:#3d120f;
  --mahogany-bright:#843127;
  --silver:#b9b2aa;
  --line:rgba(221,214,206,.18);
}
body,
.interior-page{
  background:
    radial-gradient(circle at 14% 12%,rgba(121,43,32,.34) 0,transparent 30%),
    radial-gradient(circle at 86% 8%,rgba(75,20,16,.62) 0,transparent 34%),
    linear-gradient(135deg,#050505 0%,#130b09 45%,#3a100d 100%);
  background-attachment:fixed;
}
.site-header{
  background:linear-gradient(180deg,rgba(9,7,6,.94),rgba(9,7,6,.74));
  backdrop-filter:blur(8px);
}
.primary-button,
.lookup-row .primary-button{
  background:linear-gradient(180deg,var(--mahogany-bright),var(--mahogany));
  color:#fff8f1;
  border:1px solid #9a4a3f;
  box-shadow:0 10px 28px rgba(44,8,6,.34),inset 0 1px 0 rgba(255,255,255,.12);
}
.primary-button:hover,
.primary-button:focus-visible,
.lookup-row .primary-button:hover,
.lookup-row .primary-button:focus-visible{
  background:linear-gradient(180deg,#963d31,#73271f);
  color:#fff;
  border-color:#b15d50;
}
.hero-panel,
.simulation-tile,
.continue-guidance,
.settings-panel{
  background:linear-gradient(145deg,rgba(9,8,7,.92),rgba(82,25,20,.46));
  border-color:rgba(201,184,173,.22);
}
.panel-glow{
  background:rgba(107,36,29,.30);
}
.arena-brand-symbol{
  width:54px;
  height:54px;
  object-fit:contain;
  background:transparent;
  border-radius:0;
  filter:drop-shadow(0 0 8px rgba(107,36,29,.85)) drop-shadow(0 0 22px rgba(107,36,29,.45));
}
.brand{position:relative}
.brand::before{
  content:"";
  position:absolute;
  width:72px;
  height:72px;
  left:-9px;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(107,36,29,.38) 0,rgba(107,36,29,.12) 44%,transparent 72%);
  pointer-events:none;
}
.brand .arena-brand-symbol,.brand>div{position:relative;z-index:1}
.scenario-card{border-left-color:var(--mahogany-bright)}
.toast{border-left-color:var(--mahogany)}
.choice-button:hover,.choice-button:focus-visible,.choice-button.selected{
  border-color:var(--mahogany);
  box-shadow:0 0 0 3px rgba(107,36,29,.14);
}
.choice-key{background:var(--mahogany)}

/* v0.9.5 Final visual refinement — texture, typography, motion, and reading comfort */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.28;
  background-image:
    repeating-linear-gradient(95deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(5deg,rgba(0,0,0,.035) 0 1px,transparent 1px 4px);
  mix-blend-mode:soft-light;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.28) 100%);
}
.arena-brand-symbol{
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.18))
    drop-shadow(0 0 9px rgba(122,42,32,.85))
    drop-shadow(0 0 26px rgba(107,36,29,.42));
}
.brand::before{
  width:78px;
  height:78px;
  left:-12px;
  background:radial-gradient(circle,rgba(119,38,30,.44) 0,rgba(96,28,23,.18) 42%,transparent 72%);
}
.hero-copy,.hero-panel{
  animation:arena-rise .8s cubic-bezier(.22,.8,.28,1) both;
}
.hero-panel{animation-delay:.12s}
.hero h1,.page-intro h1,.node-header h1,.hero-panel h2,.selection-summary h2,.resume-copy h2{
  letter-spacing:-.018em;
  text-wrap:balance;
}
.hero-text,.node-story,.page-intro>p:last-child{
  text-wrap:pretty;
}
.hero-panel,.simulation-tile,.continue-guidance,.settings-panel,.node-reader{
  box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055);
}
.hero-panel::after,.simulation-tile::after,.continue-guidance::after,.settings-panel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.13;
  background-image:repeating-linear-gradient(7deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px);
  mix-blend-mode:soft-light;
}
.hero-panel,.simulation-tile,.continue-guidance,.settings-panel{position:relative}
.primary-button{
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.primary-button:hover,.primary-button:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(44,8,6,.48),inset 0 1px 0 rgba(255,255,255,.16);
}
.node-reader{
  max-width:900px;
  margin-inline:auto;
  background:linear-gradient(180deg,rgba(247,241,230,.985),rgba(232,222,207,.985));
  color:#211b18;
  border:1px solid rgba(255,255,255,.24);
}
.node-story{
  max-width:72ch;
  margin-inline:auto;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.13rem;
  line-height:1.92;
  letter-spacing:.002em;
}
.node-story p{margin:0 0 1.35em}
.node-header,.node-choices,.node-footer{max-width:76ch;margin-inline:auto}
.node-header{padding-bottom:1.7rem;border-bottom:1px solid rgba(80,50,35,.17)}
.node-header h1{font-family:Georgia,"Times New Roman",serif;line-height:1.08}
.node-choices{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(80,50,35,.17)}
.choice-button{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.choice-button:hover,.choice-button:focus-visible{transform:translateY(-1px)}
@keyframes arena-rise{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .hero-copy,.hero-panel{animation:none}
  .primary-button,.choice-button{transform:none!important}
}

/* Build 0.1.0 — threshold, narration, and live leadership profile */
.threshold-panel{max-width:920px;margin:2rem auto 5rem;padding:clamp(2rem,6vw,4.6rem);text-align:center;border:1px solid rgba(221,214,206,.2);background:linear-gradient(145deg,rgba(8,7,6,.94),rgba(83,25,20,.58));box-shadow:0 32px 100px rgba(0,0,0,.46);position:relative;overflow:hidden}.threshold-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,rgba(132,49,39,.27),transparent 34%);pointer-events:none}.threshold-panel>*{position:relative}.threshold-symbol{width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(255,255,255,.2)) drop-shadow(0 0 18px rgba(126,39,31,.78))}.threshold-panel h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,6vw,4.6rem);margin:.35rem 0 1rem}.threshold-panel>p:not(.eyebrow):not(.experience-status){max-width:660px;margin:0 auto 1.6rem;color:var(--muted);line-height:1.7}.experience-modes{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin:1.2rem 0}.experience-mode,.narration-controls button{border:1px solid rgba(221,214,206,.35);background:rgba(12,10,9,.72);color:#f5eee8;padding:.75rem 1rem;cursor:pointer;font:inherit}.experience-mode[aria-pressed="true"],.experience-mode:hover,.experience-mode:focus-visible,.narration-controls button:hover,.narration-controls button:focus-visible{background:linear-gradient(180deg,var(--mahogany-bright),var(--mahogany));border-color:#a9574a}.experience-status{min-height:1.4rem;color:var(--gold-light);font-weight:700}.threshold-enter{margin-top:.5rem;min-width:220px}.narration-controls{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:0 0 1rem;padding:.75rem;border-bottom:1px solid rgba(221,214,206,.16)}.narration-controls span{margin-right:auto;color:var(--muted)}.narration-controls button{padding:.45rem .72rem;font-size:.82rem}.live-profile{padding:1rem 1.2rem;margin:0 0 1rem;background:rgba(65,20,16,.22);border:1px solid rgba(221,214,206,.15)}.live-profile .section-label{margin:0 0 .6rem}.metric-row{display:flex;justify-content:space-between;gap:1rem;padding:.32rem 0;border-bottom:1px solid rgba(221,214,206,.1);font-size:.88rem}.metric-row:last-child{border-bottom:0}.narrating{box-shadow:0 0 0 3px rgba(132,49,39,.2),0 30px 90px rgba(0,0,0,.42)}@media(max-width:620px){.threshold-panel{margin-inline:1rem}.narration-controls span{width:100%;margin-bottom:.3rem}}

/* Build 0.2.0 — Archive, portable saves, checkpoints, and full leadership profile */
.archive-main{max-width:1180px;margin:0 auto;padding:4rem 5vw 6rem}.archive-summary,.profile-panel,.transfer-panel{border:1px solid rgba(221,214,206,.18);background:linear-gradient(145deg,rgba(8,7,6,.93),rgba(78,24,19,.48));padding:clamp(1.4rem,4vw,2.4rem);margin:0 0 1.5rem;box-shadow:0 26px 80px rgba(0,0,0,.34)}.archive-summary,.transfer-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.archive-summary h2,.profile-panel h2,.transfer-panel h2,.archive-grid h2{font-family:Georgia,"Times New Roman",serif;margin:.25rem 0 .6rem}.archive-actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.archive-actions .secondary-button,.item-actions button{cursor:pointer}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:.8rem}.profile-metric{padding:1rem;background:rgba(0,0,0,.24);border:1px solid rgba(221,214,206,.13)}.profile-metric span{display:block;color:var(--muted);font-size:.84rem}.profile-metric strong{display:block;font-size:1.55rem;margin:.2rem 0 .65rem}.metric-track{height:8px;background:rgba(255,255,255,.08);overflow:hidden}.metric-track i{display:block;height:100%;background:linear-gradient(90deg,var(--mahogany),var(--mahogany-bright))}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.section-heading.compact{margin-bottom:1rem}.archive-list{display:grid;gap:.75rem}.archive-item{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(221,214,206,.15);background:rgba(10,8,7,.62)}.archive-item h3{margin:0 0 .25rem}.archive-item p,.archive-item small{margin:0;color:var(--muted)}.item-actions{display:flex;gap:.45rem;align-items:center}.item-actions button{border:1px solid rgba(221,214,206,.28);background:rgba(107,36,29,.55);color:#fff;padding:.5rem .7rem}.archive-empty{padding:1rem;border:1px dashed rgba(221,214,206,.2);color:var(--muted)}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.primary-button.disabled{opacity:.45;pointer-events:none}@media(max-width:760px){.archive-grid{grid-template-columns:1fr}.archive-item{align-items:flex-start;flex-direction:column}.archive-main{padding-top:2rem}}

/* Build 0.3.0 — package library and reflection chamber */
.dynamic-library{display:grid;gap:1.5rem;margin:2rem auto 5rem;max-width:1100px;padding:0 1.5rem}.package-card{display:grid;grid-template-columns:minmax(130px,220px) 1fr;gap:2rem;align-items:center;padding:2rem;border:1px solid rgba(214,204,190,.35);background:linear-gradient(135deg,rgba(12,10,10,.95),rgba(67,25,20,.88));border-radius:1rem}.package-card img{width:100%;max-height:210px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(74,20,15,.55))}.package-card dl{display:flex;gap:1.5rem;flex-wrap:wrap}.package-card dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#c7bbb0}.package-card dd{margin:0;color:#f4eee8}.package-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.reflection-page{max-width:1100px;margin:auto;padding:2rem 1.5rem 5rem}.reflection-profile{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2rem 0}.reflection-metric{padding:1.2rem;border:1px solid rgba(214,204,190,.28);background:rgba(16,13,13,.82);border-radius:.75rem}.reflection-metric span{display:block;color:#d9ccc2}.reflection-metric strong{display:block;font-size:2rem;margin:.4rem 0;color:#fff}.reflection-metric p{margin:0;color:#c6b6aa}.certificate{margin:3rem auto 1rem;max-width:850px;text-align:center;padding:3rem;border:10px double #6a2f26;background:linear-gradient(135deg,#eee9e0,#c7c1b9 45%,#f4f0e9);color:#201817;box-shadow:0 20px 60px rgba(0,0,0,.45)}.certificate img{width:110px}.certificate>p:first-of-type{text-transform:uppercase;letter-spacing:.2em}.certificate h2{font-size:2rem;color:#3b1815}.certificate strong{display:block;font-family:Georgia,serif;font-size:2rem;margin:1.3rem;border-bottom:1px solid #6a2f26;padding-bottom:.5rem}.certificate h3{font-size:1.5rem;color:#4f211b}.certificate-motto{font-style:italic}.certificate-controls{max-width:850px;margin:auto;display:flex;align-items:end;gap:1rem}.certificate-controls label{flex:1}.certificate-controls input{display:block;width:100%;margin-top:.4rem;padding:.8rem;border-radius:.4rem;border:1px solid #a89c92}.library-page .page-intro{max-width:1050px;margin:3rem auto 0;padding:0 1.5rem}@media(max-width:700px){.package-card{grid-template-columns:1fr}.package-card img{max-height:150px}.certificate-controls{align-items:stretch;flex-direction:column}}@media print{body{background:#fff}.no-print{display:none!important}.certificate{box-shadow:none;margin:0 auto;page-break-inside:avoid}}


/* Build 0.3.4 — C4 leadership competency bar graph */
.leadership-bar-graph{display:grid;gap:.7rem}
.leadership-bar-row{display:grid;gap:.3rem}
.leadership-bar-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.86rem}
.leadership-bar-label span{color:var(--muted)}
.leadership-bar-label strong{font-variant-numeric:tabular-nums;color:var(--gold-light)}
.leadership-bar-track{height:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.leadership-bar-track i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--mahogany),var(--mahogany-bright));transition:width .28s ease}
.leadership-bar-row[data-direction="negative"] .leadership-bar-track i{background:repeating-linear-gradient(135deg,rgba(185,178,170,.72) 0 5px,rgba(107,36,29,.78) 5px 10px)}
.leadership-bar-row[data-direction="neutral"] .leadership-bar-track i{width:0!important}
@media(prefers-reduced-motion:reduce){.leadership-bar-track i{transition:none}}

.progress-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.save-progress-button{background:rgba(12,10,9,.72);color:var(--paper);cursor:pointer;padding:.58rem .85rem;font-size:.82rem}.save-progress-button:hover,.save-progress-button:focus-visible{background:linear-gradient(180deg,var(--mahogany-bright),var(--mahogany));border-color:#a9574a}.save-progress-status{min-width:8rem;color:var(--gold-light);font-size:.78rem;font-weight:700}.reading-status{display:flex;gap:1.1rem}@media(max-width:760px){.reading-toolbar{gap:1rem;flex-wrap:wrap}.progress-actions{order:3;width:100%}.reading-status{margin-left:auto}}


/* Build 0.3.6 — resumable saved-session details */
.resume-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.75rem; margin:1rem 0 0; }
.resume-details div { border-left:2px solid var(--gold, #b7904b); padding-left:0.75rem; }
.resume-details dt { font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; opacity:0.72; }
.resume-details dd { margin:0.2rem 0 0; font-weight:700; }
@media (max-width:700px) { .resume-details { grid-template-columns:1fr; } }

/* E1.2 — runtime-safe graph notice */
.choice-deferred-notice {
  margin: 1rem 0 0;
  padding: .8rem 1rem;
  border-left: 3px solid var(--arena-gold, #b79452);
  background: rgba(183, 148, 82, .08);
  font-size: .9rem;
  line-height: 1.45;
  opacity: .9;
}

/* Build 0.3.29 — Home hero brand refinement */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.arena-hero-wordmark{display:block;width:min(100%,900px);height:auto;margin:0 0 1.65rem;background:transparent;border:0;object-fit:contain;filter:drop-shadow(0 22px 36px rgba(0,0,0,.34))}
@media(max-width:820px){.arena-hero-wordmark{width:100%;margin-bottom:1.25rem}}

/* Build 0.3.29 — Raise and enlarge the home hero identity */
.hero{
  padding-top:2.25rem;
  grid-template-columns:1.36fr .64fr;
  gap:3rem;
  align-items:start;
}
.hero-copy{padding-top:0}
.arena-hero-wordmark{
  width:118%;
  max-width:none;
  margin:-1rem 0 1.25rem -4%;
}
.hero-panel{margin-top:2.25rem}
@media(max-width:1020px){
  .hero{grid-template-columns:1.2fr .8fr;gap:2rem;padding-top:2rem}
  .arena-hero-wordmark{width:110%;margin-left:-3%}
}
@media(max-width:820px){
  .hero{grid-template-columns:1fr;padding-top:1.4rem;gap:2rem}
  .arena-hero-wordmark{width:108%;margin:-.5rem 0 1rem -4%}
  .hero-panel{margin-top:0}
}


/* Arena 0.3.29 Mahogany refinement */
.primary-button,.secondary-button,.classic-setup-button,button{
 background: linear-gradient(#603021,#4A2418);
 border:1px solid #8C6B3F;
 color:#F4EFE6;
}
.primary-button:hover,.secondary-button:hover,.classic-setup-button:hover,button:hover{
 background: linear-gradient(#6A3525,#603021);
}

.resume-button,.resume-session-button,a.resume-button,a.resume-session-button{
 color:#F4F4F4 !important;
}


/* 0.3.29 simulator button text fix */
.verify-node-library,
.return-home,
button.verify-node-library,
button.return-home,
a.verify-node-library,
a.return-home{
 color:#F4F4F4 !important;
}

.simulator-actions .secondary-button,
.simulator-actions .primary-button{
 color:#F4F4F4 !important;
}

/* Build 0.3.29 — exact simulator summary-button text correction */
.selection-summary .summary-actions a.secondary-button,
.summary-actions a.secondary-button {
    color: #F4F4F4 !important;
}


/* Build 0.3.29 Leadership profile horizontal layout */
.leadership-profile,
.profile-summary,
.hero-profile,
.profile-panel{
 display:flex !important;
 flex-direction:row !important;
 align-items:center;
 gap:1rem;
 width:100%;
 margin:1rem 0 1.5rem 0;
}
.hero-copy .leadership-profile,
.hero-copy .profile-summary,
.hero-copy .hero-profile{
 order:2;
}
.hero-actions{
 margin-top:1rem;
}


/* Build 0.3.29 Hero spacing refinement */
.hero-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1rem;
}
.hero-copy .leadership-profile,
.hero-copy .profile-summary,
.hero-copy .hero-profile{
  width:100%;
  max-width:640px;
  margin:0.25rem 0 0.75rem 0;
}
.hero-actions{
  margin-top:0.5rem;
}

/*0.3.29 toolbar layout*/
.reading-toolbar{
display:grid;
grid-template-columns:1fr auto auto;
grid-template-areas:
"back status reading"
"controls profile progress";
align-items:center;
row-gap:18px;
column-gap:24px;
}
.back-link{grid-area:back}
.reading-status{grid-area:status;justify-self:end}
.narration-controls{grid-area:controls}
.live-profile{grid-area:profile;min-width:340px}
.progress-actions{grid-area:progress;justify-self:end}


/* Build 0.3.30 — Integrated homepage hero messaging */
.hero-headline{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,5.2vw,5.1rem);line-height:1.02;max-width:780px;margin:.1rem 0 1rem;font-weight:500}
.hero-headline em{display:block;color:var(--gold-light);font-weight:400}
.hero-mission{margin:0 0 .7rem;color:var(--gold-light);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,2.2vw,2rem);letter-spacing:.04em}
.hero-value{max-width:690px;margin:0;color:var(--muted);font-size:.92rem;font-style:italic}
.interactive-novel-label{margin:.15rem 0 .8rem!important;color:var(--gold-light)!important;font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;font-style:italic}
@media(max-width:820px){.hero-headline{font-size:clamp(2.45rem,11vw,3.65rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{text-align:center}.hero-value{font-size:.88rem}}


/* v0.5.3 gameplay session header */
.session-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  margin:0 0 1.35rem;
  padding:1.25rem 1.4rem;
  border:1px solid var(--line);
  border-left:4px solid var(--mahogany-bright);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(184,178,170,.08),rgba(90,33,25,.14));
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
.session-header-copy{min-width:0}
.session-header-eyebrow{
  margin:0 0 .35rem;
  color:var(--gold-light);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.68rem;
  font-weight:800;
}
.session-header h1{
  margin:0;
  color:var(--paper);
  font-family:Georgia,serif;
  font-size:clamp(1.35rem,3vw,2.15rem);
  line-height:1.1;
}
.session-header-status{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:2rem;
  flex-wrap:wrap;
}
.session-header-status p{margin:0;text-align:right}
.session-header-status span,
.session-header-status strong{display:block}
.session-header-status span{
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.6rem;
}
.session-header-status strong{
  margin-top:.2rem;
  color:var(--paper);
  font-family:Georgia,serif;
  font-size:1rem;
}
@media(max-width:720px){
  .session-header{align-items:flex-start;flex-direction:column;gap:1rem}
  .session-header-status{width:100%;justify-content:space-between;gap:1rem}
  .session-header-status p{text-align:left}
}


.journey-progress{margin:0 0 1.2rem}
.journey-track{height:10px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}
.journey-fill{height:100%;width:0%;background:linear-gradient(90deg,#6b241d,#b9b2aa);transition:width .35s ease}
.journey-label{display:flex;justify-content:space-between;margin-top:.35rem;color:var(--muted);font-size:.82rem}


/* v0.5.5 cinematic Bull transition screens */
.bull-transition[hidden]{display:none}
.bull-transition{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:1.5rem;
}
.bull-transition-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 25%,rgba(107,36,29,.46),transparent 42%),
    rgba(5,4,4,.93);
  backdrop-filter:blur(8px);
}
.bull-transition-panel{
  position:relative;
  width:min(720px,100%);
  padding:clamp(2rem,7vw,4.75rem);
  text-align:center;
  border:1px solid rgba(221,214,206,.22);
  border-top:5px solid var(--mahogany-bright);
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(184,178,170,.12),rgba(61,18,15,.34)),
    var(--surface);
  box-shadow:0 35px 100px rgba(0,0,0,.62);
  animation:bull-transition-enter .46s cubic-bezier(.2,.8,.2,1) both;
}
.bull-transition-eyebrow{
  margin:0 0 .75rem;
  color:var(--gold-light);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.bull-transition-panel h2{
  margin:0;
  color:var(--paper);
  font-family:Georgia,serif;
  font-size:clamp(2.35rem,7vw,5rem);
  line-height:1;
}
.bull-transition-panel blockquote{
  max-width:590px;
  margin:1.6rem auto 1rem;
  color:var(--gold-light);
  font-family:Georgia,serif;
  font-size:clamp(1.1rem,2.4vw,1.45rem);
  font-style:italic;
  line-height:1.55;
}
.bull-transition-panel blockquote::before{content:"“"}
.bull-transition-panel blockquote::after{content:"”"}
.bull-transition-panel > p:last-of-type{
  max-width:570px;
  margin:0 auto 2rem;
  color:var(--muted);
  line-height:1.7;
}
.bull-transition-continue{min-width:190px}
.bull-transition.is-leaving .bull-transition-panel{
  animation:bull-transition-exit .24s ease both;
}
.bull-transition.is-leaving .bull-transition-backdrop{
  opacity:0;
  transition:opacity .24s ease;
}
body.bull-transition-open{overflow:hidden}
@keyframes bull-transition-enter{
  from{opacity:0;transform:translateY(18px) scale(.975)}
  to{opacity:1;transform:none}
}
@keyframes bull-transition-exit{
  from{opacity:1;transform:none}
  to{opacity:0;transform:translateY(-10px) scale(.985)}
}
.reduce-motion .bull-transition-panel{animation:none}
.reduce-motion .bull-transition.is-leaving .bull-transition-panel,
.reduce-motion .bull-transition.is-leaving .bull-transition-backdrop{transition:none;animation:none}
@media(max-width:620px){
  .bull-transition{padding:.8rem}
  .bull-transition-panel{padding:2.25rem 1.25rem}
}


.chapter-complete{position:fixed;inset:0;background:rgba(0,0,0,.82);display:grid;place-items:center;z-index:1400}
.chapter-card{max-width:700px;background:#1d1715;color:#f2ede5;padding:2rem;border-radius:14px;border-top:5px solid #6b241d}
.chapter-actions{display:grid;gap:.75rem;margin:1.5rem 0}
.chapter-note{color:#c2b8af;font-size:.9rem}

body.chapter-complete-open{overflow:hidden}
.chapter-card{animation:chapterCardIn .25s ease}
@keyframes chapterCardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* v0.5.8 stability repair */
.chapter-complete[hidden]{display:none !important}
.chapter-complete{padding:1rem;overflow:auto}
.chapter-card{width:min(720px,100%);max-height:calc(100vh - 2rem);overflow:auto;box-sizing:border-box}
.chapter-bars{display:grid;gap:.75rem;margin:1.4rem 0}
.chapter-metric{display:grid;grid-template-columns:minmax(120px,1fr) minmax(180px,2fr) 2.5rem;gap:.75rem;align-items:center}
.chapter-metric-label{font-weight:700}
.chapter-metric-track{height:10px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}
.chapter-metric-fill{height:100%;background:linear-gradient(90deg,var(--mahogany-bright),var(--silver));border-radius:inherit}
.chapter-metric-value{text-align:right;color:var(--gold-light);font-variant-numeric:tabular-nums}
.chapter-actions a{text-align:center}
@media(max-width:560px){.chapter-metric{grid-template-columns:1fr 2.5rem}.chapter-metric-track{grid-column:1/-1;grid-row:2}.chapter-card{padding:1.35rem}}

/* RC 0.7.7 — Bull Navigation Foundation */
.arena-bulls-card { grid-column: 1 / -1; }
.arena-bull-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:.75rem; margin-top:1rem; }
.arena-bull-item { display:flex; justify-content:space-between; align-items:center; gap:.75rem; width:100%; padding:.85rem 1rem; border:1px solid rgba(255,255,255,.18); border-radius:.55rem; background:rgba(20,20,20,.72); color:#fff; text-align:left; }
.arena-bull-item:not(:disabled) { cursor:pointer; }
.arena-bull-item.is-active { outline:2px solid rgba(255,255,255,.75); outline-offset:2px; }
.arena-bull-item.is-completed { opacity:.78; }
.arena-bull-item.is-locked, .arena-bull-item:disabled { opacity:.48; cursor:not-allowed; }
.arena-bull-name { font-weight:700; }
.arena-bull-state { font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }


/* RC 0.7.8 — Bull Completion Experience */
.bull-completion-eyebrow{margin:0 0 .45rem;color:var(--gold-light);font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.bull-completion-summary{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin:1.25rem 0;padding:1rem 1.1rem;border:1px solid rgba(221,214,206,.22);border-left:5px solid var(--mahogany-bright);border-radius:10px;background:linear-gradient(135deg,rgba(184,178,170,.1),rgba(90,33,25,.22))}
.bull-completion-summary[hidden]{display:none!important}
.bull-completion-summary h3{margin:0 0 .35rem;color:var(--paper);font-family:Georgia,serif}
.bull-completion-summary p{margin:.2rem 0;color:var(--muted);line-height:1.55}
.bull-completion-mark{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--mahogany-bright);color:#fff;font-size:1.5rem;font-weight:900;box-shadow:0 0 0 5px rgba(107,36,29,.2)}
.bull-unlock-message{color:var(--gold-light)!important;font-weight:700}
@media(max-width:520px){.bull-completion-summary{grid-template-columns:1fr}.bull-completion-mark{width:2.5rem;height:2.5rem}}

/* RC 0.7.9 Arena Progression System */
.arena-progression-card{grid-column:1/-1}.arena-overall-track span{display:block;height:100%;width:0}.arena-progression-hierarchy{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.arena-progression-hierarchy p{display:flex;justify-content:space-between;gap:.5rem;padding:.75rem;border:1px solid rgba(255,255,255,.14);border-radius:.45rem}.arena-milestone-message{font-weight:700;margin-top:1rem}.arena-milestone-message:not([hidden]){display:block}


/* RC 0.8.0 — Arena Graduation System */
.arena-graduation-card.is-complete{box-shadow:inset 0 0 0 1px rgba(197,163,93,.7)}
.arena-graduation-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0}
.arena-graduation-stats p{margin:0;padding:.65rem;background:rgba(255,255,255,.05)}
.graduation-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:1rem;overflow:auto}
.graduation-overlay[hidden]{display:none}
.graduation-panel{width:min(850px,100%);background:#181818;border:1px solid rgba(197,163,93,.65);padding:clamp(1.25rem,4vw,3rem);box-shadow:0 24px 80px #000}
.graduation-profile{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin:1rem 0}
.graduation-profile p,.graduation-journal-recap{padding:.75rem;background:rgba(255,255,255,.04)}
.arena-certificate{margin:1.5rem 0;padding:2rem;text-align:center;border:double 4px #b99b59;background:#eee9dc;color:#24211a}
.arena-certificate h3{font-size:clamp(1.6rem,4vw,2.5rem);margin:.5rem 0}
.graduation-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}
@media print{body>*:not(main),main>*:not(.graduation-overlay),.graduation-panel>*:not(.arena-certificate){display:none!important}.graduation-overlay,.graduation-panel{display:block!important;position:static;background:white;border:0;box-shadow:none}.arena-certificate{display:block!important}}

/* RC 0.8.1 Arena Instructor Dashboard */
.instructor-main{max-width:1240px;margin:0 auto;padding:3rem 1.5rem 6rem}.instructor-toolbar{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin:2rem 0}.file-button{cursor:pointer}.file-button input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.instructor-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:1rem;margin:1.5rem 0}.instructor-summary article,.instructor-panel{background:linear-gradient(145deg,rgba(12,10,9,.94),rgba(82,25,20,.42));border:1px solid var(--line);box-shadow:var(--shadow);padding:1.4rem}.instructor-summary strong{display:block;font-family:Georgia,serif;font-size:2rem;color:var(--gold-light)}.instructor-summary span{color:var(--muted)}.instructor-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.instructor-panel:first-child{grid-column:1/-1}.instructor-panel h2{font-family:Georgia,serif}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line)}th{color:var(--gold-light)}.participant-link,.text-button{background:none;border:0;color:var(--gold-light);text-decoration:underline;cursor:pointer;font:inherit}.text-button{color:var(--muted)}.analytics-row{display:grid;grid-template-columns:8.5rem 1fr 2.5rem;gap:.7rem;align-items:center;margin:.8rem 0}.analytics-row div{height:.55rem;background:rgba(255,255,255,.12);overflow:hidden}.analytics-row i{display:block;height:100%;background:var(--mahogany-bright)}.journal-review-entry{border-top:1px solid var(--line);padding:1rem 0}.journal-review-entry p{color:var(--muted)}.journal-review-entry small{color:var(--muted)}@media(max-width:800px){.instructor-summary{grid-template-columns:repeat(2,1fr)}.instructor-grid{grid-template-columns:1fr}.instructor-panel:first-child{grid-column:auto}}
.instructor-filters{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.instructor-filters input,.instructor-filters select,.session-assign,#participant-note{background:#161616;color:#f2f2f2;border:1px solid #777;border-radius:.35rem;padding:.65rem}.instructor-filters input{min-width:16rem;flex:1}.session-card{display:grid;gap:.35rem;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.15)}.session-card span{opacity:.8}.session-assign{display:block;margin-top:.45rem;max-width:15rem;min-height:3rem;font-size:.8rem}#note-wrap{display:grid;gap:.5rem;margin-top:1rem}#participant-note{width:100%;resize:vertical}

/* RC 0.8.3 Facilitated Training Mode */
.facilitated-panel{grid-column:1/-1;margin-top:1.5rem}.facilitated-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.facilitated-controls select{min-width:14rem}.facilitated-status{display:flex;gap:1rem;align-items:center;margin:1rem 0;padding:1rem;border:1px solid rgba(255,255,255,.18);border-radius:.5rem}.facilitated-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.facilitated-grid label{display:grid;gap:.35rem;margin:.75rem 0}.facilitated-grid input,.facilitated-grid textarea{width:100%;box-sizing:border-box}.vote-voter{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:.5rem!important}.vote-voter input{width:auto}.facilitated-grid h3{margin-top:1.25rem}#facilitated-timeline{max-height:18rem;overflow:auto}@media(max-width:800px){.facilitated-grid{grid-template-columns:1fr}.facilitated-status{align-items:flex-start;flex-direction:column}}
.analytics-aar-panel{margin-top:1.5rem}.aar-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.analytics-aar-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:1.5rem}.aar-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.aar-metrics strong{display:flex;flex-direction:column;padding:1rem;border:1px solid rgba(255,255,255,.18);border-radius:.5rem;font-size:1.4rem}.aar-metrics span{font-size:.75rem;font-weight:400}.path-card{border-left:3px solid currentColor;padding-left:.75rem;margin:.75rem 0}.path-card p{margin:.25rem 0}#aar-workspace label{display:block;margin:.7rem 0}#aar-workspace input,#aar-workspace textarea,#aar-workspace select{width:100%}@media(max-width:850px){.analytics-aar-grid{grid-template-columns:1fr}.aar-metrics{grid-template-columns:1fr}}

/* RC 0.9.1 — Public Release Candidate */
.public-release-onboarding{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.88)}
.public-release-onboarding[hidden]{display:none!important}
.public-release-dialog{width:min(680px,100%);box-sizing:border-box;padding:clamp(1.4rem,4vw,2.6rem);background:linear-gradient(145deg,#171411,#301713);border:1px solid rgba(197,163,93,.75);box-shadow:0 28px 90px #000}
.public-release-dialog h2{font-family:Georgia,serif;font-size:clamp(1.8rem,5vw,3rem);margin:.35rem 0 1rem}
.public-release-step{color:var(--gold-light);font-weight:700}
.public-release-accessibility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.4rem 0}
.public-release-accessibility label{display:flex;gap:.55rem;align-items:center;padding:.75rem;border:1px solid rgba(255,255,255,.18);border-radius:.45rem}
.public-release-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}
.onboarding-open{overflow:hidden}
.arena-large-text{font-size:118%}
.arena-high-contrast body{background:#000;color:#fff}
.arena-high-contrast .arena-dashboard-card,.arena-high-contrast .hero-panel,.arena-high-contrast .public-release-dialog{border-color:#fff;box-shadow:none}
.arena-high-contrast a,.arena-high-contrast button{outline-color:#fff}
:focus-visible{outline:3px solid #f3d27a!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(max-width:620px){.public-release-accessibility{grid-template-columns:1fr}.public-release-actions>*{flex:1}}


/* v1.0.1 — Shared page grid and home-page lower-section alignment */
:root{--arena-page-max:1280px;--arena-page-gutter:3rem}
.arena-home-sections{width:100%;max-width:var(--arena-page-max);margin:0 auto;padding:4rem var(--arena-page-gutter) 5rem;line-height:1.7}
.arena-home-sections h2{margin:2.2rem 0 .8rem;border-bottom:1px solid var(--line);padding-bottom:.4rem;font-family:Georgia,"Times New Roman",serif}
.arena-home-sections h2:first-child{margin-top:0}
.arena-home-sections ul,.arena-home-sections ol{padding-left:1.5rem}
.arena-home-sections p{max-width:900px}
@media(max-width:820px){:root{--arena-page-gutter:1.3rem}.arena-home-sections{padding-top:3rem;padding-bottom:4rem}}

/* v1.0.2 — Shared application shell and responsive layout foundation */
:root{
  --arena-shell-max:1280px;
  --arena-shell-gutter:clamp(1.3rem,4vw,3rem);
}
html,body{max-width:100%;overflow-x:hidden}
.site-header,
.hero,
.arena-dashboard,
.arena-home-sections,
footer{
  width:min(100%,var(--arena-shell-max));
  margin-inline:auto;
}
.site-header,
.hero,
.arena-dashboard,
.arena-home-sections,
footer{
  padding-inline:var(--arena-shell-gutter);
}
.arena-dashboard{
  padding-top:4rem;
  padding-bottom:5rem;
}
.arena-dashboard-header{
  max-width:780px;
  margin-bottom:2rem;
}
.arena-dashboard-header h2{
  margin:.35rem 0 .65rem;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.25rem,5vw,4rem);
  line-height:1.05;
}
.arena-dashboard-header p:last-child{color:var(--muted)}
.arena-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  min-width:0;
}
.arena-dashboard-card{
  min-width:0;
  padding:clamp(1.25rem,3vw,2rem);
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(12,10,9,.92),rgba(82,25,20,.38));
  box-shadow:var(--shadow);
}
.arena-dashboard-card h3{
  margin:.1rem 0 .65rem;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.35rem,2.5vw,1.85rem);
}
.arena-dashboard-card p{overflow-wrap:anywhere}
.arena-resume-card,.arena-instructor-card,.arena-graduation-card{grid-column:span 1}
.arena-bulls-card,.arena-progression-card{grid-column:1/-1}
.arena-bull-list{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
.arena-progression-hierarchy{grid-template-columns:repeat(3,minmax(0,1fr))}
.principles{overflow:hidden}
.principle-grid,.section-heading{width:min(100%,1220px);margin-inline:auto}
.section-heading + .principle-grid{margin-top:3rem}
@media(max-width:820px){
  .arena-dashboard{padding-top:3rem;padding-bottom:4rem}
  .arena-dashboard-grid{grid-template-columns:1fr}
  .arena-resume-card,.arena-instructor-card,.arena-graduation-card,.arena-bulls-card,.arena-progression-card{grid-column:1}
  .arena-progression-hierarchy{grid-template-columns:1fr}
}
@media(max-width:520px){
  .arena-dashboard-card{padding:1.1rem}
  .arena-dashboard-card .primary-button,.arena-dashboard-card .secondary-button{display:block;width:100%;text-align:center}
}

/* Arena Leadership Simulator 1.0.3 — Home Page Typography Polish */
.hero-panel {
  padding-inline: 2.35rem;
}
.hero-panel h2 {
  font-size: clamp(2.35rem, 3.2vw, 2.7rem);
  line-height: 1.04;
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
  text-wrap: wrap;
}
@media (max-width: 1100px) and (min-width: 821px) {
  .hero {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .72fr);
    gap: 2.25rem;
  }
  .hero-panel {
    padding: 2rem;
  }
  .hero-panel h2 {
    font-size: 2.35rem;
  }
}
@media (max-width: 820px) {
  .hero-panel h2 {
    font-size: clamp(2.35rem, 9vw, 3rem);
  }
}

/* v1.0.10 terminal next-step safeguard */
.terminal-next-step{max-width:76ch;margin:0 auto 1.5rem;padding:1.35rem 1.5rem;background:#eee7dc;border-top:1px solid #d4c9b7;border-bottom:1px solid #d4c9b7;color:#211d1a}
.terminal-next-step[hidden]{display:none!important}
.terminal-next-step h2{margin:.2rem 0 .55rem}
.terminal-next-step-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}

/* A13 Arena Voice foundation */
.arena-voice-panel{max-width:880px;margin:18px auto;padding:14px 18px;border:1px solid rgba(214,177,122,.28);background:rgba(15,8,6,.35)}
.arena-voice-panel .voice-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.arena-voice-panel select{max-width:320px}

/* =========================================================
   A15 PARTICIPANT + STAFF VISUAL REFINEMENT
   Functional behavior intentionally unchanged.
   ========================================================= */
:root{
  --arena-panel-bg: rgba(31, 20, 15, .78);
  --arena-panel-border: rgba(196, 151, 92, .28);
  --arena-soft-text: #d8d0c8;
  --arena-muted-text: #b8aca2;
  --arena-mahogany: #5f1718;
  --arena-mahogany-hover: #761f20;
  --arena-gold: #c39a5b;
}
.page-shell{max-width:1180px;margin:0 auto;padding:34px 28px 64px}
.site-header{max-width:1180px;margin:0 auto;padding:24px 28px 12px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.site-header nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid rgba(196,151,92,.28);border-radius:4px;color:#f2ece7;text-decoration:none;background:rgba(25,14,11,.52)}
.site-header nav a:hover,.site-header nav a:focus{background:rgba(95,23,24,.82);color:#fff;border-color:rgba(196,151,92,.48)}
.panel{background:var(--arena-panel-bg);border:1px solid var(--arena-panel-border);box-shadow:0 14px 34px rgba(0,0,0,.18);padding:28px 30px;margin:0 0 22px;border-radius:6px}
.panel h2{margin-top:2px;margin-bottom:14px}
.panel p{color:var(--arena-soft-text);line-height:1.65}
.notice-card{background:rgba(14,9,7,.5);border:1px solid rgba(196,151,92,.2);border-left:3px solid var(--arena-mahogany);padding:16px 18px;margin:12px 0;border-radius:4px}
.notice-card p{margin:.45rem 0}
.notice-card small{color:var(--arena-muted-text)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn,.btn.primary,.btn.secondary,button.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:4px;text-decoration:none;font-weight:700;letter-spacing:.02em}
.btn.primary{background:var(--arena-mahogany);border:1px solid #8c3a36;color:#fff!important}
.btn.primary:hover,.btn.primary:focus{background:var(--arena-mahogany-hover);color:#fff!important}
.btn.secondary{background:rgba(24,17,14,.76);border:1px solid rgba(196,151,92,.38);color:#f4efea!important}
.btn.secondary:hover,.btn.secondary:focus{background:rgba(95,23,24,.62);color:#fff!important}
.leadership-profile{display:grid;gap:10px;margin:18px 0}
.profile-row{display:grid;grid-template-columns:minmax(150px,220px) 1fr auto;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.profile-row::after{content:"";grid-column:2;grid-row:1;height:7px;border-radius:99px;background:linear-gradient(90deg,rgba(95,23,24,.95),rgba(195,154,91,.72));opacity:.7}
.profile-row strong{grid-column:3;grid-row:1;color:#fff;font-variant-numeric:tabular-nums}
select,input,textarea{background:rgba(11,8,7,.72);border:1px solid rgba(196,151,92,.3);color:#f4efea;border-radius:4px;padding:10px 12px}
select:focus,input:focus,textarea:focus{outline:2px solid rgba(195,154,91,.4);outline-offset:1px}
#dash-continue{background:var(--arena-mahogany)!important;color:#fff!important;border:1px solid #8c3a36!important;padding:12px 22px!important;border-radius:4px!important;text-decoration:none!important;font-weight:800!important;display:inline-flex!important}
#dash-continue:hover,#dash-continue:focus{background:var(--arena-mahogany-hover)!important;color:#fff!important}
@media(max-width:720px){
 .page-shell,.site-header{padding-left:16px;padding-right:16px}
 .panel{padding:22px 18px}
 .site-header{align-items:flex-start}
 .site-header nav{width:100%}
 .site-header nav a{flex:1 1 auto}
 .profile-row{grid-template-columns:1fr auto}
 .profile-row::after{grid-column:1/-1;grid-row:2}
}


/* =========================================================
   v1.0.34 MOBILE RESPONSIVE REPAIR
   Repairs production phone navigation, hero scale, panels,
   controls, dashboard cards, and Arena Voice without changing
   approved desktop presentation.
   ========================================================= */
html, body { max-width:100%; overflow-x:hidden; }

@media (max-width: 820px) {
  .site-header {
    position:relative;
    align-items:center;
    flex-wrap:wrap;
    gap:.75rem;
    padding:1rem 1rem .9rem;
  }
  .site-header .brand { min-width:0; flex:1 1 auto; }
  .site-header .brand-name { font-size:1rem; letter-spacing:.18em; }
  .site-header .arena-brand-symbol { max-width:42px; height:auto; }

  .site-header .menu-button {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:42px;
    padding:.55rem .85rem;
    border:1px solid rgba(196,151,92,.38);
    border-radius:4px;
    background:rgba(25,14,11,.72);
    color:#f4efe4;
    font:inherit;
    font-weight:700;
    cursor:pointer;
  }

  .site-header .site-nav {
    display:none !important;
    position:static !important;
    width:100% !important;
    flex:1 0 100%;
    flex-direction:column;
    align-items:stretch !important;
    gap:.4rem;
    padding:.65rem 0 .15rem !important;
    margin:0;
    background:transparent !important;
    box-shadow:none !important;
  }
  .site-header .site-nav.open { display:flex !important; }
  .site-header .site-nav a,
  .site-header .site-nav button {
    width:100%;
    flex:none !important;
    min-height:44px;
    padding:.7rem .85rem;
    text-align:left;
    justify-content:flex-start;
  }

  .hero {
    min-height:auto;
    grid-template-columns:minmax(0,1fr);
    gap:2rem;
    padding:2.5rem 1rem 3.25rem;
  }
  .hero-copy, .hero-panel { min-width:0; }
  .hero h1,
  .hero .hero-headline {
    max-width:100%;
    font-size:clamp(2.35rem, 12vw, 3.35rem) !important;
    line-height:1.02;
    overflow-wrap:normal;
    word-break:normal;
  }
  .hero h1 em { display:inline; }
  .hero-text { font-size:1rem; }
  .hero-actions { flex-direction:column; gap:.75rem; margin:1.7rem 0; }
  .hero-actions a, .hero-actions button { width:100%; text-align:center; }
  .hero-panel { min-height:0; padding:1.4rem; }
  .hero-panel h2 { font-size:clamp(2rem,10vw,2.7rem); }
  .availability { position:static; margin-top:1.4rem; }

  .page-intro h1 { font-size:clamp(2.25rem,11vw,3.25rem); overflow-wrap:anywhere; }
  .selection-main,.continue-main,.library-page,.reflection-page,.gameplay-main {
    width:100%;
    max-width:100%;
    padding-left:1rem !important;
    padding-right:1rem !important;
  }

  .arena-dashboard { padding:2.5rem 1rem 3.25rem; }
  .arena-dashboard-grid { grid-template-columns:minmax(0,1fr) !important; }
  .arena-dashboard-card { min-width:0; overflow-wrap:anywhere; }
  .arena-dashboard-card .primary-button,
  .arena-dashboard-card .secondary-button { width:100%; text-align:center; }

  .panel { max-width:100%; padding:1.25rem 1rem; }
  .actions { flex-direction:column; }
  .actions > *, .btn, .primary-button, .secondary-button {
    max-width:100%;
  }

  .arena-voice-panel { width:auto; margin:1rem; padding:1rem; }
  .arena-voice-panel .voice-row { align-items:stretch; flex-direction:column; gap:.65rem; }
  .arena-voice-panel select,
  .arena-voice-panel button { width:100%; max-width:none; min-height:44px; }

  .profile-row { min-width:0; grid-template-columns:minmax(0,1fr) auto; gap:.55rem; }
  .profile-row::after { grid-column:1/-1; grid-row:2; }

  img, svg, video, canvas { max-width:100%; height:auto; }
  input, select, textarea { max-width:100%; }
}

@media (max-width: 420px) {
  .site-header { padding-left:.8rem; padding-right:.8rem; }
  .hero { padding-left:.8rem; padding-right:.8rem; }
  .hero h1,.hero .hero-headline { font-size:clamp(2.15rem,11.5vw,2.85rem) !important; }
  .section-heading h2 { font-size:2.25rem; }
  .brand-name { letter-spacing:.14em; }
}

@media (orientation: landscape) and (max-height: 520px) and (max-width: 950px) {
  .hero { padding-top:1.5rem; padding-bottom:2rem; }
  .site-header .site-nav.open { max-height:65vh; overflow:auto; }
}


/* v1.0.34-R2 — PHONE LEADERSHIP PROFILE REPAIR
   A legacy !important desktop flex-row rule was forcing all competency
   rows side-by-side. On phones, preserve the approved horizontal bar
   concept but stack competencies vertically for legibility. */
@media (max-width: 820px) {
  .leadership-profile {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100% !important;
    max-width:none !important;
  }

  .leadership-profile .profile-row {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    gap:.35rem .75rem !important;
    padding:.72rem 0 !important;
  }

  .leadership-profile .profile-row > span {
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    line-height:1.25 !important;
  }

  .leadership-profile .profile-row > strong {
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:end !important;
    white-space:nowrap !important;
  }

  .leadership-profile .profile-row::after {
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
  }
}


/* v1.0.34-R4 — GAMEPLAY PHONE TOOLBAR REPAIR
   The late A15 reading-toolbar grid is a desktop layout. Collapse it to
   a single readable column on phones and remove the live-profile minimum
   width that was clipping the right edge. */
@media (max-width: 820px) {
  .gameplay-main .reading-toolbar {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    gap:1rem !important;
  }

  .gameplay-main .reading-toolbar > * {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
    margin-left:0 !important;
  }

  .gameplay-main .back-link {
    display:block !important;
  }

  .gameplay-main .reading-status {
    order:2 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.75rem !important;
    margin-left:0 !important;
  }
  .gameplay-main .reading-status p {
    text-align:left !important;
  }

  .gameplay-main .narration-controls {
    order:3 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:.55rem !important;
    padding:.8rem 0 !important;
  }
  .gameplay-main .narration-controls > span {
    grid-column:1/-1 !important;
    width:100% !important;
    margin:0 0 .2rem !important;
  }
  .gameplay-main .narration-controls button {
    width:100% !important;
    min-width:0 !important;
  }

  .gameplay-main .live-profile {
    order:4 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:1rem !important;
    overflow:hidden !important;
  }
  .gameplay-main .leadership-bar-graph,
  .gameplay-main .leadership-bar-row,
  .gameplay-main .leadership-bar-track {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .gameplay-main .leadership-bar-label {
    min-width:0 !important;
    gap:.6rem !important;
  }
  .gameplay-main .leadership-bar-label span {
    min-width:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  .gameplay-main .progress-actions {
    order:5 !important;
    justify-self:stretch !important;
  }
  .gameplay-main .progress-actions button {
    width:100% !important;
  }
}

@media (max-width: 420px) {
  .gameplay-main .narration-controls {
    grid-template-columns:1fr !important;
  }
  .gameplay-main .narration-controls > span {
    grid-column:1 !important;
  }
}


/* v1.0.34-R5 — DESKTOP PROFILE FINISH + INSTITUTE GATEWAY */
.brand.brand-link {
  text-decoration:none;
}
.brand.brand-link .arena-brand-symbol {
  transition:transform .18s ease, filter .18s ease;
}
.brand.brand-link:hover .arena-brand-symbol,
.brand.brand-link:focus-visible .arena-brand-symbol {
  transform:scale(1.035);
  filter:brightness(1.08);
}
.brand.brand-link:focus-visible {
  outline:2px solid rgba(195,154,91,.72);
  outline-offset:5px;
}

/* The durable profile was being forced into one long flex row by a legacy rule.
   Give desktop competencies room to breathe without shrinking type. */
@media (min-width: 821px) {
  .leadership-profile {
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    align-items:stretch !important;
    gap:.8rem 1.15rem !important;
    width:100% !important;
    max-width:none !important;
  }
  .leadership-profile .profile-row {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    gap:.3rem .6rem !important;
    min-width:0 !important;
    padding:.55rem 0 !important;
  }
  .leadership-profile .profile-row > span {
    min-width:0 !important;
    white-space:normal !important;
    line-height:1.2 !important;
  }
  .leadership-profile .profile-row > strong {
    justify-self:end !important;
  }
  .leadership-profile .profile-row::after {
    grid-column:1/-1 !important;
    grid-row:2 !important;
    width:100% !important;
  }
}

@media (min-width: 821px) and (max-width: 1100px) {
  .leadership-profile {
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}


/* v1.0.34-R7 — INSTITUTE GATEWAY HIT-TARGET HARDENING */
.site-header .brand.brand-link {
  position:relative !important;
  z-index:20 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.site-header .brand.brand-link .arena-brand-symbol,
.site-header .brand.brand-link > div {
  pointer-events:none !important;
}


/* v1.0.34 FINAL — explicit Institute website navigation */
.site-nav .institute-link,
.site-header nav .institute-link {
  border-color:rgba(195,154,91,.32);
  color:var(--gold-light, #d8bd8a);
}


/* v1.0.34 NAV1 — unified simulator navigation */
@media (min-width:821px){
  .site-header .menu-button{display:none !important;}
  .site-header #site-nav.site-nav{display:flex !important;}
}
@media (max-width:820px){
  .site-header .menu-button{display:inline-flex !important;}
  .site-header #site-nav.site-nav{display:none !important;}
  .site-header #site-nav.site-nav.open{display:flex !important;}
}


/* PILOT3 certificate print repair — scoped to Reflection Chamber.
   Overrides the legacy graduation-only print rule that hides main children. */
@media print {
  @page { size: landscape; margin: 0.4in; }
  html, body { width: 100% !important; height: auto !important; overflow: visible !important; background: #fff !important; }
  body::before, body::after { display: none !important; }
  main.reflection-page { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; }
  main.reflection-page > :not(.certificate) { display: none !important; }
  main.reflection-page > section.certificate {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 9.7in !important;
    margin: 0 auto !important;
    padding: 0.45in !important;
    border: 8px double #6a2f26 !important;
    background: #eee9e0 !important;
    color: #201817 !important;
    box-shadow: none !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  main.reflection-page > section.certificate * { visibility: visible !important; }
  main.reflection-page > section.certificate img { width: 90px !important; height: auto !important; }
}