.trivia-template-modal{width:min(96vw,820px);max-height:92dvh;padding:20px;overflow:auto}
.trivia-template-modal #template-form{overflow:visible;min-height:0}
.trivia-template-tools{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.trivia-template-tools button{width:auto;margin:0;min-height:40px;padding:10px 14px;font-size:13px}
.trivia-template-tools button[aria-pressed=true]{background:#315f52;color:#fff}
.trivia-template-modal .check input{width:auto}
.trivia-template-modal .fine-print{line-height:1.4}
.trivia-template-modal .tpl-scroll{max-height:42dvh;min-height:80px}
.trivia-template-modal [hidden]{display:none!important}
#tpl-import{padding:14px;border:1px solid #b6c7bc;border-radius:14px;background:#f1f4f0}
#tpl-import textarea{min-height:130px;max-height:230px;font:14px/1.4 system-ui,sans-serif}
.trivia-import-defaults{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}
.trivia-import-preview{max-height:30dvh;overflow:auto;padding-left:24px}
.trivia-import-preview li{margin-bottom:16px}.trivia-import-preview p{margin:5px 0;font-size:13px}
.trivia-import-errors{color:#8f3524;font-weight:700}
.game-template-row{flex-wrap:wrap;gap:8px}.game-template-row>span{flex:1 1 100%}
.game-template-row button{width:auto;margin:0;padding:8px 12px;font-size:12px;min-height:36px}
@media(max-width:600px){.trivia-template-modal{padding:16px}.trivia-import-defaults{grid-template-columns:1fr 1fr}.trivia-import-defaults label:last-child{grid-column:1 / -1}.trivia-template-tools button{flex:1 1 auto}.trivia-template-modal .modal-actions{flex-wrap:wrap}}