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