:root{--bg:#0a1428;--ink:#eef0f5;--muted:#a0aabd;--accent:#fe8e20;--accent-light:#ffb760;--accent-dark:#c0600e;--moon:#f7e88d;--window:#0e1b36;--window-inner:#16305c;--raised:#1a2b50;--field:#081022;--edge:#2e4372;--drop:#02060e;--pixel-cursor:polygon(0 0, 3px 0, 3px 3px, 6px 3px, 6px 6px, 9px 6px, 9px 9px, 12px 9px, 12px 12px, 9px 12px, 9px 15px, 6px 15px, 6px 18px, 3px 18px, 3px 21px, 0 21px);--font:"VT323", ui-monospace, Menlo, Consolas, monospace;--font-display:"Press Start 2P", ui-monospace, Menlo, Consolas, monospace;--danger:#f28b82;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(115% 85% at 92% 4%,#015da04d,#0000 55%),radial-gradient(95% 80% at 2% 100%,#f7e88d0f,#0000 52%),#0a1428;margin:0;font-size:22px;line-height:1.25}.avatar{--avatar-edge:var(--edge);font-family:var(--font-display);color:#c9d4df;background:var(--raised);box-shadow:0 -3px 0 0 var(--avatar-edge), 0 3px 0 0 var(--avatar-edge), -3px 0 0 0 var(--avatar-edge), 3px 0 0 0 var(--avatar-edge);flex:none;place-items:center;display:inline-grid}.avatar--small{width:28px;height:28px;font-size:8px}.avatar--medium{width:40px;height:40px;font-size:12px}.avatar--self{--avatar-edge:var(--accent);color:#ffd3a6;background:#3a2410}.avatar--tinted{--avatar-edge:currentColor}.button{--face:var(--accent);--face-ink:#1a0d02;--bevel-light:var(--accent-light);--bevel-dark:var(--accent-dark);min-height:52px;font-family:var(--font-display);text-align:center;text-transform:uppercase;color:var(--face-ink);background:var(--face);box-shadow:inset -4px -4px 0 0 var(--bevel-dark), inset 4px 4px 0 0 var(--bevel-light), 0 -4px 0 0 var(--drop), 0 4px 0 0 var(--drop), -4px 0 0 0 var(--drop), 4px 0 0 0 var(--drop), 8px 8px 0 0 var(--drop);cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:12px;line-height:1.4;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.08)}.button:active:not(:disabled){box-shadow:inset -4px -4px 0 0 var(--bevel-dark), inset 4px 4px 0 0 var(--bevel-light), 0 -4px 0 0 var(--drop), 0 4px 0 0 var(--drop), -4px 0 0 0 var(--drop), 4px 0 0 0 var(--drop), 4px 4px 0 0 var(--drop);transform:translate(4px,4px)}.button:focus-visible{outline:4px solid var(--moon);outline-offset:8px}.button:disabled{opacity:.6;cursor:progress}.button--secondary{--face:var(--raised);--face-ink:var(--ink);--bevel-light:#2f4677;--bevel-dark:#101c38}.button--danger{--face:var(--danger);--face-ink:#2a0705;--bevel-light:#ffc4be;--bevel-dark:#b8524a}.dialog{width:min(520px,100vw - 48px);max-height:calc(100dvh - 48px);color:var(--ink);background:var(--window);box-shadow:inset 0 0 0 4px var(--window-inner), 0 -4px 0 0 var(--ink), 0 4px 0 0 var(--ink), -4px 0 0 0 var(--ink), 4px 0 0 0 var(--ink), 12px 12px 0 0 var(--drop);border:none;border-radius:0;padding:36px}.dialog::backdrop{background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 4px),#02060ebd}.dialog__form{flex-direction:column;gap:12px;display:flex}.dialog__heading{font-family:var(--font-display);text-transform:uppercase;color:var(--moon);text-shadow:3px 3px 0 var(--accent-dark);margin:0 0 12px;font-size:16px;font-weight:400;line-height:1.4}.dialog__heading--danger{color:var(--danger);text-shadow:3px 3px #4a1612}.dialog__subject{font-family:var(--font);text-transform:none;color:var(--moon);text-shadow:none;overflow-wrap:anywhere;margin-top:16px;font-size:32px;line-height:1.1;display:block}.dialog__text{color:var(--muted);margin:0;font-size:23px;line-height:1.3}.dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:22px;margin-top:18px;display:flex}.field__label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:20px}.field__input{--field-edge:var(--edge);width:100%;height:54px;font:inherit;color:var(--ink);background:var(--field);box-shadow:inset 4px 4px 0 0 var(--drop), 0 -4px 0 0 var(--field-edge), 0 4px 0 0 var(--field-edge), -4px 0 0 0 var(--field-edge), 4px 0 0 0 var(--field-edge);border:none;border-radius:0;outline:none;padding:0 16px;font-size:26px}.field__input::placeholder{color:#7e8ba5}.field__input:focus-visible{--field-edge:var(--accent)}.field__input[aria-invalid=true]{--field-edge:var(--danger)}.field__error{color:var(--danger);margin:0;font-size:21px;line-height:1.3}.access{border:none;flex-direction:column;gap:18px;min-width:0;margin:10px 0 0;padding:0;display:flex}.access legend{margin-bottom:14px;padding:0}.access__option{--option-edge:var(--edge);--option-band:transparent;box-shadow:inset 0 0 0 4px var(--option-band), 0 -3px 0 0 var(--option-edge), 0 3px 0 0 var(--option-edge), -3px 0 0 0 var(--option-edge), 3px 0 0 0 var(--option-edge);cursor:pointer;background:#0b1730;align-items:flex-start;gap:14px;padding:14px 16px;display:flex;position:relative}.access__option:has(input:checked){--option-edge:var(--accent);--option-band:#fe8e2024;background:#13244a}.access__option:has(input:checked):before{content:"";background:var(--accent);width:12px;height:21px;clip-path:var(--pixel-cursor);position:absolute;top:16px;left:-30px}.access__option:has(input:focus-visible){outline:3px solid var(--moon);outline-offset:7px}.access input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:3px 0 0}.access__text{flex-direction:column;gap:6px;display:flex}.access__title{font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;line-height:1.5;display:inline-flex}.access__title svg{color:var(--moon)}.access__hint{color:var(--muted);font-size:21px}.access__members{flex-direction:column;gap:10px;margin:0;padding:2px 0 0 16px;list-style:none;display:flex}.access__member{cursor:pointer;align-items:center;gap:14px;min-height:40px;font-size:24px;display:flex}.access__member input{margin:0}.access__member--away{color:var(--muted);cursor:default}.access__away{margin-left:auto;font-size:20px}.night,.scanlines{isolation:isolate;position:relative}.night:before{content:"";z-index:-1;pointer-events:none;width:3px;height:3px;position:absolute;top:0;left:0;box-shadow:40px 60px #eef0f5,180px 140px #f7e88d,310px 50px #eef0f5,470px 120px #eef0f58c,620px 36px #eef0f5,790px 96px #f7e88d,940px 40px #eef0f5,1090px 130px #eef0f58c,1210px 60px #eef0f5,1330px 110px #f7e88d,1480px 70px #eef0f5,90px 300px #eef0f58c,250px 420px #eef0f5,120px 560px #f7e88d,330px 610px #eef0f58c,60px 660px #eef0f5,1000px 260px #eef0f5,1150px 330px #eef0f58c,1230px 470px #f7e88d,960px 560px #eef0f5,1110px 640px #eef0f58c,1250px 680px #eef0f5,860px 660px #f7e88d,1380px 400px #eef0f5,1420px 620px #f7e88d,1560px 300px #eef0f58c}.night:after,.scanlines:after{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:absolute;inset:0}.board{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.board__bar{background:radial-gradient(60% 220% at 96% 0%, #015da059, transparent 60%), var(--bg);border-bottom:4px solid var(--raised);flex:none;align-items:center;gap:16px;min-width:0;height:68px;padding:0 20px;display:flex}.board__back{width:36px;height:36px;color:var(--ink);box-shadow:inset -3px -3px 0 0 #0b1630, inset 3px 3px 0 0 #2f4677, 0 -3px 0 0 var(--drop), 0 3px 0 0 var(--drop), -3px 0 0 0 var(--drop), 3px 0 0 0 var(--drop);background:#16264a;flex:none;place-items:center;display:inline-grid}.board__back:hover{filter:brightness(1.15)}.board__back:focus-visible{outline:3px solid var(--moon);outline-offset:5px}.board__logo{width:24px;height:24px;image-rendering:pixelated;flex:none}.board__title{text-overflow:ellipsis;white-space:nowrap;font-size:28px;overflow:hidden}.board__live{--pill-edge:var(--edge);font-family:var(--font-display);text-transform:uppercase;box-shadow:0 -2px 0 0 var(--pill-edge), 0 2px 0 0 var(--pill-edge), -2px 0 0 0 var(--pill-edge), 2px 0 0 0 var(--pill-edge);flex:none;align-items:center;gap:8px;padding:7px 10px 6px;font-size:8px;line-height:1;display:inline-flex}.board__live-dot{background:currentColor;width:6px;height:6px}.board__live--live{--pill-edge:#2e8c78;color:#7fe0cb;background:#35c9ad24}.board__live--connecting,.board__live--reconnecting{--pill-edge:#8c7330;color:#f5d98a;background:#f2c45c24}.board__live--failed{--pill-edge:#8c4a44;color:var(--danger);background:#f28b8224}@media (prefers-reduced-motion:no-preference){.board__live--connecting .board__live-dot,.board__live--reconnecting .board__live-dot{animation:1s step-end infinite board-blink}}@keyframes board-blink{50%{opacity:0}}.board__access{--pill-edge:var(--edge);height:30px;font-family:var(--font-display);text-transform:uppercase;color:var(--ink);box-shadow:0 -2px 0 0 var(--pill-edge), 0 2px 0 0 var(--pill-edge), -2px 0 0 0 var(--pill-edge), 2px 0 0 0 var(--pill-edge);background:#16264a;border:none;border-radius:0;flex:none;align-items:center;gap:8px;padding:0 10px;font-size:8px;line-height:1;display:inline-flex}.board__access svg{color:var(--moon)}button.board__access{cursor:pointer}button.board__access:hover{--pill-edge:var(--accent)}button.board__access:focus-visible{outline:3px solid var(--moon);outline-offset:4px}.board__access--static{color:var(--muted);box-shadow:none;background:0 0}.board__delete{--pill-edge:var(--edge);width:36px;height:36px;color:var(--muted);box-shadow:0 -2px 0 0 var(--pill-edge), 0 2px 0 0 var(--pill-edge), -2px 0 0 0 var(--pill-edge), 2px 0 0 0 var(--pill-edge);cursor:pointer;background:#0b1730;border:none;border-radius:0;flex:none;place-items:center;display:inline-grid}.board__delete:hover{--pill-edge:var(--danger);color:var(--danger)}.board__delete:focus-visible{outline:3px solid var(--moon);outline-offset:4px}.board__people{flex:none;gap:14px;margin:0 0 0 auto;padding:0 4px 0 0;list-style:none;display:flex}.board__body{flex:1;min-height:0;position:relative}.board__loading,.board__missing{text-align:center;place-content:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}.board__loading{color:var(--muted);font-size:24px}.board__missing h1{font-family:var(--font-display);text-transform:uppercase;color:var(--moon);text-shadow:3px 3px 0 var(--accent-dark);margin:0;font-size:16px;font-weight:400;line-height:1.4}.board__missing p{color:var(--muted);margin:16px 0 20px;font-size:22px}.board__home{color:var(--accent);text-underline-offset:4px;font-size:22px;text-decoration-thickness:2px}@media (width<=640px){.board__bar{flex-wrap:wrap;gap:10px;height:auto;padding:10px 12px}.board__logo{display:none}.board__title{flex:1 0 100%;order:1}.board__people .avatar{width:32px;height:32px;font-size:8px}}.boards{background:linear-gradient(to top, var(--accent) 12px, #e96921 12px 18px, transparent 18px);flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:4px solid var(--raised);background:#0a1428b3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:80px;padding:12px 40px;display:flex}.topbar__brand{align-items:center;gap:16px;display:flex}.topbar__brand img{width:48px;height:48px;image-rendering:pixelated}.topbar__product{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--moon);text-shadow:3px 3px 0 var(--accent-dark);font-size:16px}.topbar__divider{background:#2a3d66;width:4px;height:28px}.topbar__group{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:24px}.topbar__tools{align-items:center;gap:22px;display:flex}.topbar__search{--field-edge:var(--edge);width:220px;height:44px;font:inherit;color:var(--ink);background:var(--field);box-shadow:inset 3px 3px 0 0 var(--drop), 0 -3px 0 0 var(--field-edge), 0 3px 0 0 var(--field-edge), -3px 0 0 0 var(--field-edge), 3px 0 0 0 var(--field-edge);border:none;border-radius:0;outline:none;padding:0 14px;font-size:22px}.topbar__search::placeholder{color:#7e8ba5}.topbar__search:focus-visible{--field-edge:var(--accent)}.boards__main{flex-direction:column;flex:1;gap:44px;width:100%;max-width:1200px;margin:0 auto;padding:44px 40px 56px;display:flex}.boards__heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.boards__title{font-family:var(--font-display);text-transform:uppercase;text-shadow:4px 4px 0 var(--drop);margin:0;font-size:24px;font-weight:400;line-height:1.2}.boards__access{color:var(--muted);margin:14px 0 0;font-size:24px}.boards__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px;margin:0;padding:0;list-style:none;display:grid}.board-card{--card-edge:var(--edge);--card-band:transparent;min-height:108px;color:inherit;background:var(--window);box-shadow:inset 0 0 0 4px var(--card-band), 0 -4px 0 0 var(--card-edge), 0 4px 0 0 var(--card-edge), -4px 0 0 0 var(--card-edge), 4px 0 0 0 var(--card-edge), 8px 8px 0 0 var(--drop);outline:none;align-items:flex-start;gap:16px;padding:22px 20px 20px;text-decoration:none;display:flex;position:relative}.board-card:hover,.board-card:focus-visible{--card-edge:var(--accent);--card-band:#fe8e2029}.board-card:before{content:"";background:var(--accent);width:12px;height:21px;clip-path:var(--pixel-cursor);opacity:0;position:absolute;top:30px;left:-30px}.board-card:hover:before,.board-card:focus-visible:before{opacity:1}.boards__item{position:relative}.board-card--deletable{padding-right:64px}.board-card__delete{--delete-edge:var(--edge);width:36px;height:36px;color:var(--muted);box-shadow:0 -2px 0 0 var(--delete-edge), 0 2px 0 0 var(--delete-edge), -2px 0 0 0 var(--delete-edge), 2px 0 0 0 var(--delete-edge);cursor:pointer;opacity:0;background:#0b1730;border:none;border-radius:0;place-items:center;display:inline-grid;position:absolute;top:14px;right:14px}.boards__item:hover .board-card__delete,.boards__item:focus-within .board-card__delete{opacity:1}.board-card__delete:hover{--delete-edge:var(--danger);color:var(--danger)}.board-card__delete:focus-visible{outline:3px solid var(--moon);outline-offset:4px}@media (hover:none){.board-card__delete{opacity:1}}.board-card>svg{color:var(--muted);flex:none;margin-top:2px}.board-card__text{flex-direction:column;gap:8px;min-width:0;display:flex}.board-card__title,.board-card__meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-card__title{font-size:28px;line-height:1.05}.board-card__meta{color:var(--muted);font-size:21px}.board-card__name{align-items:center;gap:10px;min-width:0;display:flex}.board-card__lock{color:var(--moon);flex:none;display:inline-flex}.boards__no-match{color:var(--muted);margin:0;font-size:24px}.boards__main--empty{justify-content:center;align-items:center;gap:30px;max-width:640px;padding:56px 24px 48px}.empty__text{flex-direction:column;align-items:center;gap:18px;display:flex}.empty__title{font-family:var(--font-display);text-align:center;text-transform:uppercase;text-shadow:4px 4px 0 var(--drop);margin:0;font-size:24px;font-weight:400;line-height:1.3}.empty__lede{text-align:center;max-width:520px;color:var(--muted);margin:0;font-size:24px;line-height:1.3}.empty__new{padding:0 26px}.empty__members{width:100%;max-width:420px;color:var(--muted);flex-direction:column;align-items:center;gap:16px;padding-top:12px;font-size:22px;display:flex}.empty__avatars{gap:16px;display:flex}.boards__foot{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:20px 40px 38px;font-size:21px;display:flex}.boards__sign-out{font:inherit;color:var(--accent);text-underline-offset:4px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;text-decoration-thickness:2px}.boards__sign-out:hover{color:var(--accent-light)}@media (width<=960px){.boards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.boards__grid{grid-template-columns:minmax(0,1fr)}.topbar,.boards__main,.boards__foot{padding-left:16px;padding-right:16px}.topbar__divider,.topbar__group{display:none}.topbar__search{width:160px}.board-card:before{display:none}}.sign-in{background:linear-gradient(to top, var(--accent) 64px, #e96921 64px 72px, #e9692166 72px 80px, transparent 80px);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:32px 16px 104px;display:flex}.sign-in__card{background:var(--window);width:100%;max-width:460px;box-shadow:inset 0 0 0 4px var(--window-inner), 0 -4px 0 0 var(--ink), 0 4px 0 0 var(--ink), -4px 0 0 0 var(--ink), 4px 0 0 0 var(--ink), 12px 12px 0 0 var(--drop);flex-direction:column;align-items:center;gap:30px;padding:36px;display:flex}.sign-in__head{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.sign-in__logo{width:144px;height:144px;image-rendering:pixelated}.sign-in__title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--moon);text-shadow:4px 4px 0 var(--accent-dark);margin:0;font-size:32px;font-weight:400;line-height:1.2}.sign-in__lede{color:var(--muted);margin:0;font-size:24px}.sign-in__form{flex-direction:column;gap:12px;width:100%;display:flex}.sign-in__submit{width:100%;min-height:56px;margin-top:16px}.sign-in__sent{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:16px;font-size:24px;line-height:1.3;display:flex}.sign-in__sent p{margin:0}.sign-in__sent strong{color:var(--moon);font-weight:400}.sign-in__link{font:inherit;color:var(--accent);text-underline-offset:4px;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;text-decoration:underline;text-decoration-thickness:2px}.sign-in__link:hover{color:var(--accent-light)}.sign-in__foot{flex-direction:column;align-items:center;gap:10px;display:flex}.sign-in__badge{letter-spacing:2px;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin:0;font-size:20px;display:flex}.sign-in__note{text-align:center;max-width:420px;color:var(--muted);margin:0;font-size:20px;line-height:1.3}