:root{--bg-main: #0b0f19;--bg-card: rgba(15, 23, 42, .85);--bg-card-border: rgba(255, 255, 255, .1);--accent-cyan: #38bdf8;--accent-purple: #8b5cf6;--accent-gold: #fbbf24;--accent-emerald: #10b981;--text-primary: #f8fafc;--text-muted: #94a3b8;--font-family: "Readex Pro", "Tajawal", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100vh;max-height:100vh;overflow:hidden}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;max-width:1440px;margin:0 auto;padding:clamp(.5rem,1.5vw,1rem) clamp(.75rem,2vw,1.5rem);width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.6rem;border-bottom:1px solid var(--bg-card-border);margin-bottom:.75rem;flex-shrink:0;gap:.75rem}.logo-title{display:flex;align-items:center;gap:.6rem}.logo-badge{background:#1e293bcc;padding:.4rem .6rem;border-radius:.75rem;border:1px solid var(--bg-card-border);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease}.logo-badge:hover{border-color:var(--accent-cyan);transform:scale(1.05)}.header h1{font-size:clamp(1.05rem,2.5vw,1.5rem);font-weight:800;color:#fff;letter-spacing:-.3px;line-height:1.2}.subtitle{color:var(--text-muted);font-size:clamp(.7rem,1.5vw,.825rem);margin-top:.1rem}.header-controls{display:flex;align-items:center;gap:.5rem;margin-right:auto}.btn-toggle-panel{background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--accent-cyan);font-weight:700;padding:.4rem .8rem;border-radius:.6rem;gap:.4rem}.btn-toggle-panel:hover{background:#38bdf840;color:#fff}.main-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;position:relative;transition:all .35s ease-in-out}.view-panel{display:none;flex-direction:column;width:100%;height:100%;flex:1;min-height:0}.view-panel.active{display:flex;animation:fadeInView .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeInView{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-content.panel-collapsed .wheel-wrapper{max-width:calc(100vh - 220px);max-height:calc(100vh - 220px)}.active-contest-banner{background:#1e293be6;border:1px solid var(--bg-card-border);padding:.4rem .9rem;border-radius:2rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:clamp(.75rem,1.5vw,.85rem);margin-bottom:.4rem;flex-shrink:0;flex-wrap:wrap;z-index:5}.banner-item{display:flex;align-items:center;gap:.4rem}.banner-label{color:var(--text-muted)}.banner-value{font-weight:800;color:#fff}.banner-value.highlight-gold{color:var(--accent-gold)}.prize-banner-item{background:#fbbf241f;padding:.2rem .6rem;border-radius:1rem;border:1px solid rgba(251,191,36,.3)}.wheel-section{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:1.25rem;padding:.75rem;position:relative;box-shadow:0 10px 30px #00000080;width:100%;height:100%;min-height:0;overflow:hidden}.wheel-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;flex:1;min-height:0;max-width:calc(100vh - 220px);max-height:calc(100vh - 220px);aspect-ratio:1 / 1;z-index:2;margin:auto}canvas#wheelCanvas{aspect-ratio:1 / 1;object-fit:contain}.btn-spin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(62px,12.5vw,82px);height:clamp(62px,12.5vw,82px);border-radius:50%;background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid #ffffff;box-shadow:0 0 25px #ffffff4d,0 8px 25px #0009;cursor:pointer;z-index:10;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center}.btn-spin:hover{transform:translate(-50%,-50%) scale(1.08);border-color:var(--accent-cyan);box-shadow:0 0 35px #38bdf899,0 10px 30px #000000b3}.btn-spin:active{transform:translate(-50%,-50%) scale(.92)}.btn-spin:disabled{opacity:.65;cursor:not-allowed;transform:translate(-50%,-50%)}.spin-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:2;gap:2px}.spin-logo-svg{filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}.spin-text{font-weight:900;font-size:clamp(.725rem,1.7vw,.85rem);letter-spacing:-.2px;line-height:1;color:#fff}.wheel-stats{display:flex;gap:.75rem;margin-top:.3rem;z-index:2;flex-wrap:wrap;justify-content:center;flex-shrink:0}.stat-badge{background:#1e293bcc;padding:.35rem .85rem;border-radius:2rem;border:1px solid var(--bg-card-border);font-size:clamp(.75rem,1.5vw,.85rem);display:flex;align-items:center;gap:.4rem}.stat-icon{font-size:.9rem}.stat-label{color:var(--text-muted);font-weight:500}.stat-value{font-weight:800;color:var(--accent-cyan);font-size:.9rem}.mini-winners-bar{display:flex;align-items:center;gap:.6rem;background:#0f172ae6;border:1px solid rgba(251,191,36,.35);padding:.3rem .85rem;border-radius:2rem;margin-top:.4rem;max-width:100%;width:auto;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #0000004d;flex-shrink:0}.mwb-title{font-weight:800;font-size:clamp(.725rem,1.5vw,.8rem);color:var(--accent-gold);white-space:nowrap}.mini-winners-pills{display:flex;align-items:center;gap:.4rem;overflow-x:auto;max-width:clamp(200px,60vw,550px);scrollbar-width:thin;padding:.1rem 0}.mwb-pill{background:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:#fff;padding:.15rem .6rem;border-radius:1rem;font-size:clamp(.7rem,1.5vw,.775rem);font-weight:700;white-space:nowrap;animation:fadeInPill .3s ease-out;display:inline-flex;align-items:center;gap:.25rem}@keyframes fadeInPill{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.mwb-empty{color:var(--text-muted);font-size:.75rem}.panel-section{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:1.25rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #00000080;width:100%;height:100%;min-height:0}.tabs-header{display:flex;background:#0f172ae6;border-bottom:1px solid var(--bg-card-border);flex-shrink:0}.tab-btn{flex:1;padding:.65rem .2rem;background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-weight:600;font-size:clamp(.75rem,1.5vw,.85rem);cursor:pointer;transition:all .25s ease;border-bottom:3px solid transparent;white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:#38bdf814}.tab-content{display:none;padding:1rem;flex:1;min-height:0;overflow:hidden}.tab-content.active{display:flex;flex-direction:column}.panel-block{display:flex;flex-direction:column;gap:.75rem;height:100%;flex:1;min-height:0;overflow-y:auto}.flex-fill{flex:1;display:flex;flex-direction:column;min-height:0}.label-row{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:clamp(.8rem,1.8vw,.9rem);color:var(--text-primary);flex-wrap:wrap;gap:.4rem;flex-shrink:0}.input-with-btn{display:flex;gap:.4rem}.input-with-btn .text-input{flex:1}.input-with-btn .btn{flex-shrink:0;white-space:nowrap}.text-input{width:100%;background:#0f172ae6;border:1px solid var(--bg-card-border);border-radius:.6rem;padding:.55rem .75rem;color:var(--text-primary);font-family:inherit;font-size:.85rem;outline:none;transition:all .2s ease}.text-input:focus{border-color:var(--accent-cyan)}.names-textarea{width:100%;flex:1;min-height:0;background:#0f172ae6;border:1px solid var(--bg-card-border);border-radius:.75rem;padding:.75rem;color:var(--text-primary);font-family:inherit;font-size:.9rem;line-height:1.5;resize:none;outline:none;transition:all .2s ease}.names-textarea:focus{border-color:var(--accent-cyan)}.action-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;flex-shrink:0}.speed-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.2rem}.speed-preset-btn{padding:.4rem .5rem;font-size:.8rem}.speed-preset-btn.active{background:var(--accent-cyan);color:#0f172a;border-color:var(--accent-cyan);font-weight:700}.slider-row{display:flex;flex-direction:column;gap:.3rem;margin-top:.4rem;font-size:.825rem}.company-footer-card{margin-top:.5rem;background:#1e293b99;border:1px solid var(--bg-card-border);border-radius:.75rem;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.3rem;font-size:.775rem}.cf-title{font-weight:800;color:var(--accent-gold)}.cf-desc{color:var(--text-muted);font-size:.725rem}.cf-links{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.2rem}.cf-link{color:var(--accent-cyan);text-decoration:none;font-weight:600;transition:opacity .2s}.cf-link:hover{text-decoration:underline;opacity:.85}.btn{padding:.5rem .75rem;border-radius:.6rem;font-family:inherit;font-weight:600;font-size:clamp(.75rem,1.5vw,.85rem);cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;transition:all .25s ease;min-height:38px}.btn-secondary{background:#334155;color:var(--text-primary);border:1px solid var(--bg-card-border)}.btn-secondary:hover{background:#475569}.btn-danger{background:#f43f5e33;color:#fda4af;border:1px solid rgba(244,63,94,.4)}.btn-danger:hover{background:#f43f5e59}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-outline{background:transparent;border:1px solid var(--bg-card-border);color:var(--text-primary)}.btn-outline:hover{background:#ffffff0d;border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-gold-border{border:1px solid rgba(251,191,36,.5);color:var(--accent-gold);background:#fbbf241a;font-weight:700}.btn-gold-border:hover{background:#fbbf2440;color:#fff;border-color:var(--accent-gold)}.btn-ghost{background:transparent;border:none;color:var(--text-muted)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff14}.btn-icon{width:36px;height:36px;border-radius:50%;font-size:1.05rem;flex-shrink:0}.btn-xs{padding:.25rem .5rem;font-size:.7rem;min-height:auto}.btn-lg{padding:.75rem 1.1rem;font-size:clamp(.85rem,2vw,1rem);font-weight:700}.btn-full{width:100%}.file-upload-label{margin:0}.input-select{background:#0f172ae6;border:1px solid var(--bg-card-border);color:var(--text-primary);padding:.4rem .6rem;border-radius:.5rem;font-family:inherit;font-size:.8rem;outline:none;max-width:100%}.winners-list{background:#0f172ae6;border:1px solid var(--bg-card-border);border-radius:.75rem;flex:1;min-height:0;overflow-y:auto;padding:.6rem;display:flex;flex-direction:column;gap:.4rem}.empty-winners{text-align:center;color:var(--text-muted);margin:auto;font-size:.85rem}.winner-item{display:flex;justify-content:space-between;align-items:center;background:#1e293bcc;padding:.55rem .8rem;border-radius:.6rem;border-right:4px solid var(--accent-gold)}.winner-item-name{font-weight:800;color:var(--accent-gold);font-size:clamp(.85rem,2vw,.95rem)}.winner-item-time{font-size:.7rem;color:var(--text-muted)}.setting-item{display:flex;flex-direction:column;gap:.4rem;padding-bottom:.75rem;border-bottom:1px solid var(--bg-card-border)}.slider-input{accent-color:var(--accent-cyan);cursor:pointer;width:100%}.checkbox-setting label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.85rem}.modal-confetti-canvas{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;pointer-events:none!important;z-index:99999!important}dialog.winner-modal{margin:auto;border:none;background:transparent;color:var(--text-primary);padding:0;width:min(92vw,480px);position:relative;cursor:pointer;overflow:visible;opacity:0;transition-property:opacity,display,overlay;transition-duration:.4s;transition-timing-function:ease-out;transition-behavior:allow-discrete}dialog.winner-modal[open]{opacity:1}@starting-style{dialog.winner-modal[open]{opacity:0}}dialog.winner-modal::backdrop{background-color:#0000;transition:display .4s allow-discrete,overlay .4s allow-discrete,background-color .4s ease-out}dialog.winner-modal[open]::backdrop{background-color:#000000e0}@starting-style{dialog.winner-modal[open]::backdrop{background-color:#0000}}.modal-close-btn{position:absolute;top:1rem;left:1rem;background:#ffffff26;border:none;color:var(--text-muted);width:34px;height:34px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:20}.modal-close-btn:hover{background:#f43f5e66;color:#fff}.winner-modal-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:10;border:2px solid rgba(251,191,36,.5);border-radius:clamp(1.25rem,4vw,2rem);background:#0a0f1ef5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:clamp(1.5rem,4vw,2.5rem) clamp(1.2rem,3.5vw,2rem);box-shadow:0 25px 60px #000000e6,0 0 50px #fbbf2440;transform:scale(1);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}@starting-style{.winner-modal-content{transform:scale(.75)}}.trophy-badge{font-size:clamp(3.5rem,11vw,5rem);animation:floatTrophy 1.8s infinite ease-in-out;filter:drop-shadow(0 0 30px rgba(251,191,36,.7))}@keyframes floatTrophy{0%,to{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(-10px) scale(1.1) rotate(6deg)}}.winner-title{font-size:clamp(1.2rem,3.5vw,1.5rem);color:var(--text-muted);font-weight:700;margin-top:.5rem}.winner-name{font-size:clamp(2rem,7.5vw,3rem);font-weight:900;margin:.6rem 0;background:linear-gradient(135deg,#fef08a,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;word-break:break-word;letter-spacing:-.5px;filter:drop-shadow(0 0 20px rgba(251,191,36,.4))}.winner-prize-tag{background:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:var(--accent-gold);padding:.4rem 1rem;border-radius:2rem;font-weight:800;font-size:clamp(.85rem,2.5vw,1.1rem);margin-bottom:.85rem}.winner-subtitle{font-size:clamp(.8rem,2.2vw,.9rem);color:var(--text-muted);margin-bottom:1.25rem}.timer-progress-wrapper{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:1.5rem}.timer-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-gold),#f59e0b);width:100%}.modal-actions{display:flex;gap:.75rem;width:100%;flex-wrap:wrap}.modal-actions .btn{flex:1;min-width:130px}.prize-weights-section{background:#0f172ab3;border:1px solid rgba(251,191,36,.3);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto;min-height:0}.weights-hint{font-size:.75rem;color:var(--text-muted);margin:0}.prize-weights-list{display:flex;flex-direction:column;gap:.4rem;flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;scrollbar-width:thin}.weights-quick-presets{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.weights-preset-btns{display:flex;align-items:center;gap:.35rem}.prize-weights-list{display:flex;flex-direction:column;gap:.5rem;max-height:420px;overflow-y:auto;padding-right:.2rem;scrollbar-width:thin}.modern-prize-row{display:flex;align-items:center;gap:.75rem;background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.5rem .85rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026}.modern-prize-row:hover{background:#1e293be6;border-color:#38bdf866;box-shadow:0 4px 16px #00000040}.prize-row-main{display:flex;align-items:center;gap:.5rem;flex:1.5;min-width:140px}.prize-idx{background:#38bdf81f;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3);border-radius:.4rem;font-size:.75rem;font-weight:800;padding:.15rem .45rem;flex-shrink:0}.prize-name-input-modern{width:100%;background:transparent;border:1px solid transparent;border-radius:.4rem;padding:.25rem .4rem;color:var(--text-primary);font-family:inherit;font-size:.875rem;font-weight:700;outline:none;transition:all .2s ease}.prize-name-input-modern:hover{background:#ffffff0a;border-color:#ffffff1a}.prize-name-input-modern:focus{background:#0f172af2;border-color:var(--accent-cyan);box-shadow:0 0 10px #38bdf833}.prize-bar-container{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;min-width:60px}.prize-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#fbbf24);border-radius:3px;transition:width .25s ease-out}.prize-row-controls{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.step-btn{width:28px;height:28px;border-radius:.4rem;background:#1e293be6;border:1px solid var(--bg-card-border);color:var(--text-primary);font-size:.85rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none}.step-btn:hover{background:#38bdf840;border-color:var(--accent-cyan);color:#fff}.step-btn:active{transform:scale(.92)}.weight-num-input-modern{width:44px;height:28px;font-size:.825rem;font-weight:800;color:var(--accent-gold);text-align:center;background:#0f172ae6;border:1px solid rgba(251,191,36,.35);border-radius:.4rem;outline:none;-moz-appearance:textfield}.weight-num-input-modern::-webkit-outer-spin-button,.weight-num-input-modern::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.weight-num-input-modern:focus{border-color:var(--accent-gold);box-shadow:0 0 10px #fbbf2459}.pct-badge{font-size:.775rem;font-weight:800;color:var(--accent-gold);background:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:.4rem;padding:.15rem .5rem;min-width:52px;text-align:center}.delete-btn-modern{width:28px;height:28px;border-radius:.4rem;background:#f43f5e1f;border:1px solid rgba(244,63,94,.3);color:#fda4af;font-size:.85rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.7}.delete-btn-modern:hover{opacity:1;background:#f43f5e4d;color:#fff;border-color:#f43f5e}.weights-empty-msg{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:2rem 1rem;color:var(--text-muted);font-size:.875rem;line-height:1.6}.weights-empty-icon{font-size:2.5rem;filter:grayscale(.4)}.password-set-row{display:flex;gap:.4rem;align-items:center}.password-set-row .text-input{flex:1;min-width:0}.password-set-row .btn{flex-shrink:0;white-space:nowrap;font-size:.75rem;padding:.4rem .55rem}dialog.password-modal{margin:auto;border:none;background:transparent;padding:0;width:min(92vw,380px)}dialog.password-modal::backdrop{background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.password-modal-content{background:#0a0f1efa;border:2px solid rgba(56,189,248,.4);border-radius:1.5rem;padding:2rem 1.75rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;box-shadow:0 20px 50px #000c,0 0 40px #38bdf826;text-align:center}.pw-icon{font-size:3rem;animation:floatTrophy 2s infinite ease-in-out}.pw-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0}.pw-subtitle{font-size:.85rem;color:var(--text-muted);margin:0}.pw-input{width:100%;background:#0f172ae6;border:2px solid var(--bg-card-border);border-radius:.75rem;padding:.75rem 1rem;color:var(--text-primary);font-family:inherit;font-size:1.1rem;text-align:center;letter-spacing:.2em;outline:none;transition:border-color .2s ease}.pw-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 15px #38bdf840}.pw-error{font-size:.85rem;font-weight:700;color:#f43f5e;margin:0;animation:shake .35s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pw-actions{display:flex;gap:.6rem;width:100%}.pw-actions .btn{flex:1}@media(max-width:768px){html,body{height:auto;max-height:none;overflow-y:auto}.app-container{height:auto;max-height:none;padding:.5rem .65rem;overflow-y:auto}.header{flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:.5rem;margin-bottom:.5rem}.logo-title{width:100%}.header h1{font-size:clamp(.95rem,4.2vw,1.15rem)}.subtitle{font-size:.7rem}.header-controls{width:100%;justify-content:space-between;margin-right:0}.btn-toggle-panel{font-size:.75rem;padding:.35rem .6rem}.main-content{grid-template-columns:1fr;gap:.75rem;height:auto;overflow-y:visible}.active-contest-banner{flex-direction:column;gap:.25rem;padding:.35rem .6rem;font-size:.75rem;width:100%}.wheel-section{padding:.5rem;height:auto;min-height:auto}.wheel-wrapper{max-width:min(88vw,340px);max-height:min(88vw,340px);margin:.5rem auto}.btn-spin{width:58px;height:58px}.spin-text{font-size:.7rem}.wheel-stats{gap:.4rem;margin-top:.4rem}.stat-badge{padding:.25rem .6rem;font-size:.75rem}.panel-section{height:auto;min-height:380px}.tabs-header{flex-wrap:wrap}.tab-btn{font-size:.725rem;padding:.5rem .15rem}.names-textarea{min-height:180px}.action-buttons-grid{grid-template-columns:repeat(2,1fr)}}.main-content-wheel-only{grid-template-columns:1fr!important}.admin-page{overflow-y:auto!important}.admin-app-container{height:100vh;max-height:100vh;overflow:hidden}.admin-header{border-bottom:2px solid rgba(56,189,248,.2)}.btn-go-wheel{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;border-radius:.6rem;padding:.45rem 1rem;box-shadow:0 4px 14px #10b98159;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.btn-go-wheel:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98173}.btn-logout{border-color:#f43f5e66;color:#f43f5e}.btn-logout:hover{background:#f43f5e26;color:#fff}.admin-main-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.admin-panel-full{width:100%;height:100%;min-height:0;flex:1}.mode-switch-card{background:#0f172ad9;border:1px solid rgba(56,189,248,.3);border-radius:.85rem;padding:.65rem 1rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mode-switch-info{display:flex;align-items:center;gap:.6rem}.mode-switch-label{font-size:.85rem;font-weight:700;color:var(--text-muted)}.mode-badge{font-size:.8rem;font-weight:800;padding:.2rem .65rem;border-radius:1rem}.badge-names{background:#38bdf826;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.4)}.badge-prizes{background:#fbbf2426;color:var(--accent-gold);border:1px solid rgba(251,191,36,.4)}.mode-switch-btns{display:flex;align-items:center;gap:.5rem}.mode-switch-btns .btn{border-radius:.6rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700}.mode-switch-btns .active-mode{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;border-color:transparent;box-shadow:0 0 12px #38bdf866}.admin-textarea{min-height:260px}.admin-password-gate{display:flex;align-items:center;justify-content:center;flex:1;padding:2rem 1rem}.password-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:1.5rem;padding:2.5rem 2rem;max-width:480px;width:100%;text-align:center;box-shadow:0 15px 40px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.password-card .pw-icon{font-size:3.5rem;margin-bottom:.75rem}.password-card h2{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:.5rem}.password-card p{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.admin-login-form{display:flex;flex-direction:column;gap:1rem}.pw-large-input{font-size:1.1rem;padding:.8rem 1rem;text-align:center}.admin-login-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}:fullscreen #openAdminBtn,:fullscreen #soundToggleBtn,:-webkit-full-screen #openAdminBtn,:-webkit-full-screen #soundToggleBtn{display:none!important}.games-nav-pills{display:flex;align-items:center;background:#0f172ab3;border:1px solid var(--bg-card-border);padding:.25rem;border-radius:2rem;gap:.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:1.5rem;border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:var(--font-family);font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-pill:hover{color:#fff;background:#ffffff0f}.nav-pill.active{background:linear-gradient(135deg,#38bdf833,#fbbf2433);color:#fff;border-color:#fbbf2466;box-shadow:0 0 15px #fbbf2433}.nav-pill .pill-icon{font-size:1rem}.lobby-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 1rem;gap:2rem}.lobby-hero{text-align:center;max-width:680px}.lobby-badge{display:inline-block;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:var(--accent-gold);padding:.35rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:700;margin-bottom:.75rem;box-shadow:0 0 15px #fbbf2426}.lobby-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;background:linear-gradient(135deg,#fff 30%,#fbbf24 80%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;line-height:1.2}.lobby-desc{color:var(--text-muted);font-size:clamp(.9rem,2vw,1.05rem);line-height:1.6}.lobby-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%}@media(max-width:768px){.lobby-cards-grid{grid-template-columns:1fr;gap:1.25rem}}.lobby-game-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:1.75rem;padding:2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.25rem;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 15px 35px #0006;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lobby-game-card:hover{transform:translateY(-8px)}.card-wheel:hover{border-color:#fbbf2499;box-shadow:0 20px 45px #fbbf2440,0 0 30px #fbbf241a}.card-timer:hover{border-color:#38bdf899;box-shadow:0 20px 45px #38bdf840,0 0 30px #38bdf81a}.card-top-tag{position:absolute;top:1.25rem;right:1.25rem;font-size:.75rem;font-weight:700;padding:.3rem .75rem;border-radius:1rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15)}.card-top-tag.tag-hot{background:#ef444433;color:#f87171;border-color:#ef444466}.card-visual-wrapper{display:flex;align-items:center;justify-content:center;min-height:140px;padding:1rem 0}.wheel-icon-mockup{position:relative;width:110px;height:110px}.mockup-wheel-spin{width:100%;height:100%;animation:slowWheelSpin 20s linear infinite}.lobby-game-card:hover .mockup-wheel-spin{animation-duration:4s}@keyframes slowWheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheel-svg-art{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(251,191,36,.4))}.mockup-pointer{position:absolute;top:-8px;left:50%;transform:translate(-50%);color:#fbbf24;font-size:1.2rem;filter:drop-shadow(0 0 6px #000)}.timer-mockup-display{background:#04050a;border:2px solid rgba(255,255,255,.2);border-radius:1.25rem;padding:1rem 1.5rem;text-align:center;position:relative;box-shadow:inset 0 0 20px #000000e6,0 0 25px #ffffff14}.mockup-digits{font-family:Share Tech Mono,monospace;font-size:2.2rem;font-weight:900;color:#fff;letter-spacing:3px;direction:ltr;text-shadow:0 0 15px rgba(255,255,255,.85)}.mockup-target-label{font-size:.75rem;color:#fbbf24;font-weight:700;margin-top:.25rem}.card-title{font-size:1.35rem;font-weight:800;color:#fff;margin-bottom:.35rem}.card-desc{color:var(--text-muted);font-size:.875rem;line-height:1.6;flex-grow:1}.card-features{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.feat-pill{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:.25rem .6rem;border-radius:.8rem;font-size:.75rem;color:#e2e8f0}.card-action-btn{margin-top:.5rem;font-weight:700}.timer-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:900px;margin:0 auto;padding:1rem;position:relative;flex:1;gap:1.25rem}.timer-confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15}.timer-top-banner{background:#1e293be6;border:1px solid var(--bg-card-border);padding:.5rem 1.25rem;border-radius:2rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:clamp(.8rem,1.8vw,.95rem);flex-wrap:wrap;box-shadow:0 4px 15px #0000004d}.timer-banner-item{display:flex;align-items:center;gap:.4rem}.timer-banner-item .t-val{font-weight:800}.highlight-cyan{color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.4)}.highlight-white{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8)}.timer-clean-card{background:#080d19;border:1px solid rgba(255,255,255,.08);border-radius:2.25rem;padding:clamp(2rem,4vw,3rem) clamp(1.25rem,3.5vw,2.75rem);width:100%;max-width:640px;margin:0 auto 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;box-shadow:0 25px 60px -10px #000c,0 0 45px -10px #38bdf81a;-webkit-user-select:none;user-select:none}.clean-target-header{font-family:var(--font-family);font-size:clamp(1rem,2.2vw,1.15rem);font-weight:500;color:#94a3b8;margin-bottom:clamp(1.5rem,3vw,2.25rem);letter-spacing:.01em}.clean-target-header strong{color:#f1f5f9;font-weight:700;font-family:"JetBrains Mono",var(--font-family)}.clean-digits-box{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:clamp(1.25rem,3vw,2rem)}.timer-clean-digits{font-family:JetBrains Mono,monospace;font-size:clamp(3.8rem,11vw,6.4rem);font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.35),0 0 45px rgba(56,189,248,.22);line-height:1;display:inline-flex;align-items:baseline;justify-content:center;direction:ltr;font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"zero" 1,"tnum" 1;letter-spacing:.02em;-webkit-user-select:none;user-select:none;transition:text-shadow .2s ease,color .2s ease}.clean-digits-num{font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"zero" 1,"tnum" 1}.clean-digits-unit{font-family:JetBrains Mono,Readex Pro,sans-serif;font-size:.32em;font-weight:600;color:#cbd5e1;margin-left:.22em;vertical-align:baseline;opacity:.9}.timer-clean-digits.winner-glow{color:#38bdf8!important;text-shadow:0 0 25px rgba(56,189,248,.95),0 0 65px rgba(56,189,248,.8)!important;animation:pulseCyanWin .6s infinite alternate}.timer-clean-digits.near-glow{color:#fbbf24!important;text-shadow:0 0 25px rgba(251,191,36,.95),0 0 55px rgba(251,191,36,.6)!important}@keyframes pulseCyanWin{0%{transform:scale(1)}to{transform:scale(1.04)}}.clean-badges-row{display:flex;gap:.6rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:clamp(1rem,2.5vw,1.5rem);min-height:32px}.clean-status-badge{padding:.35rem 1.2rem;border-radius:2rem;font-size:.88rem;font-weight:600;transition:all .2s ease}.clean-status-badge.idle{background:#ffffff0d;color:#94a3b8}.clean-status-badge.running{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.35);animation:pulseBadge 1s infinite}.clean-status-badge.win{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.6);box-shadow:0 0 20px #10b98159}.clean-status-badge.near{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.55)}.clean-status-badge.close{background:#38bdf826;color:#7dd3fc;border:1px solid rgba(56,189,248,.35)}.clean-status-badge.miss{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.35)}.clean-diff-badge{padding:.35rem .95rem;border-radius:1.5rem;font-family:JetBrains Mono,monospace;font-size:.88rem;font-weight:700;direction:ltr}.clean-diff-badge.win{background:#065f46;color:#6ee7b7;border:1px solid #10b981}.clean-diff-badge.near{background:#78350f;color:#fde68a;border:1px solid #f59e0b}.clean-diff-badge.miss{background:#7f1d1d;color:#fca5a5;border:1px solid #ef4444}.btn-cyan-timer{background:#38bdf8;color:#030712;font-family:var(--font-family);font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:800;border:none;border-radius:1.25rem;padding:1.05rem 3rem;width:100%;max-width:380px;display:flex;align-items:center;justify-content:center;gap:14px;direction:ltr;cursor:pointer;outline:none;box-shadow:0 10px 25px -4px #38bdf873,0 0 20px #38bdf840;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .2s ease;margin-bottom:clamp(1.5rem,3.5vw,2.25rem);-webkit-user-select:none;user-select:none}.btn-cyan-timer .btn-cyan-icon{font-size:1.15rem;line-height:1;display:inline-flex;align-items:center;color:#030712}.btn-cyan-timer:hover{transform:translateY(-2px);box-shadow:0 14px 30px -4px #38bdf899,0 0 25px #38bdf859;filter:brightness(1.04)}.btn-cyan-timer:active{transform:translateY(1px);filter:brightness(.96);box-shadow:0 6px 15px -2px #38bdf866}.btn-cyan-timer.running{background:#38bdf8;color:#030712;animation:pulseRunningCyan 1s infinite alternate}@keyframes pulseRunningCyan{0%{box-shadow:0 8px 20px -2px #38bdf866}to{box-shadow:0 14px 32px 2px #38bdf8bf}}.btn-cyan-timer.stopped{background:#38bdf8;color:#030712}.clean-best-capsule{background:#0d1527d9;border:1px solid rgba(56,189,248,.22);border-radius:14px;padding:.9rem 1.6rem;width:100%;display:flex;justify-content:space-between;align-items:center;direction:ltr;box-shadow:inset 0 1px #ffffff0d}.best-diff-val{font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:.04em;font-variant-numeric:tabular-nums slashed-zero}.best-title-group{display:flex;align-items:center;gap:8px;font-family:var(--font-family);font-size:.95rem;font-weight:500;color:#cbd5e1}.best-ribbon-icon{font-size:1.15rem}.timer-keyboard-tip{color:var(--text-muted);font-size:.85rem}@media(max-width:600px){.btn-arcade-action{min-width:240px;padding:1rem 1.75rem;font-size:1.15rem}}.timer-history-ribbon{background:#0f172acc;border:1px solid var(--bg-card-border);border-radius:1.25rem;padding:.75rem 1.25rem;width:100%;max-width:720px;display:flex;flex-direction:column;gap:.6rem}.th-best-box{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:.5rem}.th-best-box strong{color:#fbbf24;font-size:.95rem;direction:ltr}.th-recent-box{display:flex;align-items:center;gap:.75rem;overflow-x:auto;padding-bottom:.2rem}.th-recent-title{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.timer-attempts-list{display:flex;gap:.4rem;align-items:center}.empty-attempts{font-size:.8rem;color:var(--text-muted)}.attempt-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:1rem;font-size:.75rem;white-space:nowrap;direction:ltr}.attempt-pill.win{background:#10b98133;border:1px solid #10b981;color:#34d399}.attempt-pill.near{background:#f59e0b33;border:1px solid #f59e0b;color:#fde68a}.attempt-pill.miss{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8}