.spin-pot-app .stc-shell-card{padding:clamp(1rem,3vw,2rem)}
.spin-pot-heading{margin-top:0;color:var(--stc-orange-deep);text-align:center}
.spin-pot-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--stc-border);margin-bottom:1rem}
.spin-pot-tab{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--stc-muted);font:inherit;font-weight:700;padding:.75rem .9rem;cursor:pointer}
.spin-pot-tab:hover,.spin-pot-tab:focus-visible{color:var(--stc-green-deep)}
.spin-pot-tab.is-active{border-color:var(--stc-orange);color:var(--stc-green-deep)}
.spin-pot-panel{max-width:760px;margin-inline:auto}.spin-pot-intro{margin-top:0}
.spin-pot-add{display:flex;gap:.7rem;align-items:end}.spin-pot-add .stc-field{flex:1}.spin-pot-add input{width:100%}
.spin-pot-toolbar{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.spin-pot-count{font-weight:700;color:var(--stc-green-deep);margin-right:auto}
.spin-pot-dishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0}.spin-pot-dish{display:flex;align-items:center;gap:.5rem;padding:.65rem .7rem;border:1px solid var(--stc-border);border-radius:.55rem;background:color-mix(in srgb,var(--stc-paper) 88%,var(--stc-yellow))}.spin-pot-dish label{display:flex;gap:.5rem;align-items:center;flex:1;min-width:0}.spin-pot-dish label span{overflow-wrap:anywhere}.spin-pot-dish button{border:0;background:transparent;color:var(--stc-red);font-size:1.1rem;cursor:pointer}.spin-pot-dish input{accent-color:var(--stc-green)}
.spin-pot-help{min-height:1.4rem;color:var(--stc-red);font-weight:600}.spin-pot-help[data-kind=success]{color:var(--stc-green-deep)}
.spin-pot-wheel-area{text-align:center;margin-top:1.5rem}.spin-pot-wheel-area .stc-wave2-wheel-shell{width:min(100%,500px);max-width:500px;margin:1rem auto}.spin-pot-actions{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap}.spin-pot-spin{min-width:11rem}.spin-pot-sound{min-width:7rem}.stc-wave2-wheel{position:relative;width:100%;max-width:500px;overflow:hidden;isolation:isolate;transition:none!important}.stc-wave2-wheel:before{content:"";position:absolute;inset:8%;border:1px dashed #fff9;border-radius:50%;z-index:-1}.spin-pot-icon{font-size:2.5rem;line-height:1}.spin-pot-wheel-label{font-size:clamp(.8rem,2vw,1.05rem);padding:.25rem;text-align:center}.spin-pot-segment-label{position:absolute;top:50%;left:50%;width:34%;height:1.4em;margin:-.7em 0 0 -17%;pointer-events:none;font-weight:700;line-height:1.05;text-align:center;color:#fff;text-shadow:0 1px 2px #000b;transform-origin:50% 50%;display:grid;place-items:center}.spin-pot-segment-text{display:block;max-width:100%;overflow:hidden;overflow-wrap:anywhere}.spin-pot-segment-text.is-flipped{transform:rotate(180deg)}.spin-pot-dish-recipe{font-size:.88rem;margin:0}.spin-pot-result-title{font-size:clamp(1.35rem,4vw,2rem);margin:.1rem 0 .4rem;color:var(--stc-green-deep)}
.stc-wave2-pointer{transition:transform .08s ease}.stc-wave2-pointer.is-ticking{transform:translateX(-50%) rotate(9deg)}.stc-wave2-wheel.is-winner{animation:spin-pot-winner .85s ease-out}@keyframes spin-pot-winner{0%{filter:brightness(1)}35%{filter:brightness(1.12)}70%{filter:brightness(.98)}100%{filter:brightness(1)}}
.spin-pot-app select{max-width:100%}.spin-pot-panel[hidden]{display:none}
@media(max-width:560px){.spin-pot-add{display:grid}.spin-pot-add .stc-button{width:100%}.spin-pot-dishes{grid-template-columns:1fr}.spin-pot-toolbar .stc-button{flex:1 1 42%}.spin-pot-count{flex-basis:100%;margin-right:0}.spin-pot-actions{display:grid}.spin-pot-actions .stc-button{width:100%}.spin-pot-segment-label{width:38%;margin-left:-19%}}
@media(max-width:560px){.spin-pot-segment-label{width:34%;margin-left:-17%}}
@media(prefers-reduced-motion:reduce){.spin-pot-wheel-area .stc-wave2-wheel{transition:none!important}}
.spin-pot-segment-text{transform:rotate(90deg)}.spin-pot-segment-text.is-flipped{transform:rotate(270deg)}
.stc-wave2-wheel>.spin-pot-segment-label{display:block;width:30%;height:1.4em;padding:0;border-radius:0;background:transparent;box-shadow:none;z-index:2}
.stc-wave2-wheel>.spin-pot-segment-label>.spin-pot-segment-text{display:block;width:100%;height:auto;padding:0;border-radius:0;background:transparent;box-shadow:none}
.stc-wave2-wheel>.spin-pot-icon{position:absolute;top:34%;left:34%;display:grid;width:32%;height:32%;padding:0;border-radius:50%;background:var(--stc-paper);box-shadow:0 2px 7px #0002;place-items:center;z-index:4}
.stc-wave2-wheel>.spin-pot-wheel-label{position:absolute;top:57%;left:0;display:block;width:100%;height:auto;padding:0;border-radius:0;background:transparent;box-shadow:none;font-size:clamp(.8rem,2vw,1.05rem);font-weight:700;z-index:5}
.stc-wave2-pointer{z-index:10}
.spin-pot-wheel-area .stc-wave2-wheel{border:6px solid #c5a25a;box-shadow:0 6px 20px #4a372266,inset 0 0 0 1px #fff8}
.stc-wave2-wheel>.spin-pot-icon,.stc-wave2-wheel>.spin-pot-wheel-label{display:none}
.stc-wave2-wheel:after{content:"";position:absolute;top:43%;left:43%;display:block;width:14%;height:14%;border:2px solid #eed38f;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff9 0 12%,transparent 32%),linear-gradient(145deg,#f3e1a7 0%,#c39a4b 55%,#8b682e 100%);box-shadow:0 2px 4px #3b2b1c66,inset 1px 1px 2px #fff8,inset -2px -2px 3px #6b4c2299;pointer-events:none;z-index:4}
.spin-pot-wheel-area .stc-wave2-pointer{z-index:10;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:21px solid #b84f42;font-size:0;filter:drop-shadow(0 2px 2px #3b2b1c66)}
.spin-pot-app .stc-shell-card{background:var(--stc-paper);border:1px solid color-mix(in srgb,var(--stc-border) 78%,var(--stc-orange));box-shadow:0 10px 28px #5a402014}
.spin-pot-tabs{width:min(100%,31rem);margin:0 auto 1.5rem;padding:.25rem;border:1px solid var(--stc-border);border-radius:999px;background:color-mix(in srgb,var(--stc-paper) 82%,var(--stc-yellow));}
.spin-pot-tab{flex:1;border:0;border-radius:999px;padding:.65rem .9rem;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
.spin-pot-tab.is-active{background:var(--stc-paper);box-shadow:0 2px 8px #3d2a141c}
.spin-pot-panel{padding:0 clamp(.25rem,2vw,1rem)}
.spin-pot-intro{max-width:38rem;margin-inline:auto;color:var(--stc-muted);text-align:center}
.spin-pot-add{max-width:42rem;margin:1.25rem auto 0}
.spin-pot-add input,.spin-pot-app select{border-radius:.7rem}
.spin-pot-toolbar{max-width:42rem;margin:1rem auto;padding:.75rem 0;border-top:1px solid color-mix(in srgb,var(--stc-border) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--stc-border) 72%,transparent)}
.spin-pot-dishes{max-width:42rem;margin-inline:auto}
.spin-pot-dish{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
.spin-pot-dish:focus-within{border-color:var(--stc-orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--stc-orange) 18%,transparent)}
.spin-pot-wheel-area{margin-top:2rem;padding:clamp(1rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--stc-border) 80%,var(--stc-orange));border-radius:1rem;background:color-mix(in srgb,var(--stc-paper) 92%,var(--stc-yellow));box-shadow:0 8px 22px #5a402012}
.spin-pot-wheel-area .stc-wave2-wheel-shell{margin:.25rem auto 1.1rem}
.spin-pot-actions{margin-top:.25rem}
.spin-pot-spin{min-height:2.9rem;font-weight:800;box-shadow:0 4px 10px #c45e261f}
.spin-pot-sound{min-height:2.9rem;color:var(--stc-green-deep)}
.spin-pot-wheel-area .stc-wave2-status{min-height:1.6rem;margin:.9rem auto .25rem;color:var(--stc-muted)}
.spin-pot-wheel-area .stc-wave2-status[data-kind=success]{color:var(--stc-green-deep)}
.spin-pot-wheel-area .stc-wave2-results{max-width:31rem;margin:1.25rem auto 0}
.spin-pot-wheel-area .stc-wave2-result{padding:clamp(1rem,3vw,1.5rem);border:1px solid color-mix(in srgb,var(--stc-orange) 28%,var(--stc-border));border-radius:.9rem;background:var(--stc-paper);box-shadow:0 7px 18px #5a402018;text-align:center}
.spin-pot-result-kicker{margin:0 0 .35rem;color:var(--stc-orange-deep);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.spin-pot-result-title{margin:.1rem 0 .35rem;font-size:clamp(1.65rem,4vw,2.45rem);line-height:1.1}
.spin-pot-result-message{margin:.25rem 0 0;color:var(--stc-muted)}
.spin-pot-wheel-area .stc-wave2-result .stc-button{margin-top:1rem}
.spin-pot-alternatives{margin:1rem auto 0;padding-top:.85rem;border-top:1px solid var(--stc-border);text-align:left}.spin-pot-alternatives p{margin:0 0 .35rem;font-weight:700;color:var(--stc-green-deep)}.spin-pot-alternatives ul{display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin:0;padding-left:1.1rem}.spin-pot-alternatives a{color:var(--stc-green-deep)}
.spin-pot-result-note{max-width:28rem;margin:1rem auto 0;color:var(--stc-muted)}
.stc-wave2-wheel>.spin-pot-segment-label{height:3.2em;margin:-1.6em 0 0 -15%;align-items:center}
.stc-wave2-wheel>.spin-pot-segment-label>.spin-pot-segment-text{height:auto;max-height:3.2em;line-height:1.05;white-space:normal;overflow:visible;overflow-wrap:anywhere}
.spin-pot-app button:focus-visible,.spin-pot-app input:focus-visible,.spin-pot-app select:focus-visible{outline:3px solid color-mix(in srgb,var(--stc-orange) 58%,white);outline-offset:3px}
@media(max-width:560px){.spin-pot-tabs{width:100%;margin-bottom:1.25rem}.spin-pot-wheel-area{margin-top:1.35rem;padding:1rem .75rem 1.25rem;border-radius:.85rem}.spin-pot-wheel-area .stc-wave2-wheel-shell{margin-bottom:.9rem}.spin-pot-result-title{font-size:clamp(1.55rem,8vw,2rem)}}
@media(prefers-reduced-motion:reduce){.spin-pot-tab,.spin-pot-dish{transition:none}}