.yes-no-container{display:flex;align-items:center;justify-content:center;padding:50px;gap:60px;margin:0 auto}.results{display:flex;gap:1rem;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.yes-no-h1{color:white!important}.yes-no-h1-suite{color:#e74c3ce6}.result-box{padding:15px 25px;border-radius:12px;color:#fff;font-size:1.4rem;font-weight:700;text-align:center;min-width:100px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.2s}.result-box:hover{transform:translateY(-2px)}.yes-box{background:#2e7d32;font-size:1.8rem;padding:20px 30px}.no-box{background:#f44336;color:#fff;font-size:1.8rem;padding:20px 30px}.maybe-box{background:#ff9800;font-size:1.8rem;padding:20px 30px}.hidden{display:none!important}.wheel-control-wrapper{display:flex;gap:30px;width:100%;align-items:flex-start;flex-wrap:wrap}.wheel-section{position:relative;flex:0 0 auto}#spinWheel{border-radius:50%;box-shadow:0 6px 12px rgb(0 0 0 / .15);background:#fff}#spinButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#000;color:#fff;padding:15px 25px;cursor:pointer;font-weight:700;font-size:1.1rem;border:none;box-shadow:0 4px 8px rgb(0 0 0 / .2);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:80px;height:80px;line-height:1}#spinButton:hover:not(:disabled){background:#333;transform:translate(-50%,-50%) scale(1.05)}#spinButton:disabled{opacity:.7;cursor:not-allowed}.control-panel{background:#fff;padding:20px;border-radius:12px;width:100%;box-shadow:0 4px 8px rgb(0 0 0 / .05);border:1px solid #eee;flex:1;min-width:300px}.control-panel h3{margin-top:0;color:#333;text-align:center;font-size:1.2rem;margin-bottom:15px}.mode{display:flex;gap:10px;margin:15px 0;justify-content:center}.mode button{padding:10px 16px;border:none;border-radius:6px;background:#e0e0e0;cursor:pointer;font-weight:600;transition:background 0.2s;font-size:.9rem}.mode button.active{background:#000;color:#fff}.input-sets{display:grid;gap:8px;justify-content:center;margin:15px 0}.input-sets .setBtn{padding:10px 12px;border:2px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;font-size:1rem;min-width:45px;text-align:center;font-family:inherit;font-weight:600;transition:all 0.2s}.input-sets .setBtn:hover{background:#f5f5f5;border-color:#999}.input-sets .setBtn.active{background:#000;color:#fff;border-color:#000}#resetButton{margin-top:15px;padding:10px 20px;background:#e57373;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;display:block;margin-left:auto;margin-right:auto;transition:background 0.2s;font-size:.9rem}#resetButton:hover{background:#d32f2f}@media (max-width:768px){.wheel-control-wrapper{flex-direction:column;align-items:center}.wheel-section{margin-bottom:20px}.control-panel{width:100%;min-width:auto}#spinWheel{width:100%;display:block;margin:20px auto}.results{flex-direction:row;align-items:center}.result-box{width:100%;max-width:max-content}.mode button,.input-sets .setBtn{padding:8px 12px;font-size:.85rem}}@media (max-width:480px){.yes-no-container{padding:10px;display:block!important}.results{gap:.5rem}.result-box{font-size:1.1rem;padding:15px 50px}#spinButton{width:60px;height:60px;font-size:.9rem}}