/* Reference: official Seen Jeem tablet game screenshot. Six cards in two rows,
   each with a central illustration and three point choices on either side. */
.sprite-art{display:block;width:100%;aspect-ratio:1;background-image:url('/assets/category-sprite.png');background-size:200% 200%;background-repeat:no-repeat}.sprite-science{background-position:0 0}.sprite-space{background-position:100% 0}.sprite-math{background-position:0 100%}.sprite-nature{background-position:100% 100%}
:root{--cream:#faf7ee;--paper:#fffdfa;--blue:#47658f;--deep:#2e466c;--mid:#647fa5;--pale:#f0f1f3;--muted:#566477}
.hero{background:linear-gradient(105deg,#324f7a,#708db5)}
.playing{background:#fffdfa}.game-nav{min-height:66px;background:linear-gradient(100deg,#3b5b89,#7692b9);color:#fffdfa;display:flex;align-items:center;gap:23px;padding:9px 28px}.game-nav .brand{font-size:21px}.game-nav h1{font-size:20px;font-weight:700;margin:0;flex:1;text-align:center}.game-nav nav{display:flex;align-items:center;gap:20px;order:-1;flex:1}.game-nav nav a,.game-nav nav button{font-size:14px;color:inherit;background:none;padding:0;white-space:nowrap}.game-nav .brand{order:4}.turn-pill{border:1px solid #ffffffa6;padding:4px 17px;border-radius:24px;font-size:14px;white-space:nowrap}.game-wrap.game-board{padding:22px 30px 0;background:#fffdfa;min-height:calc(100dvh - 66px);display:flex;flex-direction:column}.board{width:100%;max-width:1440px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:20px 30px;margin:auto;flex:1}.board-category{display:grid;grid-template-columns:minmax(45px,1fr) minmax(75px,1.5fr) minmax(45px,1fr);height:clamp(150px,31dvh,285px);min-width:0}.point-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:6px}.points{padding:0;border:0;background:#e7e7e5;color:#365780;font-size:clamp(18px,2vw,28px);font-weight:700;border-radius:0;transition:background .16s}.points.left{border-radius:60px 0 0 60px}.points.right{border-radius:0 60px 60px 0}.points:hover{background:#cbd8e9;color:#203b64}.points:disabled{background:#f2f0eb;color:#c3c1bc;opacity:1}.board-card{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#cfe1ef}.board-art{min-height:0;flex:1;overflow:hidden;display:grid;place-items:center}.board-art img{width:100%;height:100%;object-fit:cover}.board-art>svg{width:65%;height:65%;color:var(--blue)}.board-card h2{font-size:clamp(12px,1.2vw,17px);font-weight:800;background:#526f99;color:#fffdfa;text-align:center;line-height:1.25;margin:0;padding:9px 4px;min-height:37px;display:flex;align-items:center;justify-content:center}.board-status{max-width:1440px;width:100%;margin:12px auto 9px;display:flex;justify-content:space-between;gap:12px;color:#6a7482;font-size:12px}.game-board .scoreboard{width:calc(100% + 60px);max-width:none;margin:0 -30px;background:#efefed;gap:80px;padding:14px max(30px,10vw);grid-template-columns:1fr 1fr}.score-team{border:0;background:transparent;border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;gap:20px}.score-team.turn{border:0}.score-title{display:flex;flex-direction:column;gap:5px;min-width:150px}.score-title h2{font-size:16px;background:#566f92;color:#fffdfa;font-weight:700;border-radius:30px;padding:5px 24px;line-height:1.5;width:100%;text-align:center}.score-team.turn .score-title h2{background:#2f4f7d}.score-counter{display:flex;align-items:center;gap:17px;color:#365780}.score-counter strong{font-size:27px;line-height:1.2;min-width:65px;text-align:center;font-weight:700}.score-counter button{height:21px;width:21px;display:grid;place-items:center;padding:0;border-radius:50%;background:#526f99;color:white;font-size:17px;line-height:1}.score-helps{display:flex;gap:9px;flex-wrap:nowrap;margin:0}.score-helps button{background:transparent;color:#47658f;border:2px solid currentColor;height:36px;width:36px;border-radius:50%;padding:6px;display:grid;place-items:center;flex:none}.score-helps button span{display:none}.score-helps button svg{display:block;width:21px;height:21px}.score-helps button.used{color:#a5a5a2;opacity:.5}.score-helps button:disabled{opacity:.38}.category-art{height:180px}.category-art img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.category-art:before{display:none}.category-name{background:#526f99}.game-wrap:not(.game-board){background:#fffdfa;min-height:calc(100dvh - 66px);padding:25px 30px}.question-wrap{max-width:1450px;display:grid;grid-template-columns:minmax(0,1fr) 190px;column-gap:25px}.question-meta{grid-column:1;margin:0 0 14px}.question-card{grid-column:1;border:3px solid #6b88b0;border-radius:28px;box-shadow:none;background:#fffdfa;min-height:380px}.question-card h1{font-size:clamp(23px,3vw,39px);font-weight:700}.question-notice,.question-actions,.award{grid-column:1}.question-wrap>.scoreboard{grid-column:2;grid-row:1/6;display:flex;flex-direction:column;justify-content:center;gap:35px;margin:0}.question-wrap .score-team{display:flex;flex-direction:column;gap:14px}.question-wrap .score-title{min-width:0;width:100%}.question-wrap .score-title h2{padding:5px 10px}.question-wrap .score-counter{gap:12px}.question-wrap .score-counter strong{font-size:31px}.timer{background:#304665;color:white;border:0;font-weight:600}.question-meta>.button{padding:7px 16px}.question-wrap .question-actions{justify-content:flex-start}.question-wrap .award{background:#f5f3ee}.question-wrap .question-card .answer{color:#3a5b87}.category-art{background:#cfe1ef!important}
@media(min-width:1100px) and (max-height:780px){.board-category{height:clamp(150px,31dvh,240px)}.game-wrap.game-board{padding-top:16px}.board{gap:14px 28px}.game-board .scoreboard{padding-top:10px;padding-bottom:10px}}
@media(max-width:900px){.game-nav{gap:12px;padding:10px 15px}.game-nav nav{gap:10px}.game-nav nav a,.game-nav nav button{font-size:12px}.game-nav h1{font-size:17px}.turn-pill{font-size:12px;padding:4px 10px}.game-nav .brand{font-size:17px}.game-wrap.game-board{padding:17px 14px 0}.board{gap:15px 14px}.board-category{grid-template-columns:minmax(30px,1fr) minmax(55px,1.6fr) minmax(30px,1fr);height:clamp(155px,29dvh,235px)}.game-board .scoreboard{width:calc(100% + 28px);margin:0 -14px;padding:15px 20px;gap:25px}.score-team{gap:10px}.score-title{min-width:120px}.score-title h2{font-size:14px;padding:5px 12px}.score-helps{gap:5px}.score-helps button{height:30px;width:30px;padding:4px}.score-counter{gap:10px}.question-wrap{grid-template-columns:minmax(0,1fr) 145px;gap:15px}.question-card{padding:25px;min-height:330px}.game-wrap:not(.game-board){padding:20px 15px}}
@media(max-width:600px){.game-nav{min-height:87px;display:grid;grid-template-columns:1fr auto auto;gap:5px 12px;padding:9px 12px}.game-nav .brand{grid-column:3;grid-row:1/3;font-size:17px}.game-nav h1{grid-column:1;grid-row:1;text-align:left;font-size:15px}.game-nav nav{grid-column:1;grid-row:2;gap:13px}.turn-pill{grid-column:2;grid-row:1/3;max-width:105px;text-overflow:ellipsis;overflow:hidden;font-size:11px}.game-nav nav a,.game-nav nav button{font-size:11px}.game-wrap.game-board{padding:12px 10px 0;min-height:calc(100dvh - 87px)}.board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:13px 14px;max-width:520px}.board-category{height:clamp(140px,22dvh,190px);grid-template-columns:minmax(29px,1fr) minmax(61px,1.65fr) minmax(29px,1fr)}.points{font-size:16px}.point-stack{gap:4px}.board-card h2{font-size:11px;padding:6px 2px;min-height:34px}.board-status{font-size:10px;margin:10px auto}.game-board .scoreboard{width:calc(100% + 20px);margin:0 -10px;padding:12px 12px;gap:22px}.score-team{flex-direction:column;gap:9px}.score-title{min-width:0;width:100%}.score-title h2{font-size:13px;white-space:normal;padding:4px 8px}.score-counter strong{font-size:23px;min-width:55px}.score-counter{gap:11px}.score-helps{justify-content:center}.score-helps button{height:30px;width:30px}.score-helps button svg{display:block;width:18px;height:18px}.category-art{height:155px}.question-wrap{display:flex;flex-direction:column}.question-wrap>.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#efefed;padding:15px 12px;margin:8px -15px -20px}.question-meta{font-size:12px;gap:6px}.question-meta>.button{font-size:11px;padding:5px 10px}.question-meta .timer{min-width:75px;font-size:13px}.question-card{min-height:300px;border-width:2px;padding:24px 18px}.question-card h1{font-size:24px}.question-actions{margin:5px 0}.question-notice{font-size:13px;margin:0}.question-wrap .score-team{gap:10px}.question-wrap .score-counter strong{font-size:25px}.question-wrap .score-title h2{font-size:13px}}
@media(max-width:900px) and (orientation:landscape){.game-nav{min-height:45px;padding-block:5px}.game-wrap.game-board{min-height:calc(100dvh - 45px);padding-top:10px}.board{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:10px 15px}.board-category{height:clamp(120px,34dvh,190px)}.game-board .scoreboard{padding-block:8px}.score-title h2{font-size:12px}.score-counter strong{font-size:20px}.score-helps button{width:27px;height:27px}}

.group-title{background:#526f99}.game-nav{background:linear-gradient(100deg,#3b5b89,#526f99)}.board-status:focus,.question-notice:focus{outline:none}