*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070604;color:#d7c79d}body{position:fixed;inset:0;font-family:Arial,sans-serif}#mother{height:100dvh;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 42%,#19150e 0,#0b0906 35%,#050403 75%)}.grain{position:absolute;inset:0;opacity:.11;pointer-events:none;background:repeating-radial-gradient(circle at 0 0,#fff 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,transparent 0 7px,#fff 8px,transparent 9px);mix-blend-mode:overlay;animation:drift 12s steps(2,end) infinite}.signal{text-align:center;width:min(86vw,420px);position:relative}.eleven{font:900 min(48vw,220px)/.75 Impact,"Arial Black",sans-serif;letter-spacing:-.1em;margin-left:-.08em;color:#d5c493;text-shadow:0 2px 0 #3b3020}.line{height:1px;background:#5d5238;margin:35px auto 22px;width:0;animation:line 1.8s ease .6s forwards}p{opacity:0;font:700 9px/1.3 monospace;letter-spacing:.23em;color:#756b52;animation:appear 1s ease 1.5s forwards}button{margin-top:45px;width:42px;height:42px;border:0;background:transparent;color:#494230;font-size:25px;opacity:.25}button:active{transform:scale(.85)}.wake .eleven{animation:ghost .38s steps(2,end)}@keyframes line{to{width:72%}}@keyframes appear{to{opacity:1}}@keyframes drift{0%,92%,100%{transform:none;opacity:.09}93%{transform:translateY(2px);opacity:.2}94%{transform:translateY(-1px);opacity:.04}95%{transform:none;opacity:.09}}@keyframes ghost{0%,100%{text-shadow:0 2px 0 #3b3020}35%{text-shadow:5px 0 #692a20,-4px 0 #174d4b}70%{text-shadow:-3px 0 #692a20,3px 0 #8b6a1e}}@media(prefers-reduced-motion:reduce){*{animation:none!important}.line{width:72%}p{opacity:1}}