:root{--red:#dc143c;--blue:#06c;--purple:#814c9c;--white:#f0f0f0;--black:#222;--animation-duration:0.25s;--layer-base:10;--layer-text:20;--layer-ui:30;--grid-cell-border-color:var(--white);--grid-cell-border-image-slice:5;--grid-cell-border-image-size:calc(var(--grid-cell-border-image-slice) * 1px);--grid-cell-border-image-top:linear-gradient(to bottom,var(--grid-cell-border-color) 0,var(--grid-cell-border-color) var(--grid-cell-border-image-size),transparent var(--grid-cell-border-image-size));--grid-cell-border-image-right:linear-gradient(to left,var(--grid-cell-border-color) 0,var(--grid-cell-border-color) var(--grid-cell-border-image-size),transparent var(--grid-cell-border-image-size));--grid-cell-border-image-bottom:linear-gradient(to top,var(--grid-cell-border-color) 0,var(--grid-cell-border-color) var(--grid-cell-border-image-size),transparent var(--grid-cell-border-image-size));--grid-cell-border-image-left:linear-gradient(to right,var(--grid-cell-border-color) 0,var(--grid-cell-border-color) var(--grid-cell-border-image-size),transparent var(--grid-cell-border-image-size))}*{box-sizing:border-box;padding:0;margin:0;font:inherit;-webkit-tap-highlight-color:transparent;transition-behavior:allow-discrete;-webkit-user-select:none;-moz-user-select:none;user-select:none}::selection{background-color:inherit;color:inherit}html{overflow:hidden;width:100dvw;height:100dvh;justify-content:center;background:linear-gradient(45deg,#e6e6fa 25%,#f0f8ff 0,#f0f8ff 50%,#e6e6fa 0,#e6e6fa 75%,#f0f8ff 0) 0 0 /3rem 3rem}body,html{display:flex;align-items:center}body{height:100%;max-height:40rem;flex-direction:column;justify-content:start;padding:0;aspect-ratio:9/16;gap:1rem}header,main{display:contents}.flex-center{display:flex;align-items:center;justify-content:center;gap:.5rem}.visually-hidden{overflow:hidden;width:1px;height:1px;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.bubbles,.visually-hidden{position:absolute;white-space:nowrap}.bubbles{z-index:10;top:-.5rem;left:0;display:flex;width:100%;flex-direction:row;justify-content:center;gap:.25rem}html{color:var(--black);font-family:Permanent Marker,sans-serif;font-size:clamp(16px,min(2.25dvh,2.25dvw),24px);line-height:1.25;transition:font-size var(--animation-duration) ease}h1,h2,h3,h4,h5,h6,p{text-wrap:balance}h2{font-size:1.125rem}.text-blue{color:var(--blue)}.text-blue,.text-red{text-transform:uppercase}.text-red{color:var(--red)}