.cw[data-v-62174fd2]{position:relative;display:flex;flex-direction:column;gap:14px;overflow:hidden}.win-burst[data-v-62174fd2]{position:absolute;right:18px;top:18px;z-index:2;background:var(--green);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 14px 30px #16a34a38;animation:burst-pop-62174fd2 1.4s ease-out forwards;pointer-events:none}@keyframes burst-pop-62174fd2{0%{opacity:0;transform:translateY(12px) scale(.9)}18%{opacity:1;transform:translateY(0) scale(1.03)}78%{opacity:1}to{opacity:0;transform:translateY(-8px) scale(.98)}}.crossword-layout[data-v-62174fd2]{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,.8fr);gap:18px;align-items:start}.grid-card[data-v-62174fd2]{background:var(--surface-2);background-image:var(--grain);border:1px solid var(--line);border-radius:0;padding:16px}.grid-wrap[data-v-62174fd2]{display:flex;justify-content:center;margin:0 auto;width:100%;overflow:hidden}.grid[data-v-62174fd2]{display:grid;width:100%;gap:3px;background:var(--ink);border:3px solid var(--ink);border-radius:0;overflow:hidden}.cell[data-v-62174fd2]{position:relative;aspect-ratio:1;background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:text;min-width:0;min-height:0}.cell.block[data-v-62174fd2]{background:var(--ink);cursor:default}.cell.beam[data-v-62174fd2]{background:#efe5c9}.cell.active[data-v-62174fd2]{background:#f5d9c9;box-shadow:inset 0 0 0 2px var(--brand)}.cell.correct .cell-letter[data-v-62174fd2]{color:var(--green)}.num[data-v-62174fd2]{position:absolute;top:2px;left:3px;font-family:var(--grotesk);font-size:clamp(7px,1.8vw,10px);font-weight:800;color:var(--muted);pointer-events:none;line-height:1.1}.cell-letter[data-v-62174fd2]{font-family:var(--grotesk);font-weight:900;font-size:clamp(13px,4.7vw,24px);color:var(--ink);line-height:1;text-transform:uppercase;pointer-events:none}.cw-global-input[data-v-62174fd2]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px}.cw-global-input[data-v-62174fd2]:focus{outline:none}.grid-card[data-v-62174fd2]{position:relative}.clues[data-v-62174fd2]{display:grid;grid-template-columns:1fr;gap:12px}.clue-card[data-v-62174fd2]{background:var(--surface-2);border:1px solid var(--line);border-radius:0;padding:14px}.clues h3[data-v-62174fd2]{font-family:var(--grotesk);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:8px;margin:0 0 10px}.clues ol[data-v-62174fd2]{list-style:none;margin:0;padding:0}.clues li[data-v-62174fd2]{display:grid;grid-template-columns:24px 1fr;gap:8px;font-family:var(--body);font-size:14px;line-height:1.35;color:var(--muted);margin-bottom:8px}.clues li b[data-v-62174fd2]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:0;background:var(--surface);font-family:var(--grotesk);font-weight:900;font-size:12px;color:var(--brand)}.actions[data-v-62174fd2]{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.shake[data-v-62174fd2]{animation:shake-62174fd2 .5s}@keyframes shake-62174fd2{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media(max-width:820px){.crossword-layout[data-v-62174fd2]{grid-template-columns:1fr}.grid-card[data-v-62174fd2]{padding:10px}.statline[data-v-62174fd2]{align-items:flex-start}.actions[data-v-62174fd2]{justify-content:flex-start}.clues[data-v-62174fd2]{grid-template-columns:1fr}}@media(max-width:420px){.grid[data-v-62174fd2]{gap:2px;border-width:2px;border-radius:12px}.num[data-v-62174fd2]{top:1px;left:2px}.clues li[data-v-62174fd2]{font-size:13px}}.ws[data-v-8f8c6de3]{position:relative;display:flex;flex-direction:column;gap:14px;max-width:620px;margin:0 auto;width:100%;overflow:hidden}.win-burst[data-v-8f8c6de3]{position:absolute;inset:auto 18px 18px auto;z-index:2;background:var(--green);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 14px 30px #16a34a38;animation:burst-pop-8f8c6de3 1.4s ease-out forwards;pointer-events:none}@keyframes burst-pop-8f8c6de3{0%{opacity:0;transform:translateY(12px) scale(.9)}18%{opacity:1;transform:translateY(0) scale(1.03)}78%{opacity:1}to{opacity:0;transform:translateY(-8px) scale(.98)}}.grid[data-v-8f8c6de3]{display:grid;width:min(100%,462px);margin:0 auto;gap:4px;touch-action:none;-webkit-user-select:none;user-select:none}.ws-cell[data-v-8f8c6de3]{aspect-ratio:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--surface-2);font-family:var(--grotesk);font-weight:900;font-size:clamp(12px,3.8vw,20px);color:var(--ink);cursor:pointer;border-radius:0;border:1px solid var(--line)}.ws-cell.sel[data-v-8f8c6de3]{background:#f5d9c9;border-color:var(--brand)}.ws-cell.got[data-v-8f8c6de3]{background:#2f7d4a29;color:var(--ink);border-color:#2f7d4a59}.words[data-v-8f8c6de3]{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0;padding:0}.words li[data-v-8f8c6de3]{font-family:var(--grotesk);font-weight:800;font-size:13px;letter-spacing:.05em;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:0;padding:7px 10px}.words li.done[data-v-8f8c6de3]{color:var(--gray-1);text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}.wo[data-v-01c20000]{position:relative;display:flex;flex-direction:column;gap:clamp(8px,1.6dvh,14px);max-width:560px;margin:0 auto;width:100%;flex:1;min-height:0;overflow:hidden}.celebration[data-v-01c20000]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:2}.celebration span[data-v-01c20000]{position:absolute;left:50%;top:45%;width:9px;height:18px;border-radius:999px;background:var(--brand);animation:confetti-01c20000 1.2s ease-out forwards;transform:rotate(calc(var(--i, 1) * 12deg))}.celebration span[data-v-01c20000]:nth-child(2n){background:var(--green)}.celebration span[data-v-01c20000]:nth-child(3n){background:var(--gold)}.celebration span[data-v-01c20000]:nth-child(4n){background:var(--red)}.celebration span[data-v-01c20000]:nth-child(1){--x:-150px;--y:-180px}.celebration span[data-v-01c20000]:nth-child(2){--x:-100px;--y:-210px}.celebration span[data-v-01c20000]:nth-child(3){--x:-45px;--y:-170px}.celebration span[data-v-01c20000]:nth-child(4){--x:35px;--y:-215px}.celebration span[data-v-01c20000]:nth-child(5){--x:95px;--y:-165px}.celebration span[data-v-01c20000]:nth-child(6){--x:150px;--y:-200px}.celebration span[data-v-01c20000]:nth-child(7){--x:-170px;--y:-90px}.celebration span[data-v-01c20000]:nth-child(8){--x:-125px;--y:-120px}.celebration span[data-v-01c20000]:nth-child(9){--x:-70px;--y:-80px}.celebration span[data-v-01c20000]:nth-child(10){--x:70px;--y:-90px}.celebration span[data-v-01c20000]:nth-child(11){--x:125px;--y:-130px}.celebration span[data-v-01c20000]:nth-child(12){--x:170px;--y:-95px}.celebration span[data-v-01c20000]:nth-child(13){--x:-130px;--y:30px}.celebration span[data-v-01c20000]:nth-child(14){--x:-65px;--y:55px}.celebration span[data-v-01c20000]:nth-child(15){--x:0;--y:35px}.celebration span[data-v-01c20000]:nth-child(16){--x:65px;--y:55px}.celebration span[data-v-01c20000]:nth-child(17){--x:130px;--y:30px}.celebration span[data-v-01c20000]:nth-child(18){--x:0;--y:-220px}@keyframes confetti-01c20000{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotate(260deg)}}.board[data-v-01c20000]{display:flex;flex-direction:column;gap:clamp(4px,1dvh,7px);align-items:center;margin:0;width:100%;min-height:0}.wrow[data-v-01c20000]{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(4px,1vw,7px);width:min(100%,calc((100dvh - 260px)*.86),330px)}.wtile[data-v-01c20000]{aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;font-family:var(--grotesk);font-weight:900;font-size:clamp(19px,7vw,30px);text-transform:uppercase;color:var(--ink);background:var(--surface-2);border:2px solid var(--line);border-radius:0}.wtile.active[data-v-01c20000]{border-color:var(--ink)}.wtile.correct[data-v-01c20000]{background:var(--green);border-color:var(--green);color:#fff}.wtile.present[data-v-01c20000]{background:var(--gold);border-color:var(--gold);color:var(--ink)}.wtile.absent[data-v-01c20000]{background:#8b8171;border-color:#8b8171;color:#fff}.kbd[data-v-01c20000]{display:flex;flex-direction:column;gap:clamp(4px,1dvh,6px);align-items:center;margin-top:auto;width:100%}.krow[data-v-01c20000]{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;justify-content:center;width:100%}.key[data-v-01c20000]{min-width:0;height:clamp(36px,8.8dvh,52px);border:0;border-radius:0;cursor:pointer;background:var(--surface-2);color:var(--ink);font-family:var(--grotesk);font-weight:900;font-size:clamp(11px,3.2vw,14px);display:flex;align-items:center;justify-content:center;transition:transform .08s,background .2s;border:1px solid var(--line);padding:0}.key[data-v-01c20000]:active{transform:translateY(1px)}.key.wide[data-v-01c20000]{font-size:clamp(14px,4vw,18px)}.key.correct[data-v-01c20000]{background:var(--green);color:#fff}.key.present[data-v-01c20000]{background:var(--gold)}.key.absent[data-v-01c20000]{background:#8b8171;color:#fff}.shake[data-v-01c20000]{animation:wshake-01c20000 .45s}@keyframes wshake-01c20000{0%,to{transform:translate(0)}25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}.statline .btn[data-v-01c20000]{padding:9px 14px;font-size:13px}.invalid[data-v-01c20000]{color:var(--brand);font-weight:900;letter-spacing:.02em}@media(max-height:720px){.wo[data-v-01c20000]{gap:8px;padding:14px}.wrow[data-v-01c20000]{width:min(100%,270px)}.key[data-v-01c20000]{height:38px;border-radius:8px}.statline[data-v-01c20000]{padding-top:10px;font-size:13px}}@media(max-height:620px){.wrow[data-v-01c20000]{width:min(100%,235px)}.key[data-v-01c20000]{height:34px}.statline .btn[data-v-01c20000]{padding:7px 11px}}.page-enter-active,.page-leave-active{transition:opacity .18s ease,transform .18s ease}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0;transform:translateY(-2px)}.page-leave-active{transition-duration:.12s}:root{--bg:#F3EFE6;--surface:#FFFDF7;--surface-2:#E9E1D0;--ink:#181714;--muted:#6E665A;--line:#D8CDB7;--brand:#D94A35;--brand-dark:#B73525;--blue-ink:#1F3A5F;--green:#2F7D4A;--gold:#D9A441;--red:#D94A35;--gray-1:#A59A87;--gray-2:#6E665A;--gray-3:#3B352E;--paper-cell:var(--surface-2);--rule:var(--line);--display:"Fraunces", Georgia, serif;--body:"Newsreader", Georgia, serif;--grotesk:"Archivo", ui-sans-serif, system-ui, sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);overflow-x:hidden}body{margin:0;min-height:100%;background:var(--bg);background-image:var(--grain),radial-gradient(circle at 20% 0%,rgba(217,74,53,.12),transparent 32%),radial-gradient(circle at 80% 10%,rgba(31,58,95,.1),transparent 28%);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}button{touch-action:manipulation}#app{min-height:100vh}.app-shell{width:min(1160px,100%);margin:0 auto;padding:22px 24px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.sound-toggle{position:fixed;right:18px;top:18px;z-index:10;border:1px solid rgba(24,23,20,.22);border-radius:0;background:#fffdf7e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font-family:var(--grotesk);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;box-shadow:0 10px 30px #18171414;cursor:pointer;transition:transform .16s ease,background .16s ease}.sound-toggle:hover{transform:translateY(-1px);background:var(--surface)}.home-view{display:flex;flex-direction:column;gap:18px;flex:1;min-height:0}.hero{position:relative;padding:18px 0;border-top:4px double var(--ink);border-bottom:1px solid var(--ink);animation:page-enter .32s ease-out both}.hero:after{content:"";position:absolute;right:0;bottom:-1px;width:min(280px,34vw);height:5px;background:var(--brand);transform-origin:left;animation:rule-draw .42s .12s ease-out both}.issue-line{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:0 0 10px;margin-bottom:18px;border-bottom:1px solid var(--line);font-family:var(--grotesk);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-3)}.issue-line span:nth-child(2){text-align:center;color:var(--brand)}.issue-line span:last-child{text-align:right}.eyebrow{margin:0 0 6px;color:var(--brand);font-family:var(--grotesk);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;animation:stamp-in .5s .08s ease-out both}.hero h1,.game-topbar h1{margin:0;color:var(--ink);font-family:var(--display);font-weight:900;letter-spacing:-.055em;line-height:.9}.hero-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(22px,5vw,72px);align-items:end}.hero h1{font-size:clamp(48px,8vw,96px);max-width:12ch;animation:headline-in .42s .04s cubic-bezier(.16,1,.3,1) both}.hero h1 span{display:block}.hero-note{position:relative;margin:0 0 4px;padding:18px 18px 16px;background:var(--ink);color:var(--surface);box-shadow:10px 10px #d94a352e;animation:page-enter .32s .1s ease-out both}.hero-note:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(255,253,247,.22);pointer-events:none}.hero-note span{display:inline-block;margin-bottom:18px;color:var(--gold);font-family:var(--grotesk);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero-note strong{display:block;font-family:var(--display);font-size:clamp(24px,3vw,36px);line-height:.95;letter-spacing:-.045em}.hero-note p{margin:12px 0 0;color:#fffdf7b8;font-size:16px;line-height:1.35}.games-grid{display:grid;grid-template-columns:1.15fr .92fr .92fr;gap:16px;align-items:stretch}.game-card{position:relative;display:flex;flex-direction:column;gap:14px;min-height:232px;padding:18px;background:var(--surface);background-image:linear-gradient(135deg,rgba(217,74,53,.08),transparent 42%),var(--grain);border:1px solid var(--ink);border-radius:0;box-shadow:8px 8px #18171414;animation:card-in .36s calc(.08s + var(--card-index, 0) * .05s) cubic-bezier(.16,1,.3,1) both;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;overflow:hidden}.game-card:after{content:"";position:absolute;right:-38px;top:-38px;width:116px;height:116px;border:1px solid rgba(24,23,20,.12);border-radius:50%;background:#d94a3514}.game-card:nth-child(2){background-image:linear-gradient(135deg,rgba(31,58,95,.1),transparent 46%),var(--grain)}.game-card:nth-child(2) .game-card__number{color:var(--blue-ink)}.game-card:nth-child(2):after{background:#1f3a5f14}.game-card:nth-child(3){background-image:linear-gradient(135deg,rgba(47,125,74,.1),transparent 46%),var(--grain)}.game-card:nth-child(3) .game-card__number{color:var(--green)}.game-card:nth-child(3):after{background:#2f7d4a14}.game-card:first-child{min-height:270px;padding:22px}.game-card:hover{transform:translate(-2px,-2px);box-shadow:14px 14px #1817141a}.game-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.game-card__number{font-family:var(--display);font-weight:900;font-size:42px;line-height:.78;color:var(--brand);letter-spacing:-.08em;transition:transform .18s ease}.game-card:hover .game-card__number{transform:rotate(-4deg) scale(1.04)}.game-card__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.game-card__label{margin:0;color:var(--gray-3);font-family:var(--grotesk);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;text-align:right}.game-card h2{margin:0;font-family:var(--display);font-size:clamp(30px,3vw,42px);line-height:.92;letter-spacing:-.045em}.game-card p:not(.game-card__label){margin:0;color:var(--muted);font-size:15px;line-height:1.35;max-width:34ch}.primary-action,.back-action,.btn{border:0;border-radius:0;cursor:pointer;font-family:var(--grotesk);font-weight:900;letter-spacing:.04em;transition:transform .12s ease,background .12s ease,opacity .12s ease,box-shadow .12s ease}.primary-action{position:relative;z-index:1;margin-top:auto;width:100%;padding:13px 16px;background:var(--ink);color:var(--surface);text-transform:uppercase}.primary-action:hover,.btn-primary:hover{background:var(--brand-dark);box-shadow:0 6px #1817141f}.primary-action:active,.back-action:active,.btn:active{transform:translateY(1px)}.game-view{display:flex;flex-direction:column;gap:14px;min-height:calc(100dvh - 48px);animation:page-enter .24s ease-out both}.game-view--wordle{height:calc(100dvh - 48px);min-height:0;overflow:hidden;animation:fade-in .2s ease-out both}.game-view--wordle .game-topbar{flex:0 0 auto}.game-view--wordle .game-panel{animation:fade-in .2s ease-out both;box-shadow:6px 6px #1817140d}.game-topbar{display:flex;align-items:center;gap:18px;padding:4px 0 8px;border-bottom:1px solid var(--line)}.game-topbar h1{font-size:clamp(30px,5vw,54px)}.back-action{padding:11px 16px;background:var(--surface);color:var(--ink);border:1px solid var(--ink)}.game-panel{background:var(--surface);background-image:var(--grain);border:1px solid var(--line);border-radius:0;padding:22px;box-shadow:8px 8px #1817140f;width:100%;min-width:0;animation:panel-in .36s .06s ease-out both}.game-title{margin:0;font-size:clamp(28px,5vw,44px);letter-spacing:-.04em;line-height:1;font-weight:900}.game-sub{margin:0;color:var(--muted);font-size:16px;line-height:1.45}.empty-state{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--muted);font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.btn{padding:10px 14px;font-size:14px}.btn-primary{background:var(--brand);color:#fff}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.statline{display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--muted);font-size:14px;font-weight:700;padding-top:14px;border-top:1px solid var(--line)}.statline b{color:var(--ink)}.win{color:var(--green);font-weight:900}@keyframes page-enter{0%{opacity:.82;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:.86;transform:translateY(12px) rotate(.25deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes headline-in{0%{opacity:.9;transform:translateY(10px);letter-spacing:-.075em}to{opacity:1;transform:translateY(0);letter-spacing:-.055em}}@keyframes stamp-in{0%{opacity:.82;transform:translateY(-3px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes rule-draw{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:860px){.app-shell{padding:14px 16px}.hero-layout{grid-template-columns:1fr;gap:16px;align-items:start}.hero-note{padding:14px 14px 13px;box-shadow:6px 6px #d94a3529}.hero-note span{margin-bottom:8px}.hero-note p{font-size:14px}.games-grid{grid-template-columns:1fr}.game-card,.game-card:first-child{min-height:auto;padding:16px}.game-topbar{align-items:flex-start;flex-direction:column;gap:8px}.game-panel{padding:16px}.statline{flex-direction:column;align-items:flex-start}.game-view{min-height:calc(100dvh - 36px)}.game-view--wordle{height:calc(100dvh - 36px)}}@media(max-width:420px){.app-shell{padding:10px 12px}.sound-toggle{right:10px;top:10px;padding:8px 10px;font-size:11px}.hero{padding-top:12px;padding-bottom:6px}.issue-line{display:flex;gap:10px;overflow:hidden;white-space:nowrap;font-size:9px;margin-right:92px}.issue-line span:nth-child(2){display:none}.issue-line span:last-child{display:none}.hero h1{font-size:clamp(42px,15vw,58px);max-width:11ch}.hero-note{display:none}.game-card__number{font-size:38px}.game-card h2{font-size:32px}.game-panel{padding:12px}.game-title{font-size:28px}.game-sub{font-size:14px}.game-view{min-height:calc(100dvh - 20px)}.game-view--wordle{height:calc(100dvh - 20px)}}