
#pig-scratch,#pig-scratch-portal{--pigw-base:#111118;--pigw-surface:#232330;--pigw-surface2:#2c2c3b;--pigw-line:#3a3a4c;--pigw-text:#f4f4f5;--pigw-muted:#b9b9c4;--pigw-accent:#ffc711;--pigw-accent-h:#ffd447;--pigw-link:#f0a65a;--pigw-ok:#4ade80;
 font:400 16px/1.5 "DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--pigw-text)}#pig-scratch{max-width:480px;margin:0 auto;position:relative}#pig-scratch *,#pig-scratch-portal *,#pig-scratch *::before,#pig-scratch-portal *::before,#pig-scratch *::after,#pig-scratch-portal *::after{box-sizing:border-box}#pig-scratch .pigw-card,#pig-scratch-portal .pigw-card{background:var(--pigw-surface);border:1px solid var(--pigw-line);border-radius:16px;padding:20px 16px;box-shadow:0 12px 32px rgba(0,0,0,.4)}#pig-scratch .pigw-title,#pig-scratch-portal .pigw-title{margin:0 0 4px;font-size:21px;line-height:1.3;font-weight:700}#pig-scratch .pigw-sub,#pig-scratch-portal .pigw-sub{margin:0 0 16px;color:var(--pigw-muted);font-size:14px}#pig-scratch .pigw-btn,#pig-scratch-portal .pigw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:var(--pigw-accent);color:var(--pigw-base);font:700 16px "DM Sans",system-ui,sans-serif;border:0;padding:12px 26px;border-radius:999px;cursor:pointer;text-decoration:none;box-shadow:0 6px 20px rgba(255,199,17,.25);transition:transform .2s,background .2s}#pig-scratch .pigw-btn:hover,#pig-scratch-portal .pigw-btn:hover{background:var(--pigw-accent-h);transform:translateY(-2px);color:var(--pigw-base)}#pig-scratch .pigw-btn:disabled,#pig-scratch-portal .pigw-btn:disabled{opacity:.6;cursor:default;transform:none}#pig-scratch :focus-visible,#pig-scratch-portal :focus-visible{outline:2px solid var(--pigw-text);outline-offset:3px}#pig-scratch .pigw-note,#pig-scratch-portal .pigw-note{margin:16px 0 0;font-size:12px;color:var(--pigw-muted);border-top:1px solid var(--pigw-line);padding-top:12px;text-align:left}#pig-scratch .pigw-note a,#pig-scratch-portal .pigw-note a{color:var(--pigw-link)}#pig-scratch .pigw-age,#pig-scratch-portal .pigw-age{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 6px;border:2px solid var(--pigw-accent);border-radius:999px;font-size:11px;font-weight:700;color:var(--pigw-text);margin-right:6px}#pig-scratch .pigw-won,#pig-scratch-portal .pigw-won{margin:14px 0 0;font-size:14px;color:var(--pigw-muted);text-align:center}#pig-scratch .pigw-won b,#pig-scratch-portal .pigw-won b{color:var(--pigw-accent);font-size:18px;letter-spacing:.04em}#pig-scratch .pigw-overlay,#pig-scratch-portal .pigw-overlay{position:fixed;inset:0;background:rgba(5,5,10,.72);display:grid;place-items:center;padding:16px;z-index:9999;opacity:0;transition:opacity .25s}#pig-scratch .pigw-overlay[hidden],#pig-scratch-portal .pigw-overlay[hidden]{display:none}#pig-scratch .pigw-overlay.show,#pig-scratch-portal .pigw-overlay.show{opacity:1}#pig-scratch .pigw-modal,#pig-scratch-portal .pigw-modal{position:relative;width:100%;max-width:380px;background:var(--pigw-surface);border:1px solid var(--pigw-line);border-radius:16px;padding:24px 20px 20px;text-align:center;box-shadow:0 20px 48px rgba(0,0,0,.6);transform:scale(.92);transition:transform .3s cubic-bezier(.2,.7,.2,1)}#pig-scratch .pigw-overlay.show .pigw-modal,#pig-scratch-portal .pigw-overlay.show .pigw-modal{transform:none}#pig-scratch .pigw-x,#pig-scratch-portal .pigw-x{position:absolute;right:8px;top:8px;width:40px;height:40px;border:0;background:transparent;color:var(--pigw-muted);font-size:24px;cursor:pointer;border-radius:8px}#pig-scratch .pigw-mtitle,#pig-scratch-portal .pigw-mtitle{margin:0 0 6px;font-size:22px}#pig-scratch .pigw-prize,#pig-scratch-portal .pigw-prize{margin:0 0 16px;color:var(--pigw-accent);font-weight:800;font-size:30px;line-height:1.15}#pig-scratch .pigw-codebox,#pig-scratch-portal .pigw-codebox{display:flex;gap:8px;background:var(--pigw-base);border:1px dashed var(--pigw-accent);border-radius:10px;padding:6px 6px 6px 14px;align-items:center}#pig-scratch .pigw-code,#pig-scratch-portal .pigw-code{flex:1;min-width:0;color:var(--pigw-text);font:700 22px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;text-align:left;overflow-wrap:anywhere}#pig-scratch .pigw-copy,#pig-scratch-portal .pigw-copy{margin:0;min-height:40px;padding:8px 16px;font-size:14px;box-shadow:none}#pig-scratch .pigw-copy.ok,#pig-scratch-portal .pigw-copy.ok{background:var(--pigw-ok)}#pig-scratch .pigw-mtext,#pig-scratch-portal .pigw-mtext{margin:12px 0 0;font-size:13px;color:var(--pigw-muted)}#pig-scratch .pigw-sr,#pig-scratch-portal .pigw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (min-width:768px){#pig-scratch .pigw-card,#pig-scratch-portal .pigw-card{padding:24px}}
@media (prefers-reduced-motion:reduce){#pig-scratch *,#pig-scratch-portal *{animation:none!important;transition:none!important}}#pig-scratch,#pig-scratch-portal{--pigw-foil:#c9c9d4;--pigw-foil2:#8e8ea0}#pig-scratch .pigw-card,#pig-scratch-portal .pigw-card{text-align:center}#pig-scratch .pigw-ticket,#pig-scratch-portal .pigw-ticket{position:relative;width:100%;max-width:420px;margin:0 auto;aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:2px solid var(--pigw-accent);background:radial-gradient(circle at 30% 20%,rgba(255,199,17,.22),transparent 60%),var(--pigw-base);user-select:none;-webkit-user-select:none}#pig-scratch .pigw-under,#pig-scratch-portal .pigw-under{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px}#pig-scratch .pigw-ulabel,#pig-scratch-portal .pigw-ulabel{font-size:14px;color:var(--pigw-muted);text-transform:uppercase;letter-spacing:.08em}#pig-scratch .pigw-uprize,#pig-scratch-portal .pigw-uprize{font-size:clamp(28px,8vw,40px);line-height:1.1;font-weight:800;color:var(--pigw-accent);text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.5)}#pig-scratch .pigw-ucode,#pig-scratch-portal .pigw-ucode{background:rgba(0,0,0,.35);color:var(--pigw-text);font:700 clamp(20px,5.5vw,26px) ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;padding:4px 12px;border:1px dashed var(--pigw-accent);border-radius:8px}#pig-scratch canvas,#pig-scratch-portal canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;transition:opacity .5s}#pig-scratch canvas.gone,#pig-scratch-portal canvas.gone{opacity:0;pointer-events:none}#pig-scratch .pigw-prog,#pig-scratch-portal .pigw-prog{margin:12px 0 0;font-size:13px;color:var(--pigw-muted)}#pig-scratch .pigw-actions,#pig-scratch-portal .pigw-actions{margin-top:12px}
#pig-scratch .pigw-ticket.win{animation:nlwGlow 1.6s ease-out 1 both}#pig-scratch .pigw-ticket.win .pigw-uprize,#pig-scratch .pigw-ticket.win .pigw-ucode{animation:nlwPop .7s cubic-bezier(.2,1.4,.4,1) both}#pig-scratch .pigw-ticket.win .pigw-ucode{animation-delay:.12s}#pig-scratch .pigw-ticket.win .pigw-ulabel{color:var(--pigw-ok)}
@keyframes nlwPop{0%{transform:scale(.6);opacity:.3}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}@keyframes nlwGlow{0%{box-shadow:0 0 0 0 rgba(255,199,17,.0)}35%{box-shadow:0 0 36px 8px rgba(255,199,17,.65)}100%{box-shadow:0 0 18px 2px rgba(255,199,17,.3)}}
#pig-scratch-portal .pigw-confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:10000}
@media (prefers-reduced-motion:reduce){#pig-scratch *,#pig-scratch-portal *{animation:none!important;transition:none!important}}
