.wheel-dashboard{background:linear-gradient(180deg,#faf6ef 0,#f5f0e8 100%);border-radius:22px;padding:24px 28px 20px;margin:0 auto 2em;max-width:520px;border:1.5px solid #e0d8cc;box-shadow:0 2px 12px rgba(44,62,80,.08);position:relative;overflow:hidden}.wheel-dashboard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2c3e50,#f1c40f,#2c3e50,#f1c40f,#2c3e50);border-radius:22px 22px 0 0}.wheel-dashboard-header{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:16px;display:flex;align-items:center;gap:8px}.wheel-dashboard-header .sub-text{font-size:12px;font-weight:400;color:#7f8c8d}.options-input{width:100%;min-height:120px;padding:12px 14px;border:1.5px solid #e0d8cc;border-radius:10px;font-size:14px;line-height:1.6;resize:vertical;background:#fff;color:#2c3e50;transition:border-color .2s}.options-input:focus{outline:0;border-color:#f1c40f;box-shadow:0 0 0 3px rgba(241,196,15,.15)}.options-input::placeholder{color:#bdc3c7}.wheel-buttons{display:flex;gap:12px;margin-top:16px}.spin-button,.update-button{flex:1;padding:14px 0;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.5px}.update-button{background:#ecf0f1!important;color:#2c3e50!important;border:1.5px solid #bdc3c7}.update-button:hover{background:#d5dbdb!important}.spin-button{background:linear-gradient(180deg,#34495e 0,#2c3e50 100%)!important;color:#f1c40f!important;box-shadow:0 3px 12px rgba(44,62,80,.25)}.spin-button:hover{background:linear-gradient(180deg,#3d566e 0,#34495e 100%)!important;box-shadow:0 4px 16px rgba(44,62,80,.35);transform:translateY(-1px)}.spin-button:active{transform:translateY(0)}.spin-button:disabled,.update-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.wheel-stage{padding:40px 24px;margin-bottom:2em}.wheel-container{position:relative;width:100%;max-width:420px;margin:0 auto;text-align:center}.wheel-container canvas{width:100%;height:auto;display:block}.pointer{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:44px;height:55px;z-index:10}.pointer::after,.pointer::before{content:'';position:absolute;left:50%;transform:translateX(-50%)}.pointer::before{top:0;width:22px;height:22px;background:radial-gradient(circle at 40% 35%,#f9e547,#d4a017);border-radius:50%;border:3px solid #2c3e50;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.3)}.pointer::after{top:12px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:38px solid #c0392b;z-index:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.result-display{font-size:2em;font-weight:800;text-align:center;margin-top:24px;color:#2c3e50;min-height:1.5em;letter-spacing:1px}.wheel-info-section{max-width:520px;margin:0 auto 2em}.history-container,.stats-container{background:#faf8f4;padding:14px;border-radius:12px;border:1px solid #e8e0d4;margin-bottom:16px}.history-container{max-height:300px;overflow-y:auto}.history-container h3,.stats-container h3{font-size:15px;font-weight:700;color:#2c3e50;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #f1c40f}.history-item,.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;font-size:.92em;border-bottom:1px solid rgba(44,62,80,.06)}.history-item:last-child,.stat-row:last-child{border-bottom:none}.stat-label{font-weight:600;color:#2c3e50}.no-data{text-align:center;color:#bdc3c7;padding:12px 0;font-size:.9em}@media (max-width:480px){.wheel-dashboard,.wheel-stage{padding:18px 16px}.wheel-buttons{flex-direction:column}.result-display{font-size:1.4em}}