@import "../shared/css/colors.css";@font-face{font-family:"TT2020";src:url("../shared/fonts/TT2020Base-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,canvas,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,p,li{overflow-wrap:break-word}body{margin:0 auto;padding:1.25rem;max-width:1100px;background:var(--paper);color:var(--blue-950);font-family:"TT2020","Courier New",Courier,monospace;font-size:var(--text-base);line-height:1.5;font-weight:600}header{display:grid;grid-template-columns:1fr auto;row-gap:0rem}header h1{grid-column:1 / -1;grid-row:2;font-size:2.5rem;font-family:"Rancho",cursive}header a{color:var(--blue-950)}p{width:100%;text-align:left}main{display:flex;flex-direction:column;align-items:center;gap:1.1rem;margin-top:0.75rem}.stage{position:relative;width:min(256px,86vw);aspect-ratio:1 / 1}#clock{width:100%;height:100%}#status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;text-align:center;pointer-events:none}.controls{display:flex;align-items:center;gap:1rem}.controls button{font:inherit;font-weight:600;padding:0.375rem 1rem;width:130px;color:var(--blue-950);background:transparent;border:1.5px solid var(--blue-950);cursor:pointer}.controls button:hover,.controls button:focus-visible{background:var(--base-50)}.muted{font-size:0.85rem;color:var(--base-600)}