@import url('/admin/style.css');
:root{font-family:system-ui,sans-serif;color:#172828;background:#f6f3eb}body{margin:0;background:#f6f3eb}header{background:#172828;color:#fff;display:flex;gap:24px;align-items:center;padding:20px 5%;flex-wrap:wrap}header a{color:inherit}header nav{margin-left:auto;display:flex;gap:10px;align-items:center}.brand{font-family:Georgia,serif;font-size:36px;text-decoration:none;font-weight:bold}.brand span{color:#e9ba72;margin-left:10px}header>span{font-size:11px;letter-spacing:.18em}main{max-width:1280px;margin:auto;padding:24px}.hero{padding:26px 0 38px}.hero h1{font:clamp(32px,5vw,60px)/1.13 Georgia,serif;margin:14px 0}.hero em{color:#775015;font-weight:normal}.hero p{line-height:1.7}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;color:#69512e}.badge{background:#e9e0cd;color:#443a29;border-radius:20px;padding:8px 14px;font-size:12px}.card{background:#fffdf8;border:1px solid #ddd6c8;border-radius:16px;padding:22px}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;margin-top:24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.arena-choice{padding:20px;text-align:left;border:1px solid #c9c0af;border-radius:12px;background:#fffdf8;min-height:125px}.arena-choice strong{display:block;font:25px Georgia,serif;margin-bottom:10px}.arena-choice small{display:block;line-height:1.5}.arena-choice[aria-pressed=true]{outline:3px solid #876027}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}button{cursor:pointer;min-height:44px;border:1px solid #b2b8b3;border-radius:9px;padding:10px 15px;background:#fffdf8;color:#172828}button:disabled{opacity:.5;cursor:default}.primary{background:#234c43;color:white;border-color:#234c43}label{display:block;margin:14px 0;font-weight:600}input,textarea,select{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #b3b6ae;border-radius:7px;font:inherit;background:#fff;color:#172828;margin-top:7px}textarea{resize:vertical}#roster{display:grid;gap:8px;margin:15px 0}.person{display:flex;align-items:center;gap:12px;text-align:left}.person img{width:42px;height:50px;object-fit:contain}.person[aria-pressed=true]{border:2px solid #31705c}.person small{display:block}.message{padding:17px 0;border-bottom:1px solid #e5dfd3;line-height:1.6}.message.user{border-left:3px solid #be954c;padding-left:14px}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.message small,.muted{font-size:13px;color:#5d665f}.message button{margin:5px;font-size:12px}.message details{font-size:13px}#messages{max-height:650px;overflow:auto;scrollbar-gutter:stable}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}#scene{border-radius:12px;background:#e9e0cd;padding:22px;margin:20px 0}#cast{display:flex;justify-content:space-around;gap:10px}#cast figure{margin:0;text-align:center}#cast img{height:150px;max-width:100%;object-fit:contain}blockquote{font:20px/1.5 Georgia,serif;margin:20px 0 0}body[data-theme=ocean] #scene{background:#dbe8e8}body[data-theme=plum] #scene{background:#eadfe9}#error{color:#9b2424}footer{margin:40px 0;color:#58645b;font-size:13px}dialog{max-width:700px;width:85%;border:1px solid #b7b4a9;border-radius:12px}#saved-list{display:grid;gap:8px;margin-top:20px}:focus-visible{outline:3px solid #9c651b;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){main{padding:16px}.layout{grid-template-columns:1fr}header{padding:16px;gap:12px}header>span{display:none}.hero{padding-top:8px}.card{padding:16px}#cast img{height:105px}.section-title{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

body.in-debate .hero,body.in-debate #arenas,body.in-debate #workspace>.section-title{display:none}body.in-debate .layout{margin-top:0}@media(max-width:800px){body.in-debate #setup{display:none}}

/* The scene and chat share one journal; only their presentation changes. */
body.in-debate .hero{display:none}body.in-debate .layout{grid-template-columns:240px minmax(0,1fr)}
#scene{position:relative;isolation:isolate;overflow:hidden;min-height:360px;padding:30px 24px;background:linear-gradient(#17282855,#172828bb),url('/arena-v2.png') center/cover!important;display:flex;flex-direction:column;justify-content:flex-end}
#cast{align-items:flex-end;min-height:230px}#cast figure{flex:1;min-width:0;transition:transform .25s,filter .25s;filter:brightness(.8)}#cast figure.is-active{filter:brightness(1.12);transform:translateY(-8px)}#cast img{height:clamp(150px,23vw,250px);filter:drop-shadow(0 6px 8px #0009)}#cast figcaption{background:#122b26ed;color:#fff;border:1px solid #b1c6b6;padding:8px 12px;border-radius:20px;font-size:14px;display:inline-block}#cast figure.is-speaking figcaption{background:#f5d48d;color:#172828;box-shadow:0 0 0 3px #fff9}#cast figure.is-speaking figcaption::before{content:'♫ ';}
#bubble{padding:20px;border-radius:16px;background:#fffdf5f5;color:#172828;font:18px/1.6 Georgia,serif;box-shadow:0 6px 22px #0004;overflow-wrap:anywhere}#voice-status{min-height:20px;color:#37594b}.voice-dialog{max-height:85vh;overflow:auto}.voice-card{padding:16px 0;border-bottom:1px solid #ccc}.voice-card input[type=range]{padding:0}
@media(max-width:800px){body.in-debate .layout{grid-template-columns:1fr}body.in-debate #setup{display:none}#scene{padding:14px 10px;min-height:320px}#cast{gap:6px;min-height:180px}#cast img{height:165px}#cast figcaption{font-size:12px;padding:6px}#bubble{font-size:17px;padding:15px}}
@media(prefers-reduced-motion:reduce){#cast figure{transition:none;transform:none!important}}
#cast img{display:block;margin:0 auto}#cast figcaption{margin-top:8px}