.kh-layout[data-leaderboard=false]{grid-template-columns:minmax(0,1fr);max-width:900px;margin-inline:auto}
.kh-game-screen .kh-layout{grid-template-columns:minmax(0,720px) minmax(240px,300px);justify-content:center;gap:18px}.kh-game-screen .kh-layout[data-leaderboard=false]{grid-template-columns:minmax(0,720px);max-width:none}.kh-game-screen .kh-play{flex-direction:column;gap:10px;min-width:0;padding:18px;display:flex;position:relative}.kh-game-screen .kh-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px}.kh-game-screen .kh-game-actions{flex-wrap:wrap;justify-content:center}.kh-game-screen .kh-options button{min-height:36px;padding:8px 10px}.kh-game-screen .kh-streaks{gap:30px;padding:3px 0}.kh-game-screen .kh-streaks b{font-size:22px}.kh-game-screen .kh-best-label{align-items:center;gap:6px;display:inline-flex}.kh-game-screen .kh-gold-cup{color:#b98014;fill:#edc65d;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}:root[data-theme=dark] .kh-game-screen .kh-gold-cup{color:#f6ce64;fill:#77531b}.kh-game-screen .kh-board-entry{--kh-cell:min(44px,max(28px,calc((100svh - 410px - (var(--attempt-rows) - 1)*5px)/var(--attempt-rows))));width:min(100%,calc(var(--board-columns)*var(--kh-cell) + (var(--board-columns) - 1)*5px));min-width:0;max-width:none;container-type:normal}.kh-game-screen .kh-board{grid-auto-rows:auto;gap:5px;max-width:none}.kh-game-screen .kh-row{grid-template-columns:repeat(var(--word-length),minmax(0,1fr));gap:5px}.kh-game-screen .kh-tile{aspect-ratio:1;border-width:1px;border-radius:7px;font-size:clamp(18px,2.5vw,25px);transition:none;animation:none}.kh-game-screen .kh-current-row .kh-tile{border-color:var(--accent)}.kh-game-screen .kh-current-row .kh-tile.filled{box-shadow:inset 0 0 0 1px var(--accent)}.kh-game-screen .kh-input{max-width:620px}.kh-game-screen .kh-input .field-help{min-height:18px;margin:0 0 7px;font-size:11px}.kh-game-screen .kh-keyboard{gap:5px;max-width:none}.kh-game-screen .kh-keyboard>div{gap:4px}.kh-game-screen .kh-keyboard button{touch-action:manipulation;min-width:0;min-height:38px;padding:4px 2px;font-size:16px;transition:background-color .1s}.kh-game-screen .kh-keyboard>div:last-child>button{flex:1;font-size:16px}.kh-game-screen .kh-key-actions{flex:none;align-items:stretch;gap:4px;display:flex}.kh-game-screen .kh-keyboard .kh-key-actions button{flex:none;min-width:36px;padding-inline:7px}.kh-game-screen .kh-key-actions svg{width:18px;height:18px;margin:auto;display:block}.kh-game-screen .kh-key-actions .kh-confirm{background:var(--mint);min-width:58px;color:var(--brand);font-size:12px}.kh-game-screen .kh-legend{gap:6px}.kh-game-screen .kh-legend span{padding:4px 8px;font-size:11px}.kh-game-screen .kh-updating{inset-inline-end:12px;pointer-events:none;font-size:11px;position:absolute;top:0}.kh-game-screen .kh-ranking{box-sizing:border-box;min-width:0}.kh-game-screen .kh-ranking-close{margin-inline-start:auto;margin-bottom:12px;font-size:12px;display:block}body.game-expanded .kh-main:has(.kh-game-screen){padding:8px 0}body.game-expanded .kh-game-screen>.kh-heading{display:none}body.game-expanded .kh-game-screen .kh-layout{grid-template-columns:minmax(0,960px) minmax(240px,300px);width:100%;margin-inline:auto}body.game-expanded .kh-game-screen .kh-layout[data-leaderboard=false]{grid-template-columns:minmax(0,960px)}body.game-expanded .kh-game-screen .kh-play{padding:12px 18px}body.game-expanded .kh-game-screen .kh-board-entry{--kh-cell:min(72px,max(28px,calc((100svh - 320px - (var(--attempt-rows) - 1)*5px)/var(--attempt-rows))))}body.game-expanded .kh-game-screen .kh-tile{font-size:clamp(22px,3vw,34px)}body.game-expanded .kh-game-screen .kh-input{max-width:760px}body.game-expanded .kh-game-screen .kh-keyboard button{min-height:42px;font-size:18px}body.game-expanded .kh-game-screen .kh-play>p{margin:0;padding:5px 8px;font-size:11px;line-height:1.5}@media (max-width:1000px){.kh-game-screen .kh-layout,body.game-expanded .kh-game-screen .kh-layout{grid-template-columns:minmax(0,720px)}.kh-game-screen .kh-ranking{width:100%;max-width:720px}}@media (max-width:600px){.kh-game-screen .kh-play,body.game-expanded .kh-game-screen .kh-play{gap:9px;padding:12px 9px}.kh-game-screen .kh-options{gap:7px}.kh-game-screen .kh-length{gap:5px;font-size:11px}.kh-game-screen .kh-length select{padding:6px}.kh-game-screen .kh-streaks{gap:20px}.kh-game-screen .kh-keyboard button{font-size:15px}.kh-game-screen .kh-last-key-row{flex-wrap:wrap}.kh-game-screen .kh-key-actions{flex-basis:100%;justify-content:center;margin-top:1px}.kh-game-screen .kh-keyboard .kh-key-actions button{min-width:48px}.kh-game-screen .kh-key-actions .kh-confirm{min-width:110px}.kh-game-screen .kh-gold-cup{width:18px;height:18px}}@media (pointer:coarse){.kh-game-screen .kh-keyboard button,.kh-game-screen .kh-options button{min-height:44px}}@media (prefers-reduced-motion:reduce){.kh-game-screen .kh-keyboard button{transition:none}}
.kh-tile,.kh-mini-tile,.kh-reminder{-webkit-user-select:none;user-select:none}.kh-standalone{box-sizing:border-box;width:min(100%,clamp(680px,75svh,920px));max-width:920px;min-height:100svh;margin:auto;padding:0 8px}.kh-standalone .kh-main{max-width:none;margin:0;padding:0}.kh-focused-screen{--kh-space:7px;gap:var(--kh-space);min-height:100svh;padding-bottom:max(6px,env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;display:flex}.kh-game-toolbar{border-bottom:1px solid var(--border);box-sizing:border-box;flex:none;justify-content:space-between;align-items:center;gap:6px;min-height:58px;padding:6px 0;display:flex}.kh-toolbar-side{align-items:center;gap:5px;min-width:0;display:flex}.kh-game-toolbar button,.kh-game-toolbar a:not(.kh-game-brand){border:1px solid var(--border);background:var(--surface);min-width:32px;min-height:36px;color:var(--text);border-radius:9px;justify-content:center;align-items:center;padding:5px 7px;font-size:15px;text-decoration:none;display:inline-flex}.kh-game-brand{flex:none;text-decoration:none}.kh-wordmark{color:var(--mint);background:0 0;font-family:GatherBaloo,Noto Sans Arabic Variable,sans-serif;font-size:42px;font-weight:800;line-height:1;display:block}.kh-length-switch{gap:3px;display:flex}.kh-game-toolbar .kh-length-switch button{min-width:30px;padding:4px 5px;font-size:11px}.kh-length-switch [aria-pressed=true]{background:var(--mint)!important;color:var(--brand)!important;border-color:var(--mint)!important}.kh-focused-screen .kh-layout,.kh-focused-screen .kh-layout[data-leaderboard=false]{flex:1;width:100%;max-width:100%;min-height:0;margin:0 auto;display:block}.kh-focused-screen .kh-play{min-height:calc(100svh - 100px);box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0}.kh-focused-screen .kh-streaks{flex:none;justify-content:center;gap:9px;height:32px;margin:0;padding:0;display:flex}.kh-focused-screen .kh-streaks>div{border:1px solid var(--border);background:var(--surface);border-radius:30px;align-items:center;gap:7px;padding:3px 11px;font-size:11px;display:flex}.kh-focused-screen .kh-streaks b{font-size:17px}.kh-focused-screen .kh-gold-cup{width:16px;height:16px}.kh-focused-screen .kh-board-entry{--kh-cell:min(110px,calc((100svh - 400px - (var(--attempt-rows) - 1)*5px)/var(--attempt-rows)),calc((100vw - 32px - (var(--board-columns) - 1)*5px)/var(--board-columns)));width:calc(var(--board-columns)*var(--kh-cell) + (var(--board-columns) - 1)*5px);flex:none;margin:0 auto}.kh-focused-screen .kh-tile{border-radius:7px;font-size:clamp(22px,4.5svh,42px)}.kh-focused-screen .kh-current-row .kh-tile.filled{animation:.13s ease-out kh-letter-pop}.kh-focused-screen .kh-row:not(.kh-current-row) .kh-tile.filled{animation:.31s ease-out both kh-letter-reveal;animation-delay:calc(var(--tile-order,0)*65ms)}.kh-feedback-slot{flex:none;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;height:30px;display:flex}.kh-feedback-slot p{box-sizing:border-box;max-height:30px;margin:0;padding:3px 8px;font-size:12px;line-height:1.5;overflow:auto}.kh-feedback-slot .kh-word-missing{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;min-width:0;padding-inline:0;overflow:hidden}.kh-feedback-slot .kh-request-inline{font:inherit;min-height:26px;color:var(--mint);text-underline-offset:3px;white-space:nowrap;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;padding:3px 0;font-size:12px;line-height:1.5;text-decoration:underline}.kh-reminder{color:var(--mint);font-weight:700;animation:12s ease-in-out infinite alternate kh-reminder-drift}.kh-focused-screen .kh-input{width:100%;max-width:100%;margin:0;padding:0}.kh-focused-screen .kh-input .field-help{text-align:center;margin:0 0 4px;font-size:10px}.kh-focused-screen .kh-keyboard{gap:5px;width:100%}.kh-focused-screen .kh-keyboard>div{justify-content:center;gap:4px}.kh-focused-screen .kh-keyboard button{border-radius:7px;min-height:clamp(36px,5.8svh,58px);padding:3px 1px;font-size:clamp(15px,2.5svh,20px);font-weight:700;transition:background-color .15s,transform 90ms}.kh-focused-screen .kh-keyboard button:active{transform:scale(.93)}.kh-focused-screen .kh-last-key-row{flex-wrap:nowrap}.kh-focused-screen .kh-key-actions{display:contents}.kh-focused-screen .kh-key-actions button{max-width:180px;flex:1!important;min-width:44px!important}.kh-focused-screen .kh-key-actions .kh-confirm{font-size:13px}.kh-focused-screen .kh-keyboard .kh-clear-word{color:#ffe1e9;background:#523342;border-color:#ad7186}.kh-focused-screen .kh-keyboard .kh-delete-letter{color:#eceeff;background:#3c405e;border-color:#9298cb}.kh-focused-screen .kh-keyboard .kh-clear-word:enabled:hover{background:#704155}.kh-focused-screen .kh-keyboard .kh-delete-letter:enabled:hover{background:#51587d}.kh-focused-screen .kh-key-actions button:disabled{opacity:.5}.kh-focused-screen .kh-legend,.kh-focused-screen .kh-guest-note{display:none}.kh-focused-screen .kh-result{width:100%;font-size:12px;margin:0!important;padding:6px!important}.kh-focused-screen .kh-result h2,.kh-focused-screen .kh-result>p{display:none}.kh-focused-screen .kh-result .kh-dialog-actions{justify-content:center;margin:0;display:flex}.kh-focus-dialog{color:var(--ink);background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:20px;width:min(450px,100vw - 30px);max-height:calc(100svh - 40px);margin:auto;padding:24px 20px;position:fixed;inset:0;overflow:auto;box-shadow:0 20px 80px #0008}.kh-focus-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060617c9}.kh-focus-dialog h2{text-align:center;margin:8px 0 16px;font-size:23px}.kh-focus-dialog p{font-size:13px;line-height:1.9}.kh-focus-close{inset-inline-end:12px;border:1px solid var(--border);min-width:32px;min-height:32px;color:inherit;background:0 0;border-radius:8px;font-size:20px;position:absolute;top:10px}.kh-help-colors p{background:var(--background);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.kh-help-colors b{border-radius:7px;flex:none;place-items:center;width:40px;height:40px;font-size:23px;display:grid}.kh-help-colors .correct{color:#fff;background:#407f57}.kh-help-colors .present{color:#fff;background:#a17e2c}.kh-help-colors .absent{color:#fff;background:#505064}.kh-focus-dialog>.primary-button{width:100%}.kh-focus-dialog .kh-options{flex-direction:column;align-items:stretch;gap:14px;display:flex}.kh-focus-dialog .kh-length{justify-content:space-between;align-items:center;gap:8px;display:flex}.kh-focus-dialog select{max-width:65%;padding:8px}.kh-focus-dialog .kh-game-actions{justify-content:center;gap:8px}.kh-ranking-toolbar{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.kh-ranking-toolbar strong{font-family:GatherBaloo,sans-serif;font-size:16px;line-height:1.5}.kh-ranking-back{border:1px solid var(--border);background:var(--field);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;padding:7px 10px;font-size:12px}.kh-ranking-back:hover{border-color:var(--mint)}.kh-ranking-back:focus-visible,.kh-ranking-fold:focus-visible{outline:2px solid var(--mint);outline-offset:-3px}.kh-ranking-toolbar+h2{margin-top:0;font-size:16px}.kh-board-entry:has(.kh-ranking-docked :focus){outline:none}.kh-game-toolbar .kh-ranking-mobile-trigger{padding:5px 8px;font-size:11px}@media (pointer:coarse){.kh-ranking-back{min-height:44px}}.kh-focused-screen .kh-updating{font-size:10px;top:0}body.game-expanded .kh-focused-screen .kh-play{gap:6px;padding:0}body.game-expanded .kh-focused-screen .kh-board-entry{--kh-cell:min(110px,calc((100svh - 400px - (var(--attempt-rows) - 1)*5px)/var(--attempt-rows)),calc((100vw - 32px - (var(--board-columns) - 1)*5px)/var(--board-columns)))}@media (min-width:700px){.kh-game-toolbar{min-height:70px}.kh-wordmark{font-size:52px}.kh-focused-screen .kh-streaks{height:38px}.kh-focused-screen .kh-streaks>div{font-size:13px}.kh-focused-screen .kh-streaks b{font-size:21px}.kh-feedback-slot p{font-size:14px}}@media (pointer:coarse){.kh-game-toolbar button,.kh-game-toolbar a:not(.kh-game-brand){min-width:36px;min-height:40px}}@keyframes kh-letter-pop{0%{transform:scale(.85)}70%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes kh-letter-reveal{0%{filter:brightness(.65);transform:rotateX(75deg)}to{filter:brightness();transform:rotateX(0)}}@keyframes kh-reminder-drift{0%{transform:translate(-35px)}to{transform:translate(35px)}}@media (max-width:380px){.kh-game-brand img{width:46px}.kh-game-toolbar,.kh-toolbar-side{gap:3px}.kh-game-toolbar button,.kh-game-toolbar a:not(.kh-game-brand){min-width:28px;padding:4px}}@media (max-height:600px) and (orientation:landscape){.kh-standalone,.kh-focused-screen .kh-layout{max-width:1000px}.kh-focused-screen .kh-play{grid-template-columns:1fr 1fr;align-items:center;gap:6px 16px;display:grid}.kh-focused-screen .kh-streaks{grid-column:1/-1}.kh-focused-screen .kh-board-entry{--kh-cell:min(48px,calc((100svh - 130px - (var(--attempt-rows) - 1)*5px)/var(--attempt-rows)));grid-area:2/1/5}.kh-focused-screen .kh-input,.kh-focused-screen .kh-feedback-slot{grid-column:2}}@media (prefers-reduced-motion:reduce){.kh-focused-screen .kh-tile,.kh-focused-screen .kh-keyboard button,.kh-focused-screen .kh-reminder{transition:none!important;animation:none!important}}@media (min-width:760px) and (min-height:620px){.kh-standalone:has(.kh-ranking-docked){width:min(100%,1180px);max-width:1180px}.kh-focused-screen .kh-layout[data-leaderboard=true]{grid-template-columns:170px minmax(0,720px);justify-content:center;align-items:start;gap:16px;display:grid}.kh-focused-screen .kh-layout[data-leaderboard=true]>.kh-play{grid-area:1/2;width:100%;min-width:0;container-type:inline-size}.kh-focused-screen .kh-layout[data-leaderboard=true] .kh-board-entry{--kh-cell:min(110px,calc((100svh - 400px - (var(--attempt-rows) - 1)*5px)/var(--attempt-rows)),calc((100cqw - (var(--board-columns) - 1)*5px)/var(--board-columns)))}.kh-focused-screen .kh-ranking-docked{z-index:2;background:var(--surface);border:1px solid var(--border);box-sizing:border-box;cursor:auto;border-radius:12px;flex-direction:column;width:170px;max-width:none;max-height:calc(100% - 44px);margin:0;padding:0;display:flex;position:absolute;top:44px;left:calc(100% + 16px);overflow:hidden}.kh-ranking-fold{width:100%;min-height:40px;color:var(--ink);font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;border-radius:11px;flex:none;align-items:center;gap:6px;padding:8px 10px;display:flex}.kh-ranking-fold strong{margin-inline-end:auto;font-family:GatherBaloo,sans-serif;font-size:15px;font-weight:800}.kh-ranking-fold span{color:var(--muted);font-size:10px}.kh-ranking-fold svg{flex:none;width:14px;height:14px;transition:transform .15s}.kh-ranking-fold[aria-expanded=true] svg{transform:rotate(180deg)}.kh-ranking-fold:hover{background:var(--surface-soft)}.kh-ranking-side-body{border-top:1px solid var(--border);min-height:0;padding:8px 10px 10px;overflow:auto}.kh-ranking-side-body[hidden]{display:none}.kh-ranking-docked h2{color:var(--muted);margin:0 0 6px;font-family:GatherArabic,sans-serif;font-size:12px;font-weight:600;line-height:1.6}.kh-ranking-docked .field-help{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kh-ranking-docked .kh-ranking-table{table-layout:fixed;border-spacing:0 3px;width:100%;margin-top:4px;font-size:11px}.kh-ranking-docked .kh-ranking-table th,.kh-ranking-docked .kh-ranking-table td{overflow-wrap:anywhere;padding:5px 3px}.kh-ranking-docked .kh-ranking-table th{font-size:10px}.kh-ranking-docked .kh-ranking-table th:first-child{width:22px}.kh-ranking-docked .kh-ranking-table th:last-child{width:44px}.kh-ranking-docked .kh-rank-number,.kh-ranking-docked .kh-rank-streak{white-space:nowrap;font-size:12px;line-height:1.5}.kh-ranking-docked .kh-rank-identity{gap:3px;line-height:1.5}.kh-ranking-docked .kh-rank-avatar{font-size:14px}.kh-ranking-docked .kh-rank-identity bdi{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}}@media (min-width:760px) and (min-height:620px) and (pointer:coarse){.kh-ranking-fold{min-height:44px}}@media (prefers-reduced-motion:reduce){.kh-ranking-fold svg{transition:none}}@media (min-width:1280px) and (min-height:620px){.kh-focused-screen .kh-layout[data-leaderboard=true]{grid-template-columns:170px minmax(0,720px) 170px}}