.reel-root{--reel-bg: #0B2A3A;--reel-elevated: #0F3547;--reel-glass: rgba(255, 255, 255, .05);--reel-line: rgba(255, 255, 255, .11);--reel-text: #EAF2F5;--reel-muted: #9DB2BD;--reel-accent: #1FA6A0;--reel-accent-glow: rgba(31, 166, 160, .42);--reel-gold: #FF8A3D;--reel-gold-glow: rgba(255, 138, 61, .4);min-height:auto;position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse 60% 45% at 50% 12%,rgba(31,166,160,.1),transparent 65%),var(--reel-bg);color:var(--reel-text);font-family:'"Public Sans Variable"',system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;padding:1.25rem;box-sizing:border-box}.reel-root *,.reel-root *:before,.reel-root *:after{box-sizing:border-box}.reel-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 85% 65% at 50% 30%,color-mix(in srgb,var(--reel-pack-accent, var(--reel-gold)) 16%,transparent),transparent 72%);transition:background .8s ease-out}.reel-root>:not(.reel-backdrop){position:relative;z-index:1}.reel-backdrop-sym{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);-o-object-fit:contain;object-fit:contain;rotate:var(--rot);mix-blend-mode:screen;opacity:.28;filter:blur(2px) saturate(.9);animation:reel-backdrop-drift 14s ease-in-out infinite alternate}.reel-backdrop-sym:nth-child(2n){animation-duration:18s;animation-delay:-7s}@keyframes reel-backdrop-drift{0%{translate:0 -1.2vmin}to{translate:0 1.2vmin}}.reel-stage{display:grid;place-items:center;width:100%;padding:1rem 0 1.5rem}.reel-machine{position:relative;background:linear-gradient(180deg,#171722,var(--reel-elevated));border:1px solid var(--reel-line);border-radius:24px;padding:1.25rem 1.5rem 1.4rem;box-shadow:0 30px 80px #0009,0 0 60px #ff8a3d0d;animation:reel-breathe 4s ease-in-out infinite;width:min(92vw,620px)}@keyframes reel-breathe{0%,to{box-shadow:0 30px 80px #0009,0 0 46px #ff8a3d0a}50%{box-shadow:0 30px 80px #0009,0 0 70px #ff8a3d17}}.reel-plate{font-family:'"Bricolage Grotesque Variable"','"Public Sans Variable"',sans-serif;font-weight:800;letter-spacing:-.02em;text-align:center;font-size:clamp(1.1rem,3vw,1.5rem);background:linear-gradient(180deg,#FFD8B0,var(--reel-gold) 55%,#ED6F22);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.9rem;text-shadow:0 1px 0 rgba(0,0,0,.4)}.reel-window{position:relative;display:grid;grid-template-columns:repeat(var(--reels, 3),1fr);gap:8px;background:#00000073;border:1px solid var(--reel-line);border-radius:16px;padding:10px}.reel-winfx{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:12px;display:grid;place-items:center;background:radial-gradient(ellipse 70% 60% at center,rgba(6,6,10,.45),transparent 80%)}.reel-winfx-out{opacity:0;transition:opacity .45s ease-out}.reel-winrays{position:absolute;left:50%;top:50%;width:170%;aspect-ratio:1;translate:-50% -50%;background:repeating-conic-gradient(color-mix(in srgb,var(--reel-win-accent, var(--reel-gold)) 34%,transparent) 0deg 11deg,transparent 11deg 30deg);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 58%);mask-image:radial-gradient(circle,#000 0%,transparent 58%);animation:reel-rays-spin 7s linear infinite,reel-rays-in .35s ease-out}@keyframes reel-rays-spin{to{rotate:360deg}}@keyframes reel-rays-in{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.reel-wintag{position:relative;z-index:2;font-family:'"Bricolage Grotesque Variable"',sans-serif;font-weight:800;font-variant-numeric:tabular-nums;font-size:clamp(1.9rem,7vw,3.2rem);white-space:nowrap;color:var(--reel-gold);text-shadow:0 0 26px var(--reel-gold-glow),0 0 60px color-mix(in srgb,var(--reel-win-accent, var(--reel-gold)) 55%,transparent),0 3px 10px rgba(0,0,0,.9);animation:reel-wintag-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes reel-wintag-pop{0%{scale:.3;opacity:0}60%{scale:1.18;opacity:1}to{scale:1}}.reel-windrop{position:absolute;top:-52px;left:var(--x, 50%);width:40px;height:40px;-o-object-fit:contain;object-fit:contain;opacity:0;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--reel-win-accent, var(--reel-gold)) 50%,transparent));animation:reel-windrop-fall var(--dur, 1.2s) linear var(--delay, 0ms) forwards}@keyframes reel-windrop-fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translateY(var(--fall, 480px)) rotate(var(--rot, 120deg));opacity:0}}.reel-reel{display:grid;grid-template-rows:repeat(var(--rows, 3),1fr);gap:8px}.reel-cell{width:clamp(64px,16vw,108px);aspect-ratio:1;border-radius:12px;background:radial-gradient(ellipse at 35% 25%,#1c1c28,#0d0d14);border:1px solid rgba(255,255,255,.06);display:grid;place-items:center;overflow:hidden;transition:box-shadow .2s ease-out,border-color .2s ease-out}.reel-symimg{width:86%;height:86%;-o-object-fit:contain;object-fit:contain;display:block}.reel-spinning .reel-symimg{filter:blur(3px) brightness(1.15)}.reel-stopped{animation:reel-settle .28s ease-out}@keyframes reel-settle{0%{transform:translateY(-6px)}60%{transform:translateY(2px)}to{transform:translateY(0)}}.reel-cell-win{border-color:var(--reel-gold);box-shadow:0 0 18px var(--reel-gold-glow),inset 0 0 12px #ff8a3d40;animation:reel-winpulse .9s ease-in-out 2}@keyframes reel-winpulse{50%{box-shadow:0 0 30px var(--reel-gold-glow),inset 0 0 18px #ff8a3d66}}.reel-controls{position:relative;display:flex;justify-content:space-between;align-items:center;gap:.9rem;margin-top:1.1rem;min-height:4rem}.reel-ctrl-side{display:flex;gap:.6rem;justify-self:start;flex-wrap:nowrap;align-items:stretch}.reel-ctrl-right{justify-self:end;justify-content:flex-end}.reel-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:4.6rem;padding:.45rem .7rem;background:var(--reel-glass);backdrop-filter:blur(16px);border:1px solid var(--reel-line);border-radius:12px}.reel-chip[hidden]{display:none}.reel-chip-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--reel-muted)}.reel-chip-value{font-family:'"Bricolage Grotesque Variable"',sans-serif;font-weight:700;font-variant-numeric:tabular-nums;font-size:1.05rem;color:var(--reel-gold)}.reel-chip-free{position:absolute;top:-16px;left:50%;transform:translate(-50%);z-index:4;flex-direction:row;align-items:center;gap:.45rem;padding:.35rem 1rem;background:var(--reel-elevated);border-color:var(--reel-gold);box-shadow:0 0 18px var(--reel-gold-glow);white-space:nowrap;animation:reel-freepulse 1.6s ease-in-out infinite}@keyframes reel-freepulse{0%,to{box-shadow:0 0 12px var(--reel-gold-glow)}50%{box-shadow:0 0 26px var(--reel-gold-glow)}}.reel-mult{flex-direction:row;align-items:center;gap:.55rem;padding:.45rem .55rem;transition:border-color .2s ease-out,box-shadow .2s ease-out}.reel-mult-mid{display:flex;flex-direction:column;align-items:center;min-width:4.4rem}.reel-mult-btn{width:27px;height:27px;border-radius:50%;border:1px solid var(--reel-line);background:#ffffff0f;color:var(--reel-text);font-weight:700;font-size:1.05rem;line-height:1;cursor:pointer;transition:border-color .15s ease-out,color .15s ease-out,transform .15s ease-out}.reel-mult-btn:hover:not(:disabled){border-color:var(--reel-accent);color:var(--reel-accent);transform:scale(1.1)}.reel-mult-btn:disabled{opacity:.35;cursor:default}.reel-mult-up{border-color:var(--reel-accent);box-shadow:0 0 14px var(--reel-accent-glow)}.reel-mult-up .reel-chip-value{color:var(--reel-accent)}.reel-spin{position:absolute;left:50%;top:50%;translate:-50% -50%;font-family:'"Bricolage Grotesque Variable"',sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#ff4d61,var(--reel-accent));border:0;border-radius:9999px;padding:1.05rem 2.8rem;cursor:pointer;box-shadow:0 0 24px var(--reel-accent-glow),0 6px 18px #00000080;transition:transform .2s ease-out,box-shadow .2s ease-out}.reel-spin:hover{transform:scale(1.05);box-shadow:0 0 34px var(--reel-accent-glow),0 8px 22px #00000080}.reel-spin:disabled{opacity:.55;cursor:default;transform:none}.reel-note{text-align:center;color:var(--reel-muted);font-size:.72rem;margin:.7rem 0 0}.reel-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:24px}.reel-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--reel-gold);box-shadow:0 0 8px var(--reel-gold-glow);opacity:0;animation:reel-burst 1s ease-out var(--delay, 0ms) forwards}@keyframes reel-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}.reel-overlay{position:absolute;inset:0;border-radius:24px;background:#0a0a0fe0;backdrop-filter:blur(6px);display:grid;place-content:center;gap:1.2rem;text-align:center;z-index:5}.reel-overlay-title{font-family:'"Bricolage Grotesque Variable"',sans-serif;font-weight:800;font-size:1.25rem;color:var(--reel-gold);margin:0}.reel-boxes{display:flex;gap:1rem;justify-content:center}.reel-box{width:84px;height:84px;border-radius:16px;border:1px solid var(--reel-gold);background:linear-gradient(180deg,#23232f,#15151f);color:var(--reel-gold);font-family:'"Bricolage Grotesque Variable"',sans-serif;font-weight:800;font-size:1.4rem;cursor:pointer;box-shadow:0 0 14px #ff8a3d33;transition:transform .2s ease-out}.reel-box:hover{transform:translateY(-4px) scale(1.04)}.reel-box-open{background:linear-gradient(180deg,var(--reel-gold),#ED6F22);color:#1a1206}.reel-box:disabled:not(.reel-box-open){opacity:.4}.reel-pt-dock{display:flex;justify-content:center;margin-top:.55rem}.reel-pt-btn{border:1px solid var(--reel-line);border-radius:9999px;background:var(--reel-glass);backdrop-filter:blur(16px);color:var(--reel-muted);font-size:.72rem;padding:.45rem .9rem;cursor:pointer;transition:color .2s ease-out,border-color .2s ease-out}.reel-pt-btn:hover{color:var(--reel-gold);border-color:var(--reel-gold)}.reel-pt{display:flex;flex-direction:column;padding:1rem}.reel-pt-scroll{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:.7rem;padding:.5rem .75rem;scrollbar-width:thin}.reel-pt-hint{margin:-.4rem 0 0;color:var(--reel-muted);font-size:.72rem;text-align:center}.reel-pt-subtitle{margin:.4rem 0 0;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--reel-muted);text-align:left}.reel-pt-table{display:flex;flex-direction:column;gap:.35rem}.reel-pt-row{display:flex;align-items:center;gap:.7rem;background:#ffffff0a;border:1px solid var(--reel-line);border-radius:10px;padding:.35rem .6rem;text-align:left}.reel-pt-row img{width:42px;height:42px;-o-object-fit:contain;object-fit:contain;flex:none}.reel-pt-name{font-size:.8rem;flex:1}.reel-pt-pays{display:flex;gap:.7rem}.reel-pt-pay{font-style:normal;font-size:.76rem;font-variant-numeric:tabular-nums;color:var(--reel-gold);white-space:nowrap}.reel-pt-feat img{width:48px;height:48px}.reel-pt-explain{display:grid;gap:.1rem}.reel-pt-explain b{font-size:.8rem;color:var(--reel-gold)}.reel-pt-explain small{font-size:.72rem;color:var(--reel-muted);line-height:1.4}.reel-pt .reel-restartbtn{align-self:center;margin-top:.3rem;position:sticky;bottom:0}.reel-restartbtn{border:0;border-radius:9999px;padding:.7rem 2rem;font-weight:700;background:var(--reel-accent);color:#fff;cursor:pointer;box-shadow:0 0 20px var(--reel-accent-glow)}.reel-share{align-self:flex-end;display:inline-flex;align-items:center;gap:.6rem;background:var(--reel-glass);backdrop-filter:blur(16px);border:1px solid var(--reel-line);border-radius:9999px;padding:.45rem .6rem .45rem 1rem;max-width:100%}.reel-share-label{color:var(--reel-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;white-space:nowrap}.reel-share-link{font-size:.75rem;color:var(--reel-text);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.reel-share-btn{border:0;border-radius:9999px;padding:.45rem 1rem;font-weight:700;font-size:.78rem;background:linear-gradient(180deg,#FFD8B0,var(--reel-gold));color:#241a02;cursor:pointer;transition:transform .2s ease-out;white-space:nowrap}.reel-share-btn:hover{transform:scale(1.05)}.reel-share-done{background:#1fa6a0;color:#06281a}.reel-dock{width:100%;max-width:1060px;-moz-columns:2;columns:2;-moz-column-gap:.9rem;column-gap:.9rem;background:var(--reel-glass);backdrop-filter:blur(16px);border:1px solid var(--reel-line);border-radius:20px;padding:1.1rem 1.1rem .2rem}.reel-dock-title{-moz-column-span:all;column-span:all;margin:0 0 .9rem;font-family:'"Bricolage Grotesque Variable"',sans-serif;font-weight:800;font-size:1rem;letter-spacing:-.02em}.reel-card{background:#ffffff0a;border:1px solid var(--reel-line);border-radius:14px;padding:.8rem .9rem;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:.9rem}.reel-card-title{margin:0 0 .6rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--reel-muted);font-weight:600}.reel-card-hint{text-transform:none;letter-spacing:0;opacity:.8}.reel-name-input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--reel-line);color:var(--reel-text);font-family:'"Bricolage Grotesque Variable"',sans-serif;font-weight:700;font-size:1.05rem;padding:.3rem 0}.reel-name-input:focus{outline:0;border-bottom-color:var(--reel-gold)}.reel-theme-row{display:flex;gap:.5rem;flex-wrap:wrap}.reel-theme-pill{border:1px solid var(--reel-line);border-radius:9999px;background:transparent;color:var(--reel-text);padding:.4rem 1rem;font-size:.8rem;cursor:pointer}.reel-theme-pill.reel-active{border-color:var(--reel-accent);box-shadow:0 0 12px var(--reel-accent-glow)}.reel-sym-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem}.reel-sym-tile{aspect-ratio:1;border-radius:10px;border:1px solid var(--reel-line);background:radial-gradient(ellipse at 35% 25%,#1c1c28,#0d0d14);padding:4px;cursor:pointer;opacity:.45;transition:opacity .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.reel-sym-tile img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.reel-sym-tile:hover{transform:scale(1.06);opacity:.8}.reel-sym-tile.reel-active{opacity:1;border-color:var(--reel-accent);box-shadow:0 0 10px var(--reel-accent-glow)}.reel-sym-tile.reel-deny{animation:reel-deny .3s ease-in-out}@keyframes reel-deny{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.reel-seg{display:inline-flex;border:1px solid var(--reel-line);border-radius:10px;overflow:hidden}.reel-seg-btn{border:0;background:transparent;color:var(--reel-text);padding:.45rem 1rem;font-weight:700;cursor:pointer}.reel-seg-btn.reel-active{background:var(--reel-accent);box-shadow:0 0 12px var(--reel-accent-glow) inset}.reel-seg-label{display:inline-block;margin:0 .6rem 0 1rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--reel-muted)}.reel-vol{--vol: 1}.reel-vol-slider{width:100%;accent-color:var(--reel-accent);filter:drop-shadow(0 0 calc(2px + var(--vol) * 3px) var(--reel-accent-glow))}.reel-vol-stops{display:flex;justify-content:space-between;margin-top:.3rem}.reel-vol-stop{font-size:.68rem;color:var(--reel-muted)}.reel-vol-stop.reel-active{color:var(--reel-accent);font-weight:700}.reel-feat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.reel-feat-card{display:grid;justify-items:center;gap:.15rem;border:1px solid var(--reel-line);border-radius:12px;background:#ffffff08;color:var(--reel-text);padding:.55rem .3rem;cursor:pointer;opacity:.5;transition:opacity .2s ease-out,box-shadow .2s ease-out}.reel-feat-card img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.reel-feat-card b{font-size:.74rem}.reel-feat-card small{font-size:.58rem;color:var(--reel-muted);text-align:center}.reel-feat-card.reel-active{opacity:1;border-color:var(--reel-accent);box-shadow:0 0 12px var(--reel-accent-glow)}.reel-mode-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(620px,100%),1fr));gap:1.5rem;min-height:0;justify-items:center}.reel-mode-mini{min-height:0;padding:0}.reel-mode-mini .reel-machine{animation:none}@media(prefers-reduced-motion:reduce){.reel-machine,.reel-cell-win,.reel-stopped,.reel-particle,.reel-wintag,.reel-chip-free,.reel-winrays,.reel-windrop,.reel-backdrop-sym{animation:none!important}.reel-windrop{display:none}.reel-wintag{opacity:1}}@media(max-width:720px){.reel-share{align-self:center}.reel-share-link{display:none}.reel-dock{-moz-columns:1;columns:1}.reel-ctrl-side{flex-wrap:wrap}.reel-controls{flex-wrap:wrap;justify-content:center}.reel-spin{position:static;translate:none;order:3;flex-basis:100%}}