:root{--bg:#FAFAFA;--bg-elevated:#FFFFFF;--surface:#FFFFFF;--surface-2:#F3F3F5;--border:rgba(10, 10, 13, 0.08);--border-strong:rgba(10, 10, 13, 0.14);--text:#0F0F12;--text-secondary:#5C5C66;--text-tertiary:#8A8A94;--accent:#7C3AED;--accent-2:#C026D3;--accent-3:#4F46E5;--gold:#CA8A04;--accent-soft:rgba(124, 58, 237, 0.10);--accent-border:rgba(124, 58, 237, 0.32);--on-accent:#FFFFFF;--font-display:'Inter Tight','Inter',-apple-system,sans-serif;--font-body:'Inter',-apple-system,sans-serif;--font-mono:'JetBrains Mono','SF Mono',monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--space-16:128px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(15, 15, 18, 0.06);--shadow-md:0 12px 32px -14px rgba(15, 15, 18, 0.14);--shadow-lg:0 32px 80px -24px rgba(15, 15, 18, 0.18);--shadow-accent:0 16px 40px -16px rgba(124, 58, 237, 0.3);--container-w:1240px;--header-h:72px;--ease:cubic-bezier(0.16, 1, 0.3, 1)}[data-theme=dark]{--bg:#0A0A0D;--bg-elevated:#111114;--surface:#17171B;--surface-2:#1D1D22;--border:rgba(255, 255, 255, 0.08);--border-strong:rgba(255, 255, 255, 0.16);--text:#F4F4F6;--text-secondary:#A3A3AD;--text-tertiary:#6E6E78;--accent-soft:rgba(124, 58, 237, 0.15);--accent-border:rgba(124, 58, 237, 0.42);--on-accent:#FAFAFA;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.4);--shadow-md:0 12px 32px -12px rgba(0, 0, 0, 0.5);--shadow-lg:0 32px 80px -20px rgba(0, 0, 0, 0.6);--shadow-accent:0 16px 40px -14px rgba(124, 58, 237, 0.45)}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;position:relative;transition:background .3s var(--ease),color .3s var(--ease)}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.015em;margin:0}p{margin:0}ol,ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main[id],section[id]{scroll-margin-top:calc(var(--header-h) + 16px)}.section-container{max-width:var(--container-w);margin:0 auto;padding:var(--space-12) var(--space-3);position:relative;z-index:1}.section-heading-wrap{max-width:620px;margin:0 auto var(--space-6);text-align:center}.section-heading{font-size:clamp(1.85rem, 3vw, 2.5rem);letter-spacing:-.02em}.section-subheading{margin-top:var(--space-2);color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.subsection-heading{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-2)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}[data-lucide]{display:inline-block;width:1em;height:1em;stroke-width:1.75;vertical-align:-.15em}svg.lucide{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:500;font-size:.94rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);white-space:nowrap}.btn [data-lucide],.btn svg{width:16px;height:16px}.btn-primary{background:linear-gradient(135deg,var(--accent-3),var(--accent) 55%,var(--accent-2));color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--accent-border);background:var(--accent-soft)}.btn-outline{background:0 0;color:var(--text-secondary);border-color:var(--border-strong)}.btn-outline:hover{border-color:var(--text-secondary);color:var(--text)}.btn-play,.btn-play-small{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);padding:9px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:.88rem;transition:all .25s var(--ease)}.btn-play-small:hover,.btn-play:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text);transform:translateY(-1px)}.btn-spin{width:100%;margin-top:var(--space-3);font-size:1.02rem;padding:15px}.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);display:flex;align-items:center;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border)}.header-container{width:100%;max-width:var(--container-w);margin:0 auto;padding:0 var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.logo-link{display:flex;align-items:center;gap:10px}.logo-icon{font-size:1.3rem;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);animation:idle-spin 20s linear infinite}.logo-icon [data-lucide]{width:17px;height:17px}.logo-text{display:flex;flex-direction:column;line-height:1.2}.site-name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--text)}.site-tagline{display:none;font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-body);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}@media (min-width:640px){.site-tagline{display:block}}.main-nav{display:flex;align-items:center}.nav-menu{display:flex;align-items:center;gap:2px}.nav-menu li{flex-shrink:0}.nav-link{padding:9px 14px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease)}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link.active{color:var(--text);background:var(--accent-soft)}.nav-toggle{display:none;background:0 0;border:none;padding:8px}.hamburger,.hamburger::after,.hamburger::before{display:block;width:20px;height:1.5px;background:var(--text);border-radius:2px;position:relative;transition:transform .2s var(--ease)}.hamburger::after,.hamburger::before{content:"";position:absolute;left:0}.hamburger::before{top:-6px}.hamburger::after{top:6px}.header-actions{display:flex;align-items:center;gap:8px}.lang-select-wrap{display:flex}.lang-select{height:38px;padding:0 28px 0 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.82rem;font-family:var(--font-mono);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A3A3AD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease)}.lang-select:hover{border-color:var(--accent-border);color:var(--text)}.lang-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-select option{background:var(--bg-elevated);color:var(--text)}.icon-btn{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-secondary);transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}.icon-btn [data-lucide]{width:16px;height:16px}.icon-btn:hover{border-color:var(--accent-border);color:var(--text);background:var(--accent-soft)}.theme-toggle-btn .icon-light{display:inline-flex}.theme-toggle-btn .icon-dark{display:none}[data-theme=dark] .theme-toggle-btn .icon-light{display:none}[data-theme=dark] .theme-toggle-btn .icon-dark{display:inline-flex}@media (max-width:1100px){.nav-toggle{display:block}.main-nav{position:fixed;top:var(--header-h);left:0;right:0;background:var(--bg-elevated);border-bottom:1px solid var(--border);max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}.main-nav.open{max-height:400px}.nav-menu{flex-direction:column;align-items:stretch;padding:var(--space-2);gap:2px}.nav-link{display:block;padding:13px 16px}}.hero-section{position:relative;overflow:hidden;padding-top:var(--space-4)}.hero-section::before{content:"";position:absolute;inset:-10% -10% auto -10%;height:720px;background:radial-gradient(42% 42% at 20% 12%,rgba(124,58,237,.24),transparent 70%),radial-gradient(38% 38% at 80% 8%,rgba(192,38,212,.18),transparent 70%),radial-gradient(32% 32% at 50% 30%,rgba(202,138,4,.1),transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}.hero-container{position:relative;z-index:1;max-width:var(--container-w);margin:0 auto;padding:var(--space-8) var(--space-3) var(--space-12);display:grid;grid-template-columns:1.05fr 0.95fr;align-items:center;gap:var(--space-6)}.hero-content .eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);padding:5px 12px;border-radius:var(--radius-pill);letter-spacing:.02em;margin-bottom:var(--space-3)}.hero-heading{font-size:clamp(2.25rem, 4.6vw, 3.6rem);margin-bottom:var(--space-2);max-width:15ch}.hero-description{font-size:1.1rem;line-height:1.65;color:var(--text-secondary);max-width:480px}.hero-subdescription{margin-top:var(--space-1);color:var(--text-tertiary);max-width:480px}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.hero-illustration{display:flex;align-items:center;justify-content:center}.wheel-illustration-placeholder{--wheel-size:min(340px, 76vw);position:relative;width:var(--wheel-size);height:var(--wheel-size);display:flex;align-items:center;justify-content:center}.wheel-illustration-placeholder::before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.22),transparent 70%);filter:blur(24px);z-index:0}.wheel-illustration-placeholder::after{content:"";position:relative;width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--accent) 0deg 90deg,var(--accent-2) 90deg 180deg,var(--accent-3) 180deg 270deg,var(--gold) 270deg 360deg);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--border-strong);animation:idle-spin 26s linear infinite;z-index:1;opacity:.9}.wheel-illustration-placeholder .placeholder-label{display:none}@keyframes idle-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:860px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content .hero-description,.hero-content .hero-subdescription,.hero-heading{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2)}.category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-border)}.category-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:4px}.category-icon [data-lucide]{width:20px;height:20px}.category-name{font-size:1.02rem;letter-spacing:-.01em}.category-description{color:var(--text-secondary);font-size:.9rem;flex-grow:1;line-height:1.55}.category-wheel-count{font-family:var(--font-mono);font-size:.72rem;color:var(--text-tertiary)}.category-explore-btn{align-self:flex-start;margin-top:6px;padding:8px 16px;font-size:.82rem}.wheel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-2)}.wheel-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.wheel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-border)}.wheel-thumbnail{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:4px}.wheel-thumbnail [data-lucide]{width:21px;height:21px}.wheel-name{font-size:1.02rem;margin-top:2px;letter-spacing:-.01em}.wheel-description{color:var(--text-secondary);font-size:.88rem;flex-grow:1;line-height:1.5}.wheel-option-count{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.btn-play{align-self:flex-start;margin-top:6px}.wheel-empty-state{text-align:center;color:var(--text-secondary);padding:var(--space-6) var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.wheel-empty-state a{color:var(--accent);font-weight:500}.wheel-filter-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:8px 8px 8px 20px;margin-bottom:var(--space-4)}.wheel-filter-status p{font-size:.9rem;color:var(--text-secondary)}.wheel-filter-status strong{color:var(--accent);font-family:var(--font-display)}.wheel-filter-status .btn{padding:8px 16px;font-size:.82rem}.search-section{background:var(--bg-elevated)}.search-form{display:flex;gap:var(--space-1);max-width:580px;margin:0 auto var(--space-4)}.search-input{flex:1;padding:13px 18px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:border-color .2s var(--ease)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--accent)}.search-filters{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:5px;width:fit-content;margin-inline:auto}.filter-btn{background:0 0;border:none;color:var(--text-secondary);padding:8px 18px;border-radius:var(--radius-pill);font-weight:500;font-size:.85rem;transition:all .2s var(--ease)}.filter-btn:hover{color:var(--text)}.filter-btn.active{background:var(--accent-soft);color:var(--accent)}.favorite-wheels-wrap,.recently-played-wrap{margin-bottom:var(--space-6)}.favorite-wheels-wrap:last-child,.recently-played-wrap:last-child{margin-bottom:0}.horizontal-scroll-cards{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-cards::-webkit-scrollbar{display:none}.mini-wheel-card{flex:0 0 auto;scroll-snap-align:start;width:156px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);text-align:center;display:flex;flex-direction:column;gap:var(--space-1);align-items:center;transition:border-color .25s var(--ease),transform .25s var(--ease)}.mini-wheel-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.mini-wheel-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.mini-wheel-icon [data-lucide]{width:17px;height:17px}.mini-wheel-name{font-size:.85rem;line-height:1.3;min-height:2.4em}.custom-wheel-form{max-width:620px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5)}.form-group{margin-bottom:var(--space-3)}.form-group label{display:block;font-weight:500;font-size:.88rem;margin-bottom:8px;color:var(--text-secondary)}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);resize:vertical;transition:border-color .2s var(--ease)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.custom-wheel-buttons{display:flex;flex-wrap:wrap;gap:var(--space-1)}.saved-wheels-wrap{max-width:620px;margin:var(--space-5) auto 0}.saved-wheels-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2)}.saved-wheel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);display:flex;flex-direction:column;gap:6px;transition:border-color .25s var(--ease)}.saved-wheel-card:hover{border-color:var(--accent-border)}.saved-wheel-name{font-size:.96rem;font-family:var(--font-display);font-weight:600}.saved-wheel-count{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.saved-wheel-actions{display:flex;align-items:center;gap:8px;margin-top:4px}.saved-wheel-delete{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:border-color .2s var(--ease),color .2s var(--ease)}.saved-wheel-delete [data-lucide]{width:14px;height:14px}.saved-wheel-delete:hover{border-color:#ef4444;color:#ef4444}.saved-wheels-empty{color:var(--text-secondary);font-size:.9rem;text-align:center;padding:var(--space-5) var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.coin-flip-widget,.dice-roller-widget{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.coin-scene{perspective:1000px;width:160px;height:160px}.coin{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1.6s var(--ease)}.coin-face{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.55),transparent 42%),repeating-conic-gradient(from 0deg,rgba(0,0,0,.05) 0deg 1.2deg,transparent 1.2deg 3deg),radial-gradient(circle,#f3d27a 0,#e8c15a 46%,#d4a83c 61%,#c9c9cf 64%,#ededf2 68%,#b7b7c0 74%,#dadae0 80%,#9a9aa4 88%,#c4c4cc 100%);box-shadow:var(--shadow-lg),inset 0 0 0 2px rgba(255,255,255,.35),inset 0 -6px 10px rgba(0,0,0,.25),inset 0 4px 8px rgba(255,255,255,.3)}.coin-face::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(0,0,0,.22) 0deg 2deg,transparent 2deg 4deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px))}.coin-face::after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);animation:coin-shine 4.5s ease-in-out infinite}@keyframes coin-shine{0%,15%{transform:translateX(-60%)}100%,55%{transform:translateX(60%)}}.coin-back{transform:rotateY(180deg)}.coin-ring{position:absolute;inset:10%;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.25),inset 0 0 0 3px rgba(255,255,255,.2)}.coin-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1;color:#3a2a0a;text-shadow:0 1px 0 rgba(255,255,255,.5),0 -1px 1px rgba(0,0,0,.35)}.coin-symbol{font-family:var(--font-display);font-weight:600;font-size:1.1rem}.coin-denomination{font-family:var(--font-display);font-weight:700;font-size:2rem;letter-spacing:-.02em}.coin-emblem{width:60%;height:60%;align-items:center;justify-content:center}.coin-emblem-star{width:46px;height:46px;background:#3a2a0a;opacity:.75;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 1px 0 rgba(255, 255, 255, .4))}.coin-label{position:relative;z-index:1;margin-top:6px;font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3a2a0a;opacity:.7}.btn-flip,.btn-roll{padding:13px 26px}.dice-scene{perspective:700px;width:100px;height:100px}.die-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.5s var(--ease);transform:rotateX(-18deg) rotateY(28deg)}.die-face{position:absolute;inset:0;width:100px;height:100px;border-radius:14px;background:linear-gradient(155deg,#fdfdfe,#e8e8ed);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),inset 0 -4px 8px rgba(0,0,0,.08),inset 0 3px 6px rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center}.die-face-1{transform:translateZ(50px)}.die-face-2{transform:rotateY(-90deg) translateZ(50px)}.die-face-3{transform:rotateX(90deg) translateZ(50px)}.die-face-4{transform:rotateX(-90deg) translateZ(50px)}.die-face-5{transform:rotateY(90deg) translateZ(50px)}.die-face-6{transform:rotateY(180deg) translateZ(50px)}.die-pips{width:78%;height:78%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.die-dot{width:100%;max-width:16px;aspect-ratio:1;border-radius:50%;justify-self:center;align-self:center;background:0 0}.die-dot.active{background:radial-gradient(circle at 35% 30%,#2a2a32,#0a0a0d 75%);box-shadow:inset 0 1px 1px rgba(255,255,255,.15),0 1px 1px rgba(255,255,255,.5)}.featured-wheel-card{display:flex;align-items:center;gap:var(--space-5);background:linear-gradient(135deg,var(--accent-soft),rgba(202,138,4,.06) 60%,transparent);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-6)}.featured-wheel-icon{width:68px;height:68px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.featured-wheel-icon [data-lucide]{width:30px;height:30px}.featured-wheel-description{color:var(--text-secondary);margin:10px 0 var(--space-3);max-width:560px;line-height:1.6}@media (max-width:700px){.featured-wheel-card{flex-direction:column;text-align:center;padding:var(--space-4) var(--space-3)}}.wheel-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-3)}.wheel-modal[hidden]{display:none}.wheel-modal-overlay{position:absolute;inset:0;background:rgba(5,5,8,.75);backdrop-filter:blur(6px)}.wheel-modal-content{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;animation:modal-pop .3s var(--ease);box-shadow:var(--shadow-lg);scrollbar-width:none;-ms-overflow-style:none}.wheel-modal-content::-webkit-scrollbar{display:none}@keyframes modal-pop{from{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.wheel-modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .2s var(--ease),color .2s var(--ease)}.wheel-modal-close:hover{border-color:var(--accent-border);color:var(--text)}.wheel-modal-title{font-size:1.25rem;margin-bottom:var(--space-2);padding-right:30px}.sound-toggle-btn{margin:0 auto var(--space-2);width:36px;height:36px;font-size:.95rem}.sound-toggle-btn [data-lucide]{width:15px;height:15px}.sound-toggle-btn[aria-pressed=false]{opacity:.5}.wheel-canvas-wrap{position:relative;width:min(300px,100%);margin:0 auto}#wheelCanvas{display:block;width:100%;height:auto;border-radius:50%;box-shadow:0 0 0 6px var(--surface-2),var(--shadow-lg);transition:transform 5s cubic-bezier(.17, .89, .32, 1.15)}.wheel-pointer{position:absolute;top:-4px;left:50%;transform:translateX(-50%);font-size:1.4rem;color:var(--accent);z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:1200;overflow:hidden}.confetti-piece{position:absolute;top:-24px;opacity:.95;border-radius:2px;will-change:transform,opacity;animation:confetti-fall var(--fall-duration,3s) ease-in var(--fall-delay,0s) forwards}@keyframes confetti-fall{0%{transform:translate(0,0) rotate(0);opacity:1}85%{opacity:1}100%{transform:translate(var(--drift,0),105vh) rotate(var(--rotate-end,360deg));opacity:0}}.wheel-result-backdrop{position:absolute;inset:0;z-index:4;border-radius:50%;background:rgba(6,6,9,.68);opacity:0;pointer-events:none}.wheel-result-backdrop.run{animation:wheel-result-backdrop-play 4s var(--ease) forwards}@keyframes wheel-result-backdrop-play{0%{opacity:0}12%{opacity:1}82%{opacity:1}100%{opacity:0}}.wheel-result-zoom{position:absolute;top:50%;left:50%;z-index:5;max-width:82%;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem, 6vw, 1.7rem);line-height:1.15;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7),0 0 30px rgba(0,0,0,.5);opacity:0;transform:translate(-50%,-50%) scale(.2);pointer-events:none}.wheel-result-zoom.run{animation:wheel-result-zoom-play 4s var(--ease) forwards}@keyframes wheel-result-zoom-play{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}18%{transform:translate(-50%,-50%) scale(1)}82%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-2)}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);transition:transform .3s var(--ease),border-color .3s var(--ease)}.feature-card:hover{transform:translateY(-3px);border-color:var(--accent-border)}.feature-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.feature-icon [data-lucide]{width:18px;height:18px}.feature-title{font-size:.98rem;margin-bottom:4px}.feature-description{color:var(--text-secondary);font-size:.86rem;line-height:1.5}.steps-list{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:340px;margin:0 auto}.step-item{width:100%;display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:13px 22px}.step-number{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:.85rem}.step-title{font-size:.96rem;font-weight:500}.step-arrow{color:var(--text-tertiary);font-size:1rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-2)}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3)}.testimonial-avatar{width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.testimonial-avatar [data-lucide]{width:18px;height:18px}.testimonial-name{font-size:.96rem}.testimonial-rating{display:flex;gap:2px;margin:6px 0 10px}.testimonial-rating [data-lucide]{width:14px;height:14px}.testimonial-rating .star-filled{color:var(--gold);fill:var(--gold)}.testimonial-rating .star-empty{color:var(--border-strong);fill:none}.testimonial-comment{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.faq-accordion{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s var(--ease)}.faq-item:has(.faq-question[aria-expanded=true]){border-color:var(--accent-border)}.faq-question-wrap{margin:0}.faq-question{width:100%;text-align:left;background:0 0;border:none;padding:18px 22px;font-weight:500;font-size:.96rem;display:flex;align-items:center;justify-content:space-between;color:var(--text)}.faq-question::after{content:"";width:9px;height:9px;border-right:1.5px solid var(--text-tertiary);border-bottom:1.5px solid var(--text-tertiary);transform:rotate(45deg);transition:transform .25s var(--ease);margin-left:12px;flex-shrink:0}.faq-question[aria-expanded=true]::after{transform:rotate(225deg);border-color:var(--accent)}.faq-answer{padding:0 22px 18px;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.faq-answer[hidden]{display:none}.faq-answer a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.faq-answer a:hover{color:var(--accent-2)}.about-section{text-align:center}.about-text{max-width:600px;margin:var(--space-2) auto 0;color:var(--text-secondary);line-height:1.65}.about-text a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.about-text a:hover{color:var(--accent-2)}.about-subheading{max-width:640px;margin:var(--space-5) auto var(--space-2);font-size:1.2rem;text-align:left}.about-list{max-width:600px;margin:0 auto var(--space-2);text-align:left;list-style:disc;padding-left:22px;color:var(--text-secondary)}.about-list li{margin-bottom:8px;line-height:1.6}.legal-page .section-container{max-width:760px}.back-home-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--space-3);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s var(--ease)}.back-home-link:hover{color:var(--accent)}.back-home-link [data-lucide]{width:15px;height:15px}.legal-updated{font-family:var(--font-mono);font-size:.78rem;color:var(--text-tertiary);margin:10px 0 var(--space-5)}.legal-content h3{font-family:var(--font-display);font-size:1.1rem;margin:var(--space-4) 0 10px}.legal-content h3:first-child{margin-top:0}.legal-content p{color:var(--text-secondary);margin-bottom:12px;line-height:1.7}.legal-content ul{margin:0 0 14px 18px;list-style:disc;color:var(--text-secondary)}.legal-content li{margin-bottom:6px;line-height:1.6}.legal-content strong{color:var(--text)}.legal-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.legal-content a:hover{color:var(--accent-2)}.site-footer{background:var(--bg-elevated);border-top:1px solid var(--border);padding-top:var(--space-8)}.footer-container{max-width:var(--container-w);margin:0 auto;padding:0 var(--space-3) var(--space-5);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:8px}.footer-logo .logo-icon{animation:none}.footer-tagline{margin-top:10px;color:var(--text-tertiary);font-family:var(--font-mono);font-size:.8rem}.footer-heading{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-2)}.footer-links ul{display:flex;flex-direction:column;gap:10px}.footer-links a{color:var(--text-secondary);font-size:.9rem;transition:color .2s var(--ease)}.footer-links a:hover{color:var(--accent)}.share-buttons{display:flex;flex-wrap:wrap;gap:8px}.share-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.share-btn [data-lucide]{width:15px;height:15px}.share-btn:hover{transform:translateY(-2px);border-color:var(--accent-border);color:var(--accent)}.share-btn.copied{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);padding:var(--space-3) var(--space-3);display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:var(--container-w);margin:0 auto;color:var(--text-tertiary);font-size:.8rem;font-family:var(--font-mono)}@media (max-width:700px){.footer-container{grid-template-columns:1fr;gap:var(--space-4)}}@media (max-width:600px){:root{--header-h:64px}body{font-size:15px}.header-container{padding:0 var(--space-2);gap:10px}.logo-icon{width:28px;height:28px}.site-name{font-size:.98rem}.icon-btn{width:36px;height:36px}.section-container{padding:var(--space-8) var(--space-2)}.section-heading-wrap{margin-bottom:var(--space-4)}.section-heading{font-size:1.5rem}.hero-container{padding:var(--space-5) var(--space-2) var(--space-8);gap:var(--space-4)}.hero-heading{font-size:1.9rem;max-width:none}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}.wheel-illustration-placeholder{--wheel-size:min(220px, 64vw)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-1)}.category-card{padding:var(--space-2)}.wheel-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-1)}.wheel-card{padding:var(--space-2)}.wheel-filter-status{flex-direction:column;align-items:stretch;text-align:center;padding:var(--space-2)}.wheel-filter-status .btn{width:100%}.search-form{flex-direction:column}.search-form .btn{width:100%}.search-filters{width:100%}.mini-wheel-card{width:130px;padding:var(--space-2)}.custom-wheel-form{padding:var(--space-3) var(--space-2)}.custom-wheel-buttons{flex-direction:column}.custom-wheel-buttons .btn{width:100%}.featured-wheel-card{padding:var(--space-3) var(--space-2)}.featured-wheel-icon{width:52px;height:52px}.features-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-1)}.feature-card{padding:var(--space-2)}.testimonials-grid{grid-template-columns:1fr}.wheel-modal{padding:12px}.wheel-modal-content{padding:var(--space-3) var(--space-2);max-height:95vh}.wheel-modal-title{font-size:1.05rem}.wheel-canvas-wrap{width:min(260px,82vw)}.btn-spin{padding:14px;font-size:1rem}}@media (max-width:380px){.wheel-canvas-wrap{width:min(220px,78vw)}.hero-heading{font-size:1.65rem}}@media (hover:none) and (pointer:coarse){.btn,.btn-play,.btn-play-small,.faq-question,.filter-btn,.icon-btn{min-height:44px}}