:root{color-scheme:dark;--bg-0: #0e0f11;--bg-1: #151619;--surface-1: #1c1d21;--surface-2: #25272c;--surface-3: #2f3137;--surface-4: #3a3d44;--line: #2c2e33;--line-strong: #3d4047;--text: #f2f3f5;--muted: #a3a8b2;--faint: #8a8f99;--play: #08824c;--play-hover: #0a9157;--play-edge: #056338;--primary: #2f54ec;--primary-hover: #4466f5;--primary-edge: #1f3cb8;--gold: #ffc533;--gold-2: #f0a400;--gold-ink: #1a1300;--danger: #e5484d;--danger-solid: #d93b40;--green: #3ccf8e;--cyan: #4cc2ff;--pink: #ff5c9d;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow: 0 12px 32px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--ease-out: cubic-bezier(.16, 1, .3, 1);--font-logo: "Unbounded", "Rubik", system-ui, sans-serif;--font-display: "Rubik", system-ui, sans-serif;--font-body: "Rubik", system-ui, sans-serif;--hud-bg: rgba(17, 18, 21, .72);--hud-bg-hover: rgba(37, 39, 44, .9);--hud-line: rgba(255, 255, 255, .1);--hud-btn: 46px;--hud-gap: 8px;--hud-edge: 12px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;font-family:var(--font-body);color:var(--text);background-color:var(--bg-0);touch-action:none;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;font-feature-settings:"tnum" 0}input,textarea{user-select:text;-webkit-user-select:text;caret-color:var(--primary-hover)}::selection{background:#2f54ec8c;color:#fff}button{font-family:inherit;color:inherit}a{color:var(--cyan);text-underline-offset:3px;text-decoration-thickness:1px}:focus-visible{outline:2px solid #fff;outline-offset:2px}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,#0000 60%,#00000073),linear-gradient(180deg,#0000004d,#0000 16%)}.card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#08090ab8;animation:fadeIn .2s ease-out}.muted{color:var(--muted)}.btn{--btn-bg: var(--surface-3);--btn-bg-hover: var(--surface-4);--btn-edge: rgba(0, 0, 0, .35);--btn-fg: var(--text);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:0;background:var(--btn-bg);color:var(--btn-fg);box-shadow:inset 0 -3px 0 var(--btn-edge),0 1px 2px #0000004d;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:0;line-height:1;cursor:pointer;text-decoration:none;transition:background-color .15s ease,transform .1s ease,box-shadow .1s ease;touch-action:manipulation;white-space:nowrap}.btn:hover{background:var(--btn-bg-hover)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -1px 0 var(--btn-edge)}.btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.btn:disabled{cursor:not-allowed;background:var(--surface-2);color:var(--faint);box-shadow:none}.btn svg{flex-shrink:0}.btn-play{--btn-bg: var(--play);--btn-bg-hover: var(--play-hover);--btn-edge: var(--play-edge);--btn-fg: #fff}.btn-primary{--btn-bg: var(--primary);--btn-bg-hover: var(--primary-hover);--btn-edge: var(--primary-edge);--btn-fg: #fff}.btn-brand{--btn-bg: var(--gold);--btn-bg-hover: #ffd15c;--btn-edge: #c98a00;--btn-fg: var(--gold-ink)}.btn-secondary{--btn-bg: var(--surface-3);--btn-bg-hover: var(--surface-4)}.btn-quiet{--btn-bg: transparent;--btn-bg-hover: rgba(255, 255, 255, .07);--btn-edge: transparent;box-shadow:none}.btn-danger{--btn-bg: var(--danger-solid);--btn-bg-hover: #e85257;--btn-edge: #a8262b;--btn-fg: #fff}.btn-sm{min-height:36px;padding:0 14px;font-size:14px;border-radius:8px}.btn-lg{min-height:52px;padding:0 24px;font-size:17px;border-radius:12px;box-shadow:inset 0 -4px 0 var(--btn-edge),0 2px 4px #0000004d}.btn-block{width:100%}.btn.is-loading{color:transparent;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2.5px solid var(--btn-fg);border-right-color:transparent;animation:spin .7s linear infinite}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:0;background:var(--surface-3);color:var(--text);box-shadow:inset 0 -3px #00000059;cursor:pointer;transition:background-color .15s,transform .1s;flex-shrink:0}.icon-btn:hover{background:var(--surface-4)}.icon-btn:active{transform:translateY(2px);box-shadow:inset 0 -1px #00000059}.icon-btn.is-on{background:#3ccf8e29;color:var(--green)}.icon-btn.is-off{background:#e5484d29;color:var(--danger)}.field{position:relative;display:flex;align-items:center}.field>svg{position:absolute;left:14px;color:var(--faint);pointer-events:none}.input{width:100%;min-height:48px;padding:12px 16px 12px 42px;border-radius:10px;border:1.5px solid var(--line-strong);background:var(--bg-1);color:var(--text);font-family:var(--font-body);font-size:16px;font-weight:500;outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--faint)}.input:hover{border-color:var(--surface-4)}.input:focus{border-color:var(--primary-hover);box-shadow:0 0 0 3px #2f54ec4d}.input.no-icon{padding-left:16px}.segmented{display:flex;padding:4px;gap:4px;border-radius:10px;background:var(--bg-1);border:1px solid var(--line)}.segmented button{flex:1;min-height:38px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-family:var(--font-display);font-weight:600;font-size:14px;cursor:pointer;transition:background-color .15s,color .15s}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface-3);color:var(--text);box-shadow:0 1px 3px #0006}.chip{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s,border-color .15s}.chip:before,.btn-sm:before,.segmented button:before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.segmented button{position:relative}.chip:hover{color:var(--text);background:var(--surface-3)}.chip.active{background:#fff;border-color:#fff;color:#111214}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.01em}.opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px}.opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 8px 10px;border-radius:var(--radius);border:2px solid transparent;background:var(--surface-2);cursor:pointer;text-align:center;transition:background-color .15s,border-color .15s;color:var(--text)}.opt:hover{background:var(--surface-3)}.opt.selected{border-color:#fff;background:var(--surface-3)}.opt .opt-thumb{width:100%;aspect-ratio:1 / 1;border-radius:8px;background:var(--bg-1);display:flex;align-items:center;justify-content:center;overflow:hidden}.opt .opt-thumb img{width:auto!important;height:auto!important;max-width:96%;max-height:96%}.opt .opt-label{font-size:13px;font-weight:600;line-height:1.15}.opt .opt-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--play);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface-3)}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.14);cursor:pointer;transition:transform .12s,box-shadow .15s}.swatch:hover{transform:scale(1.08)}.swatch.selected{border-color:var(--bg-0);box-shadow:0 0 0 3px #fff}.section-title{font-family:var(--font-display);font-weight:700;font-size:16px;margin:0 0 10px;display:flex;align-items:center;gap:8px}.section-title .count{margin-left:auto;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--faint)}.scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--surface-4) transparent}.scroll-x{overflow-x:auto;touch-action:pan-x;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseDot{0%,to{box-shadow:0 0 #3ccf8e99}50%{box-shadow:0 0 0 5px #3ccf8e00}}.rise{animation:rise .35s var(--ease-out) both}.logo{display:inline-flex;align-items:center;gap:.28em;font-family:var(--font-logo);font-weight:900;line-height:1;color:#fff;white-space:nowrap}.logo-name{letter-spacing:-.035em}.logo-tile{display:inline-grid;place-items:center;padding:.2em .34em .22em;border-radius:.16em;background:var(--gold);color:var(--gold-ink);font-size:.62em;letter-spacing:.02em;transform:rotate(-9deg);box-shadow:inset 0 -.09em #c98a00,0 .06em .18em #00000073}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulseDot 1.8s infinite}.hud-btn{position:relative;width:var(--hud-btn);height:var(--hud-btn);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--hud-line);background:var(--hud-bg);color:#fff;cursor:pointer;box-shadow:0 2px 8px #00000059;transition:transform .1s var(--ease-out),background-color .15s,border-color .15s,color .15s;touch-action:manipulation;text-decoration:none}.hud-btn:hover{background:var(--hud-bg-hover)}.hud-btn:active{transform:translateY(2px)}.hud-btn.is-on{color:#111214;border-color:#fff;background:#fff}.hud-btn.is-off{color:var(--danger)}.hud-badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--danger-solid);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;box-shadow:0 0 0 2px var(--bg-0);animation:badgePop .3s cubic-bezier(.22,1,.36,1)}@keyframes badgePop{0%{transform:scale(.4)}to{transform:scale(1)}}#virtual-joystick{position:fixed;z-index:30;width:132px;height:132px;left:calc(18px + var(--sal));bottom:calc(18px + var(--sab));pointer-events:none;user-select:none;-webkit-user-select:none}.vj-base{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#11121566;border:2px solid rgba(255,255,255,.28);box-shadow:0 8px 24px #0000004d;opacity:.55;transition:opacity .2s,border-color .2s,left .18s cubic-bezier(.16,1,.3,1),top .18s cubic-bezier(.16,1,.3,1)}#virtual-joystick.is-active .vj-base{opacity:1;border-color:#ffffffb3}.vj-tick{position:absolute;width:0;height:0;border:5px solid transparent;opacity:.55}.vj-tick-n{left:50%;top:7px;transform:translate(-50%);border-bottom:6px solid #fff;border-top-width:0}.vj-tick-s{left:50%;bottom:7px;transform:translate(-50%);border-top:6px solid #fff;border-bottom-width:0}.vj-tick-w{top:50%;left:7px;transform:translateY(-50%);border-right:6px solid #fff;border-left-width:0}.vj-tick-e{top:50%;right:7px;transform:translateY(-50%);border-left:6px solid #fff;border-right-width:0}.vj-stick{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffeb;border:2px solid #fff;box-shadow:0 4px 12px #00000059}#virtual-joystick.is-active .vj-stick{transition:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sw-banner{position:relative;border-radius:12px;overflow:hidden;background:var(--sw-a);color:var(--sw-ink);display:flex;flex-direction:column;justify-content:flex-end;padding:12px 14px;box-shadow:inset 0 -4px #00000038,0 6px 18px #0006}.sw-mono{position:absolute;top:10px;left:12px;min-width:34px;height:34px;padding:0 7px;display:grid;place-items:center;border-radius:8px;z-index:1;border:2px solid var(--sw-ink);background:var(--sw-a);color:var(--sw-ink);font-family:var(--font-logo);font-weight:900;font-size:14px;letter-spacing:-.02em}.sw-col .sw-mono{display:none}.sw-band{position:absolute;left:-10%;right:-10%;top:22%;height:26%;background:var(--sw-b);transform:skewY(-12deg);box-shadow:0 -6px #ffffff24,0 6px #0000001f}.sw-name{position:relative;font-family:var(--font-display);font-weight:800;font-size:18px;line-height:1.05;letter-spacing:-.01em}.sw-meta{position:relative;align-self:flex-start;max-width:100%;margin-top:6px;padding:2px 7px;border-radius:5px;background:#1112159e;color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chipa-amount{position:relative;display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.chipa-amount b{font-weight:700}.chipa-amount svg{flex-shrink:0}.chipa-delta{position:absolute;right:-4px;top:-6px;padding:2px 6px;border-radius:6px;background:var(--play);color:#fff;font-size:12px;font-weight:700;pointer-events:none;animation:chipaDelta 1.6s var(--ease-out) forwards}@keyframes chipaDelta{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-16px)}}.quality{--q: #a3a8b2;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:700;color:var(--q);background:color-mix(in srgb,var(--q) 16%,transparent);white-space:nowrap}.quality:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--q);transform:rotate(45deg)}.quality.q-especial{--q: #3ccf8e}.quality.q-premium{--q: #6ea2ff}.quality.q-elite{--q: #c48bff}.quality.q-limitada{--q: #ffc533}.q-bg-basica{--q: #a3a8b2}.q-bg-especial{--q: #3ccf8e}.q-bg-premium{--q: #6ea2ff}.q-bg-elite{--q: #c48bff}.q-bg-limitada{--q: #ffc533}