.gribouille-run__card{--ink:#2a2e38;--paper:#fffdf6;--marker:#f4e04dd9;--hand:"Kalam", "Comic Neue", cursive;width:100%;max-width:1040px;color:var(--ink);font-family:var(--hand);text-align:center;margin:0 auto}.gribouille-run__tag{letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#0000 55%,#f59ac1bf 55%);margin:0 0 .35rem;padding:0 .5rem;font-size:1rem;font-weight:700;display:inline-block}.gribouille-run__title{font-family:"Permanent Marker", var(--hand);margin:0;font-size:clamp(1.8rem,5.5vw,3.2rem);font-weight:400;line-height:1.15;transform:rotate(-1.2deg)}.gribouille-run__card.is-online .gribouille-run__title{color:#2447a8}.gribouille-run__text{max-width:36rem;margin:.6rem auto .4rem;font-size:clamp(1rem,2.4vw,1.15rem);line-height:1.4}.gribouille-run__stage{height:clamp(200px,30vw,290px);-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 92%,#0000)}.gribouille-run__canvas{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.gribouille-run__canvas:focus-visible{outline-offset:-6px;outline:3px dashed #2447a8}.gribouille-run__controls{opacity:.65;margin:.6rem 0 0;font-size:.95rem}@media (pointer:coarse){.gribouille-run__controls{display:none}}.gribouille-run__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.gribouille-run__btn{color:var(--ink);font:700 1.05rem/1.2 var(--hand);border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.45rem 1.2rem .5rem;text-decoration:none;transition:background-color .15s,transform .15s}.gribouille-run__btn.is-primary{background:var(--marker)}.gribouille-run__btn:hover,.gribouille-run__btn:focus-visible{background:#f59ac199;outline:none;transform:rotate(-1.5deg)}.gribouille-page,.gribouille-run{--seyes-row:32px;--seyes-margin:clamp(44px, 9vw, 110px);--seyes-paper:#fffdf6;background: radial-gradient(ellipse at 50% 45%, transparent 55%, #78643c1a),  radial-gradient(circle at calc(var(--seyes-margin) / 2) 50%, #e6e0d2 0 9px, #2a2e382e 9px 10.5px, transparent 11px) 0 0 / 100% 33.34vh repeat-y,  linear-gradient(90deg, transparent calc(var(--seyes-margin) - 1px), #ec8a84d9 calc(var(--seyes-margin) - 1px) calc(var(--seyes-margin) + 1px), transparent calc(var(--seyes-margin) + 1px) calc(var(--seyes-margin) + 5px), #ec8a8459 calc(var(--seyes-margin) + 5px) calc(var(--seyes-margin) + 6px), transparent calc(var(--seyes-margin) + 6px)), repeating-linear-gradient(180deg, transparent 0 calc(var(--seyes-row) - 1.5px), #5c7ace61 calc(var(--seyes-row) - 1.5px) var(--seyes-row)), repeating-linear-gradient(180deg, transparent 0 calc(var(--seyes-row) / 4 - 1px), #7896de2b calc(var(--seyes-row) / 4 - 1px) calc(var(--seyes-row) / 4)),  linear-gradient(90deg, var(--seyes-paper) var(--seyes-margin), transparent var(--seyes-margin)) 0 0 / 100% 100% no-repeat, repeating-linear-gradient(90deg, transparent 0 calc(var(--seyes-row) - 1px), #7896de33 calc(var(--seyes-row) - 1px) var(--seyes-row)), var(--seyes-paper)}.gribouille-page{min-height:100dvh;padding:16px 16px 16px max(16px, calc(var(--seyes-margin) + 12px));background-attachment:fixed;place-items:center;display:grid}.gribouille-run{z-index:1000;padding:16px;padding-left:max(16px, calc(var(--seyes-margin) + 12px));place-items:center;animation:.35s ease-out gribouille-run-in;display:grid;position:fixed;inset:0;overflow-y:auto}.gribouille-run.is-leaving{animation:.25s ease-in reverse forwards gribouille-run-in}@keyframes gribouille-run-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.gribouille-run,.gribouille-run.is-leaving{animation-duration:10ms}}