:root{--accent:#f4f4f0;--accent-ink:#080808;color:#080808;background:#f4f4f0;font-family:Courier New,Courier,monospace}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0}body.snake-training-page{color:#080808;background:#f4f4f0;min-height:100vh}a{color:inherit}.site-header{text-transform:uppercase;border-bottom:2px solid #080808;font-family:Courier New,Courier,monospace;font-size:14px}.site-header nav{border-left:2px solid #080808;border-right:2px solid #080808;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,1440px);margin-inline:auto;display:grid}.site-header a{border-right:2px solid #080808;align-items:center;min-height:46px;padding:12px clamp(14px,3vw,34px);text-decoration:none;display:flex}.site-header a:last-child{border-right:0}.site-header a[aria-current=page]{background:var(--accent);color:var(--accent-ink)}:is(.site-header nav:has(a:hover:not([aria-current=page])) a[aria-current=page],.site-header nav:has(a:focus-visible:not([aria-current=page])) a[aria-current=page]){color:inherit;background:0 0}.about,.page{grid-template-rows:minmax(320px,min(52vh,560px)) auto minmax(0,1fr) auto;width:min(100%,1440px);min-height:calc(100vh - 49px);margin-inline:auto;padding:clamp(18px,4vw,54px);display:grid}.masthead{border-left:2px solid var(--accent);grid-row:1;align-content:end;align-self:stretch;padding-left:clamp(16px,4vw,42px);display:grid}h1{letter-spacing:0;text-transform:uppercase;max-width:1040px;margin:0;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:clamp(58px,13vw,154px);line-height:.86}.text{border-top:2px solid #080808;grid-row:2;grid-template-columns:160px minmax(0,1fr);gap:20px;margin-top:clamp(20px,4vw,44px);padding-top:18px;display:grid}h2{color:var(--accent);text-transform:uppercase;margin:0;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:400}.copy{overflow-wrap:break-word;min-width:0;margin:0;font-size:24px;line-height:1.35}.copy p{margin:0}.copy p+p{margin-top:16px}.text ul{overflow-wrap:break-word;min-width:0;margin:0;padding-left:20px;font-size:24px;line-height:1.35}.text li+li{margin-top:8px}.socials{text-transform:uppercase;border-top:2px solid #080808;border-bottom:2px solid #080808;grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr));align-self:end;margin-top:clamp(20px,4vw,44px);font-family:Courier New,Courier,monospace;display:grid}.socials a{border-right:2px solid #080808;align-items:center;min-height:70px;padding:12px 14px;text-decoration:none;display:flex}.socials a:last-child{border-right:0}.snake-training{grid-template-rows:auto 1fr auto 1fr;place-items:center;min-height:100vh;padding:clamp(18px,4vw,54px);display:grid}.snake-top{grid-row:1;grid-template-columns:minmax(70px,1fr) auto minmax(70px,1fr);align-self:start;align-items:start;width:100%;display:grid}.snake-back{text-transform:uppercase;justify-self:start;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1}.snake-title{font-variant-ligatures:none;letter-spacing:0;text-align:center;text-transform:uppercase;grid-column:2;max-width:min(100%,680px);margin:0;font:400 clamp(16px,3.2vw,28px)/1.05 Menlo,Monaco,Consolas,Courier New,monospace}.snake-board{font-variant-ligatures:none;letter-spacing:0;white-space:nowrap;grid-row:3;margin:0;font:clamp(16px,3.2vw,28px)/1.05 Menlo,Monaco,Consolas,Courier New,monospace}.snake-board-layers{position:relative}.snake-board-base,.snake-board-overlay{white-space:pre}.snake-board-overlay{color:var(--accent);pointer-events:none;position:absolute;inset:0}.snake-meta{text-align:center;text-transform:uppercase;flex-wrap:wrap;grid-row:4;justify-content:center;align-self:end;gap:16px clamp(18px,4vw,44px);width:min(100%,960px);margin:0;font-family:Courier New,Courier,monospace;font-size:clamp(12px,1.8vw,16px);display:flex}.snake-stat-value{color:var(--accent)}.rainbow .snake-board-overlay{background:linear-gradient(90deg,red,#ff8c00,#d6d600,#0f0,#0ff,#00f,#f0f,red) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite rainbow-slide}.rainbow .snake-stat-value{background:linear-gradient(90deg,red,#ff8c00,#d6d600,#0f0,#0ff,#00f,#f0f,red);background-size:var(--rainbow-size,300%) 100%;background-position:var(--rainbow-start,0) 0;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite snake-stat-rainbow}a:hover,a:focus-visible{background:var(--accent);color:var(--accent-ink);outline:0}.rainbow .site-header a[aria-current=page],.rainbow a:hover,.rainbow a:focus-visible{color:#080808;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red) 0 0/300% 100%;animation:2s linear infinite rainbow-slide}.rainbow .masthead{border-image:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f) 1}.rainbow h2{color:#080808}@keyframes rainbow-slide{to{background-position:300% 0}}@keyframes snake-stat-rainbow{to{background-position:var(--rainbow-end,300%) 0}}@media (width<=700px){.about,.page{grid-template-rows:auto;min-height:auto}.masthead,.text,.socials{grid-row:auto}.site-header nav{border-left:0;border-right:0}h1{font-size:50px}.text,.socials{grid-template-columns:1fr}.socials a{border-bottom:2px solid #080808;border-right:0}.socials a:last-child{border-bottom:0}.snake-top{grid-template-columns:1fr;justify-items:start;gap:18px}.snake-title{grid-column:auto;justify-self:center;max-width:100%}}