@font-face{font-family:Brickface;src:url(/fonts/brickface.woff2) format("woff2");font-display:block}:root{--px: 2px;--white: #eceeec;--yellow: #ccd278;--red: #ec6a64;--blue: #a0d6e4}html,body,#root{margin:0;height:100%;background:#000;color:var(--white);font-family:Brickface,ui-monospace,monospace;font-size:calc(var(--px) * 8);line-height:calc(var(--px) * 12);text-transform:uppercase;-webkit-font-smoothing:none}.game{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.game canvas{image-rendering:pixelated;display:block}.screen{flex-direction:column;gap:calc(var(--px) * 12);min-height:100%;display:flex;align-items:center;justify-content:center;padding:calc(var(--px) * 16);box-sizing:border-box}.panel{position:relative;background:#000;padding:calc(var(--px) * 20) calc(var(--px) * 24)}.panel:before{--dots-across: repeating-linear-gradient(90deg, var(--yellow) 0 var(--px), transparent var(--px) calc(var(--px) * 2));--dots-down: repeating-linear-gradient(180deg, var(--yellow) 0 var(--px), transparent var(--px) calc(var(--px) * 2));--corner: linear-gradient(var(--yellow), var(--yellow));content:"";position:absolute;inset:calc(var(--px) * 4);pointer-events:none;background:var(--corner) top left / calc(var(--px) * 3) calc(var(--px) * 2) no-repeat,var(--corner) top right / calc(var(--px) * 3) calc(var(--px) * 2) no-repeat,var(--corner) bottom left / calc(var(--px) * 3) calc(var(--px) * 2) no-repeat,var(--corner) bottom right / calc(var(--px) * 3) calc(var(--px) * 2) no-repeat,var(--dots-across) top left / 100% calc(var(--px) * 2) no-repeat,var(--dots-across) bottom left / 100% calc(var(--px) * 2) no-repeat,var(--dots-down) top left / calc(var(--px) * 2) 100% no-repeat,var(--dots-down) top right / calc(var(--px) * 2) 100% no-repeat}.modal{position:fixed;inset:0;background:#000c}.drop{text-align:center;cursor:pointer}.drop p{margin:0}.drop .error{margin-top:calc(var(--px) * 12)}.dim{opacity:.6}.info{max-width:calc(var(--px) * 8 * 40)}.modal .panel>.info button{display:block;margin:0 auto}.info p{margin:0 0 calc(var(--px) * 12)}.drop.over:before{--yellow: var(--blue)}.error{color:var(--red)}.help table{border-spacing:calc(var(--px) * 16) calc(var(--px) * 4);margin:0 auto calc(var(--px) * 12)}.help td:nth-child(2n){color:var(--yellow)}.help td:nth-child(3){padding-left:calc(var(--px) * 16)}.help p{margin:0 0 calc(var(--px) * 12);text-align:center}.modal .panel>.help button{display:block;margin:0 auto}.links{display:flex;justify-content:center;gap:calc(var(--px) * 12)}.links>*{opacity:.5}.links>*:hover{opacity:1}.corner{position:fixed;right:calc(var(--px) * 6);bottom:calc(var(--px) * 4);transition:opacity .4s}.corner.hidden{opacity:.4}.menu{display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 8);min-width:calc(var(--px) * 8 * 16)}.menu .back{margin-top:calc(var(--px) * 12)}a{color:inherit;text-decoration:none}a:hover{color:var(--yellow)}button{font:inherit;text-transform:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}button:hover{color:var(--yellow)}