@font-face{font-family:mm;src:url(fonts/mm-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:mm;src:url(fonts/mm-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:jb;src:url(fonts/jb-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:jb;src:url(fonts/jb-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#07060c;--fg:#dcd6ee;--p:#a35cf5;--c:#7cc4ca;--d:#7a7396;--u:mm,ui-monospace,Consolas,monospace}
*{box-sizing:border-box;margin:0}
body{font:14px/1.6 jb,ui-monospace,Consolas,monospace;color:var(--fg);min-height:100vh;
background:linear-gradient(#a35cf514 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#a35cf514 1px,#0000 1px) 0 0/32px 32px,var(--bg)}
body>*{width:min(900px,calc(100% - 32px));margin-inline:auto}
a{color:var(--c);text-decoration:none}a:hover{color:#fff}
:focus-visible{outline:2px solid var(--c);outline-offset:2px}
header{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;padding:96px 0 8px}
nav{display:flex;gap:12px}nav.r{justify-content:flex-end}
nav a,.btn{border:2px solid var(--p);background:#07060cd0;color:var(--fg);padding:7px 16px;font:700 11px/1.4 var(--u);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--p);transition:transform .08s,box-shadow .08s}
nav a:hover,.btn:hover,nav a.on{background:var(--p);color:var(--bg)}
nav a:active,.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--p)}
.logo{display:block;text-align:center;position:relative;isolation:isolate;width:230px;justify-self:center}
.logo img{width:100%;display:block;image-rendering:pixelated}
.toro{--h:110px;--n:6;--i:0;height:var(--h);width:calc(var(--h)*167/255);cursor:pointer;background:url(toro.png?v=570a76e0) calc(var(--i)*100%/(var(--n) - 1)) 0/calc(var(--n)*100%) 100% no-repeat}
.logo .toro{position:absolute;margin:0;z-index:-1;transform-origin:50% 100%;-webkit-mask-image:linear-gradient(#000 52%,#0000 88%);mask-image:linear-gradient(#000 52%,#0000 88%)}

main{padding:12px 0 8px}
h1{color:var(--fg);font:700 17px/1.3 var(--u);margin:20px 0 14px}
.win{display:block;position:relative;border:2px solid var(--p);background:#0b0912ea;box-shadow:5px 5px 0 #a35cf544;color:var(--fg)}
.tb{background:var(--p);color:var(--bg);font:700 11px/1.5 var(--u);padding:3px 10px;display:flex;justify-content:space-between;gap:8px}
.bd{padding:14px}
a.win:hover{box-shadow:7px 7px 0 var(--p);transform:translate(-2px,-2px)}
.hero{margin-top:16px}.hero .bd{display:grid;grid-template-columns:240px 1fr;gap:16px}
.hero h2{font:700 20px/1.3 var(--u);color:#fff;margin:4px 0 8px}
.hero .tb{padding-right:62px}
.stk{position:absolute;right:-8px;top:-14px;background:var(--c);color:var(--bg);font:700 11px/1.5 var(--u);padding:1px 10px;border:2px solid var(--bg);transform:rotate(5deg);box-shadow:3px 3px 0 var(--p)}
small,.m{color:var(--d)}
.dots{border:2px dotted #a35cf599;padding:20px;margin:28px 0 0}
.th{display:grid;place-items:center;border:2px solid #a35cf544;background:#000a;margin-bottom:8px;aspect-ratio:4/3;overflow:hidden}.hero .th{margin:0}
.th img{width:100%;height:100%;object-fit:cover;display:block}.th pre{border:0;background:none;padding:6px;font:11px/1.15 jb,monospace;overflow:hidden;max-height:100%}
.hero .bd.nt{grid-template-columns:1fr}.bl img{display:block}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.stack{display:grid;gap:18px}
.ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;align-items:start}.ag>*{min-width:0}.ag .big{grid-column:1/-1}
.ag pre{overflow-x:auto;line-height:1.15;white-space:pre;padding:8px;font-family:jb,monospace}
.w2{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}
code{color:var(--fg);background:#a35cf522;padding:0 5px}
pre{background:#000a;border:2px solid #a35cf544;padding:10px;overflow-x:auto;color:var(--fg);font:inherit}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
input,textarea{width:100%;background:#000a;border:2px solid var(--p);color:var(--fg);font:inherit;padding:6px;margin:4px 0}
input:focus,textarea:focus{border-color:var(--fg);outline:0}
#hi.cool{opacity:.4;border-style:dashed;box-shadow:none}
@keyframes sh{20%{transform:translate(-4px,1px)}40%{transform:translate(4px,-1px)}60%{transform:translate(-3px,0)}80%{transform:translate(3px,1px)}}
#hi.sh{animation:sh .28s linear}
table{border-collapse:collapse}td{border:2px solid #a35cf555;padding:4px 14px}
.cm{padding:10px 0;border-top:2px dotted #a35cf544}.cm:first-child{border:0;padding-top:0}.cm:last-child{padding-bottom:0}
.cm b{font:700 12px var(--u)}.cm b.adm{color:var(--c)}.cm small{margin-left:8px;font-size:11px}.cm p{margin-top:2px;overflow-wrap:anywhere}
.hirow input{width:auto;flex:1;min-width:120px;margin:0}
.btn.s{padding:3px 9px;box-shadow:2px 2px 0 var(--p)}.tools{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.ed{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ed textarea{margin:0;min-height:300px;resize:vertical}
.pv{border:2px solid #a35cf544;padding:10px;min-height:300px;overflow:auto;overflow-wrap:anywhere}
.md h2,.pv h3,.pv h4{font:700 15px/1.3 var(--u);margin:12px 0 6px}.md p{margin:8px 0}.md img{max-width:100%}
.md ul{padding-left:20px}.md blockquote{border-left:2px solid var(--p);padding-left:10px;color:var(--d)}
#st{min-height:1.6em}select{background:#000a;border:2px solid var(--p);color:var(--fg);font:inherit;padding:6px}
.adm .win{background:#000d}
.li{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:2px dotted #a35cf544}.li:first-of-type{border:0}
.li input{margin:0;flex:1;min-width:80px}.li img{display:block;flex:none;object-fit:cover}.li .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li .ph{width:64px;height:48px}.cap{display:block;font-size:11px;margin-top:4px;overflow-wrap:anywhere}
.fld{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:center;margin:6px 0}.fld input{margin:0}
.bls{display:flex;flex-wrap:wrap;gap:10px}.bls .li{border:0;padding:0;display:grid;gap:4px;width:160px}.bls .li input{width:100%}
footer{opacity:0}body.cf footer{opacity:1}footer{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;border-top:2px dotted #a35cf599;margin-top:28px;padding:24px 0 28px}
footer .toro{--h:120px}
.fm{display:grid;gap:12px}.cp{font:700 11px var(--u);letter-spacing:.14em;color:var(--fg)}
.fm:not(:has(.fr)){justify-self:end;align-self:end}#e{margin:24px 0;font:700 13px var(--u)}
.fr{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px}
.bl,.soc{display:flex;flex-wrap:wrap;gap:8px}.fm{min-width:0}.bl a{display:block}
.soc a{min-width:88px;height:31px;padding:0 10px;display:grid;place-items:center;border:2px solid var(--d);font:400 10px var(--u);font-style:normal;color:var(--d)}
.soc a{border-color:var(--p);color:var(--fg);font-weight:700;letter-spacing:.08em}
.soc a:hover{background:var(--p);color:var(--bg)}
@media(max-width:700px){.ed{grid-template-columns:1fr}.dots{padding:10px}header{grid-template-columns:1fr 1fr;align-items:stretch}nav,nav.r{display:contents}header nav a{text-align:center}.logo{grid-column:1/-1;order:-1}header{padding-top:92px}.hero .bd{grid-template-columns:1fr}.g3{grid-template-columns:1fr}footer{grid-template-columns:1fr;gap:16px}.fr{flex-direction:column;align-items:flex-start}}