.wheel-stage-container{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:100%;min-width:0;margin-bottom:2.5rem}@media(min-width:960px){.wheel-stage-container{grid-template-columns:1fr 360px;gap:2rem}}.wheel-main-card,.wheel-options-card{background-color:hsl(var(--bg-surface) / .88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--border-subtle));border-radius:20px;padding:1.25rem;box-shadow:0 16px 40px -12px #000000a6,inset 0 1px #ffffff1f;width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media(min-width:640px){.wheel-main-card,.wheel-options-card{padding:1.75rem}}.wheel-main-card{display:flex;flex-direction:column;align-items:center;position:relative}.wheel-canvas-wrapper{position:relative;width:100%;max-width:440px;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;margin:.5rem 0;min-width:0;box-sizing:border-box}#wheelCanvas{width:100%;height:100%;max-width:100%;border-radius:50%;box-shadow:0 20px 50px -10px #000000bf,0 0 35px hsl(var(--accent-gold) / .12),inset 0 0 20px #0009;cursor:pointer;touch-action:manipulation}.wheel-pointer{position:absolute;top:-12px;left:50%;transform:translate(-50%);transform-origin:50% 18%;z-index:10;pointer-events:none;filter:drop-shadow(0 4px 10px hsl(0 0% 0% / .75));will-change:transform}.wheel-action-bar{display:flex;flex-direction:column;gap:.85rem;width:100%;max-width:440px;min-width:0;margin-top:1.25rem;box-sizing:border-box}.btn-spin{width:100%;font-size:1.25rem;padding:1.1rem;letter-spacing:.05em;font-weight:800;border-radius:14px}.aux-btn-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;min-width:0;box-sizing:border-box}@media(min-width:520px){.aux-btn-group{grid-template-columns:repeat(4,1fr)}}.icon-btn{font-size:.82rem;line-height:1.5;padding:.55rem .4rem;min-height:44px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.panel-header,.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.panel-title,.history-title{font-weight:800;font-size:1.05rem;color:hsl(var(--text-primary));letter-spacing:var(--tracking-tight)}.count-badge{font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:8px;background-color:hsl(var(--bg-card));color:hsl(var(--accent-gold));border:1px solid hsl(var(--accent-gold) / .3)}.wheel-config-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.config-field{display:flex;flex-direction:column;gap:.35rem}.config-label{font-size:.74rem;font-weight:700;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:var(--tracking-micro)}.config-select{background-color:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle));border-radius:10px;color:hsl(var(--text-primary));padding:.5rem .65rem;font-size:.84rem;font-family:inherit;font-weight:600;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.config-select:focus{border-color:hsl(var(--accent-gold));box-shadow:0 0 0 2px hsl(var(--accent-gold) / .2)}.options-toolbar{display:flex;gap:.5rem;margin-bottom:.75rem}.btn-tool{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background-color:hsl(var(--bg-card));color:hsl(var(--text-primary));border:1px solid hsl(var(--border-subtle));border-radius:8px;padding:.45rem .6rem;font-size:.8rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:inset 0 1px #ffffff14;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.btn-tool:hover{background-color:hsl(var(--bg-elevated));border-color:hsl(var(--accent-gold) / .4)}.btn-tool:active{transform:scale(.97)}.btn-tool-danger:hover{border-color:hsl(var(--accent-coral) / .5);color:hsl(var(--accent-coral))}.presets-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem;flex-wrap:wrap}.presets-label{font-size:.72rem;font-weight:700;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:var(--tracking-micro)}.presets-chips{display:flex;gap:.35rem;flex-wrap:wrap}.preset-chip{background-color:hsl(var(--bg-card));color:hsl(var(--text-secondary));border:1px solid hsl(var(--border-subtle));border-radius:9999px;padding:.35rem .75rem;min-height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.preset-chip:hover{background-color:hsl(var(--bg-elevated));color:hsl(var(--accent-gold));border-color:hsl(var(--accent-gold) / .5);transform:translateY(-1px)}.options-textarea{width:100%;background-color:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle));border-radius:12px;padding:.85rem;color:hsl(var(--text-primary));font-family:inherit;font-size:.92rem;line-height:1.55;resize:vertical;box-shadow:inset 0 2px 4px #0000004d;transition:border-color .15s ease}.options-textarea:focus{outline:none;border-color:hsl(var(--accent-gold));box-shadow:0 0 0 2px hsl(var(--accent-gold) / .2),inset 0 2px 4px #0000004d}.textarea-help-text{font-size:.76rem;color:hsl(var(--text-muted));margin-top:.4rem;line-height:1.45}.textarea-help-text code{color:hsl(var(--accent-gold));background-color:hsl(var(--bg-canvas));padding:.1rem .35rem;border-radius:4px;font-family:var(--font-mono);font-size:.72rem}.options-controls{display:flex;flex-direction:column;gap:.55rem;margin:1.1rem 0}.custom-toggle{display:flex;align-items:center;gap:.55rem;font-size:.86rem;color:hsl(var(--text-secondary));cursor:pointer;user-select:none}.custom-toggle input{accent-color:hsl(var(--accent-emerald));width:17px;height:17px;cursor:pointer}.history-section{border-top:1px solid hsl(var(--border-subtle));padding-top:1.1rem}.history-btn-group{display:flex;align-items:center;gap:.4rem}.btn-text-action{background:none;border:1px solid hsl(var(--accent-gold) / .35);color:hsl(var(--accent-gold));font-size:.76rem;font-weight:700;padding:.25rem .55rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-text-action:hover{background-color:hsl(var(--accent-gold) / .15);border-color:hsl(var(--accent-gold))}.btn-text-danger{background:none;border:1px solid hsl(var(--border-subtle));color:hsl(var(--text-muted));font-size:.76rem;padding:.25rem .55rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-text-danger:hover{color:hsl(var(--accent-coral));border-color:hsl(var(--accent-coral) / .4)}.btn-text-subtle{background:none;border:none;color:hsl(var(--text-muted));font-size:.85rem;font-weight:600;cursor:pointer;padding:.4rem .8rem;transition:color .15s ease}.btn-text-subtle:hover{color:hsl(var(--text-primary))}.history-scroll{max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding-right:.25rem;margin-top:.5rem}.history-item{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;padding:.35rem .6rem;border-radius:6px;background-color:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle) / .6)}.history-item strong{color:hsl(var(--text-primary))}.hist-time{font-size:.72rem;color:hsl(var(--text-muted));font-family:var(--font-mono)}.winner-modal-backdrop{position:fixed;inset:0;background-color:#040710d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.25rem}.winner-modal-content{position:relative;background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--accent-gold) / .45);border-radius:24px;padding:2.5rem 1.75rem 2rem;max-width:480px;width:100%;text-align:center;box-shadow:0 25px 60px -15px #000000e6,0 0 45px hsl(var(--accent-gold) / .18),inset 0 1px #fff3;animation:modalBounceIn .38s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.82) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.winner-glow-aura{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:280px;height:280px;background:radial-gradient(circle,hsl(var(--accent-gold) / .22) 0%,transparent 70%);pointer-events:none;z-index:0}.modal-x-close{position:absolute;top:1rem;right:1.25rem;background:none;border:none;font-size:1.5rem;line-height:1;color:hsl(var(--text-muted));cursor:pointer;padding:.25rem;z-index:2;transition:color .15s ease}.modal-x-close:hover{color:hsl(var(--text-primary))}.winner-modal-icon{font-size:2.75rem;margin-bottom:.5rem;position:relative;z-index:1}.winner-modal-eyebrow{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:var(--tracking-micro);color:hsl(var(--accent-gold));margin-bottom:.75rem;position:relative;z-index:1}.winner-modal-name{font-size:clamp(2rem,5vw,2.85rem);font-weight:900;color:#fff;letter-spacing:var(--tracking-tight);line-height:1.15;margin-bottom:.75rem;text-shadow:0 4px 18px hsl(var(--accent-gold) / .5);position:relative;z-index:1;word-break:break-word}.winner-modal-desc{font-size:.88rem;color:hsl(var(--text-secondary));line-height:1.55;margin-bottom:1.75rem;position:relative;z-index:1}.winner-modal-actions{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}@media(min-width:440px){.winner-modal-actions{flex-direction:row}.winner-modal-actions .btn{flex:1}}.btn-modal-primary{font-size:1.05rem;font-weight:800;padding:.9rem 1.25rem}.winner-modal-secondary-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem;position:relative;z-index:1}.embed-modal-box{max-width:520px}.embed-code-textarea{width:100%;background-color:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle));border-radius:10px;padding:.75rem;color:hsl(var(--accent-gold));font-family:var(--font-mono);font-size:.8rem;margin-bottom:1.5rem;resize:none}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(30px);background-color:hsl(var(--bg-elevated));color:hsl(var(--text-primary));border:1px solid hsl(var(--accent-gold) / .4);padding:.75rem 1.4rem;border-radius:9999px;font-size:.88rem;font-weight:700;box-shadow:0 10px 25px #0009;z-index:99999;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.toast-notification.visible{opacity:1;transform:translate(-50%) translateY(0)}