:root{--bg-primary: #0f0f14;--bg-secondary: #1a1a24;--bg-tertiary: #252532;--accent: #6366f1;--accent-hover: #818cf8;--accent-muted: #4f46e5;--text-primary: #fafafa;--text-secondary: #d4d4d8;--text-muted: #a1a1aa;--border: #27272a;--success: #22c55e;--warning: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.0625rem;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.footer{padding:1rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.95rem}.footer a{color:var(--text-secondary);text-decoration:none}.footer a:hover{color:var(--accent)}.footer .footer-link{background:none;border:none;font-size:inherit;color:var(--text-secondary);cursor:pointer;padding:0}.footer .footer-link:hover{color:var(--accent)}.footer span{color:var(--text-muted)}.share-links{display:inline-flex;align-items:center;gap:.5rem}.share-link{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .15s,transform .15s}.share-link:hover{color:var(--accent);transform:scale(1.1)}.share-whatsapp:hover{color:#25d366}.share-telegram:hover{color:#08c}.share-facebook:hover{color:#1877f2}.share-x:hover{color:#71767a}.share-messenger:hover{color:#0084ff}.app.fullscreen .sidebar,.app.fullscreen .footer{display:none}.app.fullscreen .wheel-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem}@media (max-width: 768px){.header{padding:.75rem 1rem}.tagline{display:none}.brand h1{font-size:1.4rem}}.brand{display:flex;align-items:center;gap:.75rem}.brand a,.brand .brand-logo-btn{color:inherit;text-decoration:none}.brand .brand-logo-btn{display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:none;cursor:pointer}.brand .brand-logo-btn:hover{opacity:.85}.logo-icon{width:2rem;height:2rem;color:var(--accent);flex-shrink:0}.brand h1{font-family:Fredoka,sans-serif;font-size:1.65rem;font-weight:600;letter-spacing:-.02em}.tagline{font-family:Fredoka,sans-serif;font-size:.95rem;color:var(--text-muted);margin-left:.5rem}.header-nav{display:flex;align-items:center;gap:1.5rem}.current-wheel-name{max-width:220px;padding:.35rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-nav .nav-item{text-transform:capitalize}.nav-lang-flag{margin-right:.35rem;font-size:1rem}.nav-item{padding:.4rem .75rem;font-size:1rem;font-weight:500;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent);color:#fff}.wheel-mode-switch{display:flex;gap:.25rem}.mode-pill-switch{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.35rem;padding:.3rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;margin-bottom:.75rem}.mode-pill-btn{border:none;border-radius:999px;padding:.45rem .95rem;background:transparent;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;text-transform:capitalize}.mode-pill-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mode-pill-btn.active{background:var(--accent);color:#fff}.mode-pill-more{position:relative}.mode-pill-more-menu{position:absolute;top:calc(100% + .35rem);right:0;min-width:180px;padding:.35rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000004d;z-index:20;display:flex;flex-direction:column;gap:.2rem}.mode-pill-more-menu button{border:none;border-radius:8px;padding:.45rem .65rem;background:transparent;color:var(--text-secondary);text-align:left;font-size:.9rem;cursor:pointer}.mode-pill-more-menu button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mode-pill-more-menu a{display:block;border:none;border-radius:8px;padding:.45rem .65rem;background:transparent;color:var(--text-secondary);text-align:left;font-size:.9rem;cursor:pointer;text-decoration:none}.mode-pill-more-menu a:hover{background:var(--bg-tertiary);color:var(--text-primary)}.image-input-hidden{display:none}.entry-with-image{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.entry-thumb{width:36px;height:36px;object-fit:cover;border-radius:6px;flex-shrink:0}.entry-label-input{flex:1;min-width:0}.settings-nav-item{position:relative}.main{flex:1;display:flex;flex-direction:row;gap:1.5rem;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%;min-width:0}@media (max-width: 768px){.main{flex-direction:column;padding:1rem;gap:1rem}.wheel-section{order:1}.sidebar{order:2;width:100%;max-width:100%}}.wheel-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:0}.wheel-container{position:relative;border-radius:50%;box-shadow:0 0 60px #6366f133;width:100%;max-width:min(400px,100vw - 2rem);aspect-ratio:1}@media (min-width: 769px){.wheel-container,.wheel-empty{max-width:min(560px,65vh)}}.wheel-empty{width:100%;max-width:min(400px,100vw - 2rem);aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;border:2px dashed var(--border)}.wheel-empty p{color:var(--text-muted);font-size:.9rem;text-align:center;padding:1rem}.wheel-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}@media (min-width: 769px){.wheel-wrapper{min-width:320px}}.spin-btn{padding:1rem 2.5rem;font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:600;letter-spacing:.08em;border:none;border-radius:50px;background:linear-gradient(135deg,var(--accent),var(--accent-muted));color:#fff;box-shadow:0 4px 20px #6366f166;transition:transform .2s,box-shadow .2s}@media (max-width: 768px){.spin-btn{padding:.9rem 2rem;font-size:1.2rem}}.spin-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 30px #6366f180}.spin-btn:active:not(:disabled){transform:scale(.98)}.spin-btn:disabled{opacity:.6;cursor:not-allowed}.hint{font-family:Fredoka,sans-serif;font-size:.9rem;color:var(--text-muted)}.sidebar{width:320px;min-width:0;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}@media (min-width: 769px){.sidebar{width:420px}}.input-section,.results-panel{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden;min-width:0}.input-section.collapsed,.results-panel.collapsed{padding:.5rem}.input-header,.results-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.input-header h3,.results-header h3{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;color:var(--text-secondary);letter-spacing:.08em}.input-actions,.results-actions{display:flex;gap:.5rem}.btn-chip{padding:.35rem .6rem;font-size:.9rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary)}.btn-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn-icon{padding:.4rem .75rem;font-size:.95rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon.danger:hover{background:#f43f5e33;color:#f43f5e}.add-input{display:flex;gap:.5rem;padding:1rem}@media (max-width: 768px){.add-input{flex-direction:column;padding:.75rem 1rem}.add-input textarea{min-height:60px}.input-actions,.input-header{flex-wrap:wrap}}@media (min-width: 769px){.entries-list{max-height:440px}.add-input textarea{min-height:80px}}@media (max-width: 768px){.entries-list{max-height:200px}}.add-input textarea{flex:1;min-width:0;padding:.6rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);resize:none;font-size:.9rem;text-transform:none}.add-input textarea:focus{outline:none;border-color:var(--accent)}.btn-primary{padding:.65rem 1.25rem;font-weight:600;font-size:1rem;border-radius:8px;border:none;background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{padding:.55rem 1.1rem;font-size:.95rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-primary)}.entries-list{list-style:none;overflow-y:auto}.entry-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--border);gap:.5rem;min-width:0}.entry-item.hidden{opacity:.5}.entry-content{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.entry-text{flex:1;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;text-transform:none;display:flex;align-items:center;gap:.4rem}.entry-text-value{min-width:0;overflow:hidden;text-overflow:ellipsis}.entry-duplicate-count{flex-shrink:0;padding:.05rem .4rem;border-radius:999px;background:var(--bg-tertiary);color:var(--text-muted);font-size:.72rem;font-weight:600}.entry-content input[type=text]{flex:1;padding:.25rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.9rem;text-transform:none}.weight-input{width:48px;padding:.25rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.8rem}.color-input{width:28px;height:28px;padding:2px;border:none;border-radius:6px;cursor:pointer}.entry-actions{display:flex;gap:.25rem}.entry-actions button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:1rem}.entry-actions button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.results-content{padding:1rem}.results-history h4,.results-scores h4{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.results-history ul,.results-scores ul{list-style:none}.results-total{margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.9rem;font-weight:600;color:var(--text-secondary);text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.results-history li,.results-scores li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.9rem}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.result-list-thumb{width:24px;height:24px;object-fit:cover;border-radius:4px;flex-shrink:0}.result-item-label{flex:1;min-width:0}.results-history li.result-item-hidden{opacity:.5}.results-history li.result-item-hidden .result-hidden-icon{flex-shrink:0;opacity:.7}.empty{color:var(--text-muted);font-size:.9rem}.settings-nav-item .settings-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;padding:1rem 1.25rem;min-width:280px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);box-shadow:0 4px 20px #0000004d;z-index:100}.setting-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.setting-row:last-child{margin-bottom:0}.setting-row label{font-size:.85rem;min-width:80px}.setting-row input[type=range]{flex:1}.lang-select{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;cursor:pointer}.theme-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.theme-btn{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer}.theme-btn.active{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--border)}.setting-row-action{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.btn-clear-list{width:100%;color:var(--text-muted)}.btn-clear-list:hover{background:#f43f5e33;color:#f43f5e}.sidebar-clear-list{margin-top:.6rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-modal{background:var(--bg-secondary);border-radius:16px;padding:2rem;max-width:400px;width:calc(100% - 2rem);margin:1rem;text-align:center;border:1px solid var(--border);animation:scaleIn .3s}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.result-title{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.result-value{font-size:1.5rem;font-weight:700;padding:1rem 1.5rem;border-radius:12px;border:3px solid;margin-bottom:1.5rem}.result-with-image{display:flex;align-items:center;gap:1rem}.result-image{width:64px;height:64px;object-fit:cover;border-radius:8px}.result-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.show-results{margin-top:auto}body[data-theme=emerald]{--bg-primary: #052e16;--bg-secondary: #064e3b;--accent: #10b981;--accent-hover: #34d399}body[data-theme=rose]{--bg-primary: #1c0a0f;--bg-secondary: #2d1519;--accent: #f43f5e;--accent-hover: #fb7185}body[data-theme=ocean]{--bg-primary: #0c1929;--bg-secondary: #0e2942;--accent: #0ea5e9;--accent-hover: #38bdf8}body[data-theme=light]{--bg-primary: #f5f5f4;--bg-secondary: #e7e5e4;--bg-tertiary: #d6d3d1;--text-primary: #1c1917;--text-secondary: #57534e;--text-muted: #78716c;--border: #a8a29e;--accent: #6366f1;--accent-hover: #818cf8;--accent-muted: #4f46e5}body[data-theme=sky]{--bg-primary: #f0f9ff;--bg-secondary: #e0f2fe;--bg-tertiary: #bae6fd;--text-primary: #0c4a6e;--text-secondary: #0369a1;--text-muted: #0284c7;--border: #7dd3fc;--accent: #0284c7;--accent-hover: #0ea5e9;--accent-muted: #0369a1}body[data-theme=mint]{--bg-primary: #f0fdf4;--bg-secondary: #dcfce7;--bg-tertiary: #bbf7d0;--text-primary: #14532d;--text-secondary: #166534;--text-muted: #15803d;--border: #86efac;--accent: #16a34a;--accent-hover: #22c55e;--accent-muted: #15803d}body[data-theme=peach]{--bg-primary: #fff7ed;--bg-secondary: #ffedd5;--bg-tertiary: #fed7aa;--text-primary: #7c2d12;--text-secondary: #9a3412;--text-muted: #c2410c;--border: #fdba74;--accent: #ea580c;--accent-hover: #f97316;--accent-muted: #c2410c}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.legal-header{padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.legal-brand{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);text-decoration:none;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600}.legal-brand:hover{color:var(--accent)}.legal-brand .logo-icon{width:2rem;height:2rem;color:var(--accent)}.legal-content{flex:1;max-width:720px;margin:0 auto;padding:2rem 1.5rem;width:100%}.legal-content h1{font-size:1.75rem;margin-bottom:.5rem}.legal-updated{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.legal-content section{margin-bottom:1.5rem}.legal-content h2{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.legal-content p,.legal-content ul{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.legal-content ul{padding-left:1.5rem;margin-bottom:1rem}.legal-content li{margin-bottom:.35rem}.legal-footer{display:flex;gap:1.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.legal-footer a{color:var(--accent);text-decoration:none}.legal-footer a:hover{text-decoration:underline}.lotto-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.lotto-header{padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.lotto-brand{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);text-decoration:none;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600}.lotto-brand:hover{color:var(--accent)}.lotto-brand .logo-icon{width:2rem;height:2rem;color:var(--accent)}.lotto-content{flex:1;max-width:960px;margin:0 auto;padding:2rem 1.5rem;width:100%}.lotto-content h1{font-size:1.75rem;margin-bottom:.5rem}.lotto-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.lotto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.lotto-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.lotto-card-header{display:flex;align-items:center;gap:.6rem}.lotto-card-badge{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:50%;box-shadow:0 1px 3px #0003}.lotto-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.lotto-numbers{font-size:1.15rem;font-weight:600;min-height:2rem;color:var(--text-primary)}.lotto-main{color:var(--accent)}.lotto-extra{color:var(--text-secondary);font-weight:500}.lotto-extra-label{font-size:.85rem;font-weight:400;color:var(--text-muted)}.lotto-placeholder{color:var(--text-muted);font-weight:400}.lotto-slot{display:inline-block;min-width:1.5em;text-align:center}.lotto-slot-rolling{animation:lotto-slot-roll .08s ease-out infinite}.lotto-slot-locked{animation:lotto-slot-lock .25s ease-out}@keyframes lotto-slot-roll{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes lotto-slot-lock{0%{transform:scale(1.15)}to{transform:scale(1)}}.lotto-generate-btn{margin-top:.5rem;padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;align-self:flex-start}.lotto-generate-btn:hover{background:var(--accent-hover)}.lotto-footer{display:flex;gap:1.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.lotto-footer a{color:var(--accent);text-decoration:none}.lotto-footer a:hover{text-decoration:underline}.coin-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.coin-header{padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.coin-brand{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);text-decoration:none;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600}.coin-brand:hover{color:var(--accent)}.coin-brand .logo-icon{width:2rem;height:2rem;color:var(--accent)}.coin-content{flex:1;max-width:640px;margin:0 auto;padding:2rem 1.5rem;width:100%;display:flex;flex-direction:column;align-items:center}.coin-content h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-primary)}.coin-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.coin-toss-area{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.coin-3d-scene{perspective:1200px;display:flex;align-items:center;justify-content:center;min-height:280px}.coin-3d{position:relative;width:240px;height:240px;transform-style:preserve-3d}.coin-3d-flipping{animation:coin-flip var(--flip-duration, 1.2s) cubic-bezier(.25,.1,.25,1) forwards}@keyframes coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(var(--flip-rotation, 1440deg))}}.coin-face{position:absolute;width:100%;height:100%;border-radius:50%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #8b732466,0 8px 24px #0006,inset 0 2px 4px #ffffff4d}.coin-face-front{transform:rotateY(0)}.coin-face-back{transform:rotateY(180deg)}.coin-face-svg{width:90%;height:90%;pointer-events:none}.coin-toss-btn{padding:.75rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.coin-toss-btn:hover:not(:disabled){background:var(--accent-hover)}.coin-toss-btn:disabled{opacity:.7;cursor:not-allowed}.coin-hint{color:var(--text-muted);font-size:.85rem}.coin-results-wrapper{width:100%;margin-top:2rem}.coin-results-wrapper .results-panel{width:100%}.coin-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.coin-result-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem 2rem;max-width:360px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.coin-result-title{font-size:1rem;color:var(--text-secondary);margin:0}.coin-result-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.coin-footer{display:flex;gap:1.5rem;margin-top:2.5rem;padding:1.5rem 0;border-top:1px solid var(--border)}.coin-footer a{color:var(--accent);text-decoration:none}.coin-footer a:hover{text-decoration:underline}.dice-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary)}.dice-header{padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.dice-brand{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);text-decoration:none;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600}.dice-brand:hover{color:var(--accent)}.dice-brand .logo-icon{width:2rem;height:2rem;color:var(--accent)}.dice-content{flex:1;max-width:640px;margin:0 auto;padding:2rem 1.5rem;width:100%;display:flex;flex-direction:column;align-items:center}.dice-content h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-primary)}.dice-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.dice-roll-area{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.dice-3d-scene{perspective:1200px;display:flex;align-items:center;justify-content:center;min-height:280px}.dice-cube{position:relative;width:120px;height:120px;transform-style:preserve-3d;transform:translateZ(-60px)}.dice-cube-rolling{animation:var(--dice-roll-keyframes) var(--roll-duration, 2.5s) cubic-bezier(.25,.1,.25,1) forwards}@keyframes dice-roll-1{0%{transform:translateZ(-60px) rotateX(0) rotateY(0)}to{transform:translateZ(-60px) rotateX(990deg) rotateY(1080deg)}}@keyframes dice-roll-2{0%{transform:translateZ(-60px) rotateX(0) rotateY(0)}to{transform:translateZ(-60px) rotateX(1080deg) rotateY(1080deg)}}@keyframes dice-roll-3{0%{transform:translateZ(-60px) rotateX(0) rotateY(0)}to{transform:translateZ(-60px) rotateY(990deg) rotateX(990deg)}}@keyframes dice-roll-4{0%{transform:translateZ(-60px) rotateX(0) rotateY(0)}to{transform:translateZ(-60px) rotateY(1170deg) rotateX(990deg)}}@keyframes dice-roll-5{0%{transform:translateZ(-60px) rotateX(0) rotateY(0)}to{transform:translateZ(-60px) rotateX(1260deg) rotateY(1080deg)}}@keyframes dice-roll-6{0%{transform:translateZ(-60px) rotateX(0) rotateY(0)}to{transform:translateZ(-60px) rotateX(1170deg) rotateY(1080deg)}}.dice-cube-show-1{transform:translateZ(-60px) rotateX(-90deg) rotateY(0)!important}.dice-cube-show-2{transform:translateZ(-60px) rotateX(0) rotateY(0)!important}.dice-cube-show-3{transform:translateZ(-60px) rotateY(-90deg) rotateX(-90deg)!important}.dice-cube-show-4{transform:translateZ(-60px) rotateY(90deg) rotateX(-90deg)!important}.dice-cube-show-5{transform:translateZ(-60px) rotateX(180deg) rotateY(0)!important}.dice-cube-show-6{transform:translateZ(-60px) rotateX(90deg) rotateY(0)!important}.dice-face{position:absolute;width:120px;height:120px;background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border:2px solid #ccc;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a,0 4px 12px #0003;backface-visibility:hidden}.dice-face-svg{width:70%;height:70%;pointer-events:none}.dice-face-top{transform:rotateX(90deg) translateZ(60px)}.dice-face-bottom{transform:rotateX(-90deg) translateZ(60px)}.dice-face-front{transform:rotateY(0) translateZ(60px)}.dice-face-back{transform:rotateY(180deg) translateZ(60px)}.dice-face-right{transform:rotateY(90deg) translateZ(60px)}.dice-face-left{transform:rotateY(-90deg) translateZ(60px)}.dice-roll-btn{padding:.75rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.dice-roll-btn:hover:not(:disabled){background:var(--accent-hover)}.dice-roll-btn:disabled{opacity:.7;cursor:not-allowed}.dice-hint{color:var(--text-muted);font-size:.85rem}.dice-results-wrapper{width:100%;margin-top:2rem}.dice-results-wrapper .results-panel{width:100%}.dice-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.dice-result-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem 2rem;max-width:360px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.dice-result-title{font-size:1rem;color:var(--text-secondary);margin:0}.dice-result-value{font-size:2.5rem;font-weight:700;color:var(--accent);border:3px solid;border-radius:12px;padding:.5rem 1.5rem;min-width:4rem;text-align:center}.dice-footer{display:flex;gap:1.5rem;margin-top:2.5rem;padding:1.5rem 0;border-top:1px solid var(--border)}.dice-footer a{color:var(--accent);text-decoration:none}.dice-footer a:hover{text-decoration:underline}.football-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.football-header{padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.football-brand{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);text-decoration:none;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600}.football-brand:hover{color:var(--accent)}.football-brand .logo-icon{width:2rem;height:2rem;color:var(--accent)}.football-content{flex:1;max-width:960px;margin:0 auto;padding:2rem 1.5rem;width:100%}.football-content h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-primary)}.football-subtitle{color:var(--text-primary);opacity:.9;font-size:.95rem;margin-bottom:2rem}.football-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.football-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.football-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem;letter-spacing:.01em}.football-card-flag{flex-shrink:0}.football-pick-btn{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;align-self:flex-start}.football-pick-btn:hover:not(:disabled){background:var(--accent-hover)}.football-pick-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.7}.football-footer{display:flex;gap:1.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.football-footer a{color:var(--text-primary);text-decoration:none;opacity:.95}.football-footer a:hover{color:var(--accent);text-decoration:underline;opacity:1}.football-wheel-modal-overlay{background:#000000b3}.football-wheel-modal{max-width:420px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border)}.football-wheel-modal h2{color:var(--text-primary)}.football-wheel-loading,.football-wheel-error{color:var(--text-primary);margin:1rem 0}.football-wheel-error{color:var(--accent)}.football-wheel-error-hint{display:block;font-size:.85rem;color:var(--text-secondary);margin-top:.5rem}.football-wheel-match-info{font-weight:600;color:var(--text-primary);margin:.5rem 0}.football-wheel-date{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem}.football-wheel-odds{background:var(--bg-secondary);border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem}.football-wheel-odds-label{font-size:.8rem;color:var(--text-primary);opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.football-wheel-odds-grid{display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:center}.football-wheel-odds-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.football-wheel-odds-team{font-size:.8rem;color:var(--text-primary);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.football-wheel-odds-value{font-weight:600;color:var(--accent);font-size:.95rem}.football-wheel-odds-total{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-primary);opacity:.9}.football-wheel-odds-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;font-size:.9rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.football-wheel-odds-toggle input{cursor:pointer}.football-wheel-odds-toggle input:disabled{cursor:not-allowed;opacity:.6}.football-wheel-container{width:100%;max-width:280px;margin:0 auto 1.5rem;aspect-ratio:1}.football-wheel-container .wheel-container{width:100%;height:100%}.football-wheel-result{text-align:center;margin-top:1rem}.football-wheel-result-label{font-size:.9rem;color:var(--text-primary);opacity:.9;margin-bottom:.5rem}.football-wheel-result-value{font-size:1.25rem;font-weight:700;padding:.75rem 1.25rem;border-radius:10px;border:3px solid;background:var(--bg-secondary);color:var(--text-primary)}.football-spin-btn{width:100%;padding:.75rem 1.5rem;font-size:1rem}.auth-modal{position:relative;padding:2rem}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer}.auth-modal-close:hover{color:var(--text-primary)}.auth-modal h2{margin-bottom:.5rem}.auth-modal-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.auth-modal form input{display:block;width:100%;padding:.75rem;margin-bottom:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.auth-modal form input:focus{outline:none;border-color:var(--accent)}.auth-modal-field{margin-bottom:.75rem}.auth-modal-field label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.35rem}.auth-modal-select{display:block;width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;cursor:pointer}.auth-modal-select:focus{outline:none;border-color:var(--accent)}.btn-full{width:100%;margin-top:.5rem}.auth-modal-error{color:#f43f5e;font-size:.9rem;margin-bottom:.5rem}.auth-modal-success{color:#22c55e;font-size:.9rem;margin-bottom:.5rem}.auth-modal-switch{margin-top:1.5rem;font-size:.9rem;color:var(--text-secondary)}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;padding:0}.link-btn:hover{text-decoration:underline}.account-menu{position:relative}.account-menu .nav-item{display:inline-flex;align-items:center;gap:.35rem}.account-menu .account-icon{flex-shrink:0}.account-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:180px;padding:.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);box-shadow:0 4px 20px #0000004d;z-index:100}.account-dropdown button,.account-dropdown .account-dropdown-btn{display:block;width:100%;padding:.6rem 1rem;text-align:left;background:none;border:none;color:var(--text-primary);font-size:.95rem;cursor:pointer;border-radius:6px;text-decoration:none}.account-dropdown button:hover,.account-dropdown .account-dropdown-btn:hover{background:var(--bg-tertiary)}.account-divider{height:1px;background:var(--border);margin:.5rem 0}.account-signout{color:var(--text-muted)}.account-signout:hover{color:#f43f5e}@media (max-width: 768px){.account-dropdown{left:0;right:auto;max-width:calc(100vw - 2rem)}.settings-nav-item .settings-dropdown{position:fixed;left:1rem;right:1rem;top:4.5rem;width:auto;max-width:none;min-width:0}.mode-pill-more-menu{max-width:calc(100vw - 2rem);left:0;right:auto}}.open-wheel-modal{max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.open-wheel-modal .auth-modal-subtitle{margin-bottom:1rem}.open-wheel-list{list-style:none;overflow-y:auto;max-height:400px}.open-wheel-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border);gap:1rem}.open-wheel-item{flex:1;min-width:0}.open-wheel-name{font-weight:500;display:block}.open-wheel-meta{font-size:.8rem;color:var(--text-muted)}.open-wheel-actions{display:flex;gap:.5rem}.open-wheel-loading,.open-wheel-empty{color:var(--text-secondary);padding:1rem}.feedback-modal{background:var(--bg-secondary);border-radius:16px;padding:2rem;max-width:440px;width:calc(100% - 2rem);margin:1rem;border:1px solid var(--border);animation:scaleIn .3s}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-header h2{font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer}.modal-close:hover{color:var(--text-primary)}.feedback-modal label{display:block;font-size:.9rem;margin-bottom:.35rem;color:var(--text-secondary)}.feedback-modal .required{color:#f43f5e}.feedback-modal textarea,.feedback-modal input{width:100%;padding:.75rem;margin-bottom:1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.feedback-modal textarea:focus,.feedback-modal input:focus{outline:none;border-color:var(--accent)}.feedback-modal .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.feedback-success{color:var(--success);padding:1rem 0}.feedback-hint{font-size:.8rem;color:var(--text-muted);margin:-.5rem 0 .5rem}.feedback-error{color:#f43f5e;font-size:.9rem;margin-bottom:.5rem}.admin-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.admin-header{padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.admin-brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.95rem;margin-bottom:.5rem}.admin-brand:hover{color:var(--accent)}.admin-header h1{font-size:1.5rem;margin-bottom:.25rem}.admin-user{font-size:.85rem;color:var(--text-muted)}.admin-content{flex:1;max-width:800px;margin:0 auto;padding:2rem;width:100%}.admin-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem}.admin-tab{padding:.5rem 1rem;font-size:.95rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer}.admin-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.admin-section h2{font-size:1.1rem;margin-bottom:1rem;color:var(--text-secondary)}.admin-error{color:#f43f5e;margin-bottom:1rem}.admin-loading,.admin-empty{color:var(--text-muted)}.feedback-list{list-style:none}.feedback-item{padding:1rem;margin-bottom:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.feedback-meta{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.8rem;color:var(--text-muted)}.feedback-date{flex-shrink:0}.feedback-message{font-size:.95rem;line-height:1.5;white-space:pre-wrap}.users-table-wrapper{overflow-x:auto}.admin-users-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);overflow:hidden}.admin-users-table th,.admin-users-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.admin-users-table th{background:var(--bg-tertiary);font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-users-table tr:last-child td{border-bottom:none}.admin-users-table tbody tr:hover{background:var(--bg-tertiary)}.role-badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:600;border-radius:4px}.role-badge.role-admin{background:#6366f133;color:var(--accent)}.role-badge.role-user{background:#a1a1aa33;color:var(--text-muted)}.admin-delete-btn{padding:.25rem .5rem;font-size:.8rem;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer}.admin-delete-btn:hover:not(:disabled){background:#f43f5e33;border-color:#f43f5e;color:#f43f5e}.admin-delete-btn:disabled{opacity:.6;cursor:not-allowed}.admin-self-badge{font-size:.75rem;color:var(--text-muted)}