:root{--bg:#0a0a12;--bg-raise:#13131f;--bg-box:#181826;--line:#262638;--text:#f2f0ff;--muted:#8a87a8;--faint:#54506e;--neon:#9d6bff;--neon-2:#42e8e0;--hot:#ff4d8f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Space Grotesk,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(700px 500px at 50% -5%,#9d6bff29,#0000 60%),radial-gradient(600px 400px at 90% 100%,#42e8e01a,#0000 55%);position:fixed;inset:0}.phone{z-index:2;flex-direction:column;max-width:430px;min-height:100vh;margin:0 auto;display:flex;position:relative}.gate{z-index:100;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:430px;margin:0 auto;padding:34px 30px;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.gate.hide{opacity:0;visibility:hidden}.gate .logo{letter-spacing:-.02em;background:linear-gradient(120deg,var(--neon),var(--hot));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.6rem;font-weight:700}.gate .kick{letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:38px;font-family:Space Mono,monospace;font-size:.62rem}.gate h1{max-width:320px;margin-bottom:14px;font-size:1.5rem;font-weight:600;line-height:1.18}.gate p{color:var(--muted);max-width:320px;margin-bottom:28px;font-size:.92rem;line-height:1.55}.gate .btns{flex-direction:column;gap:11px;width:100%;max-width:320px;display:flex}.gate .enter{background:linear-gradient(120deg,var(--neon),var(--hot));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:16px;font-size:.9rem;font-weight:700}.gate .leave{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;padding:14px;font-size:.84rem}.gate .vn{color:var(--faint);max-width:320px;margin-top:22px;font-family:Space Mono,monospace;font-size:.6rem;line-height:1.7}.gate .vn b{color:var(--muted)}.view{display:none}.view.active{animation:.3s fade;display:block}.head{text-align:center;padding:44px 24px 8px}.head .logo{letter-spacing:-.02em;background:linear-gradient(120deg,var(--neon),var(--hot));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:700}.head .tag{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-top:8px;font-family:Space Mono,monospace;font-size:.64rem}.spin-count{color:var(--neon-2);letter-spacing:.08em;margin-top:10px;font-family:Space Mono,monospace;font-size:.62rem;display:inline-block}.machine{flex-direction:column;justify-content:center;min-height:58vh;padding:36px 22px 30px;display:flex}.reels{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.reel-col{flex-direction:column;flex:1;align-items:center;gap:9px;display:flex}.reel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-family:Space Mono,monospace;font-size:.56rem}.reel{background:var(--bg-box);border:1px solid var(--line);cursor:pointer;border-radius:14px;width:100%;height:96px;transition:border-color .15s,transform .1s;position:relative;overflow:hidden}.reel:active{transform:scale(.97)}.reel:not(.locked):hover{border-color:var(--neon)}.reel .strip{flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.reel .cell{text-align:center;height:96px;color:var(--text);justify-content:center;align-items:center;padding:0 8px;font-size:.8rem;font-weight:600;display:flex}.reel.spinning .strip{animation:.42s linear infinite spin-strip}.reel:after{content:"";box-shadow:inset 0 14px 16px -12px var(--bg), inset 0 -14px 16px -12px var(--bg);pointer-events:none;border-radius:14px;position:absolute;inset:0}.reel .face{background:var(--bg-box);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:flex;position:absolute;inset:0}.reel .face .fv{font-size:.84rem;font-weight:700;line-height:1.15}.reel .face .fhint{color:var(--faint);font-family:Space Mono,monospace;font-size:.52rem}.reel .face .edit{color:var(--faint);font-size:.62rem;position:absolute;top:7px;right:8px}.reel .face.hidden{display:none}.machine-hint{text-align:center;color:var(--faint);margin:4px 0 22px;font-family:Space Mono,monospace;font-size:.6rem}.spin-btn{background:linear-gradient(120deg,var(--neon),var(--hot));color:#fff;letter-spacing:.03em;cursor:pointer;border:none;border-radius:16px;width:100%;padding:20px;font-family:Space Grotesk;font-size:1.15rem;font-weight:700;transition:transform .12s,box-shadow .2s;box-shadow:0 14px 40px -12px #9d6bff99}.spin-btn:hover{transform:translateY(-1px);box-shadow:0 18px 48px -12px #9d6bffb3}.spin-btn:active{transform:translateY(0)scale(.99)}.spin-btn:disabled{opacity:.6;cursor:default}.sheet-bg{z-index:60;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.sheet-bg.show{opacity:1;visibility:visible}.sheet{background:var(--bg-raise);z-index:61;border-top:1px solid var(--line);width:100%;max-width:430px;padding:10px 20px 28px;padding-bottom:max(28px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;max-height:80vh;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)translateY(100%)}.sheet.show{transform:translate(-50%)translateY(0)}.sheet .grab{background:var(--line);border-radius:100px;width:40px;height:4px;margin:4px auto 16px}.sheet .sh{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sheet .sh h3{font-size:1.1rem;font-weight:600}.sheet .sh .done{background:var(--neon);color:#0a0a12;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.74rem;font-weight:700}.sheet .ssub{color:var(--faint);margin-bottom:16px;font-family:Space Mono,monospace;font-size:.6rem}.sheet .ssub .rand-link{color:var(--neon-2);cursor:pointer}.box3-switch{gap:6px;margin-bottom:14px;display:flex}.box3-switch .sw{color:var(--faint);border:1px solid var(--line);cursor:pointer;border-radius:7px;padding:6px 12px;font-family:Space Mono,monospace;font-size:.62rem}.box3-switch .sw.active{color:var(--neon-2);border-color:var(--neon-2)}.sheet-actions{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.selall{border:1px solid var(--neon);color:var(--neon);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:8px;padding:7px 14px;font-family:Space Mono,monospace;font-size:.64rem;font-weight:700;transition:background .15s,color .15s}.selall:hover{background:var(--neon);color:#0a0a12}.selcount{color:var(--faint);font-family:Space Mono,monospace;font-size:.6rem}.opts{flex-wrap:wrap;gap:8px;display:flex}.opt{color:var(--muted);background:var(--bg-box);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:100px;padding:9px 15px;font-size:.8rem;transition:all .15s}.opt.on{background:var(--neon);color:#0a0a12;border-color:var(--neon);font-weight:600}.opt.on.cyan{background:var(--neon-2);border-color:var(--neon-2)}.opt.on.hot{background:var(--hot);border-color:var(--hot)}.result-head{justify-content:space-between;align-items:center;padding:24px 22px 10px;display:flex}.result-head .rl{letter-spacing:.12em;text-transform:uppercase;color:var(--neon-2);font-family:Space Mono,monospace;font-size:.64rem}.result-head .close{color:var(--muted);cursor:pointer;font-size:1.2rem}.head-right{align-items:center;gap:14px;display:flex}.saved-chip{color:var(--hot);border:1px solid var(--line);cursor:pointer;border-radius:100px;padding:5px 12px;font-family:Space Mono,monospace;font-size:.7rem;transition:border-color .15s}.saved-chip:hover{border-color:var(--hot)}.endcard{z-index:4;-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;background:#0a0a12e0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:18px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;inset:0}.endcard.show{opacity:1;visibility:visible}.endcard .ec-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:Space Mono,monospace;font-size:.66rem}.endcard .ec-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.endcard .ec-btn{background:var(--bg-box);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:10px;padding:11px 15px;font-family:Space Grotesk;font-size:.82rem;font-weight:600;transition:all .15s}.endcard .ec-btn:hover{border-color:var(--neon)}.endcard .ec-btn.primary{background:linear-gradient(120deg,var(--neon),var(--hot));color:#fff;border:none}.endcard .ec-save{color:var(--neon-2);cursor:pointer;background:0 0;border:none;padding:4px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700}.endcard .ec-save.saved{color:var(--hot)}.saved-wrap{padding:14px 22px 40px}.saved-empty{text-align:center;color:var(--faint);padding:60px 24px}.saved-empty .se-icon{color:var(--hot);margin-bottom:14px;font-size:2.6rem}.saved-empty .se-text{font-family:Space Mono,monospace;font-size:.74rem;line-height:1.7}.saved-card{background:var(--bg-box);border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:10px;transition:border-color .15s;display:flex;position:relative}.saved-card:hover{border-color:var(--neon)}.saved-card .sc-thumb{object-fit:cover;background:var(--bg-raise);border-radius:8px;flex-shrink:0;width:88px;height:56px;position:relative}.saved-card .sc-thumb .sc-dur{color:#fff;background:#000000b3;border-radius:4px;padding:1px 5px;font-family:Space Mono,monospace;font-size:.54rem;position:absolute;bottom:4px;right:5px}.saved-card .sc-meta{flex:1;min-width:0}.saved-card .sc-t{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.84rem;font-weight:600;line-height:1.2;overflow:hidden}.saved-card .sc-tags{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-family:Space Mono,monospace;font-size:.58rem;overflow:hidden}.saved-card .sc-remove{color:var(--faint);cursor:pointer;flex-shrink:0;padding:0 6px;font-size:.9rem}.saved-card .sc-remove:hover{color:var(--hot)}.result-wrap{padding:0 22px 40px}.vid{background:var(--bg-box);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -22px 16px}.vid .flip-card{perspective:1400px}.vid .flipper{aspect-ratio:16/9;transform-style:preserve-3d;will-change:transform;transition:transform .65s cubic-bezier(.34,1.56,.64,1);position:relative;transform:rotateY(0)}.vid .flipper.flipped{transform:rotateY(180deg)}.vid .flipper.quick{transition-duration:.42s}.vid .flipper .face{backface-visibility:hidden;position:absolute;inset:0}.vid .flipper .face-a{transform:rotateY(0)}.vid .flipper .face-b{transform:rotateY(180deg)}.vid .flipper:not(.flipped) .face-b,.vid .flipper.flipped .face-a{pointer-events:none}.vid .card-back,.vid .player{position:absolute;inset:0}.vid .card-back{z-index:5;visibility:hidden;background:radial-gradient(125% 125% at 50% 0,#221a3d,#0c0a16 70%);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.vid .card-back.show{visibility:visible}.vid .card-back:before{content:"";pointer-events:none;border:1px solid #9d6bff33;border-radius:10px;position:absolute;inset:10px}.vid .card-back .cb-mono{letter-spacing:-.02em;background:linear-gradient(120deg,var(--neon),var(--hot));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:700}.vid .card-back .cb-sub{letter-spacing:.24em;text-transform:uppercase;color:var(--faint);font-family:Space Mono,monospace;font-size:.55rem}.vid .card-back .cb-reels{gap:6px;width:74%;max-width:300px;display:none}.vid .card-back .cb-reels.show{display:flex}.vid .card-back .cb-reel{background:#ffffff0a;border:1px solid #9d6bff2e;border-radius:8px;flex:1;height:54px;position:relative;overflow:hidden}.vid .card-back .cb-strip{flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.vid .card-back .cb-strip .cell{text-align:center;height:54px;color:var(--text);justify-content:center;align-items:center;padding:0 5px;font-size:.58rem;font-weight:600;display:flex}.vid .card-back .cb-reel.spinning .cb-strip{animation:.4s linear infinite spin-strip-sm}.vid .player{background:#000;justify-content:center;align-items:center;display:flex;overflow:hidden}.vid .player iframe,.vid .player video{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.vid .player .vposter{object-fit:cover;z-index:1;pointer-events:none;width:100%;height:100%;animation:.45s 1.1s forwards posterfade;position:absolute;inset:0}.vid .player .ph{color:var(--faint);font-family:Space Mono,monospace;font-size:.66rem}.vid .player .free{z-index:3;letter-spacing:.06em;text-transform:uppercase;color:#0a0a12;background:var(--neon-2);border-radius:100px;padding:3px 9px;font-size:.55rem;font-weight:700;position:absolute;top:11px;left:12px}.vid .player .dur{z-index:3;color:#fff;background:#000000b3;border-radius:5px;padding:2px 7px;font-family:Space Mono,monospace;font-size:.6rem;position:absolute;bottom:10px;right:12px}.vid .vmeta{opacity:0;padding:12px 22px 4px;transition:opacity .3s}.vid .vmeta.show{opacity:1}.vid .vmeta .vt{margin-bottom:7px;font-size:.92rem;font-weight:600;line-height:1.25}.vid .vmeta .vtags{flex-wrap:wrap;gap:5px;margin-bottom:11px;display:flex}.vid .vmeta .vtag{color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:3px 9px;font-family:Space Mono,monospace;font-size:.58rem}.vid .vmeta .vtag.match{color:var(--neon);border-color:var(--neon)}.vid .vmeta .vactions{align-items:center;gap:10px;display:flex}.vid .vmeta .vwatch{color:var(--neon-2);border:1px solid var(--neon-2);border-radius:9px;flex:1;justify-content:center;align-items:center;padding:9px 12px;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.vid .vmeta .vwatch:hover{background:var(--neon-2);color:#0a0a12}.vid .vmeta .vsave{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;padding:9px 14px;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;transition:all .15s}.vid .vmeta .vsave:hover{border-color:var(--neon);color:var(--neon)}.vid .vmeta .vsave.saved{background:var(--neon);color:#0a0a12;border-color:var(--neon)}.result-actions{gap:10px;margin-top:16px;display:flex}.rbtn{cursor:pointer;border-radius:14px;flex:1;padding:17px 10px;font-family:Space Grotesk;font-size:.98rem;font-weight:700;transition:transform .12s,box-shadow .2s}.rbtn:active{transform:scale(.98)}.rbtn.primary{background:linear-gradient(120deg,var(--neon),var(--hot));color:#fff;border:none;box-shadow:0 12px 34px -12px #9d6bff8c}.rbtn.secondary{color:var(--neon-2);border:1.5px solid var(--neon-2);background:0 0}.rbtn.secondary:hover{background:var(--neon-2);color:#0a0a12}.rbtn:disabled{opacity:.5;cursor:default}@keyframes posterfade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.vid .flipper{transition:none;transform:none!important}.vid .flipper .face{backface-visibility:visible;transition:opacity .18s;transform:none}.vid .flipper .face-b,.vid .flipper.flipped .face-a{opacity:0}.vid .flipper.flipped .face-b{opacity:1}}.again-filters{text-align:center;color:var(--faint);margin-top:14px;font-family:Space Mono,monospace;font-size:.6rem;line-height:1.7}.again-filters span{color:var(--neon-2)}.tweak{text-align:center;color:var(--muted);cursor:pointer;margin-top:10px;font-family:Space Mono,monospace;font-size:.64rem;text-decoration:underline}.no-match{text-align:center;color:var(--muted);padding:48px 20px;font-family:Space Mono,monospace;font-size:.78rem;line-height:1.8}@keyframes spin-strip{0%{transform:translateY(0)}to{transform:translateY(-288px)}}@keyframes spin-strip-sm{0%{transform:translateY(0)}to{transform:translateY(-162px)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.spinning-within{text-align:center;letter-spacing:.04em;color:var(--neon);opacity:0;min-height:1.05em;padding:4px 22px 0;font-family:Space Mono,monospace;font-size:.62rem;transition:opacity .25s}.spinning-within.show{opacity:1}.spinning-within b{color:var(--neon-2);font-weight:700}.ad-soft{border:1px solid var(--line);background:var(--bg-raise);border-radius:12px;position:relative;overflow:hidden}.ad-soft .ad-lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-family:Space Mono,monospace;font-size:.5rem;position:absolute;top:8px;left:10px}.ad-soft .ad-body{text-align:center;color:var(--faint);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:18px 14px;font-family:Space Mono,monospace;display:flex}.ad-soft .ad-body .am{color:var(--muted);font-size:.72rem}.ad-soft .ad-body .ad{font-size:.56rem}.ad-rect{height:120px}.ad-leader{height:72px}.ad-wrap-build{padding:0 22px 26px}.ad-wrap-result{padding:18px 22px 0}
