:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#f6f7ff;background:#080e24}*{box-sizing:border-box}body{margin:0}header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #263d72;background:#101b3b}header .brand{font-weight:900;color:#f7d384;text-decoration:none;letter-spacing:.8px}#connection{font-size:.75rem;color:#88d6af}main{max-width:1050px;margin:0 auto;padding:28px 16px}.hidden{display:none!important}.panel{background:#13244d;border:1px solid #345394;box-shadow:0 15px 50px #05091466;border-radius:20px;padding:26px;margin-bottom:20px}.compact{padding:20px}h1{font-size:clamp(1.7rem,5vw,2.6rem)}h2{margin:0 0 13px}h3{margin:24px 0 12px}p{color:#c4d2f3;line-height:1.55}.choices,.field,.action-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.choices{margin-top:25px}button,.file-upload{border:0;border-radius:10px;background:#f3c65f;color:#152143;font-weight:800;padding:13px 18px;font-size:1rem;cursor:pointer;text-align:center}button:hover,.file-upload:hover{filter:brightness(1.12)}button:disabled{opacity:.4;cursor:not-allowed}.secondary,.file-upload{background:#2b4275;color:white}.danger{background:#ba3d52;color:white}.tiny{font-size:.8rem;padding:8px 10px}label{display:block;color:#dfe7fa;font-size:.92rem}input:not([type=checkbox]):not([type=file]),textarea,select{display:block;width:100%;background:#091735;color:white;border:1px solid #4966a6;border-radius:10px;padding:12px;font:inherit;margin-top:6px}textarea{resize:vertical}.field>*{flex:1;min-width:150px}.field>button{flex:0 0 auto}.check{display:flex;gap:10px;align-items:center;margin:20px 0}.category-item{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid #37548b;padding:12px;margin:10px 0;border-radius:10px}.category-item progress{grid-column:2/4;width:100%}progress{width:100%;height:12px;accent-color:#efc66a}.category-item span,.hint,small{color:#abbede;font-size:.8rem}.overline{font-size:.75rem;letter-spacing:2px;color:#e8bf5f}.headline{display:flex;justify-content:space-between;align-items:start;gap:15px}.headline span{white-space:nowrap;color:#e8bf5f}.answer-list{display:grid;gap:8px}.answer-control{display:flex;gap:10px;align-items:center;justify-content:space-between;text-align:left;background:#2b457f;color:#fff}.answer-control span{flex:1}.answer-control strong{white-space:nowrap}.answer-control.shown{background:#226656}.scoreline{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.scoreline>div{text-align:center;background:#0b1838;border-radius:12px;padding:12px}.scoreline strong{display:block;font-size:2rem;color:#f0cc70;margin:6px}.scoreline input{text-align:center}.scoreline button{margin:3px}.metrics{display:flex;justify-content:space-around;gap:10px;flex-wrap:wrap;background:#0a1531;padding:13px;border-radius:10px;margin-bottom:15px}.metrics strong{color:#f5c86b}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid button{min-height:57px}.stat-card,.question-card{border:1px solid #344d83;border-radius:12px;padding:15px;margin:12px 0}.stat-head,.stat-foot,.question-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-head span,.stat-foot span{font-size:.85rem;color:#b8c8eb}.stat-card progress{margin:12px 0}.question-card small{display:block;margin-top:6px}.history{max-height:240px;overflow:auto}.history p{border-bottom:1px solid #344d83;padding:5px 0;font-size:.8rem}.answer-edit{display:flex;gap:8px;align-items:end;margin:9px 0}.answer-edit .answerText{flex:1}.answer-edit .answerPoints{max-width:85px}#editPrompt{margin-bottom:12px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#f2bf58;color:#142041;padding:12px 20px;border-radius:10px;box-shadow:0 4px 20px #0008;opacity:0;pointer-events:none;transition:.2s;z-index:40;font-weight:700}#toast.visible{opacity:1}#display{max-width:none}body:has(#display:not(.hidden)) main{max-width:100%;padding:9px}.display-board{width:100%;min-height:min(85vh,900px);background:radial-gradient(ellipse at 50% 20%,#2956b1 0,#0b2058 55%,#070e2c 100%);border:9px solid #dbad47;border-radius:23px;box-shadow:inset 0 0 0 4px #fff3a5,0 10px 40px #0008;padding:clamp(12px,3vw,35px);display:flex;flex-direction:column;gap:15px}.topline{display:flex;justify-content:space-between;gap:5px;font-size:clamp(.6rem,1.5vw,1.1rem);color:#f5cf77;font-weight:800;letter-spacing:2px}.display-board h1{text-align:center;background:#0e2361cc;border:2px solid #7599e1;border-radius:16px;padding:clamp(14px,3vh,32px);font-size:clamp(1.1rem,3.3vw,3rem);margin:10px 0;color:#fff}.tv-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,1.5vw,16px);flex:1}.tv-answer{display:flex;align-items:center;gap:10px;background:linear-gradient(130deg,#122356,#244083);border:2px solid #688edb;border-radius:11px;padding:clamp(5px,1.3vw,15px);min-height:55px;min-width:0}.tv-answer.opened{background:linear-gradient(120deg,#1c559e,#3778ce)}.number{background:#f1c264;color:#1b2a51;font-weight:900;border-radius:7px;min-width:clamp(20px,3vw,40px);text-align:center;padding:6px}.answer-text{flex:1;min-width:0;text-align:center;overflow-wrap:anywhere;font-weight:900;font-size:clamp(.6rem,1.7vw,1.5rem);letter-spacing:.5px}.points{font-weight:900;color:#ffe7a1;font-size:clamp(.85rem,2vw,1.7rem)}.tv-bottom{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;margin-top:10px}.tv-team,.center-meter{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#152f71aa;border:2px solid #678cd6;border-radius:12px;padding:10px;gap:4px}.tv-team span{font-size:clamp(.65rem,1.5vw,1.4rem)}.tv-team strong{font-size:clamp(2rem,5vw,4.5rem);color:#ffdf80}.center-meter span{color:#f65d69;font-size:clamp(1.5rem,4vw,4rem);font-weight:900;min-height:1.2em}.center-meter div{font-size:clamp(.6rem,1.5vw,1.3rem);color:#f2d288}.tv-status{color:#fff1bc;font-weight:900;text-align:center;font-size:clamp(1rem,2vw,1.5rem)}.display-tools{display:flex;justify-content:center;gap:10px;margin:15px}body:fullscreen header{display:none}body:fullscreen main{padding:0}.display-tools:has(:fullscreen){display:none}@media(max-width:600px){.panel{padding:16px}.action-grid{grid-template-columns:1fr 1fr}.action-grid button{font-size:.8rem;padding:9px}.answer-control small{display:none}.tv-answers{grid-template-columns:1fr}.display-board{border-width:5px;min-height:90vh}.tv-answer{min-height:34px}.tv-bottom{gap:5px}}
