:root{color-scheme:light;--ink:#14213d;--muted:#52606d;--paper:#fbfcfd;--surface:#ffffff;--line:#d9e2ec;--primary:#0f766e;--primary-dark:#115e59;--accent:#f59e0b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:24px}.sidebar h1{font-size:20px;margin:0 0 24px}.nav{display:grid;grid-gap:8px;gap:8px}.nav a{border-radius:8px;color:var(--muted);padding:10px 12px}.nav a:hover{background:#e6fffb;color:var(--primary-dark)}.main{padding:32px}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.eyebrow{color:var(--primary-dark);font-size:13px;font-weight:700;margin:0 0 8px}.muted{color:var(--muted)}@media (max-width:800px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0}}.section-card{margin-top:16px}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#eef7f5;border:1px solid #b7ded8;border-radius:999px;color:var(--primary-dark);font-size:13px;font-weight:700;padding:8px 10px}.content-list{display:grid;grid-gap:12px;gap:12px}.content-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding-top:12px}.content-row:first-child{border-top:0;padding-top:0}.content-row h3{font-size:16px;margin:0 0 4px}.content-row p{margin:0}.content-row a{border:1px solid var(--primary);border-radius:8px;color:var(--primary-dark);font-size:14px;font-weight:700;padding:8px 12px;white-space:nowrap}.public-app{margin:0 auto;max-width:1180px;padding:32px 20px 56px}.public-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.public-header h1{font-size:clamp(34px,6vw,64px);letter-spacing:0;line-height:1;margin:8px 0 12px;max-width:820px}.public-lede{color:var(--muted);font-size:18px;line-height:1.55;margin:0;max-width:680px}.admin-link,.article-card a,.login-form button,.logout-button,.public-band a{background:var(--primary);border:0;border-radius:8px;color:var(--surface);cursor:pointer;display:inline-flex;font:inherit;font-weight:700;padding:11px 14px;white-space:nowrap}.public-section{margin-top:24px}.public-band h2,.section-heading h2{font-size:28px;margin:0 0 12px}.category-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.category-strip span{background:#eef7f5;border:1px solid #b7ded8;border-radius:999px;color:var(--primary-dark);font-size:13px;font-weight:700;padding:8px 10px}.article-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.article-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;overflow:hidden;padding:16px}.article-card img{aspect-ratio:16/9;border-radius:8px;height:auto;object-fit:cover;width:100%}.article-card h3{font-size:20px;line-height:1.25;margin:0}.article-card p{margin:0}.article-card a{align-self:end;justify-self:start}.public-band{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:32px}.login-card,.public-band article{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.public-band p{color:var(--muted);line-height:1.55}.login-page{display:grid;min-height:100vh;padding:24px;place-items:center}.login-card{max-width:420px;width:100%}.login-card h1{font-size:32px;margin:6px 0 8px}.login-form{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.login-form label{color:var(--ink);display:grid;font-weight:700;grid-gap:8px;gap:8px}.login-form input{border:1px solid var(--line);border-radius:8px;font:inherit;min-height:44px;padding:10px 12px}.form-error{color:#b91c1c;font-weight:700;margin:0}.admin-user{color:var(--muted);font-size:13px;margin:-14px 0 20px}.logout-button{margin-top:20px;width:100%}@media (max-width:700px){.public-header{display:grid}}.header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.admin-link.secondary{background:var(--ink)}.public-nav{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:20px}.public-nav a{color:var(--primary-dark);font-weight:800}.public-header.compact h1{max-width:760px}.play-grid{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) 340px}.play-main h1{font-size:32px;line-height:1.05;margin:6px 0 10px}.game-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.game-meta span{background:#f8fafc;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;font-weight:700;padding:8px 10px}.question-list{display:grid;grid-gap:16px;gap:16px;margin-top:24px}.question-card{min-width:0;border:0;padding:16px 0}.question-card legend{font-weight:700;font-size:18px}.quiz-timer{font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quiz-leaderboard{margin-top:24px}.leaderboard-scroll{max-width:100%;overflow-x:auto}.quiz-leaderboard table{width:100%;border-collapse:collapse;font-size:14px}.quiz-leaderboard td,.quiz-leaderboard th{text-align:left;padding:12px 6px;border-bottom:1px solid var(--line)}.quiz-leaderboard td:nth-child(2){overflow-wrap:anywhere}.quiz-leaderboard td:last-child{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.play-main,.play-side{min-width:0}.question-card{border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;padding-top:16px}.play-side h2,.question-card h2{font-size:20px;line-height:1.3;margin:0}.option-list{display:grid;grid-gap:8px;gap:8px}.option-button{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;font:inherit;line-height:1.35;min-height:48px;padding:12px 14px;text-align:left}.option-button.selected,.option-button:hover{background:#eef7f5;border-color:var(--primary);color:var(--primary-dark)}.play-side{position:sticky;top:18px}.attempt-box,.member-box,.result-box{border-top:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;margin-top:16px;padding-top:16px}.submit-game{background:var(--primary);border:0;border-radius:8px;color:var(--surface);cursor:pointer;font:inherit;font-weight:800;min-height:46px;padding:12px 14px}.login-form button:disabled,.submit-game:disabled{cursor:not-allowed;opacity:.55}.result-box{background:#ecfdf5;border:1px solid #b7ded8;border-radius:8px;padding:14px}.result-box p{color:var(--muted);margin:0}@media (max-width:900px){.play-grid{grid-template-columns:1fr}.play-side{position:static}}