.yTHM9G_root{--cell:clamp(30px,4vw,46px);color:var(--ink,#143e42);margin-bottom:2rem}.yTHM9G_root h1{margin:.5rem 0;font-size:clamp(1.8rem,4vw,2.7rem)}.yTHM9G_draft{opacity:.8;font-size:.85rem}.yTHM9G_layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:1.2rem;display:grid}.yTHM9G_board,.yTHM9G_clues,.yTHM9G_builder{background:var(--panel,#fff);border:1px solid #bcd8d0;border-radius:18px;padding:1.25rem}.yTHM9G_heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.yTHM9G_heading h2{margin:0}.yTHM9G_board progress{accent-color:#087c70;width:100%;margin:1rem 0}.yTHM9G_scroll{padding:8px 2px;overflow:auto}.yTHM9G_grid{gap:2px;width:max-content;margin:auto;display:grid}.yTHM9G_cell{width:var(--cell);height:var(--cell);background:#fff;border:1px solid #388c84;border-radius:4px;position:relative}.yTHM9G_cell span{pointer-events:none;font-size:10px;position:absolute;top:0;right:3px}.yTHM9G_cell input{text-align:center;width:100%;height:100%;font-family:var(--font-jawi,"Noto Naskh Arabic"),serif;color:#143e42;caret-color:#087c70;border-radius:4px;font-size:1.65rem;background:0 0!important;border:0!important;min-width:0!important;padding:6px 0 0!important}.yTHM9G_empty{width:var(--cell);height:var(--cell)}.yTHM9G_selected{background:#e1f6ef}.yTHM9G_correct{background:#c2efce}.yTHM9G_wrong{background:#ffe0d9;border-color:#ba4633}.yTHM9G_active{outline-offset:0;outline:3px solid #087c70}.yTHM9G_reading{color:#143e42;background:#d8f6e9;border-radius:12px;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.yTHM9G_reading b{min-height:3.5rem;font-size:2.4rem}.yTHM9G_keyboard{flex-wrap:wrap;justify-content:center;gap:5px;margin:1rem 0;display:flex}.yTHM9G_keyboard button{color:#143e42;background:#fff;border:1px solid #75a69f;border-radius:8px;min-width:40px;min-height:44px;padding:0 .5rem;font-family:serif;font-size:1.6rem}.yTHM9G_actions{flex-wrap:wrap;gap:.5rem;display:flex}.yTHM9G_actions button,.yTHM9G_builder button{color:#fff;cursor:pointer;background:#087c70;border:1px solid #087c70;border-radius:9px;padding:.65rem .85rem}.yTHM9G_clues h2{margin-top:0}.yTHM9G_clues section>button{text-align:start;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #bcd8d0;border-radius:10px;margin:.5rem 0;padding:.8rem;display:block}.yTHM9G_clues small{opacity:.75;margin-top:.35rem;display:block}.yTHM9G_clues .yTHM9G_chosen{color:#143e42;background:#d8f6e9;border-color:#087c70}.yTHM9G_clues>p{font-size:.9rem}.yTHM9G_builder{margin-top:1rem}.yTHM9G_builder summary{cursor:pointer;font-weight:700}.yTHM9G_builder textarea{width:100%;font:inherit;margin:.6rem 0;padding:.7rem;display:block}.yTHM9G_answerSheet{display:none}@media (max-width:800px){.yTHM9G_layout{grid-template-columns:1fr}.yTHM9G_board,.yTHM9G_clues{padding:1rem}.yTHM9G_root{--cell:32px}}@media print{body *{visibility:hidden}.yTHM9G_root,.yTHM9G_root *{visibility:visible}.yTHM9G_root{color:#000;--cell:30px;position:absolute;inset:0}.yTHM9G_root header:after{content:"Nama: ____________________    Kelas: ____________    Tarikh: ____________";margin:1rem 0;display:block}.yTHM9G_layout{display:block}.yTHM9G_board{border:0;padding:0}.yTHM9G_clues{break-inside:avoid;border:0}.yTHM9G_clues section>button{border:0;padding:.2rem}.yTHM9G_keyboard,.yTHM9G_actions,.yTHM9G_reading,.yTHM9G_builder,.yTHM9G_board>p,.yTHM9G_board progress,.yTHM9G_heading,.yTHM9G_draft,.yTHM9G_root>p,.yTHM9G_clues>p{display:none}.yTHM9G_cell input{color:#0000!important}.yTHM9G_cell{border-color:#000;background:#fff!important}.yTHM9G_active{outline:none}.yTHM9G_answerSheet{break-before:page;display:block}.yTHM9G_scroll{overflow:visible}.yTHM9G_clues small{margin-left:1rem;display:inline}.yTHM9G_root header h1{font-size:24px}}.yTHM9G_root>header{background:0 0;border:0;height:auto;padding:0 0 1rem;display:block}.yTHM9G_root h1{letter-spacing:-.5px}.yTHM9G_cell input,.yTHM9G_keyboard button{font-family:Amiri,serif}.yTHM9G_root button:focus-visible{outline-offset:2px;outline:3px solid #143e42}.yTHM9G_celebration{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.yTHM9G_success{color:#125247;background:#effff7;border:2px solid #74ccb2;border-radius:18px;align-items:center;gap:.75rem;width:max-content;max-width:calc(100% - 2rem);padding:1rem 1.4rem;animation:3.2s both yTHM9G_successPop;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #143e4233}.yTHM9G_success>span{color:#a76800;font-size:2rem}.yTHM9G_wordSuccess{animation:.65s both yTHM9G_wordPop}.yTHM9G_confetti{position:absolute;inset:0;overflow:hidden}.yTHM9G_confetti i{border-radius:2px;width:10px;height:18px;animation:2.8s ease-in both yTHM9G_confettiFall;position:absolute;top:-24px}@keyframes yTHM9G_successPop{0%{opacity:0;transform:translate(-50%,12px)scale(.85)}12%,85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes yTHM9G_wordPop{0%,to{transform:scale(1)}45%{background:#aee9c6;transform:scale(1.12);box-shadow:0 0 0 3px #60c39b66}}@keyframes yTHM9G_confettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(40px,100vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.yTHM9G_success,.yTHM9G_wordSuccess{animation:none}.yTHM9G_confetti{display:none}}@media print{.yTHM9G_celebration{display:none}.yTHM9G_wordSuccess{animation:none}}.yTHM9G_randomizer{color:#143e42;background:#eff8f3;border:1px solid #bcd8d0;border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:1rem 1.25rem;display:flex}.yTHM9G_randomizer>div{flex:300px}.yTHM9G_randomizer p{margin:.35rem 0;font-size:.9rem}.yTHM9G_randomizer label{gap:.4rem;font-size:.9rem;display:grid}.yTHM9G_randomizer select{color:#143e42;background:#fff;border:1px solid #75a69f;border-radius:8px;max-width:100%;padding:.65rem}.yTHM9G_randomizer button{color:#fff;background:#087c70;border-color:#087c70}.yTHM9G_randomizer small{flex-basis:100%;line-height:1.6}@media (max-width:500px){.yTHM9G_randomizer label,.yTHM9G_randomizer button{width:100%}.yTHM9G_randomizer{padding:1rem}}@media print{.yTHM9G_randomizer{display:none}}
