.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--webgl{box-shadow:0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d}.glass-surface__canvas,.glass-surface__frame{border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.glass-surface__frame{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--fallback{background:var(--lightningcss-light,hsl(0 0% 100%/calc(.12 + var(--glass-frost,0) * .5)))var(--lightningcss-dark,hsl(0 0% 100%/calc(.04 + var(--glass-frost,0) * .3)));-webkit-backdrop-filter:blur(12px) saturate(calc(var(--glass-saturation,1) * 1.4)) brightness(1.04);backdrop-filter:blur(12px) saturate(calc(var(--glass-saturation,1) * 1.4)) brightness(1.04);box-shadow:inset 0 1px var(--lightningcss-light,#ffffffd9)var(--lightningcss-dark,#ffffff4d),inset 0 -1px var(--lightningcss-light,#ffffff59)var(--lightningcss-dark,#ffffff14),inset 0 0 2px 1px var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#ffffff47),inset 0 0 12px 3px var(--lightningcss-light,#ffffff47)var(--lightningcss-dark,#ffffff1a),0 4px 16px #11111a0f,0 8px 24px #11111a0f,0 16px 56px #11111a0f;box-shadow:inset 0 1px var(--lightningcss-light,lab(100% 0 0/.85098))var(--lightningcss-dark,lab(100% 0 0/.301961)),inset 0 -1px var(--lightningcss-light,lab(100% 0 0/.34902))var(--lightningcss-dark,lab(100% 0 0/.0784314)),inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.12))var(--lightningcss-dark,lab(100% 0 0/.28)),inset 0 0 12px 3px var(--lightningcss-light,lab(100% 0 0/.28))var(--lightningcss-dark,lab(100% 0 0/.1)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0588235),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0588235),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0588235)}.glass-surface__sheen,.glass-surface__rim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glass-surface__sheen{background:linear-gradient(135deg,var(--lightningcss-light,#ffffff6b)var(--lightningcss-dark,#ffffff24) 0%,#0000 42% 64%,var(--lightningcss-light,#ffffff2e)var(--lightningcss-dark,#ffffff0d) 100%)}.glass-surface__rim{-webkit-mask-composite:xor;background:linear-gradient(150deg,var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff57),var(--lightningcss-light,#ffffff1a)var(--lightningcss-dark,#ffffff08) 45%,var(--lightningcss-light,#ffffff14)var(--lightningcss-dark,#ffffff05) 60%,var(--lightningcss-light,#ffffff6b)var(--lightningcss-dark,#ffffff2e));padding:3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass-surface__line,.glass-surface__glow{pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.glass-surface--svg .glass-surface__line,.glass-surface--webgl .glass-surface__line{background:var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59);background:var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35))}.glass-surface--svg .glass-surface__glow,.glass-surface--webgl .glass-surface__glow{background:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26);background:var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15))}.glass-surface--fallback .glass-surface__line{background:var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#ffffff47);background:var(--lightningcss-light,lab(0% 0 0/.12))var(--lightningcss-dark,lab(100% 0 0/.28))}.glass-surface--fallback .glass-surface__glow{background:var(--lightningcss-light,#ffffff47)var(--lightningcss-dark,#ffffff1a);background:var(--lightningcss-light,lab(100% 0 0/.28))var(--lightningcss-dark,lab(100% 0 0/.1))}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-surface--fallback{background:var(--lightningcss-light,#ffffffb8)var(--lightningcss-dark,#1f1f1fb8)}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}
.verbo-area{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;min-height:100dvh;padding:7.5rem 1rem 2rem;display:flex;position:relative}.verbo-headline{text-align:center;color:#f4f4f5;text-wrap:balance}.verbo-headline h1{letter-spacing:-.03em;color:#fff;text-shadow:0 2px 24px #020817b3;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.05}.verbo-headline p{color:#f4f4f5;text-shadow:0 1px 14px #020817cc;margin-top:.7rem;font-size:clamp(.95rem,1.8vw,1.1rem)}.verbo-headline__meta{font-variant-numeric:tabular-nums;background:#06121b99;border:1px solid #ffffff2e;border-radius:999px;margin-top:.9rem;padding:.25rem .8rem;font-size:.9rem;font-weight:600;display:inline-block}.verbo-grid{--gap:clamp(.25rem, 1.2vw, .5rem);--cell-w:min(56px, calc((min(92vw, 900px) - (var(--n) - 1) * var(--gap)) / var(--n)));--cell-h:calc(var(--cell-w) * 8 / 7);--row-gap:.75rem;--fade:1.5rem;width:min(96vw,900px);max-height:calc(5 * var(--cell-h) + 4 * var(--row-gap) + var(--fade) + .75rem);padding:var(--fade) .75rem .75rem;scrollbar-width:none;overscroll-behavior:contain;align-items:center;gap:var(--row-gap);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade));-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade));mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade));flex-direction:column;display:flex;overflow-y:auto}.verbo-grid::-webkit-scrollbar{display:none}.verbo-row{justify-content:center;gap:var(--gap);flex-wrap:nowrap;flex:none;display:flex}.verbo-cell{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#06121b99;border:1px solid #ffffff38;flex:none;transition:transform .22s,box-shadow .22s,border-color .22s}.verbo-cell:focus-within{border-color:#ffffff4d;box-shadow:inset 0 0 0 1px #ffffff38}.verbo-cell__input{color:#fafafa;text-align:center;width:100%;height:100%;font-size:clamp(1rem, calc(var(--cell-w) * .5), 1.75rem);text-transform:uppercase;caret-color:#0000;background:0 0;border:none;outline:none;font-weight:700}.verbo-cell__input:disabled{opacity:.95}.verbo-cell--correct{background:#14532d75;border-color:#4ade80bf;box-shadow:inset 0 0 0 1px #4ade8061,0 0 24px #4ade803d}.verbo-cell--present{background:#713f1270;border-color:#facc15b8;box-shadow:inset 0 0 0 1px #facc1561,0 0 24px #facc1533}.verbo-result{color:#fafafa;text-align:center;flex-direction:column;align-items:center;gap:.45rem;margin-top:.75rem;padding:1rem 1.5rem;display:flex}.verbo-result__word{letter-spacing:.08em;text-shadow:0 0 6px #22c55ecc,0 0 18px #10b981b3,0 0 34px #3b82f68c;font-size:clamp(1.9rem,5vw,3rem);font-weight:800;animation:1.6s ease-in-out infinite alternate verbo-glow}.verbo-status{color:#f4f4f5}.verbo-notice{opacity:0;pointer-events:none;color:#fafafa;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06121bd1;border:1px solid #fff3;border-radius:14px;width:min(92vw,520px);padding:.85rem 1rem;font-weight:600;transition:transform .24s,opacity .24s;position:fixed;top:1rem;left:50%;transform:translate(-50%)translateY(-115%)}.verbo-notice--visible{opacity:1;z-index:5;transform:translate(-50%)translateY(0)}@media (max-width:640px){.verbo-area{padding-top:6.8rem}}@keyframes verbo-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.verbo-row{animation:.26s ease-out verbo-pop}@media (prefers-reduced-motion:reduce){.verbo-row,.verbo-result__word{animation:none}.verbo-notice{transition:none}}@keyframes verbo-glow{0%{filter:brightness()}to{filter:brightness(1.2)}}
