.trivial{max-width:900px;margin:auto}.trivial-hero{background:#193c63;color:white;border-radius:22px;padding:28px;margin:18px 0}.trivial-hero p{color:#e2edff;line-height:1.7;margin-top:10px}.trivial-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.trivial-card{background:white;border:1px solid #cbd9e8;border-radius:18px;padding:24px;margin-bottom:18px}.trivial-card h3{margin-bottom:14px}.trivial-card p{line-height:1.7;margin:12px 0}.trivial input{border:1px solid #93a9c3;background:#f7faff;padding:13px;border-radius:10px;width:100%;font:inherit;margin:8px 0 14px;min-height:46px}.trivial .btn{margin:6px 8px 6px 0}.trivial-code{font-size:32px;letter-spacing:5px;font-weight:900;display:block;margin:14px 0;overflow-wrap:anywhere}.trivial-stats{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0}.trivial-stats span{background:#e8effa;border-radius:12px;padding:13px}.trivial-stats strong{display:block;font-size:22px;color:#183c70}.trivial-table{width:100%;border-collapse:collapse;font-size:13px}.trivial-table th,.trivial-table td{text-align:left;padding:13px 8px;border-bottom:1px solid #dce4ef;overflow-wrap:anywhere}.trivial-table th{color:#53677e}.trivial-table tr.me{background:#fff0cf}.trivial-table td small{display:block;color:#53677e;margin-top:4px}.trivial-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.trivial-options button{border:2px solid #c6d5e8;background:#f3f7fd;border-radius:14px;padding:18px;text-align:left;font:inherit;min-height:80px;color:#193c63;cursor:pointer}.trivial-options button.selected{border-color:#254f8b;background:#dae7ff}.trivial-options button.correct{border-color:#27814b;background:#dcf5e4;color:#194d2b}.trivial-options button.wrong{border-color:#b74747;background:#ffe6e6}.trivial-options button:disabled{cursor:default;opacity:1}.trivial-timer{display:flex;align-items:center;gap:12px;margin:16px 0;font-weight:800}.trivial-timer progress{width:100%;height:14px;accent-color:#de754b}.trivial-notice{padding:14px 18px;border-radius:12px;background:#fff2d1;line-height:1.6;margin:12px 0}.trivial-category{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#547092}.trivial-question{font-size:24px;line-height:1.4;margin:16px 0}.trivial-error{color:#a22626;line-height:1.6;min-height:1.6em}.trivial a{text-decoration:underline}.trivial details{line-height:1.8;margin:16px 0}.trivial button:focus-visible{outline:3px solid #e18b27;outline-offset:3px}@media(max-width:650px){.trivial-grid,.trivial-options{grid-template-columns:1fr}.trivial-card,.trivial-hero{padding:20px}.trivial-table th,.trivial-table td{padding:11px 5px;font-size:12px}.trivial-question{font-size:21px}.trivial-code{font-size:27px;letter-spacing:3px}.trivial-options button{min-height:66px}}