:root{--navy:#17233e;--blue:#2357d9;--coral:#ff7967;--lime:#ddf477}.intro{padding:48px 0 32px}.intro h1{font-size:clamp(42px,6vw,72px);line-height:1.08;margin:16px 0;letter-spacing:-.05em}.intro em{color:var(--blue);font-style:normal}.intro p{font-size:16px}.pick-app{display:grid;grid-template-columns:310px 1fr;border:2px solid var(--navy);box-shadow:7px 7px 0 #aab6ce;background:#fffdf6}.setup{padding:24px;background:#eeeae0;border-right:2px solid var(--navy)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-top h2{font-size:23px;margin:0 0 20px}.section-top span{font-size:14px;font-weight:700}.setup>label{display:block;font-size:15px;font-weight:700;margin-bottom:10px}textarea{resize:vertical;width:100%;min-height:180px;padding:14px;border:1px solid var(--navy);background:white;font:inherit;font-size:16px;line-height:1.8;border-radius:0}.pick-app button,.pick-app select,.pick-app input[type=number]{font:inherit;font-size:14px;min-height:44px;padding:10px 14px;border:1px solid var(--navy);background:#fffdf6;color:var(--navy);cursor:pointer}.pick-app button:hover{background:var(--lime)}button:disabled{opacity:.45;cursor:not-allowed!important}.pick-app button:focus-visible,.pick-app input:focus-visible,.pick-app select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.hint{font-size:13px;line-height:1.7;color:#526078}.input-actions{display:flex;gap:8px}.pick-app .blue{background:var(--blue);color:white}.options{display:grid;gap:10px;padding:20px 0;border-top:1px solid #a9afba}.options label{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.5;min-height:44px}.options input{width:18px;height:18px;flex:none}.privacy{font-size:13px;line-height:1.8;color:#526078}.play{padding:24px;position:relative;min-width:0;overflow:hidden}.play-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:0;flex-wrap:wrap}.tabs .active{background:var(--navy);color:white}.tabs .active:hover{background:var(--blue)}#status{text-align:center;font-size:16px;min-height:24px;margin:26px 0 14px}.wheel-area{position:relative;max-width:430px;width:100%;margin:20px auto 24px;aspect-ratio:1}.wheel-area canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 7px 0 #17233e25)}.pointer{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:34px solid var(--navy);z-index:2}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:3px solid var(--navy);border-radius:50%;background:var(--navy);color:var(--lime);display:grid;align-content:center;text-align:center;font-weight:900;font-size:16px;line-height:1.15}.result{text-align:center;margin:18px 0}.result-label{display:block;font-size:13px;color:#526078;margin-bottom:8px}.result strong{display:block;font-size:clamp(24px,4vw,42px);color:var(--navy);overflow-wrap:anywhere}.result.revealed strong{color:var(--blue)}.play-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.pick-app .go{background:var(--coral);font-size:20px;font-weight:800;min-width:210px;box-shadow:4px 4px 0 var(--navy)}#remaining{text-align:center}.history{border-top:1px solid #a9afba;margin-top:26px;padding-top:18px}.history h3{font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.chips li{background:var(--lime);padding:9px 12px;font-size:15px;overflow-wrap:anywhere;max-width:100%}.chips b{margin-right:8px}.group-card{border:1px solid var(--navy);padding:16px;margin-top:12px}.group-card h4{margin:0 0 12px;font-size:18px}.group-card p{font-size:16px;overflow-wrap:anywhere;margin:0;line-height:1.8}.group-settings{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;font-size:15px}.group-settings input{width:80px}#mixing{height:240px;text-align:center;padding:25px}#mixing span{display:inline-block;font-size:100px;font-weight:900;color:var(--blue);animation:pulse .7s infinite alternate}#mixing p{font-size:16px}.guide{padding:52px 0}.guide h2{font-size:28px}.guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.guide h3{font-size:18px}.guide p{font-size:16px;line-height:1.8}#inputNotice{font-size:14px;line-height:1.6;min-height:22px;color:#9a3425}#confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}#confetti i{position:absolute;top:-20px;width:9px;height:16px;animation:fall 1.6s ease-in forwards}.tool-footer a{font-size:14px}.pick-app:fullscreen,.pick-app.focus{background:#fffdf6;display:block;overflow:auto;height:100%;box-shadow:none}.pick-app:fullscreen .setup,.pick-app.focus .setup{display:none}.pick-app:fullscreen .play,.pick-app.focus .play{max-width:1000px;margin:auto}.pick-app:fullscreen .wheel-area,.pick-app.focus .wheel-area{max-width:min(50vh,500px)}.pick-app.focus{position:fixed;inset:0;z-index:1000}.pick-app:fullscreen .history,.pick-app.focus .history{max-width:760px;margin:20px auto}.busy .options{opacity:.6}[hidden]{display:none!important}@keyframes pulse{to{transform:scale(.85) rotate(15deg)}}@keyframes fall{to{top:105%;transform:rotate(540deg)}}@media(max-width:800px){.pick-app{grid-template-columns:1fr}.setup{border-right:0;border-bottom:2px solid var(--navy)}textarea{min-height:130px}.options{gap:4px}.guide>div{grid-template-columns:1fr;gap:10px}.play{padding:20px 14px}.play-head{justify-content:center}.intro{padding-top:30px}.tool-header{display:flex;justify-content:space-between;padding:16px}.tool-header .back-home{display:inline-flex;font-size:14px;min-height:44px;align-items:center}.tool-logo small{display:none}}@media(prefers-reduced-motion:reduce){#mixing span,#confetti i{animation:none}}