@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--p-red: #ed1c24;--p-blue: #3f48cc;--p-yellow: #fff200;--p-green: #22b14c;--p-magenta: #ff00ff;--p-cyan: #00ffff;--p-orange: #ff7f27;--p-purple: #a349a4;--p-gray: #c3c3c3;--p-dgray: #7f7f7f;--canvas: #ffffff;--ink: #000000;--chrome: #c3c3c3;--muted: #555555;--player-h: 76px;font-family:Arial,Helvetica,sans-serif;color-scheme:light}body{background:radial-gradient(rgba(195,195,195,.33) 1px,transparent 1px) 0 0 / 18px 18px,var(--canvas);color:var(--ink);min-height:100vh;padding-bottom:var(--player-h)}.px{font-family:Pixelify Sans,monospace;font-weight:700}a{color:var(--p-blue);text-decoration:underline;cursor:pointer}a:hover{background:var(--p-yellow)}button{cursor:pointer;font-family:Pixelify Sans,monospace;font-size:14px;background:var(--chrome);color:var(--ink);border:2px solid;border-color:#fff #5a5a5a #5a5a5a #fff;padding:7px 16px;border-radius:0}button:hover{background:#d8d8d8}button:active,button.pressed{border-color:#5a5a5a #fff #fff #5a5a5a;background:var(--p-gray)}button.bucket{background:var(--p-yellow)}button.bucket:hover{background:#fff86b}input,textarea,select{background:#fff;color:var(--ink);width:100%;border:2px solid;border-color:#5a5a5a #fff #fff #5a5a5a;padding:8px 10px;font-size:13px;font-family:Arial,sans-serif;border-radius:0}input:focus,textarea:focus,select:focus{outline:2px dotted var(--ink);outline-offset:1px}.container{max-width:1140px;margin:0 auto;padding:0 24px}.page{padding:36px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{background:#fff;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:18px}.panel.flat{box-shadow:3px 3px 0 var(--ink)}.ants{position:relative}.ants:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;pointer-events:none;border:2px dashed var(--ink);animation:ants 1s linear infinite}@keyframes ants{to{border-color:transparent}}.tag{display:inline-block;padding:3px 9px;font-family:Pixelify Sans,monospace;font-size:12px;border:2px solid var(--ink);background:#fff;transform:rotate(-2deg)}.muted{color:var(--muted);font-size:12px}h2.px{font-size:22px}.row{background:#fff;border:2px solid var(--ink);padding:12px;display:flex;gap:14px;align-items:center;margin-bottom:10px}.row.click{cursor:pointer}.row.click:hover{background:#00ffff45;box-shadow:4px 4px 0 var(--ink)}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.blink{animation:blink 1.1s steps(2) infinite}@keyframes wiggle{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.wiggle{animation:wiggle 3s ease-in-out infinite}.tilt-l{transform:rotate(-.5deg)}.tilt-r{transform:rotate(.5deg)}@media (max-width: 420px){.container{padding:0 12px}.ants{margin:10px}}@media (prefers-reduced-motion: reduce){.ants:after,.blink,.wiggle{animation:none}}