@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";.shell{background:radial-gradient(ellipse 60% 40% at 80% 10%, #ff5a1f14, transparent 50%), radial-gradient(ellipse 50% 35% at 20% 80%, #788cff14, transparent 45%), var(--bg);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid #ffffff0f;flex-direction:column;gap:1.5rem;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.sidebar-brand{color:#fff;font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.7rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.sidebar-brand small{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:.15rem;font-size:.65rem;font-weight:600;display:block}.sidebar-brand img{border-radius:10px}.sidebar-nav{gap:.25rem;display:grid}.nav-item{color:var(--muted);border-radius:10px;padding:.7rem .85rem;font-size:.92rem;font-weight:600;text-decoration:none;display:block;position:relative}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item.active{color:#fff;background:#ff5a1f1f}.nav-item.active:before{content:"";background:var(--accent);border-radius:999px;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-foot{color:var(--muted);margin-top:auto;font-size:.75rem}.sidebar-foot p{margin:.15rem 0}.workspace{flex-direction:column;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.search-pill{background:var(--panel-2);max-width:420px;color:var(--muted);text-align:center;border:1px solid #ffffff0f;border-radius:999px;flex:1;margin:0 auto;padding:.7rem 1rem;font-size:.9rem}.account-pill{background:var(--panel-2);color:#fff;white-space:nowrap;border:1px solid #ffffff14;border-radius:999px;padding:.55rem .9rem;font-size:.85rem;font-weight:600}.content{flex:1;width:min(1100px,100%);margin:0 auto;padding:0 1.5rem 2.5rem}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff0f;border-right:none;height:auto;position:static}.sidebar-nav{grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto}.nav-item.active:before{width:auto;height:3px;inset:auto 12% 0}.sidebar-foot,.search-pill{display:none}}.checkout h1{color:#fff;margin:0 0 .4rem}.summary{color:var(--muted);margin:0 0 1.25rem}.amount-row{background:#ff5a1f1f;border:1px solid #ff5a1f59;border-radius:12px;justify-content:space-between;align-items:baseline;gap:1rem;padding:.95rem 1rem;display:flex}.amount-row span{color:var(--muted);font-size:.875rem;font-weight:600}.amount-row strong{letter-spacing:-.02em;color:#fff;font-size:1.25rem}.form{gap:.9rem;max-width:420px;display:grid}.form-error{color:#ff8d85;margin:0}.cta:disabled{opacity:.6}.back{color:var(--muted);margin-bottom:1rem;font-size:.9rem;text-decoration:none;display:inline-block}.back:hover{color:var(--accent)}.game-head{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.game-cover--fallback{color:#fff;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.game-head h1{color:#fff;margin:0;font-size:1.6rem}.game-head p{color:var(--muted);margin:.2rem 0 0}.game-page h2{color:#fff;margin:0 0 .75rem;font-size:1rem}.denom-list{gap:.6rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.denom{background:var(--panel-2);color:#fff;width:100%;font:inherit;cursor:pointer;text-align:left;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;gap:1rem;padding:.9rem 1rem;display:flex}.denom.active{border-color:var(--accent);background:#ff5a1f1f}.cta:disabled{opacity:.5;cursor:not-allowed}.home--landing{padding-bottom:1rem}.landing-hero{isolation:isolate;border:1px solid #ff5a1f8c;border-radius:20px;align-items:center;min-height:min(52vh,420px);margin-bottom:2rem;padding:clamp(2rem,5vw,3.25rem) clamp(1.25rem,4vw,2.5rem);animation:.55s both fadeUp;display:grid;position:relative;overflow:hidden}.landing-hero__bg{z-index:0;pointer-events:none;background-image:linear-gradient(105deg, #16162deb 0%, #16162db8 48%, #16162d73 100%), radial-gradient(ellipse 55% 70% at 80% 40%, #ff5a1f47, transparent 60%), var(--hero-banner);background-position:50%;background-size:cover;animation:24s ease-in-out infinite alternate bannerDrift;position:absolute;inset:0;transform:scale(1.03)}.landing-hero__copy{z-index:1;max-width:34rem;position:relative}.landing-brand{color:var(--accent);font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .65rem;font-size:1rem;font-weight:800}.landing-hero__copy h1{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.6rem);font-weight:700;line-height:1.15}.landing-hero__copy h1 span{color:#ffb08a;display:block}.landing-lede{color:#ffffffb8;max-width:32rem;margin:0 0 1.35rem;font-size:1.02rem;line-height:1.55}.landing-cta{flex-wrap:wrap;gap:.7rem;display:flex}.btn{border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{color:#fff;background:linear-gradient(135deg,#ff5a1f,#ff8a4c);border:none}.btn--ghost{color:#fff;background:#ffffff0a;border:1px solid #ffffff38}.btn--ghost:hover{border-color:var(--accent);color:#ffb08a}.plus-grid{z-index:1;opacity:.55;pointer-events:none;background-image:radial-gradient(circle,#ffffffbf 1.2px,#0000 1.3px);background-size:12px 12px;width:56px;height:56px;position:absolute;top:1rem;left:1rem}.plus-grid--br{inset:auto 1rem 1rem auto}.chevrons{z-index:1;pointer-events:none;gap:.35rem;display:grid;position:absolute;top:50%;left:1.15rem;transform:translateY(-50%)}.chevrons--right{left:auto;right:1.15rem}.chevrons span{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);width:10px;height:10px;display:block;transform:rotate(-45deg)}.chevrons--right span{transform:rotate(135deg)}.how{margin-bottom:2rem}.section-head{margin-bottom:1rem}.section-head h2,.catalog-head h2{color:#fff;margin:0 0 .25rem;font-size:1.2rem}.section-head p,.catalog-sub{color:var(--muted);margin:0;font-size:.9rem}.how-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.how-card{background:var(--panel-2);border:1px solid #ffffff0f;border-radius:14px;padding:1rem}.how-num{color:#fff;background:linear-gradient(135deg,#ff5a1f,#ff8a4c);border-radius:8px;place-items:center;width:1.85rem;height:1.85rem;margin-bottom:.65rem;font-size:.85rem;font-weight:800;display:inline-grid}.how-card h3{color:#fff;margin:0 0 .3rem;font-size:.98rem}.how-card p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.45}.catalog-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.catalog-search{background:var(--panel-2);color:#fff;border:1px solid #ffffff14;border-radius:10px;width:min(220px,100%);padding:.55rem .8rem}.catalog-search::placeholder{color:var(--muted)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.game-card{color:inherit;background:var(--panel-2);border:1px solid #ffffff0f;border-radius:14px;text-decoration:none;transition:transform .18s,border-color .18s;animation:.4s both fadeUp;display:block;overflow:hidden}.game-card:hover{border-color:#ff5a1fa6;transform:translateY(-3px)}.game-cover{background:radial-gradient(circle at 30% 20%,#ff5a1f73,#0000 45%),linear-gradient(160deg,#2a2f4a,#16162d);overflow:hidden}.game-cover--tile{aspect-ratio:4/5}.game-cover--badge{border-radius:14px;flex-shrink:0;width:64px;height:64px}.game-cover img{object-fit:cover;width:100%;height:100%;display:block}.game-cover--fallback{font-family:var(--font-display);letter-spacing:.02em;color:#fff;place-items:center;font-size:1.55rem;font-weight:800;display:grid}.game-cover--badge.game-cover--fallback{font-size:1.1rem}.game-caption{padding:.75rem .8rem .9rem}.game-caption strong{color:#fff;font-size:.92rem;display:block}.game-caption small{color:var(--muted);font-size:.75rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bannerDrift{0%{transform:scale(1.03)translate(0,0)}to{transform:scale(1.07)translate(-1%,1%)}}@media (width<=700px){.chevrons,.plus-grid{display:none}.landing-hero{text-align:center;min-height:auto}.landing-hero__copy{margin:0 auto}.landing-hero__copy h1 span{display:inline}.landing-cta{justify-content:center}.catalog-head{flex-direction:column;align-items:stretch}.catalog-search{width:100%}}.inquiry h1{color:#fff;margin:0 0 .4rem}.form{gap:.9rem;max-width:420px;margin-bottom:1rem;display:grid}.form label{gap:.35rem;display:grid}.form span{color:#fff;font-size:.85rem;font-weight:600}.form input{background:var(--panel-2);color:#fff;border:1px solid #ffffff1a;border-radius:10px;padding:.75rem .85rem}.cta{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#ff5a1f,#ff8a4c);border:none;border-radius:12px;padding:.9rem 1.25rem;font-weight:700}.form-error{color:#ff8d85}.result{background:var(--panel-2);border:1px solid #ffffff14;border-radius:14px;max-width:420px;padding:1.1rem}.result h2{color:#fff;margin:0 0 .85rem;font-size:1rem}.result dl{gap:.7rem;margin:0;display:grid}.result dt{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.72rem}.result dd{color:#fff;word-break:break-all;margin:.15rem 0 0}.resume{color:var(--accent);margin-top:1rem;font-weight:700;text-decoration:none;display:inline-block}.invoice-actions .form-error{flex-basis:100%;margin:.25rem 0 0}.back{color:var(--muted);margin-bottom:1rem;text-decoration:none;display:inline-block}.order-page h1{color:#fff;margin:0 0 .4rem}.lede{color:var(--muted);max-width:36rem;margin:0 0 1rem}.warn{color:#ffd0bc;background:#ff5a1f1a;border:1px solid #ff5a1f73;border-radius:12px;max-width:40rem;margin:0 0 1rem;padding:.9rem 1rem;font-size:.92rem}.warn strong{color:#fff;margin-bottom:.25rem;display:block}.id-bar{background:var(--panel-2);border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:40rem;margin:0 0 1.15rem;padding:.85rem 1rem;display:flex}.id-bar span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.2rem;font-size:.72rem;display:block}.id-bar code{color:#fff;word-break:break-all}.id-bar button{color:#fff;font:inherit;cursor:pointer;background:#ff5a1f1f;border:1px solid #ff5a1f80;border-radius:999px;padding:.45rem .9rem;font-weight:600}.card{background:var(--panel-2);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;gap:1.25rem;max-width:40rem;padding:1.1rem;display:flex}.meta{gap:.55rem;min-width:200px;display:grid}.meta p{margin:0}.meta span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.72rem;display:block}.meta p{color:#fff}.st-pending_payment{color:#ffb020}.st-paid{color:#6aa8ff}.st-fulfilled{color:#3dd68c}.st-failed{color:#ff8d85}.hint{color:var(--muted);margin-top:1rem}.hint a{color:var(--accent);font-weight:700;text-decoration:none}.state{color:var(--muted)}.state.error{color:#ff8d85}.invoice-actions{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.invoice-actions button{color:#fff;font:inherit;cursor:pointer;background:#ff5a1f1f;border:1px solid #ff5a1f80;border-radius:999px;padding:.45rem .9rem;font-weight:600}.invoice-actions button.secondary{background:0 0;border-color:#fff3}.invoice-actions button:disabled{opacity:.6;cursor:wait}.invoice-actions .state.error,.invoice-actions .form-error{flex-basis:100%;margin:.25rem 0 0}:root{--bg:#16162d;--panel:#1a1a2e;--panel-2:#23263d;--accent:#ff5a1f;--muted:#9aa3bd;--font-display:"Space Grotesk", "Avenir Next", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif;color:#fff;background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}a{color:var(--accent)}
