:root{color:#f2f3f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#15171c;font-family:system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;container-type:inline-size}main{width:min(100%,32rem);height:100dvh;min-height:calc(13.5rem + 245px);padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-rows:auto minmax(calc(12rem + 25px),1fr) minmax(1.5rem,auto) auto;gap:8px;margin:0 auto;display:grid}header{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:44px;display:grid;position:relative}h1{text-align:center;grid-column:2;margin:0;font-size:clamp(1.1rem,5vw,1.6rem)}button{font:inherit;color:#fff;cursor:pointer;touch-action:manipulation;border:0;border-radius:.4rem}.restart{background:#363b48;border-radius:50%;grid-column:3;width:44px;height:44px;padding:0;font-size:2rem;line-height:1}.home{background:#363b48;border-radius:50%;grid-area:1/1;width:44px;height:44px;padding:0;font-size:2rem}main.home-screen{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);width:min(100%,32rem);height:auto;min-height:100dvh}main.home-screen header{grid-area:1/1}.landing{align-content:center;gap:1rem;padding:1.5rem 0;display:grid}.mode-card{text-align:center;background:#20242e;border:1px solid #555d70;border-radius:1rem;padding:1.5rem}.mode-card h2{margin:0 0 .5rem;font-size:1.5rem}.mode-card p{margin:0 0 1.25rem;line-height:1.5}.mode-play{background:#477b43;width:100%;min-height:44px;padding:.75rem;font-weight:700}.save-notice{text-align:center;margin:0;line-height:1.5}.board-area{place-items:center;min-height:0;display:grid;container-type:size}.board{aspect-ratio:5/6;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:5px;width:min(100cqw,83.3333cqh,360px);min-width:min(100cqw,10rem + 20px);display:grid}.board-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-height:0;display:grid}.tile{border:2px solid #555;border-radius:.5rem;place-items:center;min-height:0;font-size:clamp(1rem,5cqh,2.5rem);font-weight:700;display:grid}.correct{background-color:#538d4e;border-color:#538d4e}.present{background-color:#b59f3b;border-color:#b59f3b}.absent{background-color:#3a3a3c;border-color:#3a3a3c}.status{text-align:center;align-self:center;margin:0;font-size:.9rem;line-height:1.5rem}.keyboard{gap:6px;display:grid}.keyboard-row{justify-content:center;gap:4px;display:flex}.key{background-color:#626775;flex:none;width:calc(10% - 3.6px);min-width:0;max-width:46px;height:clamp(44px,7dvh,54px);min-height:2.5rem;padding:0;font-size:clamp(.75rem,3.3vw,1rem);font-weight:700}.key.action-key{flex:1;width:auto;max-width:none}.key.correct{background-color:#538d4e}.key.present{background-color:#b59f3b}.key.absent{background-color:#3a3a3c}.key:disabled{cursor:default}:focus-visible{outline-offset:2px;outline:2px solid #90c8ff}.board:focus{outline:none}@media (orientation:landscape) and (height<=500px){@container (width>=34em){main{grid-template-rows:auto minmax(0,1fr) minmax(1.5rem,auto);grid-template-columns:minmax(0,1fr) minmax(17rem,1.25fr);gap:8px;width:min(100%,52rem);min-height:calc(12rem + 41px)}.board-area{grid-area:1/1/4}header{grid-area:1/2}.keyboard{grid-area:2/2;align-self:center}.status{grid-area:3/2}}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.confetti{pointer-events:none;z-index:20;width:100%;height:100%;position:fixed;inset:0}.confetti[hidden]{display:none}.result-dialog{color:#f2f3f5;text-align:center;background:#20242e;border:1px solid #555d70;border-radius:1rem;width:min(90vw,22rem);max-height:calc(100dvh - 2rem);padding:1.5rem;overflow:auto;box-shadow:0 1rem 4rem #0008}.result-dialog::backdrop{background:#000000b8}.result-dialog h2{margin:0 0 1rem;font-size:1.4rem}.result-dialog p{margin:0;line-height:1.5}.result-dialog .result-word{letter-spacing:.15em;margin-bottom:.75rem;font-size:2rem;font-weight:800}.next-puzzle{background:#477b43;width:100%;min-height:44px;margin-top:1.5rem;padding:.75rem;font-weight:700}.next-puzzle:hover{background:#3b6937}