@font-face{font-family:Anton;src:url('../fonts/anton.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--ink:#181a17;--acid:#e4ff58;--paper:#f6f5ed;--coral:#ff8d76;--muted:#a5aa9b;--line:#44483e;--stage:var(--ink);--type:var(--acid);--sticker:var(--paper);--space:4px;--gutter:32px;--ui:Arial,Helvetica,sans-serif;--display:Anton,Impact,'Arial Narrow',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:5px}button{touch-action:manipulation}a{color:inherit}.shell{min-height:100svh;display:flex;flex-direction:column;padding:0 var(--gutter)}.header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.wordmark{font-size:30px;font-weight:800;letter-spacing:-1.8px;text-decoration:none;display:flex;align-items:center;gap:6px}.brand-star{color:var(--acid);font-size:37px;line-height:1;display:inline-block}.header-note{margin:0;font-size:12px;letter-spacing:1.6px}.motion-button{background:none;color:var(--paper);border:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;min-height:44px;padding:0 2px}.motion-button:hover{color:var(--acid)}.motion-icon{font-size:21px;width:17px;text-align:center}.stage{position:relative;isolation:isolate;flex:1;min-height:560px;height:calc(100svh - 210px);overflow:clip;border:1px solid var(--line);background:var(--stage);color:var(--type);container-type:size}.type-field{position:absolute;inset:25px -80px;display:flex;flex-direction:column;justify-content:center;transform:rotate(-5deg) scale(1.08);gap:4px;pointer-events:none}.row{font-family:var(--display);font-weight:400;font-size:clamp(115px,25cqh,300px);line-height:1;letter-spacing:-.035em;white-space:nowrap;flex-shrink:0;transform-origin:50% 50%}.track{display:flex;width:max-content;animation:marquee 32s linear infinite;will-change:transform}.track span{display:block;flex-shrink:0}.row-2 .track{animation-duration:38s;animation-direction:reverse;animation-delay:-8s}.row-3 .track{animation-duration:26s;animation-delay:-5s}.row-4 .track{animation-direction:reverse;animation-duration:34s;animation-delay:-12s}.row-5 .track{animation-duration:30s;animation-delay:-17s}.outline{color:transparent;-webkit-text-stroke:1.5px var(--type)}.stage-caption{position:absolute;left:24px;top:24px;font-size:12px;font-weight:700;letter-spacing:1px;display:flex;gap:12px;z-index:1;color:var(--type);background:var(--stage);padding:6px 8px;transform:rotate(-5deg)}.stage-bottom{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--stage);font-size:12px;letter-spacing:1.1px;gap:16px;border-top:1px solid var(--line);z-index:2}.more-button{position:absolute;z-index:3;top:50%;left:70%;width:184px;height:184px;transform:translate(-50%,-50%) rotate(11deg);background:var(--sticker);color:var(--ink);border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;transition:transform .35s var(--ease),background .2s}.more-button:hover{transform:translate(-50%,-50%) rotate(-7deg) scale(1.07);background:var(--coral)}.more-button:active{transform:translate(-50%,-50%) rotate(-7deg) scale(.96)}.more-small{font-size:12px;letter-spacing:.8px;font-weight:700}.more-title{font-family:var(--display);font-size:47px;line-height:.97;letter-spacing:-1px;position:relative}.plus{display:inline-block;font-family:var(--ui);font-size:35px;font-weight:400;vertical-align:middle;margin-left:3px}.more-hint{font-size:12px}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:122px;flex-shrink:0}.footer-line{font-size:16px;line-height:1.5;margin:0;letter-spacing:-.25px}.footer-line span{color:var(--muted)}.play-controls{display:flex;gap:10px;align-items:center}.modes{display:flex;padding:5px;border:1px solid var(--line);border-radius:40px;gap:2px}.mode{border:0;min-height:44px;padding:0 18px;border-radius:30px;background:none;color:var(--muted);font-size:14px;white-space:nowrap;transition:color .2s,background .2s}.mode:hover{color:var(--paper)}.mode[aria-pressed=true]{background:var(--paper);color:var(--ink)}.palette{width:56px;height:56px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:none}.palette:hover{border-color:var(--paper)}.swatch{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,var(--acid) 0 50%,var(--coral) 50%);transform:rotate(-35deg);transition:transform .3s}.palette:hover .swatch{transform:rotate(145deg)}.footer-signoff{font-family:var(--display);font-size:24px;transform:rotate(-6deg);color:var(--acid);white-space:nowrap}.particles{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.particle{position:absolute;left:0;top:0;display:block;font:400 54px/1 var(--display);color:var(--ink);background:var(--acid);padding:7px 13px;white-space:nowrap;will-change:transform,opacity;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{padding:16px 32px}.no-script~*{display:none}
body[data-palette=coral]{--stage:var(--coral);--type:var(--ink);--sticker:var(--paper)}body[data-palette=paper]{--stage:var(--paper);--type:var(--ink);--sticker:var(--acid)}
body[data-mode=drift] .type-field{animation:drift 12s ease-in-out infinite alternate}body[data-mode=drift] .row:nth-child(even){font-style:italic}body[data-mode=wild] .type-field{transform:rotate(-12deg) scale(1.18)}body[data-mode=wild] .row:nth-child(even){transform:rotate(9deg);color:var(--type);-webkit-text-stroke:0}body[data-mode=wild] .row:nth-child(odd){transform:rotate(-4deg);color:transparent;-webkit-text-stroke:1.5px var(--type)}body[data-mode=wild] .track{animation-duration:14s}
body.paused *,body.hidden-page *{animation-play-state:paused!important}body.reduced .type-field{animation:none!important;transform:rotate(-5deg) scale(1.08)}body.reduced .track{animation:none!important}body.reduced *,body.paused *{transition:none!important}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes drift{from{transform:rotate(-8deg) scale(1.15) translateY(-1%)}to{transform:rotate(7deg) scale(1.15) translateY(1%)}}
@media(min-width:1600px){:root{--gutter:48px}.header{min-height:104px}.footer{min-height:140px}.stage{height:calc(100svh - 244px)}.more-button{width:220px;height:220px}.more-title{font-size:58px}}
@media(max-width:1000px){.footer-signoff{display:none}.more-button{left:73%}.footer{gap:16px}.mode{padding-inline:14px}}
@media(max-width:640px){:root{--gutter:16px}.header{min-height:76px;gap:12px}.wordmark{font-size:27px}.brand-star{font-size:32px}.header-note{display:none}.motion-button{font-size:14px}.stage{min-height:460px;height:calc(100svh - 250px);flex:1}.type-field{inset:20px -90px;gap:6px}.row{font-size:clamp(114px,24cqh,170px)}.stage-caption{left:12px;top:22px;display:block;font-size:10px;line-height:1.5}.stage-caption span{display:block}.more-button{left:65%;width:150px;height:150px}.more-title{font-size:38px}.more-small{font-size:10px}.more-hint{font-size:10px}.more-button{gap:8px}.stage-bottom{font-size:9px;padding:16px 12px;letter-spacing:.7px}.footer{padding:22px 0;min-height:174px;flex-direction:column;align-items:flex-start;gap:18px}.footer-line{font-size:14px}.footer-line br{display:none}.footer-line span{display:block}.play-controls{width:100%;justify-content:space-between;gap:8px}.modes{flex:1;justify-content:space-between;padding:4px}.mode{padding:0 10px;font-size:14px}.palette{width:54px;height:54px;flex-shrink:0}.footer-signoff{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.type-field{transform:rotate(-5deg) scale(1.08)!important}}

body:not(.ready) *{animation-play-state:paused!important}body:not(.ready) .play-controls,body:not(.ready) .motion-button,body:not(.ready) .more-button{visibility:hidden}