:root{--yellow:#ffd23f;--ink:#141414;--pink:#ff4f8b;--blue:#2b59ff;--paper:#fff;--cream:#fffdf5;--muted:#3d3d3d;--radius:18px;--shadow:4px 4px 0 var(--ink);--font:"Baloo Bhaijaan 2", "Tajawal", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--yellow);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh}button,input{color:inherit;font-family:inherit}a{color:var(--ink)}.logo{align-items:center;gap:14px;text-decoration:none;display:inline-flex}.logo-word{text-shadow:5px 5px 0 var(--pink);font-weight:800;line-height:1;display:inline-block;transform:skew(12deg)}.logo-lines{flex-direction:column;gap:7px;display:flex}.logo-lines span{background:var(--ink);border-radius:4px;height:7px;display:block}.logo-lines span:first-child{width:40px}.logo-lines span:nth-child(2){width:27px}.logo-lines span:nth-child(3){width:15px}.wrap{max-width:1040px;margin:0 auto;padding:20px 16px 48px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:24px;padding:22px}.btn{border:3px solid var(--ink);background:var(--paper);min-height:52px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:19px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow);transform:none}.btn-ink{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--blue)}.btn-blue{background:var(--blue);color:var(--paper)}.btn-pink{background:var(--pink)}.btn-ghost{box-shadow:none;background:0 0;border-style:dashed}.btn-lg{border-radius:18px;min-height:64px;padding:0 30px;font-size:24px}.btn-sm{min-height:44px;box-shadow:3px 3px 0 var(--ink);border-radius:12px;padding:0 14px;font-size:16px}.linkbtn{cursor:pointer;background:0 0;border:none;min-height:44px;font-size:16px;font-weight:700;text-decoration:underline}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.hero{text-align:center;padding:40px 0 28px}.hero .logo-word{text-shadow:8px 8px 0 var(--pink);font-size:clamp(84px,18vw,180px)}.hero .logo-lines span{height:12px}.hero .logo-lines span:first-child{width:70px}.hero .logo-lines span:nth-child(2){width:46px}.hero .logo-lines span:nth-child(3){width:26px}.hero .latin{letter-spacing:10px;direction:ltr;margin-top:8px;font-size:20px;font-weight:800}.hero p.lead{max-width:620px;margin:22px auto 28px;font-size:clamp(19px,3.6vw,24px);font-weight:700;line-height:1.6}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:28px;display:grid}.step{background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:20px;padding:18px}.step b{background:var(--ink);width:38px;height:38px;color:var(--yellow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:20px;display:inline-flex}.step h3{margin:0 0 4px;font-size:21px}.step p{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.cats-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.chip{background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:4px 14px;font-size:15px;font-weight:700}.footer{text-align:center;margin-top:40px;font-size:14px;font-weight:500}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 12px;font-size:22px;font-weight:800;display:flex}.section-title small{font-size:16px;font-weight:700}.teams{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:26px;display:grid}.team-input{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:16px;align-items:center;gap:10px;padding:10px 14px;display:flex}.team-input.a{background:var(--blue);color:var(--paper)}.team-input.b{background:var(--pink)}.team-input label{white-space:nowrap;font-size:16px;font-weight:800}.team-input input{min-width:0;height:46px;color:var(--ink);background:var(--paper);border:none;border-radius:10px;flex:1;padding:0 12px;font-size:18px;font-weight:700}.group-label{color:var(--muted);margin:16px 0 8px;font-size:15px;font-weight:800}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.cat-btn{border:3px solid var(--ink);background:var(--paper);cursor:pointer;min-height:64px;box-shadow:3px 3px 0 var(--ink);border-radius:14px;padding:6px 10px;font-size:17px;font-weight:700;line-height:1.3}.cat-btn[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--blue)}.cat-btn:disabled{opacity:.4;cursor:not-allowed}.setup-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;display:flex}.scores{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.score{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:16px;padding:8px 14px;position:relative}.score.a{background:var(--blue);color:var(--paper);transform:rotate(-1deg)}.score.b{background:var(--pink);transform:rotate(1deg)}.score .name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.score .pts{font-size:36px;font-weight:800;line-height:1.05}.score .turn{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:0 10px;font-size:13px;font-weight:800;position:absolute;top:-12px;left:12px}.board{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.board-col{flex-direction:column;gap:8px;display:flex}.board-head{background:var(--ink);color:var(--paper);text-align:center;border-radius:14px;justify-content:center;align-items:center;min-height:64px;padding:6px;font-size:16px;font-weight:800;line-height:1.25;display:flex}.tile{border:3px solid var(--ink);background:var(--paper);cursor:pointer;min-height:52px;box-shadow:3px 3px 0 var(--ink);border-radius:12px;font-size:20px;font-weight:800}.tile:hover:not(:disabled){background:var(--cream)}.tile:disabled{box-shadow:none;color:#14141459;cursor:default;background:0 0;border-style:dashed;text-decoration:line-through}.board-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}@media (max-width:760px){.board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:420px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}.q-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:17px;font-weight:700;display:flex}.timer-bar{border:3px solid var(--ink);background:var(--paper);border-radius:999px;height:18px;margin-bottom:18px;overflow:hidden}.timer-fill{background:var(--ink);height:100%;transition:width 1s linear}.timer-fill.low{background:var(--pink)}.q-card{flex-direction:column;justify-content:center;gap:20px;min-height:300px;display:flex}.badge{background:var(--yellow);border:3px solid var(--ink);border-radius:999px;align-self:flex-start;padding:2px 14px;font-size:15px;font-weight:800}.q-text{margin:0;font-size:clamp(26px,5vw,40px);font-weight:800;line-height:1.45}.answer{border-top:3px dashed var(--ink);padding-top:16px}.answer small{color:var(--muted);font-size:15px;font-weight:700}.answer div{color:var(--blue);font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.3}.hidden-word{color:var(--muted);font-size:22px;font-weight:700}.who{text-align:center;margin:22px 0 10px;font-size:20px;font-weight:800}.who-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.center{text-align:center}.end{text-align:center;padding:30px 0}.end h1{margin:10px 0;font-size:clamp(40px,9vw,72px);line-height:1.2}.end .final{flex-wrap:wrap;justify-content:center;gap:14px;margin:20px 0 30px;display:flex}.end .final .score{min-width:200px}