:root{color-scheme:light;--ink:#221632;--mute:#625875;--accent:#5930cd;--pale:#eee8ff;--line:#e9e2f2;--lime:#e0ff9c;--white:#fff;--bg:#f5f2ff;--shadow:0 20px 55px #3522640c;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;min-width:0;background:radial-gradient(ellipse at 4% 19%,#e6dcff,transparent 29%),radial-gradient(ellipse at 96% 57%,#e9dffc,transparent 27%),#f5f2ff;color:var(--ink);min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;flex:none;vertical-align:middle}img{max-width:100%;object-fit:contain}[hidden]{display:none!important}
.skip{position:fixed;left:1rem;top:1rem;z-index:10;transform:translateY(-180%);background:#fff;padding:12px}.skip:focus{transform:none}
#shell{max-width:700px;margin:auto;min-height:100vh;background:#fbfaff;box-shadow:0 0 110px #3e2a7320;position:relative;isolation:isolate}#shell.wide{max-width:1040px}.side-decor{position:fixed;pointer-events:none;color:#b9a5ed;opacity:.6;z-index:-1;display:none}.side-decor svg{width:44px;height:44px}.side-decor.left{left:max(5vw,calc(50vw - 515px));top:27%;transform:rotate(-14deg)}.side-decor.right{right:max(6vw,calc(50vw - 505px));top:63%;transform:rotate(16deg)}@media(min-width:1020px){#shell:not(.wide) .side-decor{display:block}}
.top{min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 23px;background:#fff;border-bottom:1px solid #f0ebf8}.brand{display:inline-flex;align-items:center;gap:9px;min-width:0;font-size:25px;letter-spacing:-.07em;font-weight:900;line-height:1.1}.brand span{overflow-wrap:anywhere}.brand img{width:37px;height:37px;border-radius:11px;flex:none}.top-actions{display:flex;align-items:center;gap:7px;flex:none}
button,.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:750;min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.15;transition:transform .18s,filter .18s,background .18s}.btn:hover,button:hover{filter:brightness(.96)}.btn:active,button:active{transform:translateY(1px)}.primary{background:var(--accent);color:#fff}.soft{background:#f1ebff;color:#4d2da4}.plain{background:transparent;color:var(--ink)}.outline{background:#fff;border:1px solid var(--line);color:var(--ink)}.tiny{padding:7px 9px;min-height:34px;font-size:12px}.icon-button{padding:8px;min-width:40px}.icon-button svg{width:18px;height:18px}
main{padding:23px 23px 32px}.loading{padding:30px;color:var(--mute)}.preview-band{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;color:#563792;margin:0 0 12px 2px}.preview-band .led{width:7px;height:7px;background:#9870f8;border-radius:50%;box-shadow:0 0 0 3px #efe6ff}.preview-band span:last-child{font-weight:500;color:#6d617c}
.hero{min-height:300px;border-radius:25px;overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(ellipse at 82% 39%,#8055f0 0%,transparent 49%),linear-gradient(120deg,#261251 3%,#42218b 59%,#4e28a2 100%);color:#fff;padding:33px 27px;display:flex;align-items:center;box-shadow:0 15px 40px #31108029}.hero::after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#dfc8ff 1px,transparent 1px);background-size:14px 14px;opacity:.18;mask-image:linear-gradient(90deg,transparent 35%,#000)}.hero.with-banner{background-size:cover;background-position:center}.hero-copy{position:relative;z-index:2;width:52%;min-width:0}.kicker{font-size:10px;letter-spacing:.13em;font-weight:850;text-transform:uppercase;display:flex;align-items:center;gap:6px;color:#ddc9ff;margin-bottom:13px}.kicker svg{width:13px;height:13px;color:var(--lime)}.hero h1{font-size:clamp(31px,7.6vw,54px);line-height:.98;letter-spacing:-.067em;font-weight:880;overflow-wrap:anywhere}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{margin:13px 0 19px;max-width:245px;font-size:13px;line-height:1.48;color:#f0e7ff}.hero .btn{color:#231538;background:var(--lime);font-size:12px;padding-inline:12px;min-height:40px}.hero .btn svg{width:15px;height:15px}.hero-art{position:absolute;z-index:1;right:1%;width:47%;top:50%;height:245px;transform:translateY(-50%);pointer-events:none}.orbit{position:absolute;inset:8% -12% 7% 6%;border:1px solid #b293fa69;border-radius:50%;transform:rotate(-28deg)}.orbit.o2{inset:17% -17% 12% 12%;transform:rotate(29deg);opacity:.55}
.hero-ticket{position:absolute;width:72%;height:66%;left:12%;top:17%;transform:rotate(-12deg);border:1px solid #f3ffc4;border-radius:15px;background:linear-gradient(145deg,#efffbd,#cffa6f 69%,#a3d244);box-shadow:0 15px 36px #1e095f90,inset 0 0 0 4px #fff4;color:#312049;padding:10px;display:flex;flex-direction:column;gap:8px;animation:ticket-breathe 4.8s ease-in-out infinite}.hero-ticket .ticket-name{display:flex;align-items:center;gap:4px;font-weight:950;font-size:clamp(13px,3vw,21px);letter-spacing:-.08em}.ticket-name svg{width:15px;height:15px}.hero-ticket small{font-size:8px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.hero-foil{display:grid;place-items:center;flex:1;min-height:38px;border-radius:9px;isolation:isolate;background:repeating-linear-gradient(135deg,#ffffff3b 0 1px,transparent 2px 5px),linear-gradient(140deg,#ebe3ff,#a381db 46%,#eee5ff 67%,#ae94e3);box-shadow:inset 0 0 0 1px #fff7;color:#4c287e}.hero-foil span{font-size:10px;font-weight:900;letter-spacing:.1em}.hero-foil svg{width:16px;height:16px}.float{position:absolute;display:grid;place-items:center;animation:float 5s ease-in-out infinite}.coin{border:2px solid #fff0a1;color:#653c13;background:linear-gradient(140deg,#fff8b7,#edb649 73%);border-radius:50%;box-shadow:inset 0 0 0 3px #d6983d70,2px 4px 0 #97642a;font-weight:900;font-size:20px;width:39px;height:39px;right:8%;top:11%}.coin.lower{width:29px;height:29px;left:1%;top:auto;bottom:11%;font-size:14px;animation-delay:-2s}.pix-art{color:#dafec8;right:3%;bottom:13%;animation-delay:-1s}.pix-art svg{width:30px;height:30px}.star{color:#e6ffb1;left:5%;top:12%;animation-delay:-1.8s}.star svg{width:27px;height:27px}.star.end{right:5%;left:auto;top:49%;color:#eedfff}.star.end svg{width:15px;height:15px}
@keyframes ticket-breathe{50%{transform:translateY(-5px) rotate(-10deg) scale(1.035);box-shadow:0 20px 50px #1e095fb0,inset 0 0 0 4px #fff4}}@keyframes float{50%{transform:translateY(-8px) rotate(9deg)}}
.quick{display:flex;justify-content:space-between;gap:5px;padding:11px 3px 0;color:#55496c;font-size:11px;font-weight:720}.quick span{display:flex;align-items:center;gap:5px}.quick svg{width:14px;height:14px;color:var(--accent)}
.section{margin-top:29px}.overline{display:block;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.145em;text-transform:uppercase;margin-bottom:5px}.section h2,.page-heading h1{letter-spacing:-.05em;font-size:29px;line-height:1.08}.section-head,.page-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:13px}.section p.sub,.page-heading p{color:var(--mute);font-size:13px;line-height:1.5;margin-top:5px}.section-head .text-button{flex:none}.text-button{padding:4px;background:transparent;color:var(--accent);font-size:12px;font-weight:850;min-height:33px}.text-button svg{width:14px;height:14px}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat{background:#fff;border:1px solid var(--line);border-radius:17px;padding:8px;min-width:0;box-shadow:0 6px 20px #44235b08;transition:transform .22s,box-shadow .22s}.cat:hover{transform:translateY(-2px);box-shadow:0 9px 20px #44235b14}.cat-art{height:104px;border-radius:11px;overflow:hidden;position:relative;isolation:isolate;padding:12px;display:flex;justify-content:space-between;flex-direction:column;color:#271846;background:var(--art,#e0ffbc)}.mint{--art:#dcf8bc;--foil:#709e42}.violet{--art:#e4d8ff;--foil:#7855ce}.peach{--art:#ffdec3;--foil:#b86c36}.blue{--art:#d7e8ff;--foil:#4564af}.cat-art::after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 11px,#fff5 11px 12px),radial-gradient(ellipse at 78% 15%,#fff9,transparent 56%)}.cat-art strong{font-size:26px;line-height:1;letter-spacing:-.075em;position:relative;z-index:1;white-space:nowrap}.cat-art .tag{width:fit-content;border-radius:99px;padding:4px 7px;background:#fff9;font-size:9px;font-weight:900;letter-spacing:.03em;position:relative;z-index:1}.cat-symbol{position:absolute;right:12%;top:17%;color:var(--foil);transform:rotate(-13deg);filter:drop-shadow(3px 4px 0 #fff9);opacity:.85}.cat-symbol svg{width:55px;height:55px;stroke-width:1.4}.cat-body{padding:10px 3px 3px;display:grid;gap:4px}.cat-body h3{font-size:15px;line-height:1.1;overflow-wrap:anywhere}.cat-body p{font-size:11px;line-height:1.4;color:var(--mute);overflow-wrap:anywhere}.cat-body .btn{margin-top:4px;min-height:34px;padding:7px 6px;font-size:12px;width:100%;background:#f1eaff;color:#49279c}.cat-body .btn svg{width:13px;height:13px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.step,.panel,.empty{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow)}.step i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f0eaff;color:var(--accent);margin-bottom:8px}.step svg{width:16px;height:16px}.step h3{font-size:13px}.step p,.empty,.small-copy{font-size:12px;line-height:1.5;color:var(--mute);margin-top:4px}.notice-box{padding:12px;border-radius:11px;background:#f4efff;color:#4c3477;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.stack{display:grid;gap:12px}.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.between{justify-content:space-between}.break{overflow-wrap:anywhere}.wrap-text{white-space:pre-wrap;overflow-wrap:anywhere}
footer{border-top:1px solid var(--line);padding:18px 23px 16px;color:#61546e;background:#fff;font-size:11px;line-height:1.5;display:grid;gap:8px}footer .links{display:flex;flex-wrap:wrap;gap:5px 13px}footer .links button{padding:0;min-height:26px;font-size:11px;color:#4c3477;background:none}footer .links a{align-self:center}
.bottom{position:sticky;bottom:0;z-index:4;background:#ffffffed;backdrop-filter:blur(12px);display:flex;justify-content:space-around;padding:5px 6px max(5px,env(safe-area-inset-bottom));border-top:1px solid var(--line);gap:4px}.bottom a{padding:5px 6px;display:grid;justify-items:center;gap:4px;border-radius:9px;min-width:56px;font-size:10px;color:#665972;font-weight:700}.bottom a svg{width:18px;height:18px}.bottom a[aria-current]{color:var(--accent);background:#f0eaff}
dialog{width:min(96vw,490px);max-height:92dvh;overflow:auto;border:1px solid #f2eaff;border-radius:22px;background:#fff;color:var(--ink);padding:19px;box-shadow:0 26px 90px #210b594d}dialog::backdrop{background:#24133d9e;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.dialog-head h2{font-size:23px;line-height:1.1;letter-spacing:-.04em;overflow-wrap:anywhere}.error{font-size:12px;color:#921b50;padding:8px 10px;border-radius:8px;background:#fff1f6}.form{display:grid;gap:11px}.form label,.field{display:grid;gap:4px;font-size:12px;font-weight:800;color:#40334f}.form label.check{display:flex;align-items:center;gap:8px;font-weight:600}.form input:not([type=checkbox]),.form textarea,.form select{border:1px solid #ded4eb;border-radius:9px;padding:9px 10px;color:var(--ink);background:#fff;min-width:0;width:100%;min-height:40px}.form input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.amount{font-size:30px;font-weight:900;letter-spacing:-.06em}.qty{display:flex;align-items:center;gap:7px}.qty input{max-width:64px;text-align:center}.pill{display:inline-flex;font-size:10px;font-weight:820;color:#4d307b;background:#f0eaff;border-radius:50px;padding:4px 8px;line-height:1.25}.pill.good{color:#255b38;background:#dff6e5}.pill.wait{color:#65421e;background:#fff0d7}.account-items{display:grid;gap:8px}.row-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);padding:10px;border-radius:11px}.row-item > div{min-width:0}.row-item p{font-size:11px;color:var(--mute);margin-top:3px;overflow-wrap:anywhere}.row-item strong{font-size:13px;overflow-wrap:anywhere}.balance{background:linear-gradient(125deg,#2f175d,#6036c2);color:#fff;border:0;padding:17px}.balance .small-copy{color:#e6d6ff}.balance .amount{font-size:38px}
.scratch-card{position:relative;isolation:isolate;border-radius:16px;padding:12px;background:linear-gradient(135deg,var(--art),#fff);border:1px solid #e2d6f0}.scratch-stage{position:relative;overflow:hidden;isolation:isolate;border-radius:12px;min-height:170px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 25px #6c45a91a}.scratch-stage canvas{position:absolute;z-index:2;width:100%;height:100%;inset:0;touch-action:none;cursor:crosshair;transition:opacity .3s;display:block}.scratch-stage canvas.removed{opacity:0;pointer-events:none}.scratch-result{text-align:center;padding:12px;z-index:1;font-size:12px;color:var(--mute);overflow-wrap:anywhere}.scratch-result b{display:block;color:var(--ink);font-size:19px;margin:4px 0}.scratch-result.win b{font-size:37px;color:#4f26af;animation:pop .5s both}.scratch-result.win{color:#4c2d7c}.scratch-result svg{color:#683fbe}.scratch-card.won{background:radial-gradient(ellipse at 45% 0%,#fffaba,transparent 53%),linear-gradient(135deg,#dfffa9,#e4d4ff);box-shadow:0 0 29px #d5aa3966}.confetti{position:absolute;z-index:3;width:7px;height:11px;left:50%;top:54%;pointer-events:none;animation:confetti 1.1s ease-out both;background:var(--color);border-radius:2px}.scratch-controls{display:flex;gap:6px}.scratch-controls .btn.primary{flex:1}.progress{height:5px;background:#f1eafb;border-radius:10px;overflow:hidden}.progress span{display:block;background:var(--accent);height:100%;width:0;transition:width .15s}@keyframes confetti{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rotation));opacity:0}}@keyframes pop{0%{transform:scale(.85);opacity:.5}65%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}
.admin-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.admin-tabs button.active{background:var(--accent);color:#fff}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.metric .amount{font-size:23px;overflow-wrap:anywhere}.metric p{font-size:11px;color:var(--mute);margin-top:4px}.table-wrap{overflow:auto;max-height:440px}.table-wrap table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.table-wrap th,.table-wrap td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap th{background:#faf7ff;color:#553782;position:sticky;top:0;white-space:nowrap}.table-wrap td{max-width:260px;overflow-wrap:anywhere}.chart{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;align-items:end;height:110px;margin:12px 0 4px}.chart i{display:block;background:#ad91f8;height:var(--h);min-height:2px;border-radius:5px 5px 0 0}.chart div{display:flex;flex-direction:column;justify-content:end;height:100%;gap:4px;min-width:0;text-align:center;font-size:9px;color:var(--mute)}.chart b{font-weight:600}.admin-card{display:grid;gap:6px}.admin-card p{font-size:12px;color:var(--mute)}
#notice{position:fixed;z-index:5;bottom:72px;left:50%;transform:translateX(-50%);max-width:min(90vw,470px);background:#27194a;color:#fff;border-radius:10px;padding:9px 13px;font-size:12px;box-shadow:0 8px 25px #2b195d36}#notice:empty{display:none}
@media(max-width:460px){.top{padding:9px 14px;min-height:62px}main{padding:16px 13px 25px}.hero{min-height:247px;padding:22px 15px;border-radius:20px}.hero h1{font-size:clamp(29px,8.7vw,40px)}.hero p{font-size:11px;margin:10px 0 13px}.hero-copy{width:55%}.hero-art{height:192px;right:-1%;width:48%}.hero-ticket{width:76%;left:9%;padding:7px;gap:5px;border-radius:11px}.coin{width:29px;height:29px;font-size:15px;top:13%}.coin.lower{width:23px;height:23px;bottom:13%}.pix-art svg{width:22px;height:22px}.star svg{width:19px;height:19px}.quick{font-size:9px;line-height:1.2}.quick svg{width:12px;height:12px}.section{margin-top:23px}.section h2,.page-heading h1{font-size:25px}.cat-grid{gap:8px}.cat-art{height:90px;padding:8px}.cat-art strong{font-size:23px}.cat-symbol{right:7%;top:19%}.cat-symbol svg{width:47px;height:47px}.step{padding:9px}.step p{font-size:11px}.steps{gap:5px}.section-head .text-button{font-size:10px}.top-actions .btn{font-size:12px;padding:8px}.brand{font-size:23px}.brand img{width:32px;height:32px}.preview-band{font-size:10px}.bottom a{min-width:47px}footer{padding-inline:13px}}
@media(max-width:340px){.quick span{gap:2px}.quick svg{display:none}.hero-copy{width:57%}.hero .btn{font-size:10px}.section-head .text-button{max-width:68px}.cat-art strong{font-size:19px}.form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.confetti{display:none}}