body{padding-top:0!important}body:before{background:radial-gradient(at 50% 14%,#cd91ff2e,#0000 60%),linear-gradient(135deg,#2a0f50f7 0%,#461b82eb 32%,#522492e6 62%,#301258f7 100%)}.retro-flow{z-index:1;position:relative}.retro-scroll{flex:1;min-height:0;overflow-y:auto}.retro-flow [class*=rounded]{border-radius:0!important}.retro-flow .game-card{background:#241046e6;border:none;border-radius:0;transition:transform .18s,filter .18s;box-shadow:0 -3px #ffd70080,0 3px #ffd70080,-3px 0 #ffd70080,3px 0 #ffd70080}.retro-flow .game-card:hover{filter:drop-shadow(0 0 14px #ffd70059);transform:translateY(-6px)}.retro-flow .game-btn{color:var(--gold);font-family:var(--font-retro);letter-spacing:1px;background:#ffd7001a;border:2px solid #ffd70073;border-radius:0;font-size:10px}.retro-flow .game-card:hover .game-btn{background:var(--gold);color:#0f051a}
.retro-flow{--cut8:polygon(0 12px, 4px 12px, 4px 8px, 8px 8px, 8px 4px, 12px 4px, 12px 0, calc(100% - 12px) 0, calc(100% - 12px) 4px, calc(100% - 8px) 4px, calc(100% - 8px) 8px, calc(100% - 4px) 8px, calc(100% - 4px) 12px, 100% 12px, 100% calc(100% - 12px), calc(100% - 4px) calc(100% - 12px), calc(100% - 4px) calc(100% - 8px), calc(100% - 8px) calc(100% - 8px), calc(100% - 8px) calc(100% - 4px), calc(100% - 12px) calc(100% - 4px), calc(100% - 12px) 100%, 12px 100%, 12px calc(100% - 4px), 8px calc(100% - 4px), 8px calc(100% - 8px), 4px calc(100% - 8px), 4px calc(100% - 12px), 0 calc(100% - 12px));--cut4:polygon(0 6px, 3px 6px, 3px 3px, 6px 3px, 6px 0, calc(100% - 6px) 0, calc(100% - 6px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 6px, 100% 6px, 100% calc(100% - 6px), calc(100% - 3px) calc(100% - 6px), calc(100% - 3px) calc(100% - 3px), calc(100% - 6px) calc(100% - 3px), calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 3px), 3px calc(100% - 3px), 3px calc(100% - 6px), 0 calc(100% - 6px))}.retro-flow .rf-screen{clip-path:var(--cut8);background:radial-gradient(130% 60% at 50% 0,#9933ff47,#0000 62%),linear-gradient(#301758f0 0%,#241046f0 55%,#190b33f5 100%);position:relative;box-shadow:inset 0 0 0 3px #ffd70080,inset 0 0 0 5px #241046,inset 0 0 0 7px #ffd7002e,inset 0 0 30px #93f3}.retro-flow .rf-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.retro-flow .rf-screen--flat:after{content:none}.retro-flow .rf-kicker{font-family:var(--font-retro);letter-spacing:2px;color:var(--gold-amber);text-transform:uppercase;font-size:8px}.retro-flow .rf-title{font-family:var(--font-retro);letter-spacing:1px;background:linear-gradient(90deg,#ffe9a8,gold,#ff9ad5,#7fd8ff,#c39bff,#fff3b0,#ffe9a8) 0 0/320% 100%;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #00000073);-webkit-background-clip:text;background-clip:text;line-height:1.5;animation:5s linear infinite rf-prismatext}@keyframes rf-prismatext{to{background-position:320% 0}}.retro-flow .rf-label{font-family:var(--font-retro);color:var(--gold-amber);text-transform:uppercase;letter-spacing:1px;font-size:10px}.retro-flow .rf-note{color:#f5f5f59e;font-size:12.5px;line-height:1.65}.retro-flow .rf-slot{clip-path:var(--cut4);cursor:pointer;background:#140a28bf;transition:transform .15s,box-shadow .15s,background .15s;position:relative;box-shadow:inset 0 0 0 2px #ffffff24}.retro-flow .rf-slot:hover{box-shadow:inset 0 0 0 2px var(--purple-light);background:#9933ff38;transform:translateY(-2px)}.retro-flow .rf-slot.active,.retro-flow .rf-slot[aria-pressed=true],.retro-flow .rf-slot[data-active=true]{box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 18px #ffd70024, 0 0 16px #ffd70040;background:#9933ff47}.retro-flow .rf-pack{clip-path:var(--cut4);background:#140a28bf;border:none;border-radius:0;transition:transform .15s,box-shadow .15s,background .15s;position:relative;box-shadow:inset 0 0 0 2px #ffffff24}.retro-flow .rf-pack:hover{box-shadow:inset 0 0 0 2px var(--purple-light);background:#9933ff38;transform:translateY(-2px)}.retro-flow .rf-pack.active{box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 18px #ffd70024, 0 0 16px #ffd70040;background:#9933ff47}.retro-flow .rf-btn{clip-path:var(--cut4);color:#2a1500;font-family:var(--font-retro);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(#ffe873 0%,#ffd21a 55%,#eaa900 100%);border:none;border-radius:0;font-size:11px;font-weight:400;transition:transform .12s,filter .15s;box-shadow:inset 0 2px #ffffff8c,inset 0 -4px #7a4e008c}.retro-flow .rf-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.retro-flow .rf-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #fff6,inset 0 -2px #7a4e008c}.retro-flow .rf-btn:disabled{opacity:.45;cursor:not-allowed}.retro-flow .rf-btn--ghost{clip-path:var(--cut4);color:var(--gold);font-family:var(--font-retro);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#ffd70014;font-size:10px;transition:background .16s,color .16s,transform .12s;box-shadow:inset 0 0 0 2px #ffd70073}.retro-flow .rf-btn--ghost:hover:not(:disabled){background:#ffd7002e;transform:translateY(-1px)}.retro-flow .rf-btn--ghost:disabled{opacity:.45;cursor:not-allowed}.retro-flow .rf-step{color:var(--gold);cursor:pointer;background:#0f061eb3;border:2px solid #ffd70059;border-radius:0;transition:background .16s,border-color .16s,color .16s}.retro-flow .rf-step:hover:not(:disabled){background:var(--purple-vibrant);border-color:var(--gold);color:#fff}.retro-flow .rf-step:disabled{opacity:.3;cursor:not-allowed}.retro-flow .rf-input{color:var(--text-color);font-family:var(--font-main);background:#0c051ab8;border:2px solid #ffffff29;border-radius:0}.retro-flow .rf-input::placeholder{color:#f5f5f566}.retro-flow .rf-input:focus{border-color:#ffd700a6;outline:none;box-shadow:0 0 12px #ffd70040}.retro-flow .rf-chip{color:var(--text-color);cursor:pointer;background:#0f061ea6;border:2px solid #ffffff24;border-radius:0;transition:background .16s,border-color .16s}.retro-flow .rf-chip:hover{border-color:var(--gold);background:#93f3}.retro-flow .rf-cart{clip-path:var(--cut8);background:radial-gradient(130% 62% at 50% 0,#9933ff61,#0000 62%),linear-gradient(#301758 0%,#241046 52%,#190b33 100%);position:relative;box-shadow:inset 0 0 0 3px #ffd7008c,inset 0 0 0 5px #241046,inset 0 0 0 7px #ffd70033,inset 0 0 26px #9933ff38}.retro-flow .rf-row{align-items:center;gap:7px;min-width:0;display:flex}.retro-flow .rf-dots{border-bottom:2px dotted #ffd7004d;flex:1;transform:translateY(-2px)}.retro-flow .rf-brl{color:#ffe14d;text-shadow:0 0 8px #ffd70059;font-weight:700}.retro-flow .rf-usd{color:#6ee7a8;font-weight:700}.retro-flow .rf-total{font-family:var(--font-retro);color:var(--gold);text-shadow:0 0 12px #ffd7008c,0 0 26px #ffd7004d;letter-spacing:1px}.retro-flow .rf-timer{font-family:var(--font-retro);letter-spacing:2px;color:var(--gold);clip-path:var(--cut4);background:#0a0416d9;padding:8px 14px;display:inline-block;box-shadow:inset 0 0 0 2px #ffd70059}.retro-flow .rf-badge{font-family:var(--font-retro);letter-spacing:1px;color:var(--gold);clip-path:var(--cut4);text-transform:uppercase;background:#ffd7001a;padding:6px 10px;font-size:8px;box-shadow:inset 0 0 0 2px #ffd70066}.retro-flow .rf-alert{clip-path:var(--cut4);color:#ffd97a;background:#ffbf001f;font-size:12.5px;line-height:1.6;box-shadow:inset 0 0 0 2px #ffbf0073}.retro-flow .rf-qr{clip-path:var(--cut8);box-shadow:inset 0 0 0 4px var(--gold), inset 0 0 0 6px #fff;background:#fff}.retro-flow .rf-drop{clip-path:var(--cut8);background:#140a2899 repeating-linear-gradient(45deg,#ffd7000d 0 12px,#0000 12px 24px);border:none;transition:box-shadow .16s,background-color .16s;box-shadow:inset 0 0 0 2px #ffd70059}.retro-flow .rf-drop:hover,.retro-flow .rf-drop[data-drag=true]{box-shadow:inset 0 0 0 2px var(--gold), 0 0 18px #ffd70033}.retro-flow .rf-meter{height:8px;clip-path:var(--cut4);background:#ffffff1a;overflow:hidden}.retro-flow .rf-meter>span{background:linear-gradient(90deg, var(--purple-vibrant), var(--gold));height:100%;transition:width .3s;display:block;box-shadow:0 0 12px #ffd70073}.retro-flow .rf-divider{background:repeating-linear-gradient(90deg,#ffd70073 0 6px,#0000 6px 12px);border-top:none;height:3px}.retro-flow .rf-panel{clip-path:var(--cut8);background:radial-gradient(130% 60% at 50% 0,#9933ff38,#0000 62%),linear-gradient(#301758eb 0%,#241046eb 55%,#190b33f0 100%);border:none;border-radius:0;position:relative;box-shadow:inset 0 0 0 3px #ffd70080,inset 0 0 0 5px #241046,inset 0 0 0 7px #ffd7002e}@media (prefers-reduced-motion:reduce){.retro-flow .rf-title{animation:none}}