@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-cyrillic-ext-wght-normal-DiMfzA-V.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-cyrillic-wght-normal-D5lnP6kL.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-latin-ext-wght-normal-Byk3UhVp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-latin-wght-normal-C1hSzPvX.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-ext-400-normal-B-EsvyE4.woff2)format("woff2"),url(/assets/courier-prime-latin-ext-400-normal-CKOCNFvK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-400-normal-BbyBr73r.woff2)format("woff2"),url(/assets/courier-prime-latin-400-normal-BAlbUm6l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-ext-700-normal-ByMJlNdM.woff2)format("woff2"),url(/assets/courier-prime-latin-ext-700-normal-BIFoAzHx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-700-normal-D1YCjmaD.woff2)format("woff2"),url(/assets/courier-prime-latin-700-normal-CVvp4Sof.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2c2a24;--ink-soft:#5c5648;--paper:#f6f7e8;--blue:#00f;--blue-light:#7a7aff;--red:red;--red-light:#ff7a7a;--hand:"Caveat Variable", Caveat, cursive;--mono:"Courier Prime", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--mono)}.page{background-color:var(--paper);background-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");background-size:140px 140px;flex-direction:column;align-items:center;gap:20px;min-height:100vh;padding:32px 16px 56px;display:flex}.masthead{flex-direction:column;align-items:center;gap:2px;display:flex}.masthead h1{font-family:var(--hand);letter-spacing:.01em;margin:0;font-size:58px;font-weight:700;line-height:1}.masthead p{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);text-align:center;text-wrap:balance;margin:0;font-size:12px}.scorebar{grid-template-columns:1fr 1fr;grid-template-areas:"you cpu""status status";gap:8px 12px;width:100%;max-width:660px;display:grid}.score.blue{grid-area:you}.score.red{grid-area:cpu}@media (width>=560px){.scorebar{grid-template-columns:1fr 210px 1fr;grid-template-areas:"you status cpu";gap:12px}}.score{background:#ffffff73;border:1.5px solid;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.score.blue{color:var(--blue);border-color:#00f6}.score.red{color:var(--red);border-color:#ff000061}.score .who{letter-spacing:.18em;text-transform:uppercase;font-size:15px;line-height:1}.score .num{font-family:var(--hand);font-size:34px;font-weight:700;line-height:1}.status{white-space:nowrap;grid-area:status;justify-content:center;align-items:center;min-height:40px;display:flex}.status .hand{font-family:var(--hand);font-size:26px}.status .blue{color:var(--blue)}.status .red{color:var(--red)}.status .over{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-size:12px}@media (width<=420px){.score{gap:8px;padding:8px 12px}.score .who{letter-spacing:.12em;font-size:13px}.score .num{font-size:30px}}@media (width<=340px){.score .who{letter-spacing:.08em;font-size:11px}}.board-wrap{width:100%;max-width:660px;position:relative}.board-paper{background:linear-gradient(174deg,#fffffcb3,#f6f7e866);border-radius:2px;padding:4.2%;box-shadow:inset 0 1px #fff9,0 10px 24px -14px #3c301480,0 1px 2px #3c30142e}.board{aspect-ratio:1;position:relative;container-type:inline-size}.line{background:var(--line);position:absolute}.line.h{height:1px;margin-top:-.5px;left:0;right:0}.line.v{width:1px;margin-left:-.5px;top:0;bottom:0}.square{font-family:var(--hand);text-align:center;border:1.5px solid;justify-content:center;align-items:center;margin:-.75px 0 0 -.75px;padding-top:.16em;font-weight:700;line-height:1;animation:.26s ease-out both sqPop;display:flex;position:absolute}.square.B{color:var(--blue);background:#0000ff21;border-color:#0000ff73}.square.R{color:var(--red);background:#ff00001c;border-color:#ff00006b}.point,.btn{touch-action:manipulation}.point{cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.point.open{cursor:pointer}.point:focus-visible{outline:none}.dot,.ghost{border-radius:50%;width:26%;height:26%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dot{mix-blend-mode:multiply;animation:.22s cubic-bezier(.3,1.5,.5,1) both dotPop}.dot.B{background:radial-gradient(circle at 34% 28%, var(--blue-light), var(--blue) 68%);box-shadow:0 0 1px var(--blue)}.dot.R{background:radial-gradient(circle at 34% 28%, var(--red-light), var(--red) 68%);box-shadow:0 0 1px var(--red)}.dot.last{animation:.22s cubic-bezier(.3,1.5,.5,1) both dotPop,1.1s ease-in-out .22s infinite dotBlink}.dot.last:after{content:"";border:2px solid var(--red);border-radius:50%;animation:1.1s ease-out infinite dotRing;position:absolute;inset:-55%}.dot.B.last:after{border-color:var(--blue)}.ghost{background:var(--blue);opacity:0;transition:opacity .12s}.board.viewer-R .ghost{background:var(--red)}.point.open:focus-visible .ghost{opacity:.5}@media (hover:hover) and (pointer:fine){.point.open:hover .ghost{opacity:.5}}.overlay{background:#f6f7e8c7;border-radius:2px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card{background:#fcfdf4;border:1.5px solid #2c2a2459;flex-direction:column;align-items:center;gap:14px;padding:26px 34px 28px;animation:.3s ease-out both cardIn;display:flex;box-shadow:0 14px 30px -16px #3c301499}.headline{font-family:var(--hand);font-size:44px;font-weight:700;line-height:1}.headline.B{color:var(--blue)}.headline.R{color:var(--red)}.final{letter-spacing:.1em;color:var(--ink-soft);text-align:center;font-size:13px}.final strong{color:var(--ink);font-weight:700}.card .headline.small{text-align:center;font-size:34px}.card .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.link{width:min(100%,300px);font-family:var(--mono);color:var(--ink);text-overflow:ellipsis;background:#fff9;border:1.5px solid #2c2a2459;padding:8px 10px;font-size:12px}.overlay .card{max-width:calc(100% - 24px)}.prose{width:100%;max-width:560px;font-size:14px;line-height:1.6}.prose h2{font-family:var(--hand);margin:22px 0 6px;font-size:28px;line-height:1.1}.prose p,.prose ul{margin:0 0 10px}.prose ul{padding-left:20px}.foot{letter-spacing:.16em;text-transform:uppercase;font-size:11px}.foot a{color:var(--ink-soft)}.controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.seg{align-items:stretch;display:flex}.note{text-align:center;font-family:var(--mono);letter-spacing:.08em;opacity:.7;margin:10px 0 0;font-size:11px}.btn{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--ink);cursor:pointer;background:0 0;border:1.5px dashed #2c2a2473;padding:9px 14px;font-size:11px}.btn.solo{padding:9px 18px}.seg .btn+.btn{margin-left:-1.5px}.btn:hover:not(:disabled):not([aria-pressed=true]){background:#2c2a2412}.btn[aria-pressed=true]{color:var(--paper);background:var(--ink);border:1.5px solid var(--ink);cursor:default}.btn:disabled{color:#2c2a2447;cursor:default;border-color:#2c2a242e}.btn.again{margin-top:4px;padding:9px 20px;font-size:12px}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@keyframes dotPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes dotBlink{50%{opacity:.35}}@keyframes dotRing{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.25)}}@keyframes sqPop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes cardIn{0%{opacity:0;transform:rotate(-1.6deg)scale(.9)}to{opacity:1;transform:rotate(-1.6deg)scale(1)}}@media (prefers-reduced-motion:reduce){.dot,.square,.card{animation:none}.dot.last:after{opacity:.8;animation:none}}