.endurance-player{border-bottom:1px solid var(--border);padding-block:clamp(5rem,9vw,9rem)}.player-heading{justify-content:space-between;align-items:start;gap:2rem;display:flex}.player-heading h2{margin:.5rem 0;font-size:clamp(2.2rem,5vw,4rem)}.player-heading p{color:var(--textSecondary)}.player-heading>strong{border:1px solid;padding:.65rem 1rem}.player-heading .pass{color:#60d394}.player-heading .fail{color:#ff7477}.player-console{border:1px solid var(--border);background:#080d12;margin:3rem 0;padding:clamp(1.2rem,4vw,2.5rem)}.player-clock{flex-direction:column;display:flex}.player-clock span,.player-metrics span{color:var(--textSecondary);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.player-clock strong{font-variant-numeric:tabular-nums;color:var(--accentCyan);font-size:clamp(2.5rem,7vw,5.5rem)}.player-clock small{color:var(--textSecondary)}.player-metrics{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;display:grid}.player-metrics div{flex-direction:column;display:flex}.player-metrics strong{font-size:1.4rem}.player-console input{width:100%;accent-color:var(--accentCyan)}.player-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.2rem;display:flex}.player-controls button,.player-controls select{background:var(--surface);color:var(--textPrimary);border:1px solid var(--border);padding:.7rem 1rem}.recorded-events{padding:0;list-style:none}.recorded-events li{border-bottom:1px solid var(--border);opacity:.35;grid-template-columns:8rem 1fr;gap:1rem;padding:1.4rem 0;transition:opacity .2s;display:grid}.recorded-events li.active{opacity:1}.recorded-events time{color:var(--accentAmber);font-variant-numeric:tabular-nums}.recorded-events h3,.recorded-events p{margin:0 0 .4rem}.recorded-events p{color:var(--textSecondary)}.recorded-events blockquote{border-left:2px solid var(--accentCyan);padding-left:1rem}.audit-data{margin-top:2rem}.audit-data summary{cursor:pointer;color:var(--accentCyan)}.audit-data dl div{margin:1rem 0}.audit-data dd{overflow-wrap:anywhere;color:var(--textSecondary);margin:.25rem 0}@media (max-width:700px){.player-heading{display:block}.player-metrics,.recorded-events li{grid-template-columns:1fr}}
.world-chat{border:1px solid var(--border);background:var(--surface);margin:2rem 0 4rem}.world-chat>header{border-bottom:1px solid var(--border);justify-content:space-between;gap:2rem;padding:1.25rem;display:flex}.world-chat h3,.world-chat p{margin:.2rem 0}.world-chat>header small,.world-chat>footer{color:var(--textSecondary)}.chat-scroll{flex-direction:column;gap:.85rem;height:28rem;padding:1.25rem;display:flex;overflow:auto}.chat-message{border:1px solid var(--border);background:#080d12;max-width:78%;padding:.85rem 1rem}.chat-message:nth-child(2n){align-self:flex-end}.chat-message>div{justify-content:space-between;gap:1rem;display:flex}.chat-message time,.chat-message small{color:var(--textSecondary);font-size:.72rem}.chat-message p{color:var(--textPrimary)}.role-memory,.role-retrieval{border-color:var(--accentCyan)}.role-canonical,.role-restart{border-color:var(--accentAmber)}.role-distraction{opacity:.72}.role-llm{border-color:#60d394}.chat-placeholder{color:var(--textSecondary)!important;margin:auto!important}.world-chat>footer{border-top:1px solid var(--border);padding:1rem 1.25rem;font-size:.8rem}@media (max-width:700px){.world-chat>header{display:block}.chat-message{max-width:92%}}
.player-finale{background:linear-gradient(135deg,#60d3941a,var(--surface));border:1px solid #60d394;margin:3rem 0;padding:clamp(1.5rem,5vw,3.5rem)}.player-finale h3{margin:.5rem 0 1.5rem;font-size:clamp(2rem,4vw,3.5rem)}.player-finale ul{gap:.7rem;padding:0;list-style:none;display:grid}.player-finale li{font-size:1.15rem}.player-finale li span{color:#60d394;margin-right:.6rem}.finale-context,.finale-answer{border-left:2px solid var(--accentCyan);background:#080d12;margin:2rem 0;padding:1.4rem}.finale-context>strong{color:var(--accentCyan);margin-top:1.2rem;display:block}.player-finale blockquote{margin:.6rem 0;font-size:clamp(1.1rem,2vw,1.45rem)}.finale-control{grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;display:grid}.finale-control article{border:1px solid var(--border);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.finale-control article:first-child{border-color:#60d394}.finale-control article:last-child{border-color:#ff7477}.finale-control p{color:var(--textSecondary);margin:0}.player-finale>p{color:var(--textSecondary)}.player-finale a{color:var(--accentCyan);font-weight:700}@media (max-width:700px){.finale-control{grid-template-columns:1fr}}
.player-metrics small{color:var(--textSecondary);margin-top:.3rem;font-size:.72rem;line-height:1.35}.player-clock p{max-width:44rem;color:var(--textSecondary);margin:1rem 0 0;font-size:.8rem}.state-metric{cursor:help;border-bottom:1px dotted var(--accentCyan);padding-bottom:.35rem}
.demo-page>section{border-bottom:1px solid var(--border);padding-block:clamp(5rem,9vw,9rem)}.demo-hero{flex-direction:column;justify-content:center;min-height:calc(100svh - 82px);display:flex}.demo-hero h1{letter-spacing:-.065em;margin:.8rem 0 2rem;font-size:clamp(4rem,11vw,8rem);line-height:.86}.demo-hero h1 span{color:var(--accentCyan)}.demo-timeline,.demo-responsibilities,.demo-result{grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);display:grid}.demo-timeline h2,.demo-responsibilities h2,.demo-result h2,.technical-playground h2{margin:.5rem 0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.demo-timeline>div p,.demo-timeline li p,.responsibility-grid p,.demo-result p,.technical-playground>p{color:var(--textSecondary)}.demo-timeline ol{margin:0;padding:0;list-style:none}.demo-timeline li{border-bottom:1px solid var(--border);grid-template-columns:2.5rem 1fr;column-gap:1rem;padding:1.2rem 0;display:grid}.demo-timeline li>span{color:var(--accentCyan);grid-row:1/4}.demo-timeline li small{color:var(--accentAmber);text-transform:uppercase;letter-spacing:.1em}.demo-timeline h3,.demo-timeline p{margin:.2rem 0}.responsibility-grid{gap:1rem;display:grid}.responsibility-grid article{border:1px solid var(--border);background:var(--surface);padding:1.4rem}.responsibility-grid strong{color:var(--accentCyan)}.demo-result aside{border:1px solid var(--accentAmber);background:var(--surface);padding:2rem}.demo-result aside strong{color:var(--accentAmber)}.technical-playground>.playground{margin-top:3rem}@media (max-width:760px){.demo-timeline,.demo-responsibilities,.demo-result{grid-template-columns:1fr}.demo-hero{min-height:70svh}}
.demo-distractions{grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);display:grid}.demo-distractions h2{margin:.5rem 0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.demo-distractions p{color:var(--textSecondary);line-height:1.7}.demo-distractions strong{color:var(--textPrimary)}.demo-distractions aside{border:1px solid var(--accentAmber);background:var(--surface);margin-top:2rem;padding:1.4rem}.demo-distractions aside>strong{color:var(--accentAmber)}@media (max-width:760px){.demo-distractions{grid-template-columns:1fr}}
.demo-question{border-left:2px solid var(--accentAmber);max-width:58rem;color:var(--textPrimary);padding:1.2rem 1.4rem;font-size:clamp(1.05rem,2vw,1.35rem)}.time-distinction{border:1px solid var(--border);background:var(--surface);max-width:58rem;margin:0 0 1rem;padding:1rem 1.25rem}.time-distinction strong{color:var(--accentCyan)}.time-distinction p{color:var(--textSecondary);margin:.45rem 0 0}.memory-control{grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);display:grid}.memory-control h2{margin:.5rem 0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.control-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.control-grid article{border:1px solid var(--border);background:var(--surface);padding:1.5rem}.control-grid small{letter-spacing:.08em;text-transform:uppercase}.control-grid p{color:var(--textSecondary)}.with-memory{border-color:#60d394!important}.with-memory small{color:#60d394}.without-memory{border-color:#ff7477!important}.without-memory small{color:#ff7477}@media (max-width:760px){.memory-control,.control-grid{grid-template-columns:1fr}}.character-roles{grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);display:grid}.character-roles h2{margin:.5rem 0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.character-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.character-grid article{border:1px solid var(--border);background:var(--surface);padding:1.25rem}.character-grid strong{color:var(--accentCyan)}.character-grid p{color:var(--textSecondary)}@media (max-width:760px){.character-roles,.character-grid{grid-template-columns:1fr}}
