/* PHP UI compatibility only. Original design is in original-design.css. */
#app{min-height:55vh}#notice:empty{display:none}#notice:not(:empty){white-space:pre-wrap;background:#343724;border:1px solid #7a7346;padding:18px;margin:22px 0;border-radius:7px}#notice.error{background:#3c2925;border-color:#a26958}
.muted,small{color:var(--muted)}a{color:var(--gold)}.card{background:linear-gradient(145deg,#1c2821,#18211c);border:1px solid var(--line);border-radius:9px;padding:28px;margin-bottom:22px}.card.story-card{background:linear-gradient(115deg,#223026,#1a251e);padding:30px 35px}.story-card h2{font-size:2.7rem}
label{display:block;font-size:.77rem;font-weight:600;color:#cbd0be;margin:18px 0}label input,label textarea,label select{margin-top:8px}textarea{min-height:108px}input[type=checkbox]{display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:middle;accent-color:var(--gold)}form>button:not([type=button]){background:var(--gold);color:#182019;border-color:var(--gold)}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}.stack{display:grid;gap:0}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0}.section-head h1,.section-head h2{margin-bottom:10px}.badge{display:inline-flex;padding:6px 10px;border:1px solid #596149;border-radius:20px;font-size:.67rem;color:#c7ceb8}.prose{font:1.6rem/1.5 var(--serif);color:#e4dfcc;white-space:pre-wrap;overflow-wrap:anywhere}.class-code{font-size:1.8rem;letter-spacing:3px;color:var(--gold);overflow-wrap:anywhere}.room-meta strong{overflow-wrap:anywhere}.room-meta{min-width:170px}.compact{max-width:700px;margin:45px auto}.rule{border:0;border-top:1px solid var(--line);margin:28px 0}.editor{min-height:380px;font:1.3rem/1.65 var(--serif)}.comment{padding:14px 0;border-top:1px solid var(--line)}.comment p{white-space:pre-wrap}.banner{padding:18px;background:#343724;border:1px solid #7a7346;border-radius:7px;margin-bottom:22px}.class-card{display:flex;flex-direction:column;gap:14px}.class-card .button{align-self:flex-start}.story-card .row .eyebrow{margin:0}.choice-body{white-space:pre-wrap}.live-controls .vote-count{font-size:5rem}.live-controls .vote-count span{font-size:2.3rem}.round-block{margin-bottom:28px}.round-block .round-header{margin-top:30px}.round-block .round-header h2{font-size:2.15rem}.round-block .choices{margin-bottom:12px}.projector-view{max-width:1600px;margin:auto;padding:45px}.projector-view .site-header,.projector-view .site-footer{display:none}.projector-view .app-shell{max-width:none;padding:0}.projector-view h1{font-size:4.5rem}.projector-view .choice{font-size:1.5rem}.projector-view .room-meta strong{font-size:2rem}.projector-view .room-meta{min-width:220px}.projector-view .project-passage{font:2.5rem/1.4 var(--serif);color:#eee8d9;white-space:pre-wrap}.entry form>button{width:100%}.class-layout>section,.class-layout>aside{min-width:0}.small{font-size:.75rem;padding:8px 12px}
@media(max-width:760px){.two-col{grid-template-columns:1fr}.card{padding:22px}.card.story-card{padding:22px}.room-meta{min-width:120px;max-width:45%}.room-meta>strong{letter-spacing:2px}.section-head{align-items:flex-start;flex-direction:column}.class-layout>aside{display:flex;flex-direction:column}.projector-view{padding:22px}.projector-view h1{font-size:3rem}.projector-view .project-passage{font-size:1.8rem}.projector-view .choice{font-size:1.1rem}.projector-view .room-meta{min-width:120px}.projector-view .room-meta strong{font-size:1.2rem}}

/* Read-only teacher/projector choices retain the original button geometry. */
.choice{display:flex;gap:8px;border-radius:5px}.choice-label{flex:0 0 33px}.projector-view .choice-label{flex-basis:45px;height:45px}