.nightfall{--chalk:#fff1df;--amber:#ffb17b;--sea:#a6f7ea;width:100%;height:100svh;min-height:500px;color:var(--chalk);font-family:var(--font-dm-mono),monospace;-webkit-user-select:none;user-select:none;background:#050a15;position:relative;overflow:hidden}.nightfall *{box-sizing:border-box}.nightfall button{font:inherit;cursor:pointer}.nightfall button:focus-visible,.nightfall a:focus-visible,.nightfall__canvas:focus-visible{outline:2px solid var(--sea);outline-offset:4px}.nightfall__canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.nightfall__vignette{pointer-events:none;background:linear-gradient(90deg,#050916c9 0,#0000 31% 73%,#05091687 100%),linear-gradient(0deg,#050916f2 0,#0000 20% 83%,#05091695 100%);position:absolute;inset:0;box-shadow:inset 0 0 160px #02040bcc}.nightfall__grain{pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");position:absolute;inset:0}.nightfall__header{z-index:3;border-top:3px solid var(--amber);justify-content:space-between;align-items:center;gap:20px;padding:27px 36px;display:flex;position:absolute;top:0;left:0;right:0}.nightfall__brand{letter-spacing:.14em;color:#e7e6dc;white-space:nowrap;align-items:center;gap:12px;font-size:11px;display:flex}.nightfall__brand-icon{color:var(--amber);text-shadow:0 0 16px #ff905c;place-items:center;font-family:Georgia,serif;font-size:29px;line-height:1;display:grid}.nightfall__brand i{color:#76818a;margin:0 3px;font-style:normal}.nightfall__brand strong{color:var(--amber);font-weight:500}.nightfall__archive{color:#e9e7dd;letter-spacing:.17em;background:#07111bbd;border:1px solid #d7dfdd5c;align-items:center;gap:26px;padding:11px 14px;font-size:10px;text-decoration:none;transition:color .2s,background .2s,border-color .2s;display:flex}.nightfall__archive:hover{color:#07111b;background:var(--amber);border-color:var(--amber)}.nightfall__archive span{font-family:Georgia,serif;font-size:18px;line-height:.6}.nightfall__score{z-index:2;text-shadow:0 2px 16px #020710b5;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:113px;right:38px}.nightfall__score>span{color:#a8d7d2;letter-spacing:.23em;font-size:10px}.nightfall__score strong{letter-spacing:-.075em;color:#fff2db;margin-top:12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(65px,7vw,112px);font-weight:400;line-height:.8}.nightfall__score small{color:#bfa995;letter-spacing:.12em;margin-top:14px;font-size:11px}.nightfall__combo{z-index:2;color:var(--amber);letter-spacing:.18em;text-shadow:0 0 22px #ff985c;font-size:14px;animation:.3s ease-out nightfall-pop;position:absolute;top:235px;right:38px}.nightfall__intro{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;animation:.75s cubic-bezier(.22,.7,.2,1) both nightfall-arrive;display:flex;position:absolute;bottom:18%;left:4%}.nightfall__intro h1{letter-spacing:-.095em;color:#fff1de;text-shadow:0 7px #512a2d,0 17px 60px #000a;margin:0 0 27px -8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(82px,12.6vw,190px);font-style:italic;font-weight:400;line-height:.85}.nightfall__intro h1 span{color:var(--amber);text-shadow:0 0 40px #ff865b9c}.nightfall__intro button{pointer-events:auto;border:1px solid var(--amber);background:var(--amber);color:#15121b;letter-spacing:.16em;justify-content:space-between;align-items:center;gap:30px;min-width:285px;padding:18px 20px;font-size:11px;font-weight:500;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:5px 5px #532e32,0 0 36px #ff864c55}.nightfall__intro button:hover:not(:disabled){background:#ffe0a7;transform:translate(-2px,-2px);box-shadow:7px 7px #532e32,0 0 50px #ff864c88}.nightfall__intro button:active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px #532e32}.nightfall__intro button:disabled{opacity:.5;cursor:wait}.nightfall__intro button span{font-family:Georgia,serif;font-size:24px;line-height:.5}.nightfall__footer{z-index:3;background:linear-gradient(#0000,#050a15c9 36%,#050a15ed);justify-content:space-between;align-items:end;gap:24px;padding:26px 36px 31px;display:flex;position:absolute;bottom:0;left:0;right:0}.nightfall__controls{color:#a5adb6;letter-spacing:.09em;white-space:nowrap;align-items:center;gap:8px;font-size:9px;display:flex}.nightfall__controls>span{align-items:center;gap:6px;display:flex}.nightfall__controls kbd{color:#f0e7da;font:inherit;background:#07121e;border:1px solid #a9bfc15e;padding:5px 6px}.nightfall__controls i{background:#748389;border-radius:50%;width:3px;height:3px;margin:0 2px}.nightfall__footer-actions{align-items:end;gap:20px;display:flex}.nightfall__nova{color:#91aaa7;text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;width:122px;padding:0 0 4px;transition:color .2s;display:flex}.nightfall__nova span{letter-spacing:.13em;justify-content:space-between;margin-bottom:10px;font-size:10px;display:flex}.nightfall__nova b{color:#c3d6c8;font-weight:400}.nightfall__nova i{background:#35505a;width:100%;height:3px;display:block;overflow:hidden}.nightfall__nova em{background:var(--amber);height:100%;box-shadow:0 0 14px var(--amber);transition:width .25s;display:block}.nightfall__nova.is-ready{color:var(--amber);text-shadow:0 0 14px #ff995e}.nightfall__nova.is-ready i{box-shadow:0 0 15px #ff8c5b}.nightfall__nova:disabled{cursor:default}.nightfall__action{color:#d1d5ce;letter-spacing:.12em;white-space:nowrap;background:0 0;border:0;align-items:center;gap:12px;padding:8px 0 5px;transition:color .2s;display:flex;font-size:10px!important}.nightfall__action:hover{color:var(--amber)}.nightfall__action:disabled{opacity:.6;cursor:wait}.nightfall__rewind{color:var(--sea)}.nightfall__action span{font-family:Georgia,serif;font-size:17px;line-height:.7}.nightfall__sound-mobile{display:none}@keyframes nightfall-arrive{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes nightfall-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media (max-width:980px){.nightfall__footer{flex-direction:column;align-items:stretch;gap:18px}.nightfall__footer-actions{justify-content:space-between}.nightfall__intro{bottom:22%}.nightfall__controls{font-size:8px}}@media (max-width:650px){.nightfall__header{padding:18px}.nightfall__brand{gap:7px;font-size:9px}.nightfall__brand-icon{font-size:23px}.nightfall__brand i,.nightfall__brand strong{display:none}.nightfall__archive{gap:13px;padding:9px 10px;font-size:9px}.nightfall__score{top:91px;right:19px}.nightfall__score>span{font-size:8px}.nightfall__score strong{margin-top:10px;font-size:66px}.nightfall__score small{margin-top:7px;font-size:9px}.nightfall__combo{font-size:11px;top:185px;right:18px}.nightfall__intro{bottom:28%;left:22px}.nightfall__intro h1{margin:0 0 22px -4px;font-size:clamp(68px,16vw,105px)}.nightfall__intro button{min-width:min(276px,100vw - 44px);padding:16px 15px;font-size:9px}.nightfall__footer{gap:17px;padding:24px 19px 23px}.nightfall__controls{gap:6px;font-size:8px}.nightfall__controls>span:nth-of-type(n+3),.nightfall__controls i:nth-of-type(n+2){display:none}.nightfall__footer-actions{gap:6px}.nightfall__nova{width:82px}.nightfall__nova span{font-size:8px}.nightfall__action{gap:4px;font-size:8px!important}.nightfall__sound-label{display:none}.nightfall__sound-mobile{display:inline;font:inherit!important}}@media (max-height:620px){.nightfall__intro{bottom:18%}.nightfall__intro h1{margin-bottom:12px;font-size:clamp(62px,10vw,110px)}.nightfall__intro button{padding:12px 15px}.nightfall__score{top:90px}.nightfall__score strong{font-size:58px}.nightfall__footer{padding-bottom:16px}}@media (prefers-reduced-motion:reduce){.nightfall__intro,.nightfall__combo{animation:none}}