/* Plinko Drop - violet pachinko board, gold ball, chunky pill controls. */
.pd{--vio:#4c1d95;--vio-2:#7c3aed;--gold:#facc15;--ink:var(--color-ink,#1e1b2e);font-family:var(--font-body,'Plus Jakarta Sans',system-ui,sans-serif);color:var(--ink);position:relative}
.pd [hidden]{display:none!important}
.pd button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pd button:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}
.pd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.5rem 1rem;border:2px solid var(--ink);border-radius:999px;background:#fff;font-weight:800;font-size:.95rem;box-shadow:0 4px 0 var(--ink);transition:transform .08s,box-shadow .08s}
.pd-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.pd-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 0 var(--ink)}
.pd-btn--go{background:var(--gold);flex:2}
.pd-btn--sm{min-height:34px;padding:.2rem .7rem;font-size:.72rem;box-shadow:0 3px 0 var(--ink);margin-left:auto;background:var(--gold)}
.pd-wallet{display:flex;align-items:center;gap:.5rem;background:var(--vio);color:#fff;border:2px solid var(--ink);border-radius:14px;padding:.5rem .8rem;box-shadow:0 4px 0 var(--ink)}
.pd-wallet b{font-family:var(--font-label,'JetBrains Mono',monospace);font-size:1.35rem;font-weight:800;transition:color .3s}
.pd-wallet b.up{animation:pd-up .7s}.pd-wallet b.down{animation:pd-down .5s}
@keyframes pd-up{0%{color:#86efac;transform:scale(1.18)}100%{color:#fff;transform:none}}
@keyframes pd-down{0%{color:#fca5a5}100%{color:#fff}}
.pd-wl{font-size:.72rem;color:#ddd0ff;font-weight:700}
.pd-coinicon{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6a8,#e0a800);border:2px solid var(--ink);flex:none}
.pd-free{font-size:.72rem;color:#5b5670;text-align:center;margin:.45rem 0 .6rem}
.pd-setup{display:flex;gap:.5rem;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.pd-rows{display:flex;align-items:center;gap:.25rem;font-weight:800;font-size:.78rem}
.pd-rows span{margin-right:.2rem;color:#5b5670;font-family:var(--font-label,monospace);font-size:.7rem}
.pd-rows button{width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;background:#fff;font-size:1.1rem;font-weight:800;line-height:1}
.pd-rows button:disabled{opacity:.4}
.pd-rows b{width:1.7em;text-align:center;font-family:var(--font-label,monospace);font-size:1.05rem}
.pd-risk{display:flex;border:2px solid var(--ink);border-radius:999px;overflow:hidden}
.pd-risk button{border:0;background:#fff;padding:.55rem .75rem;font-weight:800;font-size:.78rem;min-height:40px}
.pd-risk button+button{border-left:2px solid var(--ink)}
.pd-risk button[aria-pressed=true]{background:var(--vio);color:#fff}
.pd-risk button:disabled{opacity:.55}
.pd-stage{border:3px solid var(--ink);border-radius:14px;overflow:hidden;background:#1c0f3f;box-shadow:0 4px 0 var(--ink);line-height:0}
.pd-stage canvas{display:block;max-width:100%}
.pd-rtp{font-family:var(--font-label,monospace);font-size:.66rem;color:#5b5670;text-align:center;margin:.5rem 0}
.pd-recent{display:flex;gap:.3rem;flex-wrap:nowrap;overflow:hidden;min-height:30px;margin-bottom:.7rem;align-items:center}
.pd-chip{flex:none;background:var(--c,#5a3d86);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:.12rem .5rem;font-family:var(--font-label,monospace);font-weight:800;font-size:.72rem}
.pd-empty{font-size:.74rem;color:#7a7590}
.pd-bets{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;margin-bottom:.7rem}
.pd-bet{border:2px solid var(--ink);border-radius:10px;background:#fff;min-height:44px;font-family:var(--font-label,monospace);font-weight:800;font-size:.78rem}
.pd-bet[aria-pressed=true]{background:var(--vio-2);color:#fff;box-shadow:0 3px 0 var(--ink)}
.pd-bet:disabled{opacity:.4}
.pd-actions{display:flex;gap:.5rem}
.pd-actions .pd-btn{flex:1}
.pd-note{min-height:1.2em;font-size:.76rem;font-weight:700;color:#9a3412;text-align:center;margin:.5rem 0 0}
.pd-stats{font-family:var(--font-label,monospace);font-size:.66rem;color:#5b5670;text-align:center;margin:.3rem 0 0}
.pd-toasts{position:fixed;left:50%;top:76px;transform:translateX(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:50;pointer-events:none;width:min(92vw,360px)}
.pd-toast{background:var(--ink);color:#fff;border-radius:999px;padding:.45rem 1rem;font-weight:800;font-size:.85rem;box-shadow:0 4px 14px #0005;animation:pd-pop 2.3s ease forwards;white-space:nowrap}
.pd-toast--big{background:#ec1c8c;font-size:1rem}.pd-toast--dim{background:#5b5670}
.pd-toast--coin{background:var(--gold);color:var(--ink);border:2px solid var(--ink)}
@keyframes pd-pop{0%{opacity:0;transform:translateY(12px) scale(.9)}12%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.pd-toast{animation-duration:.01s;animation-fill-mode:none}.pd-wallet b.up,.pd-wallet b.down{animation:none}}
@media (max-width:380px){.pd-risk button{padding:.5rem .5rem}.pd-bets{gap:.2rem}.pd-bet{font-size:.7rem}}

.pd-guide{max-width:640px;margin:0 auto 2rem;padding:1.2rem 1rem;background:var(--color-well,#fffdf0);border:3px solid var(--color-ink,#1e1b2e);border-radius:16px;font-size:.95rem;line-height:1.6;color:var(--color-ink,#1e1b2e);box-sizing:border-box}
.pd-guide h2{font-size:1.25rem;margin:1.4rem 0 .5rem;font-weight:800;line-height:1.25}.pd-guide h2:first-child{margin-top:0}
.pd-guide p{margin:.5rem 0}.pd-guide ul{margin:.5rem 0 .5rem 1.2rem;padding:0}.pd-guide li{margin:.25rem 0}
.pd-guide details{border-top:1px solid #cfc7aa;padding:.5rem 0}.pd-guide summary{font-weight:700;cursor:pointer}
@media (max-width:480px){.pd-guide{margin-left:16px;margin-right:16px;padding:1rem .85rem}}