body{background:var(--paper)}a{color:#236052}button,a,input{touch-action:manipulation}a.primary{display:inline-block;text-decoration:none}p{line-height:1.7}.mission-state{font-size:14px;color:#386b58}.lock{opacity:.65}.selected{outline:2px solid #348e80;background:#e9f4ed}.muted{color:#66746e}.flex{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.code{font-size:40px;letter-spacing:.2em;font-weight:800}.answer{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f8f3;padding:14px;border-radius:12px;line-height:1.8}.banner{position:sticky;top:0;z-index:20;background:#dcf477;color:#17283a;padding:10px 16px;box-shadow:0 2px 8px #0002}.banner button{margin-left:8px;min-height:40px}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:92vw;background:#17283a;color:white;border-radius:12px;padding:12px 20px;z-index:60;display:none}.board-canvas{width:100%;height:auto;aspect-ratio:4/3;background:#fff;border:1px solid #b9cec1;border-radius:12px;touch-action:none}.navline{position:sticky;top:0;background:#fafaf5ed;padding:10px;z-index:10;display:flex;justify-content:space-between;gap:8px;align-items:center}.graph{width:100%;max-height:280px}.group-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:13px}.group-progress span{background:#f0f5ee;border-radius:8px;padding:8px}.group-progress .active{background:#d9eee7}.question-set{padding:15px 0;border-bottom:1px solid var(--line)}.question-set:last-child{border:0}.shared-card{font-size:26px;min-height:180px}.teacher-answer{background:white;border:1px solid var(--line);border-radius:14px;padding:15px}.teacher-answer canvas{width:100%;background:#fff}.public-display{font-size:24px}.public-display h2{font-size:38px}.row-label{font-size:14px}.tag{background:#e6efe6;border-radius:6px;padding:4px 8px;font-size:13px}details{margin:12px 0}summary{cursor:pointer;padding:8px}#live-content{min-height:220px}.danger{color:#9d3636;border-color:#e3baba}.notice:empty{display:none}input[type=checkbox]{display:inline;width:auto;margin-right:8px}.check-label{font-weight:400}.panel h1{font-size:25px}#join-room{max-width:340px}#shared-controls{margin-top:16px}dialog{border:0;border-radius:18px;max-width:94vw;width:760px}dialog::backdrop{background:#10202099}@media(max-width:680px){.columns{grid-template-columns:1fr}.app-inner{padding:0 14px}.hero h1{font-size:28px}.public-display{font-size:18px}.code{font-size:34px}.group-progress{font-size:12px}.group-progress span{padding:7px}.navline{font-size:12px}.board-canvas{aspect-ratio:1/1}.question-set textarea{font-size:17px}}

.board-canvas{aspect-ratio:4/3!important;touch-action:none}.graph-dialog{width:min(96vw,960px);max-width:96vw;border:0;border-radius:18px;padding:20px}.graph-dialog .graph{width:100%;max-height:75vh}.chart-wrap{margin:16px 0}.chart-wrap details{margin:10px 0}.check{display:flex;align-items:center;gap:12px;padding:10px}.check input{width:22px;height:22px;flex:0 0 22px}.evidence{display:block;width:100%;text-align:left;margin:8px 0}.evidence.selected{background:#dcf477}fieldset{border:1px solid #d2ddd5;border-radius:14px;margin:16px 0}#teacher-extras details{margin:12px 0}#teacher-extras select{width:100%}
.content-dialog{width:min(94vw,850px);max-height:90vh;overflow:auto}.content-dialog details{border:1px solid #e4e9e4;padding:8px;border-radius:10px}.content-dialog label{display:block;margin:10px 0}.content-dialog textarea{width:100%}#content-actions{position:sticky;bottom:0;background:#fff;padding:12px 0}