:root{--primary:#5b45d6;--daily:#6fae9b;--daily-dark:#477f70;--bg:#f4f5fb;--card:#fff;--text:#252438;--muted:#6b687d;--border:#dedbe9;--option:#f7f6fb}
:root[data-theme="dark"]{--primary:#9b8cff;--daily:#82c5b1;--daily-dark:#5a9b88;--bg:#171622;--card:#242232;--text:#f4f2ff;--muted:#b7b2c8;--border:#454158;--option:#302e42}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}main{width:min(820px,92%);margin:36px auto}.panel{margin-bottom:18px;padding:24px;border-radius:14px;background:var(--card);box-shadow:0 5px 22px #31266b14}
.header,.game-header,.navigation{display:flex;align-items:center;justify-content:space-between;gap:16px}h1,h2,p{margin-top:0}h1 span{padding:4px 8px;border-radius:999px;background:#ece9ff;color:var(--primary);font-size:12px;vertical-align:middle}.header p{margin-bottom:0;color:var(--muted)}a,button{border:0;border-radius:8px;background:var(--daily);color:#fff;font-weight:bold;text-decoration:none;cursor:pointer}a{padding:11px 16px}.header a{background:var(--primary)}button{padding:13px 18px}button:disabled{opacity:.55}.secondary{background:#dff2ec;color:var(--daily-dark)}
label{display:block;margin:16px 0 7px;font-weight:bold}input{width:100%;margin-bottom:12px;padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:16px}#start-daily{width:100%}.hidden{display:none!important}#message{min-height:22px;color:#b42318}.game-header strong,.game-header span{display:block}.game-header span{margin-top:5px;color:var(--muted)}#timer{font:700 28px monospace}#question-progress{margin:18px 0 10px;font-weight:bold}.question-title{line-height:1.4}.option{display:flex;align-items:center;gap:10px;margin:9px 0;padding:12px;border-radius:8px;background:var(--option);cursor:pointer}.option input{width:auto;margin:0;accent-color:var(--daily)}.navigation{margin-bottom:18px}.navigation button{min-width:125px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid var(--border);text-align:left}#points-summary{color:var(--daily-dark);font-weight:bold}
@media(max-width:650px){.header{align-items:flex-start;flex-direction:column}.game-header{align-items:flex-start}.navigation button{min-width:0;flex:1}}