@import"https://fonts.googleapis.com/css2?family=Modak&family=Permanent+Marker&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;background:#1a1612}.yard-stage{position:relative;width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.yard-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 90% 70% at 50% 50%,#0000 40%,#0000008c);pointer-events:none}.yard-grain{position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.tag{position:relative;text-align:center;padding:0 24px;transform:rotate(-4deg);max-width:92%}.tag__name{position:relative;margin:0;font-family:Modak,system-ui,sans-serif;font-weight:400;font-size:clamp(3.5rem,11vw,8.5rem);line-height:.92;letter-spacing:.01em;color:#ef2a2f;-webkit-text-stroke:4px #1a0303;paint-order:stroke fill;text-shadow:3px 3px 0 #1a0303,6px 6px 0 #1a0303,10px 10px 0 rgba(0,0,0,.55),0 16px 30px rgba(0,0,0,.6);filter:drop-shadow(0 2px 0 rgba(255,220,220,.15))}.tag__name:before{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(180deg,#ffffffd9,#fff0 42%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;text-shadow:none;pointer-events:none;mix-blend-mode:screen}.tag__drips{position:relative;height:0;margin-top:-6px}.tag__drips span{position:absolute;top:0;width:6px;background:#ef2a2f;border:2px solid #1a0303;border-top:0;border-radius:0 0 50% 50%/0 0 30% 30%;box-shadow:2px 4px #00000073,inset 0 -3px #ffffff40}.tag__quote{margin:28px auto 4px;font-family:Permanent Marker,Brush Script MT,cursive;font-size:clamp(.95rem,1.7vw,1.4rem);line-height:1.35;color:#f6f4ee;letter-spacing:.01em;transform:rotate(1.5deg);text-shadow:1px 1px 0 rgba(0,0,0,.85),2px 3px 6px rgba(0,0,0,.6);max-width:540px}.tag__attr{margin:0;font-family:Permanent Marker,cursive;font-size:clamp(.8rem,1.2vw,1rem);color:#ffd9a8;transform:rotate(-1deg) translate(120px);text-shadow:1px 1px 0 rgba(0,0,0,.85),2px 2px 4px rgba(0,0,0,.6);letter-spacing:.04em}