@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");:root{--bg:#000;--fg:#e7e7e7;--dim:#9a9a9a;--accent:#fff;--scan:hsla(0,0%,100%,.03)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow-x:hidden}.scanlines:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,var(--scan),var(--scan) 1px,transparent 3px,transparent 6px);mix-blend-mode:screen}.container{max-width:980px;margin:0 auto;padding:24px}.header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:1px solid hsla(0,0%,100%,.2);padding-bottom:12px;margin-bottom:18px}.h1{font-size:28px;letter-spacing:2px;margin:0}.sub{color:var(--dim);margin:6px 0 0;font-size:13px}.panel{border:1px solid hsla(0,0%,100%,.25);padding:16px;border-radius:8px;background:hsla(0,0%,100%,.03)}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid hsla(0,0%,100%,.35);background:transparent;color:var(--fg);padding:10px 12px;border-radius:6px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:12px}.btn:hover{background:hsla(0,0%,100%,.06)}.btn:active{transform:translateY(1px)}.input{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.25);color:var(--fg);padding:10px 12px;border-radius:6px;outline:none;width:220px}.small{font-size:12px;color:var(--dim)}.canvasWrap{margin-top:14px;border:2px solid hsla(0,0%,100%,.35);border-radius:10px;padding:10px;background:hsla(0,0%,100%,.02)}.footer{margin-top:18px;color:var(--dim);font-size:12px}.table{width:100%;border-collapse:collapse;margin-top:10px;font-size:12px}.table td,.table th{border-bottom:1px solid hsla(0,0%,100%,.18);padding:8px 6px;text-align:left}.canvasWrap{position:relative;overflow:hidden;border-radius:18px;border:1px solid hsla(0,0%,100%,.18);background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),0 0 18px hsla(0,0%,100%,.06),0 0 55px hsla(0,0%,100%,.05)}.canvasWrap:after{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.06) 0,rgba(0,0,0,.25) 70%,rgba(0,0,0,.45) 100%),radial-gradient(ellipse at top,hsla(0,0%,100%,.05) 0,transparent 55%);mix-blend-mode:screen;opacity:.9}.canvasWrap:after,.canvasWrap:before{content:"";position:absolute;inset:0;pointer-events:none}.canvasWrap:before{opacity:.07;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='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");background-size:140px 140px;mix-blend-mode:overlay}.canvasWrap canvas{display:block;border-radius:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.petBump{animation:petBounce .18s ease-out}@keyframes petBounce{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-6px) scale(1.03)}to{transform:translateY(0) scale(1)}}.pixel{letter-spacing:.5px}.pixel,.pixelSmall{font-family:Press Start\ 2P,system-ui,-apple-system,Segoe UI,Roboto,Arial}.pixelSmall{font-size:11px;letter-spacing:.4px}