*{box-sizing:border-box}body{margin:0;background:#070e1d;color:#f7f6f2;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,select,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #e5b65c;background:linear-gradient(#f8d995,#b8842e);color:#24190a;border-radius:10px;padding:11px 14px;font-weight:800}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5}a{color:#f3ca7c}.layout{display:flex;gap:24px;justify-content:center;align-items:flex-start;padding:20px;flex-wrap:wrap}.panel{background:#17253b;border:1px solid #384e6e;border-radius:15px;padding:20px;width:380px;max-width:96vw;box-shadow:0 12px 45px #0008}.panel h1{font-size:23px;color:#f5d38d}.panel h2{font-size:18px;color:#f5d38d}.panel p{line-height:1.5;color:#d1dbea}.panel .buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.panel input,.panel select,.panel textarea{background:#081527;color:#fff;border:1px solid #57718e;border-radius:7px;padding:10px;max-width:100%}.panel label{display:block;margin:10px 0}.panel input[type=number]{width:75px}.small{font-size:13px}.err{color:#ffacac}.ok{color:#a6f2bf}.stage{width:450px;max-width:95vw;aspect-ratio:9/16;container-type:inline-size;position:relative;overflow:hidden;border:2px solid #b98d40;border-radius:12px;background:radial-gradient(ellipse at 50% 25%,#284c6c 0%,#112b48 38%,#081526 73%,#060d19 100%);box-shadow:0 12px 60px #000a}.stage:before{content:'';position:absolute;inset:0;opacity:.28;background:repeating-linear-gradient(110deg,transparent 0 80px,#c6a05c14 81px 83px,transparent 84px 160px);pointer-events:none}.ornament{position:absolute;top:0;left:0;right:0;height:27%;background:radial-gradient(ellipse at 50% -30%,#e5b66055,transparent 65%);border-bottom:1px solid #c69b4b33}.flag{position:absolute;top:3%;left:7%;color:#e5b660;font-size:6cqw}.brand{position:absolute;top:5%;left:10%;right:10%;text-align:center;font-size:3.6cqw;letter-spacing:.22em;color:#f9d99a;font-weight:800}.title{position:absolute;top:10%;left:2%;right:2%;text-align:center;color:#f4d391;text-shadow:0 3px 3px #000,0 0 22px #b47a2e;font-family:Georgia,serif;font-size:12cqw;font-weight:900;line-height:1.04}.subtitle{position:absolute;top:22%;left:5%;right:5%;text-align:center;color:#f1e6c8;font-size:3.6cqw;letter-spacing:.12em}.number{position:absolute;top:27%;left:27%;right:27%;padding:2% 0;border:1px solid #d4a654;background:#080d19;text-align:center;color:#f9cf7a;border-radius:10px;font-size:4.2cqw;font-weight:900}.question{position:absolute;top:34%;left:6%;right:6%;height:17%;display:grid;place-items:center;text-align:center;padding:4%;border:2px solid #d9a94d;background:linear-gradient(145deg,#08192e,#163958);border-radius:13px;font-size:6cqw;line-height:1.17;font-weight:850;overflow-wrap:anywhere}.answers{position:absolute;top:53%;left:8%;right:8%;height:25%;display:flex;flex-direction:column;gap:2%}.answer{flex:1;border:1px solid #b98a3c;border-radius:9px;background:linear-gradient(90deg,#09192d,#1a3c5c);display:flex;align-items:center;gap:3%;padding:0 3%;font-weight:800;font-size:4.6cqw;overflow-wrap:anywhere}.letter{background:#422a11;border:1px solid #f3c67a;border-radius:7px;color:#ffd887;width:11%;aspect-ratio:1;display:grid;place-items:center;flex:none}.answer.right{background:linear-gradient(90deg,#13633a,#16834a);border-color:#8ceeb7}.answer.dim{opacity:.55}.timer{position:absolute;top:80%;left:40%;width:20%;aspect-ratio:1;border:4px solid #d7a752;border-radius:50%;background:radial-gradient(circle,#251b0d,#090e1a);display:grid;place-items:center;font-size:8cqw;font-weight:900;color:#ffda84;box-shadow:0 0 20px #dca43c70}.explanation{position:absolute;top:88%;left:7%;right:7%;font-size:3.8cqw;text-align:center;background:#0a1d35eb;color:#ffdfab;padding:1.5%;border-radius:8px;min-height:4%;display:none}.footer{position:absolute;bottom:2%;left:7%;right:7%;text-align:center;font-size:4.1cqw;font-weight:900;color:#fbd58a;letter-spacing:.02em}.category-pill{position:absolute;top:18%;left:27%;right:27%;font-size:3.4cqw;text-align:center;color:#fff;letter-spacing:.15em}.login{margin:15vh auto;max-width:410px}body.broadcast{background:#000;overflow:hidden}body.broadcast .layout{padding:0}body.broadcast .stage{width:min(100vw,56.25vh);height:min(100vh,177.7778vw);max-width:none;border:0;border-radius:0}body.broadcast .panel{display:none}textarea{width:100%;min-height:150px}.factory{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:center;padding:24px}.factory canvas{width:min(360px,90vw);height:auto;border:2px solid #bd944c;border-radius:10px}.factory .panel{width:400px}nav{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 18px}nav a{padding:8px;background:#0b1930;border-radius:8px}

.presenter-notes{background:#0b1c31;border:2px solid #e5b65c;border-radius:12px;padding:14px;margin:16px 0;box-shadow:0 0 16px #0008}.presenter-notes h2{font-size:16px;margin:0 0 12px}.presenter-notes #privateCorrect{color:#9df2bd;font-size:18px;font-weight:800;margin-bottom:10px}.presenter-notes #privateExplanation{font-size:16px;line-height:1.55;color:#fff5dd;white-space:pre-wrap}body.broadcast .presenter-notes{display:none!important}