:root{--grass: #2f6320;--grass-dark: #214916;--wood: #c98a4b;--wood-dark: #8a5a2b;--slot: #a86d35;--cream: #fbeccb;--ink: #2b1a0c;--hint: #d9f0c4;--good: #1f6b12;--bad: #9b1c1c;--gap: clamp(4px, 1.4vw, 10px);--menu-green: #218a32;--menu-blue: #1a56c4;--sky: #1d5bb8;--sky-dark: #0f3677;--correct: #218a32;--present: #e07a00;--absent: #5f6570;font-family:Verdana,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:700;color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--grass) radial-gradient(circle at 50% 30%,#3f7d2c,var(--grass) 55%,var(--grass-dark)) fixed;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}.menu{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5dvh;padding:24px 16px;background:var(--cream)}.menu-button{width:min(92vw,760px);height:min(34dvh,360px);font-size:clamp(44px,12vw,120px);font-weight:800;color:#fff;border:6px solid #fff6;border-radius:40px;text-shadow:0 4px 0 #0005}.menu-ordspil{background:linear-gradient(#36b34a,var(--menu-green));box-shadow:0 12px #135a1e,0 18px 30px #0005}.menu-gaet{background:linear-gradient(#3b7ff0,var(--menu-blue));box-shadow:0 12px #0c3480,0 18px 30px #0005}.menu-button:active{transform:translateY(10px);box-shadow:0 2px #0006}.theme-ordspil,.theme-gaet{min-height:100dvh}.theme-gaet{background:var(--sky) radial-gradient(circle at 50% 30%,#2f74d6,var(--sky) 55%,var(--sky-dark)) fixed}.start{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6dvh;padding:24px 16px}.start-back{position:absolute;top:max(8px,env(safe-area-inset-top));left:8px}.start-title{margin:0;color:var(--cream);font-size:clamp(44px,12vw,100px);text-shadow:0 4px 0 #0005;text-align:center}.big-button{min-width:min(80vw,520px);padding:.5em .9em;font-size:clamp(36px,10vw,80px);font-weight:800;background:linear-gradient(#f28b3c,#d9531e);color:#fff;border:4px solid #fff3;border-radius:28px;box-shadow:0 8px #8f3510,0 12px 24px #0006;text-shadow:0 3px 0 #0004}.big-button-sub{display:block;font-size:.5em;font-weight:700;opacity:.9}.big-button:active{transform:translateY(6px);box-shadow:0 2px #8f3510,0 4px 10px #0006}.game{min-height:100dvh;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom))}.game-header{display:flex;align-items:center;gap:12px}.small-button{width:clamp(52px,12vw,72px);height:clamp(52px,12vw,72px);flex-shrink:0;font-size:clamp(28px,7vw,40px);background:var(--wood-dark);color:var(--cream);border:none;border-radius:16px;box-shadow:0 4px #0005}.small-button .button-icon{display:block;width:80%;height:80%;margin:auto}.level-label{flex:1;text-align:center;color:var(--cream);font-size:clamp(22px,6.5vw,48px);white-space:nowrap;margin-right:clamp(52px,12vw,72px)}@media(max-width:440px){.level-label{margin-right:0}}.level{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:1.2dvh;padding-top:1dvh;--box: min(calc((100vw - 44px) / var(--slot-count) - var(--gap)), 9.2dvh, 100px);--tile: min(calc((100vw - 24px) / var(--tile-count) - 2 * var(--gap)), 11.5dvh, 140px)}@media(max-width:600px)and (max-aspect-ratio:2/3){.level{--tile: min(calc((100vw - 24px) / var(--tile-count-narrow) - 2 * var(--gap)), 10dvh, 140px)}}.board{display:flex;flex-direction:column;align-items:center;gap:var(--gap);width:min(100%,720px);padding:clamp(8px,2.5dvh,24px) 4px;background:repeating-linear-gradient(90deg,#0000 0,#0000 6px,#0000000d 6px,#0000000d 8px),var(--wood);border:5px solid var(--wood-dark);border-radius:24px;box-shadow:inset 0 0 0 3px #e3b57f,0 8px 20px #0005}.slot-row{display:flex;gap:var(--gap)}.box{width:var(--box);height:var(--box);display:grid;place-items:center;font-size:calc(var(--box) * .66);line-height:1;border-radius:calc(var(--box) * .16)}.box.empty{background:var(--slot);box-shadow:inset 0 3px 6px #0004}.box.filled,.box.hint,.current-box{background:var(--cream);border:3px solid var(--wood-dark);box-shadow:0 4px 0 var(--wood-dark)}.box.filled{animation:pop .35s ease-out}.box.hint{background:var(--hint);border-style:dashed}.current{min-height:calc(var(--box) + 8px);display:flex;align-items:center;justify-content:center;gap:var(--gap)}.current-placeholder{color:var(--cream);font-size:clamp(22px,6vw,40px);opacity:.85}.current.shake{animation:shake .5s}.current.shake .current-box{border-color:var(--bad);background:#ffd9d9}.message{min-height:1.3em;text-align:center;font-size:clamp(22px,5.5vw,38px);color:var(--cream);padding:0 8px}.message.good,.message.bad{display:inline-block;align-self:center;border-radius:16px;padding:2px 16px;background:var(--cream)}.message.good{color:var(--good)}.message.bad{color:var(--bad)}.tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--gap) * 2);max-width:100%}.tile{width:var(--tile);height:var(--tile);padding:0;font-size:calc(var(--tile) * .66);line-height:1;background:linear-gradient(#fff4dc,#f0d9a8);border:3px solid var(--wood-dark);border-radius:calc(var(--tile) * .18);box-shadow:0 6px 0 var(--wood-dark),0 10px 16px #0005;transition:transform .08s,opacity .15s}.tile:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px 0 var(--wood-dark)}.tile.used{opacity:.3;transform:translateY(5px);box-shadow:none}.actions{display:flex;justify-content:center;gap:var(--gap);width:min(100%,720px)}.action{flex:1;min-height:64px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:clamp(20px,4.2vw,32px);line-height:1.1;text-align:center;background:var(--wood-dark);color:var(--cream);border:none;border-radius:18px;box-shadow:0 5px #0006}.action span{font-size:1.2em}.action:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0006}.action:disabled{opacity:.45}@media(max-width:440px){.actions{display:grid;grid-template-columns:1fr 1fr}.action{flex-direction:row;gap:8px;min-height:56px}}.gaet{--tile: min( calc((100vw - 40px)/5 - 10px) , 7.6dvh, 90px);--key-gap: clamp(3px, 1vw, 8px);--key: min(calc((100vw - 16px - 10 * var(--key-gap)) / 11), 78px);--key-h: min(calc(var(--key) * 1.45), 7.6dvh, 88px);gap:1dvh}.gaet-board{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-top:1dvh}.gaet-row{display:flex;gap:8px}.gaet-row.shake{animation:shake .5s}.gaet-tile{width:var(--tile);height:var(--tile);display:grid;place-items:center;font-size:calc(var(--tile) * .66);line-height:1;color:var(--ink);background:#fff;border:3px solid #9fb6dc;border-radius:12px}.gaet-tile.typed{border-color:var(--ink);animation:pop .15s ease-out}.gaet-tile.correct,.gaet-tile.present,.gaet-tile.absent{color:#fff;border-color:transparent;text-shadow:0 2px 0 #0004;animation:reveal .4s ease-out both}.correct{background:var(--correct)}.present{background:var(--present)}.absent{background:var(--absent)}.gaet .message{min-height:1.3em}.gaet-answer{font-size:clamp(48px,13vw,100px);letter-spacing:.08em;color:var(--correct)}.keyboard{display:flex;flex-direction:column;align-items:center;gap:var(--key-gap);padding-bottom:4px}.key-row{display:flex;gap:var(--key-gap)}.key{width:var(--key);height:var(--key-h);padding:0;font-size:min(calc(var(--key) * .66),calc(var(--key-h) * .5));font-weight:800;line-height:1;color:var(--ink);background:#f4f7fc;border:none;border-radius:10px;box-shadow:0 4px #0a2a5e}.key:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0a2a5e}.key.correct,.key.present,.key.absent{color:#fff;text-shadow:0 2px 0 #0004}.key.correct{background:var(--correct)}.key.present{background:var(--present)}.key.absent{background:var(--absent)}.key.wide{width:calc(var(--key) * 2 + var(--key-gap))}.key-enter{font-size:min(calc(var(--key) * .6),calc(var(--key-h) * .45));background:var(--ink);color:#fff}.key-delete{background:#c7d5ec}.gaet .level-label{margin-right:0}.rules{gap:2dvh;padding:3dvh 20px;--tile: min( calc((100vw - 120px)/5 - 8px) , 6dvh, 64px)}.rules .overlay-text{font-size:min(clamp(22px,5.5vw,40px),4.2dvh)}.rules .big-button{font-size:min(clamp(30px,8vw,64px),6dvh)}.rules .gaet-tile.typed{border-color:#9fb6dc;animation:none}.rule{display:flex;flex-direction:column;align-items:center;gap:8px}.rule-text{font-size:min(clamp(20px,4.6vw,32px),3.4dvh)}@media(max-width:440px){.gaet{--tile: min( calc((100vw - 40px)/5 - 10px) , 6.6dvh, 90px);--key: calc((100vw - 16px - 5 * var(--key-gap)) / 6);--key-h: min(calc(var(--key) * 1.1), 5.6dvh);gap:.6dvh}.keyboard.narrow .key{font-size:min(calc(var(--key) * .62),calc(var(--key-h) * .66))}.keyboard.narrow .key.wide{width:var(--key)}.keyboard.narrow .key.key-enter{width:calc(var(--key) * 6 + 5 * var(--key-gap))}}@keyframes reveal{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#0009;overflow-y:auto;animation:fade .3s}.overlay-card{display:flex;flex-direction:column;align-items:center;gap:3dvh;padding:5dvh 24px;width:min(100%,640px);text-align:center;background:var(--cream);border:6px solid var(--wood-dark);border-radius:32px;animation:pop .4s ease-out}.overlay-emoji{font-size:clamp(64px,18vw,140px);line-height:1}.overlay-title{font-size:clamp(40px,11vw,88px);color:var(--good)}.overlay-text{font-size:clamp(24px,6vw,44px)}.overlay .big-button{min-width:0;width:100%;font-size:clamp(30px,8vw,64px)}.big-button.secondary{background:var(--wood-dark);box-shadow:0 8px #4a2e12,0 12px 24px #0006}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-12px)}40%,80%{transform:translate(12px)}}@keyframes fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}