#gabur-prototype{--g-bg:#100d19;--g-surface:#1c172b;--g-edge:#3b3154;--g-text:#f7f3ff;--g-muted:#b9adcf;--g-purple:#a77aff;--g-cta:#803af3;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--g-text);max-width:432px;margin:auto;font-size:15px;line-height:1.45;color-scheme:dark}
#gabur-prototype *{box-sizing:border-box}
#gabur-prototype button,#gabur-prototype input,#gabur-prototype select{font:inherit}
#gabur-prototype button{color:inherit;border:0;cursor:pointer;touch-action:manipulation}
#gabur-prototype button:disabled{cursor:default;opacity:.48}
#gabur-prototype button:focus-visible,#gabur-prototype input:focus-visible,#gabur-prototype select:focus-visible{outline:3px solid #cab0ff;outline-offset:3px}
#gabur-prototype .g-demo{text-align:center;font-size:10px;letter-spacing:1.3px;color:#baaad5;padding:6px 8px 12px}
#gabur-prototype .g-app{position:relative;border-radius:32px;padding:22px 18px 13px;background:radial-gradient(ellipse at 0 0,#271b40 0,transparent 42%),var(--g-bg);border:1px solid var(--g-edge);box-shadow:0 20px 70px #0005;overflow:clip}
#gabur-prototype .g-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:12px}
#gabur-prototype .g-brand{display:flex;align-items:center;gap:10px;background:none;font-size:17px;font-weight:750;padding:0;text-align:left}
#gabur-prototype em{font-style:normal;color:var(--g-purple)}
#gabur-prototype .g-mark{width:37px;height:40px;display:grid;place-items:center;font-weight:900;font-style:italic;font-size:37px;line-height:1;background:linear-gradient(150deg,#ecdfff,#9b58ff 54%,#6234b4);color:transparent;background-clip:text;filter:drop-shadow(0 4px 9px #943eff55)}
#gabur-prototype .g-icon{display:grid;place-items:center;width:42px;height:42px;background:#ffffff05;border-radius:14px;border:1px solid #ffffff0c;flex-shrink:0}
#gabur-prototype svg{width:22px;height:22px;stroke-width:1.8}
#gabur-prototype h1{font-size:27px;line-height:1.18;margin:0 0 18px;letter-spacing:-.75px;font-weight:730}
#gabur-prototype h2{font-size:21px;line-height:1.25;margin:0 0 7px;letter-spacing:-.4px}
#gabur-prototype h3{font-size:17px;margin:0 0 5px}
#gabur-prototype p{margin:0;color:var(--g-muted)}
#gabur-prototype small{font-size:12px;color:var(--g-muted)}
#gabur-prototype .g-main{min-height:592px}
#gabur-prototype .g-enter{animation:g-enter .24s ease-out}
#gabur-prototype .g-card{background:linear-gradient(130deg,#241b35,#171320);border:1px solid var(--g-edge);border-radius:22px;padding:17px;margin-bottom:12px}
#gabur-prototype .g-hero{position:relative;overflow:hidden;padding:19px 17px 15px;background:radial-gradient(ellipse at 95% 0,#56309570,transparent 65%),linear-gradient(135deg,#271e3c,#181322)}
#gabur-prototype .g-status{display:flex;align-items:center;gap:7px;font-size:12px;color:#80eeb0;position:relative;z-index:1}
#gabur-prototype .g-status::before{content:"";width:7px;height:7px;background:#64df97;border-radius:50%}
#gabur-prototype .g-number{font-size:44px;font-weight:760;letter-spacing:-1.5px;line-height:1.2;margin:7px 0 0;font-variant-numeric:tabular-nums;position:relative;z-index:1}
#gabur-prototype .g-number span{font-size:26px;letter-spacing:-.5px}
#gabur-prototype .g-hero p{font-size:12px;position:relative;z-index:1}
#gabur-prototype .g-shield{position:absolute;right:20px;top:24px;width:91px;height:107px;background:linear-gradient(135deg,#ecceff,#b374ff 35%,#6422d7 70%);clip-path:polygon(50% 0,94% 20%,87% 72%,50% 100%,13% 72%,6% 20%);display:grid;place-items:center;transform:rotate(12deg);filter:drop-shadow(0 0 22px #9c54ff);color:#f7dfff;font-size:47px;font-weight:850;font-style:italic;text-shadow:0 3px 5px #431067}
#gabur-prototype .g-shield::after{content:"";position:absolute;inset:7px;background:linear-gradient(140deg,#b482ff80,#782dd522);clip-path:inherit;border:1px solid #e7caff}
#gabur-prototype .g-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 14px;border-radius:15px;background:linear-gradient(180deg,#a16aff,#792cec);box-shadow:inset 0 1px #d5b8ff88,0 6px 24px #792cec30;font-weight:650;transition:filter .15s,transform .15s}
#gabur-prototype .g-primary:not(:disabled):active{transform:scale(.98)}
#gabur-prototype .g-hero .g-primary{margin-top:21px}
#gabur-prototype .g-secondary{min-height:44px;border-radius:14px;padding:10px 14px;background:#2b223c;border:1px solid #493761;font-weight:550}
#gabur-prototype .g-textbutton{background:none;color:var(--g-purple);min-height:44px;padding:10px 4px;font-size:13px}
#gabur-prototype .g-row{display:flex;align-items:center;gap:12px}
#gabur-prototype .g-between{justify-content:space-between}
#gabur-prototype .g-balance{display:flex;align-items:center;gap:13px}
#gabur-prototype .g-round{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#8f48e81a;border:1px solid #8f48e833;color:#bc90ff;flex-shrink:0}
#gabur-prototype .g-money{font-size:24px;font-weight:720;line-height:1.3;letter-spacing:-.7px;font-variant-numeric:tabular-nums}
#gabur-prototype .g-add{margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;color:var(--g-purple);font-size:11px;padding:0 2px}
#gabur-prototype .g-add b{font-size:27px;font-weight:400;width:34px;height:34px;border-radius:50%;background:linear-gradient(160deg,#bd8aff,#7130df);color:#fff;line-height:31px}
#gabur-prototype .g-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
#gabur-prototype .g-quick button{display:flex;align-items:center;gap:8px;text-align:left;min-height:77px;background:linear-gradient(140deg,#27203b,#181321);border:1px solid var(--g-edge);border-radius:19px;padding:13px 10px;font-size:12px}
#gabur-prototype .g-quick svg{color:var(--g-purple);width:26px;height:26px;flex-shrink:0}
#gabur-prototype .g-linkcard{width:100%;display:flex;align-items:center;gap:14px;text-align:left}
#gabur-prototype .g-linkcard strong{display:block;font-size:14px;margin-bottom:3px}
#gabur-prototype .g-linkcard small{display:block;font-size:12px}
#gabur-prototype .g-ring{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:conic-gradient(#a16aff 0 67%,#3c2b52 67%);display:grid;place-items:center;position:relative;font-size:11px}
#gabur-prototype .g-ring::before{content:"";position:absolute;inset:5px;background:#21192f;border-radius:50%}
#gabur-prototype .g-ring span{z-index:1}
#gabur-prototype .g-bonus-banner{background:radial-gradient(ellipse at 5% 50%,#825a2738,transparent 65%),linear-gradient(120deg,#291d32,#311b48);border-color:#77527a}
#gabur-prototype .g-bonus-banner .g-mini-ticket{color:#fbdba6}
#gabur-prototype .g-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:17px;padding:7px 3px;background:linear-gradient(160deg,#292039e6,#191421);border:1px solid #453451;border-radius:23px;position:relative;z-index:2}
#gabur-prototype .g-nav button{background:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 1px;font-size:10px;color:#b6a8cb;min-height:58px;border-radius:17px}
#gabur-prototype .g-nav button[aria-current=page]{background:#9a50f916;color:#c49aff}
#gabur-prototype .g-nav button[aria-current=page] svg{filter:drop-shadow(0 0 5px #a447ff);stroke-width:2.4}
#gabur-prototype .g-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #3c2c50;background:#231b31;border-radius:17px;padding:4px;margin-bottom:24px}
#gabur-prototype .g-tabs button{padding:10px 5px;background:none;color:#c3b5d5;border-radius:13px;min-height:42px;font-size:13px}
#gabur-prototype .g-tabs button[aria-pressed=true]{background:linear-gradient(#9e61ff,#722ce0);box-shadow:inset 0 1px #d8b5ff66;color:#fff;font-weight:650}
#gabur-prototype .g-center{text-align:center}
#gabur-prototype .g-center h1{margin-bottom:7px}
#gabur-prototype .g-center p{font-size:13px}
#gabur-prototype .g-reel{position:relative;height:312px;margin:18px 0 12px;background:radial-gradient(ellipse at center,#46247460,#171122 72%);border:1px solid #4e3867;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff03}
#gabur-prototype .g-reel::before,#gabur-prototype .g-reel::after{position:absolute;content:"";left:0;right:0;height:57px;z-index:2;pointer-events:none}
#gabur-prototype .g-reel::before{top:0;background:linear-gradient(#171122,transparent)}
#gabur-prototype .g-reel::after{bottom:0;background:linear-gradient(transparent,#171122)}
#gabur-prototype .g-pattern{position:absolute;inset:8px;display:grid;grid-template-columns:1fr 1fr;align-content:space-around;justify-items:start;color:#8851b055;pointer-events:none}
#gabur-prototype .g-pattern i:nth-child(even),#gabur-prototype .g-pattern svg:nth-child(even){justify-self:end}
#gabur-prototype .g-strip{position:absolute;top:100px;left:43px;right:43px;display:flex;flex-direction:column;gap:16px;transform:translateY(-128px);will-change:transform}
#gabur-prototype .g-ticket{height:112px;flex-shrink:0;padding:7px;position:relative;clip-path:polygon(6% 0,94% 0,94% 8%,100% 17%,100% 31%,97% 34%,97% 42%,100% 45%,100% 56%,97% 59%,97% 67%,100% 70%,100% 83%,94% 92%,94% 100%,6% 100%,6% 92%,0 83%,0 70%,3% 67%,3% 59%,0 56%,0 45%,3% 42%,3% 34%,0 31%,0 17%,6% 8%);background:linear-gradient(145deg,#ddbaff,#a663ff 34%,#7034c8);box-shadow:inset 0 5px #efd8ff70,inset 0 -6px #43158c55;color:#fff}
#gabur-prototype .g-ticket.g-cyan{background:linear-gradient(145deg,#c6e8ff,#679fe9 35%,#2d68b9)}
#gabur-prototype .g-ticket.g-gold{background:linear-gradient(145deg,#fff0c5,#e9be79 35%,#c18643);color:#523014}
#gabur-prototype .g-ticket.g-muted{background:linear-gradient(145deg,#b7a4d0,#76658d 35%,#493953);color:#f2eaf9}
#gabur-prototype .g-ticket-face{height:100%;border-radius:17px;border:2px solid #ffffff3b;box-shadow:inset 0 0 0 2px #35104720;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
#gabur-prototype .g-ticket strong{font-size:29px;line-height:1.15;letter-spacing:-1px}
#gabur-prototype .g-ticket small{color:inherit;font-size:12px;opacity:.9}
#gabur-prototype .g-pointer{position:absolute;top:143px;width:19px;height:27px;background:linear-gradient(#e0bdff,#a060ec);z-index:4;filter:drop-shadow(0 0 5px #bc79ff)}
#gabur-prototype .g-pointer.left{left:25px;clip-path:polygon(0 0,100% 50%,0 100%)}
#gabur-prototype .g-pointer.right{right:25px;clip-path:polygon(100% 0,0 50%,100% 100%)}
#gabur-prototype .g-spin-status{color:#cab5e7;text-align:center;font-size:12px;min-height:24px;margin:0 0 8px}
#gabur-prototype .g-spin-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 0}
#gabur-prototype .g-spin-options button{font-size:12px;padding:10px 6px}
#gabur-prototype .g-reward{display:grid;grid-template-columns:87px 1fr;gap:15px;align-items:center;padding:18px 14px;min-height:148px}
#gabur-prototype .g-reward .g-ticket{width:85px;height:76px;transform:rotate(-13deg);filter:drop-shadow(0 0 13px #9c52ff66);padding:6px}
#gabur-prototype .g-reward .g-ticket-face{border-radius:10px}
#gabur-prototype .g-reward .g-ticket strong{font-size:28px}
#gabur-prototype .g-reward .g-ticket small{font-size:10px}
#gabur-prototype .g-reward h3{font-size:17px}
#gabur-prototype .g-reward p{font-size:12px;margin-bottom:12px}
#gabur-prototype .g-reward .g-primary{font-size:12px;min-height:38px;padding:8px 13px;width:auto;margin-left:auto}
#gabur-prototype .g-subtitle{margin:-9px 0 17px;font-size:13px;color:var(--g-muted)}
#gabur-prototype .g-empty{text-align:center;padding:50px 15px;color:var(--g-muted)}
#gabur-prototype .g-empty .g-round{margin:0 auto 17px;width:65px;height:65px}
#gabur-prototype .g-empty .g-primary{margin-top:22px}
#gabur-prototype .g-note{font-size:12px;text-align:center;color:var(--g-muted);padding:10px 4px}
#gabur-prototype .g-dialog{width:calc(100% - 28px);max-width:397px;max-height:85%;border:1px solid #674687;border-radius:26px;background:#1d162a;color:var(--g-text);padding:23px;box-shadow:0 25px 80px #0008}
#gabur-prototype .g-dialog::backdrop{background:#08050fbb;backdrop-filter:blur(7px)}
#gabur-prototype .g-dialog h2{padding-right:24px;font-size:23px}
#gabur-prototype .g-dialog p{font-size:14px;margin:10px 0 17px}
#gabur-prototype .g-dialog .g-close{position:absolute;right:11px;top:12px;background:transparent;color:#c8b8dc;font-size:27px;min-width:40px;min-height:40px}
#gabur-prototype .g-dialog .g-primary{margin-top:12px}
#gabur-prototype .g-dialog .g-textbutton{display:block;width:100%;margin-top:4px}
#gabur-prototype .g-dialog label{display:block;font-size:13px;margin-top:14px;color:#c3b3d6}
#gabur-prototype input,#gabur-prototype select{display:block;width:100%;min-height:48px;background:#100c19;border:1px solid #59446f;border-radius:12px;padding:10px 12px;color:var(--g-text);margin-top:5px;font-size:16px}
#gabur-prototype .g-error{color:#ffb4c8!important;font-size:13px;min-height:20px}
#gabur-prototype .g-toast{position:absolute;left:15px;right:15px;bottom:103px;z-index:6;pointer-events:none;background:#342449;border:1px solid #8060a0;border-radius:16px;padding:12px 16px;font-size:13px;box-shadow:0 8px 30px #0007;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
#gabur-prototype .g-toast.show{opacity:1;transform:translateY(0)}
#gabur-prototype .g-rule{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #453453;font-size:14px}
#gabur-prototype .g-rule b{white-space:nowrap}
#gabur-prototype .g-rule:last-child{border-bottom:0}
#gabur-prototype .g-platforms{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
#gabur-prototype .g-platforms button{min-height:94px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;margin:0;font-size:13px}
#gabur-prototype .g-platforms button[aria-pressed=true]{border-color:#a66bff;background:#35204f}
#gabur-prototype .g-platforms svg{color:var(--g-purple)}
#gabur-prototype .g-step{display:flex;align-items:flex-start;gap:13px;padding:18px 0}
#gabur-prototype .g-step-num{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#38234f;color:#d5b9ff}
#gabur-prototype .g-step p{font-size:13px;margin:7px 0}
#gabur-prototype .g-profile-row{padding:14px 0;border-bottom:1px solid #372a49;display:flex;align-items:center;gap:12px;width:100%;background:none;text-align:left}
#gabur-prototype .g-profile-row svg{color:var(--g-purple)}
#gabur-prototype .g-price{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:#292035;border:1px solid #4a375e;border-radius:15px;padding:15px;margin-top:10px;min-height:60px}
#gabur-prototype .g-price strong{font-size:20px;white-space:nowrap}
#gabur-prototype .g-result-ticket{width:160px;margin:20px auto;height:100px}
#gabur-prototype .g-alert{padding:13px 15px;border-radius:15px;background:#63489424;border:1px solid #5b407855;font-size:13px;color:#d7c2f4;margin-bottom:13px}

#gabur-prototype .g-identity{display:flex;align-items:center;gap:16px;padding:8px 2px 25px}
#gabur-prototype .g-avatar{width:76px;height:76px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#bc91ff,#703ec1 65%,#382051);border:3px solid #c7a3ff35;box-shadow:0 0 32px #9555ed22;font-size:26px;font-weight:700;color:#fff}
#gabur-prototype .g-identity h2{margin-bottom:3px;font-size:23px}
#gabur-prototype .g-identity small{display:block}
#gabur-prototype .g-id{display:inline-flex;gap:6px;align-items:center;margin-top:9px;padding:5px 9px;border-radius:9px;background:#a574ed13;color:#c5b2df;font-size:11px}
#gabur-prototype .g-id svg{width:13px;height:13px}
#gabur-prototype .g-section-label{font-size:10px;letter-spacing:2px;color:#b6a5ce;margin:24px 3px 10px;font-weight:650}
#gabur-prototype .g-subscription{padding:0;overflow:hidden;background:radial-gradient(ellipse at top right,#7540ba30,transparent 70%),#1b1527}
#gabur-prototype .g-sub-head{padding:19px 18px 17px;display:flex;align-items:center;justify-content:space-between;gap:8px}
#gabur-prototype .g-sub-head small{font-size:9px;letter-spacing:1.8px}
#gabur-prototype .g-sub-head h2{margin:5px 0 0;font-size:21px}
#gabur-prototype .g-badge{font-size:10px;color:#a1edc7;background:#57d99a12;border:1px solid #57d99a26;padding:6px 9px;border-radius:30px;white-space:nowrap}
#gabur-prototype .g-badge.expired{color:#c0b0d4;background:#a49aaa12;border-color:#a49aaa26}
#gabur-prototype .g-sub-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #b98bff15;border-bottom:1px solid #b98bff15}
#gabur-prototype .g-sub-stats>div{padding:15px 18px}
#gabur-prototype .g-sub-stats>div+div{border-left:1px solid #b98bff15}
#gabur-prototype .g-sub-stats strong{display:block;font-size:18px;margin-top:4px;font-weight:600;font-variant-numeric:tabular-nums}
#gabur-prototype .g-group{padding:0 17px;background:linear-gradient(125deg,#211a2e,#18131f)}
#gabur-prototype .g-group .g-profile-row:last-child{border-bottom:0}
#gabur-prototype .g-profile-row{min-height:60px;font-size:14px}
#gabur-prototype .g-profile-row>svg:first-child{width:21px;flex-shrink:0}
#gabur-prototype .g-profile-row>svg:last-child{margin-left:auto;width:16px;color:#8e7caa;flex-shrink:0}
#gabur-prototype .g-profile-row>span{flex:1}
#gabur-prototype .g-profile-row small{margin-left:auto;font-size:11px}
#gabur-prototype .g-subscription>.g-profile-row{padding:16px 18px;border:0;color:#ceb0ff}
#gabur-prototype .g-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;font-size:14px}
#gabur-prototype .g-setting+.g-setting{border-top:1px solid #372a49}
#gabur-prototype .g-setting small{background:#33273f;padding:6px 10px;border-radius:9px}
#gabur-prototype .g-switch{width:43px;height:26px;border-radius:20px;background:#41334f;padding:3px;flex-shrink:0}
#gabur-prototype .g-switch::after{content:'';display:block;width:20px;height:20px;background:#eee4ff;border-radius:50%;transition:transform .2s}
#gabur-prototype .g-switch[aria-checked=true]{background:#9050ef}
#gabur-prototype .g-switch[aria-checked=true]::after{transform:translateX(17px)}
#gabur-prototype .g-profile-footer{text-align:center;font-size:11px;color:#9684ac;padding:18px 6px 4px}
#gabur-prototype .g-price-year{border:1px solid #ab74ff;background:linear-gradient(120deg,#47305e,#2b1d40)}
#gabur-prototype .g-price-year small{color:#d6b7ff}
#gabur-prototype .g-trial{margin-top:15px;border:1px dashed #755296;border-radius:15px;padding:14px}

@keyframes g-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:365px){#gabur-prototype .g-app{padding:18px 12px 11px;border-radius:25px}#gabur-prototype h1{font-size:25px}#gabur-prototype .g-shield{width:76px;height:91px;right:14px}#gabur-prototype .g-quick button{font-size:11px;padding:11px 8px;gap:6px}#gabur-prototype .g-quick svg{width:22px}#gabur-prototype .g-reward{grid-template-columns:70px 1fr;gap:12px;padding:16px 12px}#gabur-prototype .g-reward .g-ticket{width:70px;height:67px}#gabur-prototype .g-strip{left:35px;right:35px}#gabur-prototype .g-ticket strong{font-size:26px}#gabur-prototype .g-pointer.left{left:18px}#gabur-prototype .g-pointer.right{right:18px}}
@media(prefers-reduced-motion:reduce){#gabur-prototype *,#gabur-prototype *::before,#gabur-prototype *::after{animation:none!important;transition:none!important}}

body{margin:0;background:#100d19;color:#f7f3ff;font-family:system-ui,sans-serif;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
#gabur-prototype .g-avatar{position:relative;overflow:hidden}
#gabur-prototype .g-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#gabur-prototype .g-identity h2{overflow-wrap:anywhere}
#gabur-prototype .g-app{min-height:100dvh;border-radius:0;border:0}
#gabur-prototype .g-nav{position:sticky;bottom:8px}
#gabur-prototype .g-demo{padding-top:10px}
#login{max-width:360px;margin:15vh auto;padding:24px;text-align:center;line-height:1.5}
#login a{color:#c49aff}#login button{background:#803af3;color:white;border:0;padding:12px 22px;border-radius:12px;font:inherit;cursor:pointer}

/* App shell: only the main content scrolls; header and navigation stay fixed. */
html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none}
body{padding:0}
[hidden]{display:none!important}
#app{position:fixed;top:0;left:0;height:var(--g-height,100dvh);max-height:100dvh;width:100%;overflow:hidden;box-sizing:border-box}
#app>.viz-dotted-background{height:100%;min-height:0;padding:0!important;box-sizing:border-box}
#gabur-prototype{box-sizing:border-box;height:100%;min-height:0;width:100%;max-width:560px;display:flex;flex-direction:column;overflow:hidden;padding-top:calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px));padding-bottom:calc(var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + var(--tg-content-safe-area-inset-bottom,0px));padding-left:var(--tg-safe-area-inset-left,0px);padding-right:var(--tg-safe-area-inset-right,0px)}
#gabur-prototype .g-demo{flex:0 0 auto;font-size:9px;padding:5px 6px;letter-spacing:.8px}
#gabur-prototype .g-app{flex:1;min-height:0;height:auto;width:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:10px 14px 8px;overflow:hidden;border-radius:0}
#gabur-prototype .g-header{margin:0;padding:0 3px 13px}
#gabur-prototype .g-main{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:4px 3px 14px;scrollbar-width:none}
#gabur-prototype .g-main::-webkit-scrollbar{display:none}
#gabur-prototype .g-nav{position:relative;bottom:auto;margin-top:8px;flex-shrink:0}
#gabur-prototype .g-dialog{max-height:calc(var(--g-height,100dvh) - var(--tg-safe-area-inset-top,0px) - var(--tg-content-safe-area-inset-top,0px) - var(--tg-safe-area-inset-bottom,0px) - 32px);overflow-y:auto;overscroll-behavior:contain;padding:25px 22px;border-color:#79549d80;background:radial-gradient(ellipse at 50% 0,#49256945,transparent 75%),#1b1427;box-shadow:0 20px 80px #0009}
#gabur-prototype .g-dialog h2{padding-right:0;text-align:center;font-size:23px;letter-spacing:-.6px;margin-bottom:14px}
#gabur-prototype .g-no-win{text-align:center}
#gabur-prototype .g-luck-orbit{width:132px;height:132px;margin:8px auto 16px;position:relative;display:grid;place-items:center;border:1px solid #ba8bff25;border-radius:50%;background:radial-gradient(circle,#a663ff22,transparent 70%)}
#gabur-prototype .g-luck-orbit::after{content:'';position:absolute;inset:14px;border:1px dashed #c7a2ff25;border-radius:50%;transform:rotate(25deg)}
#gabur-prototype .g-luck-core{width:76px;height:76px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#d0a7ff,#934ded 48%,#572297);box-shadow:inset 0 1px 3px #f2dfff80,0 10px 38px #9146db45;transform:rotate(-10deg)}
#gabur-prototype .g-luck-core svg{width:38px;height:38px;color:#f4e8ff;transform:rotate(10deg);stroke-width:1.6}
#gabur-prototype .g-luck-orbit>span{position:absolute;top:12px;right:18px;width:7px;height:7px;border-radius:50%;background:#d3b1ff;box-shadow:0 0 12px #c590ff}
#gabur-prototype .g-luck-orbit>span+span{top:auto;right:auto;bottom:14px;left:17px;width:4px;height:4px;background:#a86bff}
#gabur-prototype .g-no-win-label{font-size:9px;letter-spacing:1.5px;color:#bca2d7;font-weight:600}
#gabur-prototype .g-no-win p{font-size:13px;line-height:1.65;margin:12px 0 17px}
#gabur-prototype .g-next-chance{display:flex;align-items:center;justify-content:center;gap:9px;text-align:left;border:1px solid #b680ff20;border-radius:14px;background:#aa74ed08;padding:12px;font-size:11px;color:#bfaad6;margin-bottom:20px}
#gabur-prototype .g-next-chance b{color:#eadcff;display:block;font-weight:600;margin-top:2px}
#gabur-prototype .g-next-chance svg{width:20px;flex-shrink:0;color:#b886ff}
@media(max-height:600px){#gabur-prototype .g-luck-orbit{width:95px;height:95px;margin:0 auto 10px}#gabur-prototype .g-luck-core{width:60px;height:60px;border-radius:19px}#gabur-prototype .g-dialog{padding:18px}#gabur-prototype .g-nav button{min-height:48px;padding:5px 1px}}

/* Prize reveal: one soft burst, with color matching rarity. */
#gabur-prototype .g-win-dialog{--win-color:#b684ff;text-align:center;background:radial-gradient(ellipse at 50% 20%,#713c9d35,transparent 65%),#1b1427}
#gabur-prototype .g-win-rare{--win-color:#86caff}
#gabur-prototype .g-win-legendary{--win-color:#ffd28b;border-color:#d7a35b90;background:radial-gradient(ellipse at 50% 20%,#a7732330,transparent 70%),#1b1427}
#gabur-prototype .g-win-scene{position:relative;isolation:isolate;display:grid;place-items:center;height:225px;overflow:hidden;margin:-5px -12px 5px}
#gabur-prototype .g-win-halo{position:absolute;width:195px;height:195px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--win-color) 30%,transparent),transparent 67%);animation:g-prize-glow 1.2s ease-out both}
#gabur-prototype .g-win-rays{position:absolute;width:245px;height:245px;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 20deg,color-mix(in srgb,var(--win-color) 12%,transparent) 21deg 24deg,transparent 25deg 40deg);mask-image:radial-gradient(circle,transparent 15%,#000 30%,transparent 70%);animation:g-rays-reveal 2.2s ease-out both}
#gabur-prototype .g-win-prize{position:relative;width:190px;filter:drop-shadow(0 14px 22px #0007) drop-shadow(0 0 20px color-mix(in srgb,var(--win-color) 25%,transparent));animation:g-prize-reveal 850ms cubic-bezier(.16,.75,.25,1.15) both}
#gabur-prototype .g-win-prize .g-ticket{height:126px;transform:rotate(-7deg)}
#gabur-prototype .g-win-prize .g-ticket strong{font-size:34px}
#gabur-prototype .g-win-particles{position:absolute;inset:0;pointer-events:none;z-index:2}
#gabur-prototype .g-win-particles span{position:absolute;left:var(--x);top:55%;width:5px;height:9px;border-radius:2px;background:var(--win-color);opacity:0;animation:g-prize-confetti 1.9s var(--delay) cubic-bezier(.12,.62,.6,1) both}
#gabur-prototype .g-win-particles span:nth-child(3n){background:#f8edff;width:4px;height:4px;border-radius:50%}
#gabur-prototype .g-win-caption{color:var(--win-color);font-size:10px;letter-spacing:2px;font-weight:650}
#gabur-prototype .g-win-name{font-size:24px;letter-spacing:-.5px;margin:8px 0 5px}
#gabur-prototype .g-win-description{font-size:13px!important;line-height:1.65;margin:10px 0 22px!important}
#gabur-prototype .g-win-legendary .g-primary{background:linear-gradient(180deg,#e9c083,#c3914e);color:#301d0e;box-shadow:inset 0 1px #fff0c9,0 8px 24px #c3914e30}
#gabur-prototype .g-win-dialog.g-calm .g-win-scene *{animation:none!important}
@keyframes g-prize-reveal{0%{opacity:0;transform:translateY(35px) scale(.55) rotate(-16deg)}65%{opacity:1;transform:translateY(-7px) scale(1.05) rotate(2deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes g-prize-glow{0%{opacity:0;transform:scale(.45)}40%{opacity:1;transform:scale(1.15)}100%{opacity:.8;transform:scale(1)}}
@keyframes g-rays-reveal{from{opacity:0;transform:scale(.7) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(12deg)}}
@keyframes g-prize-confetti{0%{opacity:0;transform:translate(0,0) rotate(var(--turn))}12%{opacity:1}45%{opacity:1;transform:translate(var(--dx),-95px) rotate(calc(var(--turn) + 100deg))}100%{opacity:0;transform:translate(calc(var(--dx) * 1.5),100px) rotate(calc(var(--turn) + 250deg))}}
@media(prefers-reduced-motion:reduce){#gabur-prototype .g-win-scene *{animation:none!important}#gabur-prototype .g-win-particles{display:none}}
@media(max-height:600px){#gabur-prototype .g-win-scene{height:155px}#gabur-prototype .g-win-prize{width:155px}#gabur-prototype .g-win-prize .g-ticket{height:100px}#gabur-prototype .g-win-name{font-size:21px}}

/* Installation wizard and subscription checkout. */
#gabur-prototype .g-back{display:flex;align-items:center;gap:7px;background:none;color:#c3addc;font-size:12px;min-height:40px;padding:0;margin-bottom:14px}
#gabur-prototype .g-back svg{width:17px}
#gabur-prototype .g-setup-intro{font-size:13px;line-height:1.65}
#gabur-prototype .g-platforms button{min-height:120px;gap:6px}
#gabur-prototype .g-platforms button strong{font-size:14px;font-weight:600}
#gabur-prototype .g-platforms button small{font-size:10px}
#gabur-prototype .g-platforms svg{margin-bottom:7px}
#gabur-prototype .g-setup-title{display:flex;gap:13px;align-items:center;margin:6px 0 24px}
#gabur-prototype .g-setup-title h1{margin:3px 0 0;font-size:25px}
#gabur-prototype .g-progress{display:flex;gap:7px;margin-bottom:20px}
#gabur-prototype .g-progress span{height:4px;border-radius:5px;flex:1;background:#423152}
#gabur-prototype .g-progress .active{background:linear-gradient(90deg,#9154e8,#c391ff)}
#gabur-prototype .g-guide{padding:23px 19px;background:radial-gradient(ellipse at top right,#764bad24,transparent 70%),#1c1528}
#gabur-prototype .g-guide-label{font-size:9px;letter-spacing:2px;color:#bd92ee;margin-bottom:15px}
#gabur-prototype .g-guide h2{font-size:24px;line-height:1.25}
#gabur-prototype .g-guide p{font-size:14px;line-height:1.7;margin:16px 0 22px}
#gabur-prototype .g-guide .g-secondary{width:100%;margin-top:10px}
#gabur-prototype .g-guide-demo{display:block;margin-top:14px;text-align:center;font-size:11px}
#gabur-prototype .g-setup-finished{text-align:center;padding:28px 20px}
#gabur-prototype .g-setup-finished .g-round{margin:0 auto 17px}
#gabur-prototype .g-setup-finished p{margin:12px 0 22px;font-size:13px;line-height:1.65}
#gabur-prototype .g-checkout-heading>small{font-size:9px;letter-spacing:1.8px;color:#bd92ee}
#gabur-prototype .g-checkout-heading h1{margin:10px 0 12px;font-size:29px}
#gabur-prototype .g-checkout-heading p{font-size:13px;line-height:1.65}
#gabur-prototype .g-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 20px}
#gabur-prototype .g-plan{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:139px;padding:17px 13px;text-align:left;border-radius:20px;background:#21182e;border:1px solid #49345f;transition:background .15s,border-color .15s}
#gabur-prototype .g-plan[aria-pressed=true]{background:radial-gradient(ellipse at top left,#9961e838,transparent),#2c1d41;border-color:#b77afc;box-shadow:inset 0 0 0 1px #b77afc40}
#gabur-prototype .g-plan>span:not(.g-plan-badge){font-size:13px;color:#d3c2e7}
#gabur-prototype .g-plan strong{font-size:26px;letter-spacing:-.6px;white-space:nowrap}
#gabur-prototype .g-plan small{font-size:9px;padding-right:12px;line-height:1.6;color:#aa95c5}
#gabur-prototype .g-plan>svg{position:absolute;right:11px;bottom:11px;width:17px;color:#b77afc}
#gabur-prototype .g-plan-badge{font-size:8px;background:#ac71ff;color:#fff;border:1px solid #d7aeff55;border-radius:20px;padding:3px 8px;position:absolute;top:-10px;left:12px}
#gabur-prototype .g-checkout-benefits{padding:9px 16px}
#gabur-prototype .g-checkout-benefits>div{display:flex;align-items:center;gap:11px;padding:10px 0;font-size:12px;color:#cdbbdf}
#gabur-prototype .g-checkout-benefits svg{width:18px;color:#af81ea}
#gabur-prototype .g-checkout-bar{display:flex;align-items:center;gap:15px;background:#21182ff5;border:1px solid #593b74;border-radius:19px;padding:13px;margin-top:22px;position:sticky;bottom:0;backdrop-filter:blur(12px);z-index:1}
#gabur-prototype .g-checkout-bar>div{min-width:90px}
#gabur-prototype .g-checkout-bar strong{display:block;font-size:23px;letter-spacing:-.5px;white-space:nowrap}
#gabur-prototype .g-checkout-bar .g-primary{font-size:13px}
#gabur-prototype .g-order-icon{width:68px;height:68px;display:grid;place-items:center;border:1px solid #bd8bff35;border-radius:22px;background:linear-gradient(150deg,#9253d540,#382147);margin:16px auto 22px}
#gabur-prototype .g-order-icon svg{width:34px;height:34px;color:#c9a1ff}
#gabur-prototype .g-order-details{background:#130e1c90;border:1px solid #66438130;border-radius:18px;padding:0 15px;margin-bottom:20px}
#gabur-prototype .g-order-details>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;font-size:12px;border-bottom:1px solid #8661a320}
#gabur-prototype .g-order-details>div:last-child{border:0}
#gabur-prototype .g-order-details span{color:#b4a1c9}
#gabur-prototype .g-order-details b{text-align:right;font-weight:550;max-width:60%}
#gabur-prototype .g-order-total{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0;color:#cdb8e1}
#gabur-prototype .g-order-total strong{font-size:33px;color:#fff;font-weight:700;letter-spacing:-1px}
#gabur-prototype .g-payment-option{width:100%;display:flex;align-items:center;gap:12px;background:#322341;border:1px solid #a06ade70;border-radius:18px;text-align:left;padding:14px;margin:22px 0}
#gabur-prototype .g-payment-option strong{display:block;font-size:14px}
#gabur-prototype .g-payment-option small{font-size:10px}
#gabur-prototype .g-payment-option>svg{margin-left:auto;width:19px;color:#b982ff}
/* Bottom sheets can be dismissed by dragging down from their handle. */
#gabur-prototype .g-dialog{margin:0 auto;position:fixed;top:auto;bottom:var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));left:0;right:0;width:calc(100% - 16px);max-width:540px;border-radius:29px 29px 22px 22px;padding:12px 22px 22px;animation:g-sheet-enter .25s ease-out}
#gabur-prototype .g-sheet-handle{height:28px;display:flex;align-items:flex-start;justify-content:center;touch-action:none}
#gabur-prototype .g-sheet-handle>span{width:42px;height:4px;border-radius:6px;background:#b794cf55;margin-top:2px}
#gabur-prototype .g-dialog h2{text-align:left;font-size:25px;line-height:1.2}
#gabur-prototype .g-win-dialog h2{text-align:center}
#gabur-prototype .g-main{touch-action:pan-y}
#gabur-prototype button:focus-visible{outline:2px solid #cda7ff;outline-offset:2px}
@keyframes g-sheet-enter{from{opacity:.6;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:350px){#gabur-prototype .g-plan strong{font-size:23px}#gabur-prototype .g-checkout-bar{gap:8px;padding:10px}#gabur-prototype .g-checkout-bar strong{font-size:21px}}