.category-board-host{color:#223337;font-family:system-ui,sans-serif}.cb-shell{max-width:1120px;margin:auto;padding:clamp(16px,3vw,32px);background:#fbf6ed;border-radius:22px;border:1px solid #d6cebf}.cb-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:3px solid #c5ddd8;padding-bottom:18px;margin-bottom:22px}.category-board-host h1{font-size:clamp(28px,4vw,46px);color:#23695f!important;line-height:1.1;margin:6px 0 12px;letter-spacing:-1px}.cb-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.2px;color:#776088}.category-board-host h2{font-size:clamp(21px,2.7vw,30px);line-height:1.4;color:#253e40}.category-board-host h3{color:inherit}.cb-header p{margin:6px 0}.cb-paper{background:#fffefa;border:1px solid #d4d0c5;border-radius:14px;padding:clamp(18px,3vw,32px);box-shadow:0 6px 0 #e7e1d6}.category-board-host button{font:inherit;font-weight:750;line-height:1.3;min-height:44px;border:2px solid #23695f;border-radius:10px;padding:11px 16px;background:#23695f;color:#fff;cursor:pointer;margin:4px 0}.category-board-host button:disabled{cursor:default;opacity:.55}.category-board-host button:focus-visible,.category-board-host input:focus-visible,.category-board-host select:focus-visible,.category-board-host summary:focus-visible{outline:3px solid #c63783;outline-offset:3px}.category-board-host .cb-outline{background:transparent;color:#315a56}.category-board-host label{display:block;font-weight:700;margin:16px 0}.category-board-host input,.category-board-host select{display:block;box-sizing:border-box;width:100%;min-height:46px!important;margin-top:7px;padding:10px;background:white!important;color:#263f40!important;border:2px solid #859f98!important;border-radius:8px;font:inherit;opacity:1!important}.cb-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.cb-settings label:last-child{grid-column:1/-1}.cb-roster{list-style:none;padding:0;max-height:290px;overflow:auto}.cb-roster li{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #deddd4}.cb-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:12px 0}.cb-leaders{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.cb-leaders span{border:1px solid #cdc1d9;background:#f0e9f6;border-radius:20px;padding:7px 12px;font-size:14px}.cb-leaders b{margin-left:8px;color:#644480}.cb-standings{margin:15px 0 20px}.cb-standings summary{cursor:pointer;color:#426b66}.cb-standings ol{max-height:240px;overflow:auto;line-height:1.8}.cb-board-caption h2{margin-bottom:4px}.cb-board-caption p{margin-top:0;color:#506563}.cb-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.cb-column{--card:#d6ece4;--ink:#245e50;padding:10px;border-radius:12px;background:#eae7de;border-top:6px solid var(--ink)}.cb-color-1{--card:#e8ddef;--ink:#694b7f}.cb-color-2{--card:#f8ded6;--ink:#874c3c}.cb-color-3{--card:#dfebec;--ink:#376d76}.cb-color-4{--card:#f2e6cb;--ink:#796033}.cb-column h3{font-size:16px;line-height:1.3;min-height:46px;margin:5px 0 12px;color:var(--ink)!important}.category-board-host .cb-column button{display:block;width:100%;background:var(--card);color:var(--ink);border:1px solid var(--ink);font-size:clamp(21px,3vw,31px);padding:12px 5px;box-shadow:0 3px 0 #00000016}.cb-column button small{display:block;font-size:11px;font-weight:600;margin-top:4px}.category-board-host .cb-column button:disabled{opacity:.7}.cb-column button:disabled:has(small):has(span){background:#e8e5de;border-color:#c3c4b9;color:#737b73;box-shadow:none}.cb-status{padding:12px 16px;border-left:5px solid #8868a2;background:#f1e9f7;border-radius:4px;font-weight:650}.category-board-host .cb-buzz{width:100%;background:#b72f71;border-color:#95205a;color:white;font-size:24px;min-height:64px;margin-bottom:18px}.cb-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.category-board-host .cb-options button{display:flex;gap:12px;align-items:center;text-align:left;background:#fff;color:#243d3c;border-color:#afbdb6;font-weight:500;opacity:1}.cb-options b{color:#785486}.category-board-host .cb-options .cb-correct{background:#e0f3e4;border-color:#46895c}.cb-review{border-top:2px solid #c2d8ca;margin-top:22px;padding-top:12px;line-height:1.6}.cb-results{padding:0;list-style:none;max-height:460px;overflow:auto}.cb-results li{display:flex;justify-content:space-between;gap:20px;padding:12px;border-bottom:1px solid #ddd8cd}.cb-error{background:#fbe2e7;color:#822044;padding:15px;border-radius:10px}.cb-question .cb-strip{font-size:14px}.cb-question h2{font-weight:650}.cb-question [role=timer]{font-size:21px;font-weight:750}@media(max-width:700px){.cb-board{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-column h3{min-height:0}.cb-options,.cb-settings{grid-template-columns:1fr}.cb-header{gap:10px}.cb-header .cb-outline{font-size:13px;padding:9px}.cb-roster li{flex-wrap:wrap}.cb-settings label:last-child{grid-column:auto}.cb-shell{padding:14px}.cb-leaders span{font-size:12px}.cb-options button{min-height:54px}.cb-board-caption h2{font-size:23px}}

/* Owner styling direction: brand navy with TIC TAC RN's cyan, pink and lemon accents. */
.category-board-host{--cb-navy:#172543;--cb-cyan:#33e7ec;--cb-pink:#ee69cc;--cb-lemon:#ffeb8b;color:#fffaf1;font-family:Nunito,system-ui,sans-serif}
.category-board-host .cb-shell{max-width:1320px;padding:18px 22px 22px;background:var(--cb-navy);border:1px solid #455578;border-radius:16px;box-shadow:0 10px 28px #080e2638}
.category-board-host .cb-header{align-items:center;gap:14px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid #496084}
.category-board-host h1{color:var(--cb-cyan)!important;font-size:clamp(25px,3vw,36px);letter-spacing:.2px;margin:3px 0;font-weight:900}
.category-board-host .cb-eyebrow{color:var(--cb-pink);font-size:10px;letter-spacing:1.5px}
.category-board-host .cb-header p:last-child{color:#d3dbed;font-size:13px;margin:3px 0}
.category-board-host .cb-outline{color:var(--cb-cyan);border-color:#57969f;border-radius:6px;padding:8px 12px;font-size:13px}
.category-board-host .cb-strip{font-size:13px;margin:7px 0;gap:10px}
.category-board-host .cb-leaders{gap:8px;margin:8px 0}
.category-board-host .cb-leaders span{border:1px solid #58668a;background:#101c36;color:#e8eaf5;border-radius:5px;padding:6px 10px;font-size:12px}
.category-board-host .cb-leaders b{color:var(--cb-lemon)}
.category-board-host .cb-standings{margin:8px 0 12px;font-size:12px}
.category-board-host .cb-standings summary{color:#a9bfdc}
.category-board-host .cb-board-caption{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:12px 0 10px}
.category-board-host .cb-board-caption h2{font-size:18px;color:#fffaf1;margin:0}
.category-board-host .cb-board-caption p{font-size:12px;color:#c4cee4;margin:0}
.category-board-host .cb-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;background:#0b1429;border:2px solid #3d547d;padding:8px;border-radius:8px}
.category-board-host .cb-column{--ink:var(--cb-cyan);display:grid;grid-template-rows:64px repeat(5,clamp(54px,8vh,78px));gap:7px;padding:0;background:transparent;border:0;border-radius:0}
.category-board-host .cb-color-1{--ink:var(--cb-pink)}
.category-board-host .cb-color-2{--ink:var(--cb-lemon)}
.category-board-host .cb-color-3{--ink:#c6a1ff}
.category-board-host .cb-color-4{--ink:#39d5d2}
.category-board-host .cb-column h3{display:flex;align-items:center;justify-content:center;text-align:center;min-height:0;margin:0;padding:8px;background:#172543;border:1px solid #496085;border-top:3px solid var(--ink);border-radius:3px;color:var(--ink)!important;font-size:clamp(13px,1.6vw,19px);font-weight:900;line-height:1.15;text-transform:uppercase;letter-spacing:.6px}
.category-board-host .cb-column button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;margin:0;padding:4px;width:100%;background:linear-gradient(155deg,#253958,#172543 75%);color:var(--ink);border:1px solid #50678e;border-radius:3px;box-shadow:inset 0 1px #ffffff0c;font-family:Nunito,system-ui,sans-serif;font-size:clamp(28px,3.7vw,46px);font-weight:950;line-height:1;text-shadow:0 2px 0 #080f25;transition:background .12s,border-color .12s,box-shadow .12s}
.category-board-host .cb-column button small{display:none}
.category-board-host .cb-column button:disabled{opacity:1}
.category-board-host .cb-column button:hover:not(:disabled){background:#2b4565;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink),0 0 10px #33e7ec30}
.category-board-host .cb-column button:disabled:has(span){background:#101a2d;border-color:#263650;color:#68758c;box-shadow:none;font-size:26px;text-shadow:none}
.category-board-host .cb-column button:focus-visible{outline:3px solid white;outline-offset:1px;position:relative;z-index:1}
.category-board-host .cb-paper{color:#23364e;background:#fffaf1;border:2px solid #33e7ec;border-radius:10px;box-shadow:0 5px 0 #0a152d;padding:22px}
.category-board-host .cb-paper .cb-outline{color:#234f67;border-color:#44758c}
.category-board-host .cb-paper .cb-eyebrow{color:#85356f}
.category-board-host .cb-paper h2{color:#172543}
.category-board-host .cb-paper button:not(.cb-outline):not(.cb-buzz):not(.cb-options button){background:#172543;border-color:#172543;color:#fffaf1}
.category-board-host .cb-buzz{background:#ee69cc;color:#172543;border-color:#ee69cc;text-shadow:none;box-shadow:0 4px 0 #8d2e76}
@media(max-width:700px){
 .category-board-host .cb-shell{padding:12px 9px;border-radius:10px}
 .category-board-host .cb-header{gap:8px}
 .category-board-host .cb-header p:last-child{font-size:11px}
 .category-board-host .cb-board-caption{display:block;margin-top:10px}
 .category-board-host .cb-board-caption p{margin-top:4px}
 .category-board-host .cb-board{gap:4px;padding:4px}
 .category-board-host .cb-column{grid-template-rows:68px repeat(5,52px);gap:4px}
 .category-board-host .cb-column h3{font-size:clamp(9px,2.3vw,14px);letter-spacing:0;padding:4px 1px;overflow-wrap:anywhere}
 .category-board-host .cb-column button{font-size:clamp(20px,5.2vw,32px);padding:2px}
 .category-board-host .cb-leaders span{font-size:11px;padding:5px 7px}
 .category-board-host .cb-paper{padding:16px}
}


/* Rounded arcade tiles with light visible between their dark faces. */
.category-board-host .cb-board{gap:10px;padding:12px;background:#0b1429;border-color:#53608d;border-radius:18px;box-shadow:0 0 20px #9961ff22}
.category-board-host .cb-column{gap:9px;border-radius:14px;background:color-mix(in srgb,var(--ink) 28%,#172543);box-shadow:0 0 14px color-mix(in srgb,var(--ink) 26%,transparent)}
.category-board-host .cb-column h3{border:2px solid color-mix(in srgb,var(--ink) 60%,#172543);border-radius:12px;background:linear-gradient(155deg,#24395b,#172543 65%);box-shadow:inset 0 2px 2px #ffffff14,0 2px 4px #071025aa}
.category-board-host .cb-column button{border:2px solid color-mix(in srgb,var(--ink) 65%,#172543);border-radius:13px;background:linear-gradient(160deg,#30456c 0%,#1b2b4b 40%,#14213f 100%);box-shadow:inset 0 2px 2px #ffffff22,inset 0 -3px 3px #070d2477,0 3px 5px #070e2688,0 0 7px color-mix(in srgb,var(--ink) 28%,transparent)}
.category-board-host .cb-column button:hover:not(:disabled){background:linear-gradient(160deg,#3a527c,#203459);border-color:var(--ink);box-shadow:inset 0 2px 2px #ffffff30,0 0 13px color-mix(in srgb,var(--ink) 55%,transparent)}
.category-board-host .cb-column button:disabled:has(span){background:#101a2d;border-color:#35425c;box-shadow:inset 0 2px 4px #050a1e88}
@media(max-width:700px){.category-board-host .cb-board{gap:5px;padding:6px;border-radius:12px}.category-board-host .cb-column{gap:6px;border-radius:9px}.category-board-host .cb-column h3{border-radius:8px}.category-board-host .cb-column button{border-radius:9px}}

/* Temporary owner-supplied title and squarer arcade buttons. */
.category-board-host .cb-header>div{flex:1;text-align:center}
.category-board-host .cb-logo{display:flex;align-items:baseline;justify-content:center;gap:14px;font-family:Bungee,system-ui,sans-serif;line-height:1.05;margin:8px 0 12px;font-size:clamp(32px,5vw,60px);font-weight:400;letter-spacing:1px;text-transform:uppercase}
.category-board-host .cb-logo span{color:#ee69cc;text-shadow:0 3px #712c77,0 0 14px #ee69cc44}
.category-board-host .cb-logo strong{font-weight:400;color:#33e7ec;text-shadow:0 3px #15748a,0 0 14px #33e7ec44}
.category-board-host .cb-board{max-width:820px;margin:0 auto;gap:12px;padding:14px;border-radius:24px}
.category-board-host .cb-column{grid-template-rows:72px repeat(5,112px);gap:11px;border-radius:24px}
.category-board-host .cb-column h3{border-radius:20px;font-size:15px}
.category-board-host .cb-column button{border-radius:26px;font-size:44px}
@media(max-width:700px){.category-board-host .cb-logo{flex-direction:column;align-items:center;gap:3px;font-size:clamp(25px,7vw,42px)}.category-board-host .cb-board{gap:5px;padding:6px;border-radius:15px}.category-board-host .cb-column{grid-template-rows:68px repeat(5,58px);gap:6px;border-radius:15px}.category-board-host .cb-column h3{font-size:10px;border-radius:12px}.category-board-host .cb-column button{border-radius:15px;font-size:clamp(20px,5.2vw,32px)}}