:root{--hair: rgba(242, 240, 235, .14);--hair-up: rgba(242, 240, 235, .32);--hair-focus: rgba(242, 240, 235, .6);--dim: .45;--soft: .78;--slab-size: 17px;--slab-pad: 18px;--slab-track: .18em;--edge: 36px;--top: 32px}@media(max-width:600px){:root{--edge: 18px;--top: 22px}}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100svh}img{display:block}.top .wordmark{display:flex;align-items:center;height:var(--nav-h)}.stage{position:relative;min-height:100svh;display:grid;place-content:center;padding:var(--top) var(--edge);background:var(--bg)}.crest{position:fixed;inset:0;z-index:2;opacity:0;background:var(--red);-webkit-mask:url(/brand/GRIFFEN-LOGO.svg) 50% 50% / contain no-repeat;mask:url(/brand/GRIFFEN-LOGO.svg) 50% 50% / contain no-repeat;pointer-events:none}.stage.is-stamped .crest{animation:crest-glow 1.2s linear}@keyframes crest-glow{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.stage.is-stamped .crest{animation:none}}.words{position:relative;z-index:3;width:min(390px,100vw - 2 * var(--edge))}.pair{display:grid;gap:10px}.pair[hidden]{display:none}.slab-field{display:block;width:100%;padding:var(--slab-pad);border:0;border-radius:3px;box-shadow:inset 0 0 0 1px var(--hair-up);background:transparent;color:var(--fg);caret-color:var(--fg);font-family:inherit;font-size:var(--slab-size);font-weight:500;line-height:1.2;letter-spacing:var(--slab-track);text-transform:uppercase;outline:none}.slab-field::placeholder{color:var(--fg);opacity:var(--dim)}.slab-field:focus{box-shadow:inset 0 0 0 1px var(--hair-focus)}.slab-field[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--red)}.slab-action{display:block;width:100%;padding:var(--slab-pad);border:0;border-radius:3px;background:var(--fg);color:var(--bg);font-family:inherit;font-size:var(--slab-size);font-weight:500;line-height:1.2;letter-spacing:var(--slab-track);text-transform:uppercase;text-align:center;cursor:pointer}.slab-action:hover{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.slab-action:disabled{opacity:var(--dim);cursor:default}.pair.is-done .slab-field{opacity:var(--dim)}.pair.is-done .slab-action,.pair.is-done .slab-action:disabled{opacity:1;background:var(--red);color:var(--fg);box-shadow:none}.line{font-size:13px;line-height:1.5;opacity:var(--soft)}.line-slot{min-height:19.5px}.line-error{color:var(--red);opacity:1}.turnstile{position:absolute;width:0;height:0;overflow:hidden}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.legal,.door{position:fixed;bottom:var(--top);z-index:3;display:flex;gap:18px}.legal{left:var(--edge)}.door{right:var(--edge)}.aside{font-size:11px;font-weight:500;line-height:1;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:#f2f0eb8c;background:none;border:0;padding:0;font-family:inherit;cursor:pointer}.aside:hover{color:var(--fg)}