.plinko-layout{grid-template-columns:minmax(260px,320px) minmax(0,740px);align-items:start;gap:24px;max-width:1150px;margin:0 auto;padding:28px 24px 64px;display:grid}.plinko-settings{gap:18px;padding:22px;display:grid}.plinko-fields{gap:13px;min-width:0;display:grid}.plinko-fields:disabled{opacity:.65}.plinko-field{gap:7px;font-size:13px;font-weight:650;display:grid}.plinko-field input,.plinko-option{border:1px solid var(--border);background:var(--background);border-radius:7px}.plinko-field input{width:100%;min-width:0;min-height:44px;padding:10px 12px;font-size:16px;font-weight:450}.plinko-editor-heading{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.plinko-editor-heading h2,.plinko-tally h2{font-size:25px}.plinko-editor-heading span{color:var(--muted-foreground);font-size:12px}.plinko-presets{flex-wrap:wrap;gap:7px;display:flex}.plinko-presets button{border:1px solid var(--border);border-radius:6px;min-height:36px;padding:5px 12px;font-size:12px;font-weight:650}.plinko-presets button[aria-pressed=true]{color:#211d25;background:#b9a0e8;border-color:#211d25}.plinko-options{gap:7px;max-height:360px;margin:-4px;padding:4px;display:grid;overflow-y:auto}.plinko-option{align-items:center;padding-left:11px;display:flex}.plinko-option>span{border:1px solid #211d25;border-radius:50%;flex-shrink:0;width:10px;height:10px}.plinko-option input{background:0 0;width:100%;min-width:0;min-height:44px;padding:10px;font-size:16px}.plinko-option button{width:40px;height:44px;color:var(--muted-foreground);flex-shrink:0;place-items:center;display:grid}.plinko-add{border:1px dashed var(--border);border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:13px;display:flex}.plinko-amount{grid-template-columns:1fr 75px;align-items:center;margin-top:8px}.plinko-drop{color:#211d25;background:#f5cb45;border:2px solid #211d25;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;font-size:16px;font-weight:800;display:flex;box-shadow:3px 4px #211d25}.plinko-drop:enabled:hover{background:#ffe082}.plinko-drop:enabled:active{transform:translate(2px,2px);box-shadow:1px 2px #211d25}.plinko-layout button:disabled{cursor:default;opacity:.5}.plinko-help{color:var(--muted-foreground);font-size:12px;line-height:1.7}.plinko-stage{color:#fffaf0;min-width:0;box-shadow:5px 6px 0 var(--comic-shadow);background:#302653;border:2px solid #211d25;border-radius:16px;padding:24px 24px 16px}.plinko-stage-heading{justify-content:space-between;align-items:start;gap:20px;padding:0 10px;display:flex}.plinko-stage-heading h2{overflow-wrap:anywhere;margin-top:6px;font-size:clamp(28px,3vw,42px);line-height:1.15}.plinko-stage-heading span{color:#d7cdeb;font-size:12px}.plinko-progress{text-align:right;flex-shrink:0;gap:6px;display:grid}.plinko-progress strong{font-variant-numeric:tabular-nums;font-size:20px}.plinko-board{z-index:1;width:100%;height:auto;margin:8px auto 0;display:block;position:relative;overflow:visible}.plinko-result{border-top:1px solid #ffffff30;flex-direction:column;justify-content:center;gap:5px;min-height:76px;padding:16px 10px;display:flex}.plinko-result span,.plinko-result p{color:#d7cdeb;font-size:13px}.plinko-result strong{font-family:var(--font-display);overflow-wrap:anywhere;color:#ffe99b;font-size:30px;line-height:1.2}.plinko-stage-footer{color:#d7cdeb;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.plinko-stage-footer button{text-align:left;align-items:center;gap:6px;min-height:40px;display:flex}.plinko-tally{grid-column:1/-1;padding:22px}.plinko-tally-list{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px;margin:14px 0;display:grid}.plinko-score{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:7px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.plinko-score strong{font-variant-numeric:tabular-nums;margin-left:auto}.plinko-score[data-leading=true]{outline:2px solid var(--primary)}.plinko-score-dot{border:1px solid #211d25;border-radius:50%;flex-shrink:0;width:12px;height:12px}@media (max-width:720px){.plinko-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px 14px 40px}.plinko-settings{padding:18px}.plinko-stage{padding:18px 6px 10px}.plinko-stage-footer{padding:0 10px}.plinko-tally{padding:18px}.plinko-stage-heading h2{font-size:32px}}@media (prefers-reduced-motion:reduce){.plinko-drop:enabled:active{transform:none}}.plinko-pocket-labels{width:100%;height:192px;margin:0 auto 16px;position:relative}.plinko-pocket-labels>div{color:#211d25;border-radius:4px 4px 5px 5px;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:0;bottom:0}.plinko-pocket-labels strong{font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;height:30px;font-size:13px;display:grid}.plinko-pocket-labels>div>span{writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;max-height:140px;font-size:14px;font-weight:650;overflow:hidden;transform:rotate(180deg)}@media (max-width:720px){.plinko-pocket-labels{height:172px}.plinko-pocket-labels>div>span{max-height:124px;font-size:12px}}.plinko-shape-field{min-width:0;margin-top:4px}.plinko-shape-field legend{margin-bottom:9px;font-size:13px;font-weight:650}.plinko-shapes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:9px;display:grid}.plinko-shapes label{border:1px solid var(--border);cursor:pointer;border-radius:7px;align-items:center;gap:8px;min-height:48px;padding:10px;font-size:12px;display:flex;position:relative}.plinko-shapes label:has(:checked){color:#211d25;background:#b9a0e8;border-color:#211d25}.plinko-shapes label:has(:focus-visible){outline:3px solid var(--primary);outline-offset:3px}.plinko-shapes label:has(:disabled){cursor:default}.plinko-shapes input{opacity:0;width:1px;height:1px;position:absolute}.plinko-shapes svg{flex-shrink:0}.plinko-pocket-labels>div[data-winner=true]{outline-offset:-2px;z-index:2;outline:2px solid #fffaf0}.plinko-score{position:relative}.plinko-pocket-labels>div[data-winner=true]:after,.plinko-score[data-leading=true]:after{content:"";border-radius:inherit;pointer-events:none;opacity:.65;animation:plinko-winner-pulse 1.2s var(--ease-in-out) 5;border:3px solid #f5cb45;position:absolute;inset:-2px;box-shadow:0 0 12px #ffe99bcc,0 0 28px #f5cb4580,0 0 46px #ff8a3440}.plinko-winner{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}.plinko-winner>span{font-variant-numeric:tabular-nums;color:#fffaf0}@keyframes plinko-winner-pulse{0%,to{opacity:.65}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.plinko-pocket-labels>div[data-winner=true]:after,.plinko-score[data-leading=true]:after{opacity:1;animation:none}}.plinko-pocket-labels>div[data-winner=true]:before{content:"";pointer-events:none;transform-origin:50% 100%;opacity:.9;clip-path:polygon(5% 100%,0 74%,14% 44%,25% 65%,36% 28%,52% 0,56% 37%,70% 59%,84% 29%,92% 58%,100% 80%,94% 100%);width:82%;height:34px;animation:plinko-flame-sway 1.5s var(--ease-in-out) infinite, plinko-flame-flicker 2.3s linear infinite;background:radial-gradient(at 50% 100%,#fff9cf 0 16%,#ffe279 32%,#0000 66%),linear-gradient(#ff654355,#ff8a34 45%,#ffc34a);position:absolute;bottom:calc(100% - 3px);left:9%}.plinko-pocket-labels>div[data-winner=true]:nth-child(3n+1):before{animation-duration:1.7s,2.1s;animation-delay:-.35s,-.8s}.plinko-pocket-labels>div[data-winner=true]:nth-child(3n+2):before{animation-duration:1.3s,2.7s;animation-delay:-.7s,-1.2s}@keyframes plinko-flame-sway{0%,to{transform:skew(-5deg)scale(.98,.92)}28%{transform:skew(4deg)scale(1.02,1.08)}54%{transform:skew(-2deg)scaleY(.96)}78%{transform:skew(3deg)scale(.98,1.04)}}@keyframes plinko-flame-flicker{0%,to{opacity:.88}18%,62%{opacity:1}37%{opacity:.8}81%{opacity:.93}}@media (prefers-reduced-motion:reduce){.plinko-pocket-labels>div[data-winner=true]:before{opacity:.8;animation:none;transform:none}}.plinko-pocket-labels>div[data-winner=true]>strong:before,.plinko-pocket-labels>div[data-winner=true]>strong:after{content:"";pointer-events:none;opacity:0;background:#ffe9a3;border-radius:50%;width:2px;height:3px;animation:1.9s linear infinite plinko-ember-rise;position:absolute;bottom:calc(100% + 22px);left:35%;box-shadow:0 0 5px #ffc34acc}.plinko-pocket-labels>div[data-winner=true]>strong:after{background:#ffc879;width:2px;height:2px;animation-name:plinko-ember-drift;animation-duration:2.6s;animation-delay:-.95s;left:65%}.plinko-pocket-labels>div[data-winner=true]:nth-child(3n+1)>strong:before{animation-delay:-.6s}.plinko-pocket-labels>div[data-winner=true]:nth-child(3n+2)>strong:before{animation-delay:-1.3s}.plinko-pocket-labels>div[data-winner=true]:nth-child(3n+1)>strong:after{animation-delay:-1.7s}.plinko-pocket-labels>div[data-winner=true]:nth-child(3n+2)>strong:after{animation-delay:-.3s}@keyframes plinko-ember-rise{0%{opacity:0;transform:translate(0)scale(.9)}18%{opacity:.8}50%{opacity:.55;transform:translate(3px,-20px)scale(.8)}85%,to{opacity:0;transform:translate(-2px,-44px)scale(.45)}}@keyframes plinko-ember-drift{0%{opacity:0;transform:translate(0)scale(.9)}18%{opacity:.65}50%{opacity:.4;transform:translate(-4px,-24px)scale(.75)}85%,to{opacity:0;transform:translate(3px,-52px)scale(.45)}}@media (prefers-reduced-motion:reduce){.plinko-pocket-labels>div[data-winner=true]>strong:before,.plinko-pocket-labels>div[data-winner=true]>strong:after{opacity:0;animation:none}}.plinko-trail,.plinko-impact{pointer-events:none}@media (prefers-reduced-motion:reduce){.plinko-trail,.plinko-impact{display:none}}.plinko-audio-row{justify-content:flex-end;align-items:center;gap:9px;padding:8px 10px 0;display:flex}.plinko-audio-row .wheel-sound:focus-visible{outline-offset:3px;outline:2px solid #ffe99b}.plinko-volume{accent-color:#f3a712;cursor:pointer;width:84px;height:40px}.plinko-volume:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #ffe99b}.plinko-volume-value{color:#d7cdeb;font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:12px}.plinko-pocket-hit{border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(#fff9df,#fff9df18 65%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff9df,0 -3px 12px #ffe99b80}.plinko-pocket-count{transform-origin:50%;display:inline-block}