@font-face{font-family:"VT323";src:url(/fonts/vt323-latin.woff2) format("woff2");font-display:swap}
:root{--r:#ff2b2b;--g:#22e33a;--y:#ffe600;--b:#1f4fd1;--c:#00f0ff;--m:#ff3cf2;--w:#fff}
*{box-sizing:border-box}html,body{margin:0;background:#000;color:var(--w);font-family:'VT323',monospace}
body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
#tv{display:flex;justify-content:center;padding:8px 6px;overflow:hidden}
.screen{width:max-content;max-width:100%;font-size:clamp(12px,min(calc((100vw - 20px) / 16),calc((100vh - 24px) / 27.6)),64px);line-height:1.15;white-space:pre;overflow:hidden;font-variant-ligatures:none}
.screen .row{height:1.15em}
.screen a{color:inherit;text-decoration:underline}
.r{color:var(--r)}.g{color:var(--g)}.y{color:var(--y)}.b{color:var(--b)}.c{color:var(--c)}.m{color:var(--m)}.w{color:var(--w)}
.bgb{background:var(--b);color:var(--w)}.bgr{background:var(--r);color:#000}.bgy{background:var(--y);color:#000}.bgg{background:var(--g);color:#000}.bgc{background:var(--c);color:#000}
.blink{animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.blink{animation:none}}
.fast{display:grid;grid-template-columns:repeat(4,1fr);position:sticky;top:0;z-index:40;background:#000;padding-top:6px!important;padding-bottom:6px!important;gap:6px;max-width:640px;margin:6px auto;padding:0 8px}
.fast button,.keys button,.install{font:inherit;font-size:22px;min-height:48px;border:0;border-radius:6px;cursor:pointer}
.b-red{background:var(--r);color:#000}.b-green{background:var(--g);color:#000}.b-yellow{background:var(--y);color:#000}.b-blue{background:var(--b);color:#fff}
.pad{max-width:640px;margin:0 auto;padding:0 8px;text-align:center}
#typed{display:block;font-size:28px;color:var(--y);margin:4px}
.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.keys button{background:#222;color:var(--w)}
button:focus-visible,a:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.install{margin-top:8px;width:100%;background:var(--c);color:#000}
.afil,.avb,.foot{max-width:640px;margin:14px auto;padding:0 12px;font-size:20px;color:#ccc}
.afil a,.avb a,.foot a{color:var(--c)}
.avb h2{color:var(--y);font-weight:normal;margin:0 0 4px}.avb ul{list-style:none;padding:0;columns:2}
.foot{text-align:center;color:#888}
.avbar{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:14px;background:rgba(20,20,40,.55);backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);border:1px solid rgba(255,255,255,.18);transition:transform .25s,opacity .25s;font-size:18px;max-width:720px;margin:0 auto}
.avbar.hide{transform:translateY(140%);opacity:0;pointer-events:none}
.avbar-brand{color:var(--y);text-decoration:none;white-space:nowrap}
.avbar-list{display:flex;gap:10px;overflow-x:auto;flex:1;scrollbar-width:none}
.avbar-list a{color:#fff;text-decoration:none;white-space:nowrap}
.avbar-x{background:none;border:0;color:#fff;font-size:22px;min-width:40px;min-height:40px;cursor:pointer}
.ck{position:static;max-width:640px;margin:12px auto;background:#111;border:2px solid var(--y);border-radius:10px;padding:10px 12px;font-size:19px}
.ck p{margin:0 0 8px}.ck a{color:var(--c)}.ck-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck-b button{font:inherit;font-size:22px;min-height:48px;border:2px solid #fff;border-radius:6px;background:#222;color:#fff;cursor:pointer}
.b-home{grid-column:1/-1;background:#fff;color:#000}
.masthead{background:var(--b);text-align:center;padding:.15em 0 .05em;margin:.1em 0}
.mh-sub{color:#fff;font-size:.8em}
.mh-big{font-size:2.35em;line-height:.9;color:#fff;letter-spacing:.06em;transform:scaleY(1.35);margin:.12em 0 .2em;text-shadow:.06em 0 0 #fff,0 .04em 0 #fff;font-weight:bold}
.blocks{display:grid;grid-template-columns:1fr 1fr;gap:.25em .2em}
.blk{padding:.2em .25em;min-height:6.6em}
.blk-t{text-align:center;margin-bottom:.1em}
.blk a{display:block;text-decoration:none;color:#fff;white-space:pre;overflow:hidden;line-height:1.25}
.bgr a{color:#fff}.bgg a,.bgy a,.bgc a{color:#0019a8}
.bgg,.bgc{color:#000}
.strip{display:block;margin:.25em 0;padding:.05em .3em;text-decoration:none;white-space:pre;overflow:hidden}
.s-w{background:#fff;color:#0019a8}.s-y{background:var(--y);color:#0019a8}
.legend span{display:inline-block;width:10ch}
.g{color:var(--g)}
.screen a.strip,.screen .blk a{text-decoration:none}
.screen .s-w,.screen .s-y{color:#0019a8}
.screen .bgg a,.screen .bgy a,.screen .bgc a{color:#0019a8}
.blk{padding:.2em .15em;overflow:hidden}
.obras{background:repeating-linear-gradient(45deg,#ffe600 0 14px,#000 14px 28px);color:#000;text-align:center;font-size:20px;padding:2px}
.obras{text-shadow:0 0 3px #ffe600,0 0 3px #ffe600}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.db{color:#0019a8}
#screen{min-height:calc(21 * 1.15em)}
.k{color:#000}.screen .bgr a{color:#000}
.b-cyan{background:var(--c);color:#000}
.ck{margin:8px auto;font-size:18px;padding:8px 10px}.ck p{margin:0 0 6px}.ck-b button{min-height:44px}
html,body{overflow-x:hidden}
@supports (width:1dvh){.screen{font-size:clamp(12px,min(calc((100vw - 20px) / 16),calc((100dvh - 24px) / 27.6)),64px)}}
@media (max-aspect-ratio:3/4){.screen{font-size:clamp(12px,calc((100vw - 20px) / 16),64px)}}