@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-devanagari-400-normal-CJDn6rn8.woff2) format("woff2"),url(/assets/poppins-devanagari-400-normal-CqVvlrh5.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-ext-400-normal-by3JarPu.woff2) format("woff2"),url(/assets/poppins-latin-ext-400-normal-DaBSavcJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-devanagari-500-normal-BIdkeU1p.woff2) format("woff2"),url(/assets/poppins-devanagari-500-normal-DMPDjHtT.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-ext-500-normal-CK-6C4Hw.woff2) format("woff2"),url(/assets/poppins-latin-ext-500-normal-CgAe2rWW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2) format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-devanagari-600-normal-STEjXBNN.woff2) format("woff2"),url(/assets/poppins-devanagari-600-normal-ClASKHrr.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-ext-600-normal-CAhIAdZj.woff2) format("woff2"),url(/assets/poppins-latin-ext-600-normal-Df5ffKXP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-devanagari-700-normal-O-jipLrW.woff2) format("woff2"),url(/assets/poppins-devanagari-700-normal-fHs-vx92.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-ext-700-normal-cby-RkWa.woff2) format("woff2"),url(/assets/poppins-latin-ext-700-normal-DctTR6Tg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2) format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #0b1020;--color-surface: #131b2e;--color-card: #1a2338;--color-elevated: #212c47;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--color-accent: #00d4ff;--color-accent-hover: #33ddff;--color-accent-soft: rgba(0, 212, 255, .12);--color-on-accent: #06121f;--color-success: #00e676;--color-success-soft: rgba(0, 230, 118, .12);--color-danger: #ff5252;--color-danger-soft: rgba(255, 82, 82, .12);--color-warning: #ffc107;--color-gold: #ffd54f;--color-text: #ffffff;--color-text-secondary: #b8c2cc;--color-text-muted: #7d8898;--status-online: #00e676;--status-offline: #7d8898;--status-playing: #00d4ff;--status-idle: #ffc107;--status-locked: #ff5252;--radius-card: 20px;--radius-button: 16px;--radius-input: 14px;--radius-dialog: 24px;--radius-pill: 999px;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .22);--shadow-md: 0 12px 35px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .45);--shadow-glow: 0 0 0 1px rgba(0, 212, 255, .35), 0 8px 30px rgba(0, 212, 255, .25);--font-sans: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--text-4xl: 3.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--duration-fast: .2s;--duration-base: .3s;--duration-slow: .45s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--z-header: 100;--z-overlay: 900;--z-dialog: 1000;--z-toast: 1100}@media(max-width:820px){:root{--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem}}@media(max-width:560px){:root{--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-weight:var(--font-weight-regular);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}h1,h2,h3,h4{font-weight:var(--font-weight-semibold);letter-spacing:-.01em;line-height:1.15}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}::selection{background:#00d4ff4d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}:root{--col: 520px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}.num{font-variant-numeric:tabular-nums}.brand{font-weight:var(--font-weight-bold);font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-text);text-decoration:none}.brand span{color:var(--color-accent)}.balance-chip{display:inline-flex;align-items:baseline;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--color-card);border:1px solid var(--color-border-strong);color:var(--color-gold);font-weight:var(--font-weight-semibold);text-decoration:none}.balance-chip small{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.page{width:100%;max-width:var(--col);margin:0 auto;padding:var(--space-3) 0 var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}h1,h2{margin:0;letter-spacing:-.01em}h2{font-size:var(--text-base);font-weight:var(--font-weight-semibold)}p{margin:0;line-height:1.55}.muted{color:var(--color-text-secondary)}.small{font-size:var(--text-sm)}.nowrap{white-space:nowrap}a{color:var(--color-accent)}.hero-title{font-size:var(--text-2xl);line-height:1.15;font-weight:var(--font-weight-bold);max-width:14ch}.hero-sub{color:var(--color-text-secondary);max-width:34ch}.game-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.game-list li{padding:var(--space-3);border-radius:12px;background:var(--color-elevated);font-weight:var(--font-weight-medium);font-size:var(--text-sm)}.fineprint{color:var(--color-text-muted)}.panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-row{display:flex;gap:var(--space-3)}.stack-row>*{flex:1}.auth-title{font-size:var(--text-xl)}.field{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);color:var(--color-text-secondary)}.field input{font:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-input);padding:14px var(--space-4);outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.field input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.code-input{letter-spacing:.5em;font-size:var(--text-xl)!important;font-variant-numeric:tabular-nums;text-align:center}.check{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--color-accent);flex:none}.error{color:var(--color-danger);font-size:var(--text-sm)}.dev-note{font-size:var(--text-sm);color:var(--color-warning);border:1px dashed var(--color-warning);border-radius:10px;padding:var(--space-2) var(--space-3)}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 var(--space-5);border-radius:var(--radius-button);border:1px solid transparent;font:inherit;font-weight:var(--font-weight-semibold);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.chip:focus-visible,.link:focus-visible,.balance-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-quiet{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.link{background:none;border:0;padding:0;font:inherit;color:var(--color-accent);cursor:pointer;text-decoration:underline}.chips{display:flex;gap:var(--space-2)}.chip{flex:1;min-height:44px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-card);color:var(--color-gold);font:inherit;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;cursor:pointer}.chip:disabled{opacity:.45}.slip{position:relative;background:var(--color-card);border-radius:var(--radius-card);padding:var(--space-5) var(--space-5) var(--space-4);border:1px solid var(--color-border)}.slip-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.slip-owner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slip-amount{margin-top:var(--space-2);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;color:var(--color-gold);font-variant-numeric:tabular-nums;line-height:1.1;word-break:break-all}.slip-ccy{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin-right:8px;letter-spacing:0}.slip-tear{position:relative;margin:var(--space-4) calc(-1 * var(--space-5)) var(--space-3);border-top:2px dashed var(--color-border-strong)}.slip-tear:before,.slip-tear:after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--color-bg)}.slip-tear:before{left:-12px}.slip-tear:after{right:-12px}.slip-foot{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.statement{list-style:none;margin:0;padding:0}.statement li{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.statement li:last-child{border-bottom:0}.st-type{font-weight:var(--font-weight-medium)}.st-date,.st-after{font-size:var(--text-xs);color:var(--color-text-muted)}.st-right{text-align:right}.credit{color:var(--color-success);font-weight:var(--font-weight-semibold)}.debit{color:var(--color-text);font-weight:var(--font-weight-semibold)}.facts{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);margin:0;font-size:var(--text-sm)}.facts dt{color:var(--color-text-muted)}.facts dd{margin:0}@media(prefers-reduced-motion:reduce){*{transition:none!important}}:root{--hdr-h: 56px;--bnav-h: 60px;--gutter: 12px;--side-w: 232px;--slip-w: 320px;--max-w: 1320px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px}@media(min-width:768px){:root{--hdr-h: 60px;--gutter: 16px}}html{overflow-x:clip}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.shell{min-height:100dvh;display:flex;flex-direction:column}.skip-link{position:absolute;left:8px;top:-100px;z-index:var(--z-toast);padding:10px 14px;border-radius:var(--r-sm);background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--font-weight-semibold);text-decoration:none}.skip-link:focus{top:8px}.hdr{position:sticky;top:0;z-index:var(--z-header);padding-top:env(safe-area-inset-top);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.hdr-row{max-width:var(--max-w);height:var(--hdr-h);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:var(--space-2)}.hdr-row .brand{flex:none;display:inline-flex;align-items:center;min-height:44px;margin-right:var(--space-2)}.hdr-menu{margin-left:-10px}.icon-btn{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--r-md);background:transparent;color:var(--color-text);cursor:pointer}.icon-btn:hover{background:var(--color-elevated)}.hdr-nav{display:none}.hdr-actions{margin-left:auto;min-width:0;display:flex;align-items:center;gap:var(--space-2)}.hdr-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-4);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-decoration:none;white-space:nowrap}.hdr-btn-quiet{color:var(--color-text);border:1px solid var(--color-border-strong)}.hdr-btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.hdr-btn-primary:hover{background:var(--color-accent-hover)}.hdr .balance-chip{min-height:44px;align-items:center;padding:0 var(--space-3);border-radius:var(--r-md);min-width:0;max-width:48vw;overflow:hidden;white-space:nowrap}.hdr-slip{display:none}.count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-gold);color:#1a1300;font-size:11px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}@media(max-width:359px){.hdr-row{gap:4px;padding:0 8px}.hdr-menu{margin-left:-6px}.hdr-row .brand{font-size:1.0625rem;margin-right:0}.hdr-actions{gap:4px}.hdr-btn{padding:0 10px}.hdr .balance-chip{padding:0 var(--space-2)}}@media(min-width:768px){.hdr-nav{display:flex;align-self:stretch;gap:var(--space-1)}.hdr-nav a{display:flex;align-items:center;padding:0 var(--space-3);border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none}.hdr-nav a:hover{color:var(--color-text)}.hdr-nav a.active{color:var(--color-text);border-bottom-color:var(--color-accent)}}@media(min-width:768px)and (max-width:1199px){.hdr-slip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 var(--space-3);border-radius:var(--r-md);border:1px solid var(--color-border-strong);background:var(--color-card);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer}}@media(min-width:1024px){.hdr-menu{display:none}}.catnav{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.catnav ul{max-width:var(--max-w);margin:0 auto;padding:var(--space-2) var(--gutter);list-style:none;display:flex;gap:var(--space-2);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.catnav ul::-webkit-scrollbar{display:none}.catnav li{flex:none}.catnav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap}.catnav a:hover{color:var(--color-text)}.catnav a.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.shell-body{flex:1;width:100%;max-width:var(--max-w);margin:0 auto;padding:var(--gutter) var(--gutter) calc(var(--bnav-h) + env(safe-area-inset-bottom) + var(--space-5));display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-4)}.shell-main{min-width:0;outline:none}.shell-side,.shell-slip{display:none}@media(min-width:768px){.shell-body{padding-bottom:var(--space-6)}}@media(min-width:1024px){.shell-body{grid-template-columns:var(--side-w) minmax(0,1fr);gap:var(--space-5)}.shell-side{display:block;position:sticky;top:calc(var(--hdr-h) + var(--space-4));max-height:calc(100dvh - var(--hdr-h) - var(--space-6));overflow-y:auto}}@media(min-width:1200px){.shell-body.has-slip{grid-template-columns:var(--side-w) minmax(0,1fr) var(--slip-w)}.shell-slip{display:block;position:sticky;top:calc(var(--hdr-h) + var(--space-4))}}.side{padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg)}.drawer .side{padding:0;background:none;border:0}.side-h{margin:0;padding:var(--space-3) 10px 6px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.side ul{margin:0;padding:0;list-style:none}.side a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:var(--r-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none}.side a:hover{background:var(--color-card);color:var(--color-text)}.side a.active{background:var(--color-accent-soft);color:var(--color-accent)}.side-note{margin:var(--space-3) 10px var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);height:calc(var(--bnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--color-surface);border-top:1px solid var(--color-border)}.bottomnav a,.bottomnav button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border:0;background:none;color:var(--color-text-muted);font:inherit;font-size:11px;font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer}.bottomnav a.active{color:var(--color-accent)}.bottomnav-icon{position:relative;display:inline-flex}.bottomnav-icon .count{position:absolute;top:-6px;right:-12px}@media(min-width:768px){.bottomnav{display:none}}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog)}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#050812b8}.drawer{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;background:var(--color-surface);box-shadow:var(--shadow-lg);outline:none;animation:drawer-in-left var(--duration-fast) var(--ease-out)}.drawer-left{left:0;width:min(320px,86vw);border-right:1px solid var(--color-border)}.drawer-right{right:0;width:min(380px,100vw);border-left:1px solid var(--color-border);animation-name:drawer-in-right}@media(max-width:767px){.drawer-right{width:100vw;border-left:0}}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:max(6px,env(safe-area-inset-top)) var(--space-2) 6px var(--space-4);border-bottom:1px solid var(--color-border)}.drawer-title{margin:0;font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom))}@keyframes drawer-in-left{0%{transform:translate(-100%)}}@keyframes drawer-in-right{0%{transform:translate(100%)}}.slip-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);overflow:hidden}.drawer .slip-panel{background:none;border:0}.slip-panel-head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.slip-panel-head h2{font-size:var(--text-base)}.slip-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-secondary)}.slip-empty svg{margin-bottom:var(--space-1);color:var(--color-text-muted)}.page-wide{display:flex;flex-direction:column;gap:var(--space-3)}@media(prefers-reduced-motion:reduce){.drawer{animation:none}}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.flip{display:inline-flex;transform:scaleX(-1)}.hdr{border-bottom:2px solid var(--color-accent)}.sport-football{--tint: var(--color-success);--tint-soft: var(--color-success-soft)}.sport-tennis{--tint: var(--color-accent);--tint-soft: var(--color-accent-soft)}.sport-rugby{--tint: var(--color-danger);--tint-soft: var(--color-danger-soft)}.sport-cricket{--tint: var(--color-gold);--tint-soft: rgba(255, 213, 79, .16)}.sb-notice{padding:10px var(--space-3);border-left:3px solid var(--color-warning);border-radius:var(--r-md);background:#ffc10714;color:var(--color-text-secondary);font-size:var(--text-sm)}.sb-notice strong{color:var(--color-warning)}.tag-demo,.tag-soon{flex:none;display:inline-flex;align-items:center;padding:1px 8px;border:1px solid rgba(255,193,7,.45);border-radius:var(--radius-pill);color:var(--color-warning);font-size:11px;font-weight:var(--font-weight-semibold);line-height:1.5;white-space:nowrap}.page-head h1{font-size:var(--text-xl)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:2px}.section-head h2{font-size:var(--text-base);font-weight:var(--font-weight-bold)}.section-link{display:inline-flex;align-items:center;gap:2px;min-height:36px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none}.back-link{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none}.board-stale{padding:8px var(--space-3);border-radius:var(--r-md);background:var(--color-card);color:var(--color-text-secondary);font-size:var(--text-sm)}.link-btn{padding:0;border:0;background:none;color:var(--color-accent);font:inherit;font-weight:var(--font-weight-semibold);text-decoration:underline;cursor:pointer}.empty-note{padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--r-lg);color:var(--color-text-secondary);text-align:center}.banners{position:relative}.banner-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:var(--r-lg)}.banner-track::-webkit-scrollbar{display:none}.banner{scroll-snap-align:start;position:relative;min-height:128px;display:grid;grid-template-columns:minmax(0,1fr) 40%;overflow:hidden;border-radius:var(--r-lg)}.banner-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:12px 14px}.banner-copy h2{font-size:.9375rem;font-weight:var(--font-weight-bold);line-height:1.2}.banner-copy p{font-size:.75rem;line-height:1.35}.banner-cta{display:inline-flex;align-items:center;min-height:36px;margin-top:2px;padding:0 14px;border-radius:var(--r-md);font-size:.8125rem;font-weight:var(--font-weight-bold);text-decoration:none;white-space:nowrap}.banner-art{width:100%;height:100%;object-fit:cover;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);margin-left:-16%;width:116%}.tone-cyan{background:var(--color-accent);color:var(--color-on-accent)}.tone-cyan .banner-cta{background:var(--color-on-accent);color:var(--color-text)}.tone-night{background:#1b1440;color:var(--color-text)}.tone-night p{color:var(--color-text-secondary)}.tone-night .banner-cta{background:var(--color-accent);color:var(--color-on-accent)}.tone-green{background:var(--color-success);color:#032112}.tone-green .banner-cta{background:#032112;color:var(--color-text)}.banner-dots{position:absolute;z-index:2;bottom:6px;right:max(6px,calc(21% - 66px));display:flex;border-radius:var(--radius-pill);background:#060a169e}.banner-dot{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}.banner-dot span{width:8px;height:8px;border-radius:var(--radius-pill);background:#ffffff8c;transition:width var(--duration-fast) var(--ease-out)}.banner-dot[aria-current=true] span{width:22px;background:var(--color-accent)}.banner-step{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:none;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#060a169e;color:#fff;cursor:pointer}.banner-step:hover{background:#060a16d9}.banner-prev{left:8px}.banner-next{right:8px}@media(min-width:768px){.banner{min-height:150px}.banner-copy{padding:var(--space-4) var(--space-4) var(--space-4) 60px;gap:6px}.banner-step{display:grid}.banner-copy h2{font-size:var(--text-lg)}.banner-copy p{font-size:var(--text-sm)}}.live-dot{flex:none;display:inline-block;animation:live-pulse 1.6s var(--ease-in-out) infinite}@keyframes live-pulse{50%{box-shadow:0 0 0 6px #ff525200}}.live-strip{display:flex;gap:var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}.live-strip::-webkit-scrollbar{display:none}.live-strip .live-card{flex:0 0 min(272px,82%);scroll-snap-align:start}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.live-card{display:flex;flex-direction:column;gap:6px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-top:2px solid var(--color-danger);border-radius:var(--r-lg)}.live-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border-radius:var(--radius-pill);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-xs);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.live-updated{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.live-league{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-teams{display:flex;flex-direction:column;gap:2px;min-height:44px;justify-content:center;color:var(--color-text);text-decoration:none;font-weight:var(--font-weight-semibold)}.live-odds,.market-odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.live-odds[data-n="2"],.market-odds[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.odds{min-width:0;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 6px;border:1px solid transparent;border-radius:var(--r-md);background:var(--color-elevated);color:var(--color-text);font:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.odds:hover{border-color:var(--color-accent)}.odds-k{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.odds-v{font-size:var(--text-sm);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.odds.is-picked{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.odds.is-picked .odds-k{color:var(--color-on-accent)}.board{display:flex;flex-direction:column;gap:var(--space-3)}.league{overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg)}.league-head{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-3);background:var(--color-card);border-bottom:1px solid var(--color-border)}.league-head h3{flex:1;min-width:0;margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-country{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--color-text-muted)}.league-icon{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tint-soft);color:var(--tint)}.league ul{margin:0;padding:0;list-style:none}.fx{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"main more" "odds odds";gap:6px var(--space-2);padding:8px var(--space-3);border-bottom:1px solid var(--color-border)}.fx:last-child{border-bottom:0}.fx-main{grid-area:main;min-width:0;display:flex;flex-direction:column;gap:1px;color:var(--color-text);text-decoration:none}.fx-when{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text-muted)}.fx-when.is-over{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.fx-noodds{grid-area:odds;align-self:center;margin:0;padding:10px var(--space-2);border-radius:var(--r-md);background:var(--color-card);color:var(--color-text-muted);font-size:var(--text-xs);text-align:center}.fx-when.is-live{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.fx-team{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.fx-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-score{color:var(--color-gold);font-variant-numeric:tabular-nums}.fx-odds{grid-area:odds;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fx-odds[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-more{grid-area:more;align-self:start;display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--r-md);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-decoration:none}.fx-more:hover{border-color:var(--color-accent);color:var(--color-accent)}@media(min-width:360px){.fx{grid-template-columns:minmax(0,1fr) 150px 32px;grid-template-areas:"main odds more";align-items:center;gap:6px}.fx-odds{gap:4px}.fx-more{align-self:center;width:32px;height:40px}.fx-noodds{padding:8px 6px}}@media(min-width:640px){.fx{grid-template-columns:minmax(0,1fr) 216px 40px;gap:6px var(--space-2)}.fx-odds{gap:6px}.fx-more{width:40px}}.match-head{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);text-align:center}.match-league{display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.match-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-3);font-size:var(--text-base);font-weight:var(--font-weight-bold)}.match-teams>span:first-child{text-align:right}.match-teams>span:last-child{text-align:left}.match-score{color:var(--color-gold);font-size:var(--text-xl)}.match-v{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.match-when{display:inline-flex;justify-content:center;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--color-text-secondary)}.match-when.is-live{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.market{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg)}.market h2{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.market .odds{min-height:52px}.market .odds-k{font-size:var(--text-xs);color:var(--color-text-secondary)}.slip-panel-head{display:flex;align-items:center;gap:var(--space-2);min-height:52px}.slip-clear{margin-left:auto;min-height:44px;padding:0 var(--space-2);border:0;background:none;color:var(--color-accent);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer}.slip-list{margin:0;padding:0;list-style:none}.slip-list li{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border)}.slip-sel{min-width:0}.slip-pick{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.slip-meta{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slip-odds{font-weight:var(--font-weight-bold)}.slip-remove{color:var(--color-text-muted)}.slip-warn{padding:var(--space-2) var(--space-4) 0;color:var(--color-warning);font-size:var(--text-sm)}.slip-form{display:flex;flex-direction:column;gap:10px;padding:var(--space-3) var(--space-4) var(--space-4)}.slip-stake{width:100%;min-height:48px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--r-md);background:var(--color-card);color:var(--color-text);font:inherit;font-size:var(--text-base)}.slip-stake[aria-invalid=true]{border-color:var(--color-danger)}.slip-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.slip-sum{display:grid;grid-template-columns:auto 1fr;gap:6px var(--space-3);margin:0;font-size:var(--text-sm)}.slip-sum dt{color:var(--color-text-secondary)}.slip-sum dd{margin:0;text-align:right;font-weight:var(--font-weight-semibold)}.slip-return{color:var(--color-gold);font-size:var(--text-lg)}.slip-place{width:100%}.slip-place:disabled{opacity:1;background:var(--color-elevated);color:var(--color-text-muted);border:1px dashed var(--color-border-strong)}.slipbar{position:fixed;left:var(--gutter);right:var(--gutter);bottom:calc(var(--bnav-h) + env(safe-area-inset-bottom) + var(--space-2));z-index:var(--z-header);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:0 var(--space-4);border:0;border-radius:var(--r-lg);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-md);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer}.slipbar .count{background:var(--color-on-accent);color:var(--color-accent)}.slipbar .muted{color:#06121fb3}.slipbar-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slipbar-open{display:none}.shell-body.has-slipbar{padding-bottom:calc(var(--bnav-h) + env(safe-area-inset-bottom) + 84px)}@media(min-width:440px){.slipbar{grid-template-columns:auto minmax(0,1fr) auto auto}.slipbar-open{display:inline;text-decoration:underline}}@media(min-width:768px){.slipbar{left:auto;right:var(--gutter);bottom:var(--space-4);width:420px}.shell-body.has-slipbar{padding-bottom:96px}}@media(min-width:1200px){.slipbar{display:none}.shell-body.has-slipbar{padding-bottom:var(--space-6)}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}.banner-dot span{transition:none}}.casino-search{display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-3);background:var(--color-card);border:1px solid var(--color-border-strong);border-radius:var(--r-md);color:var(--color-text-muted)}.casino-search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.casino-search input{flex:1;min-width:0;min-height:46px;border:0;background:none;color:var(--color-text);font:inherit;font-size:var(--text-base);outline:none}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media(min-width:640px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.game-strip{display:flex;gap:var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.game-strip::-webkit-scrollbar{display:none}.game-strip .game-tile{flex:0 0 min(200px,44%);scroll-snap-align:start}.game-tile{min-width:0;display:flex;flex-direction:column;gap:6px}.game-art{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--r-lg);background:var(--color-card);border:1px solid var(--color-border)}.game-art img{width:100%;height:100%;object-fit:cover;display:block}.game-art-own{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:var(--text-lg);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.game-soon{position:absolute;top:6px;right:6px;padding:2px 8px;border-radius:var(--radius-pill);background:#0b1020db;color:var(--color-text);font-size:11px;font-weight:var(--font-weight-semibold)}.game-new{position:absolute;top:6px;left:6px;padding:1px 8px;border-radius:var(--radius-pill);background:var(--color-gold);color:#1a1300;font-size:11px;font-weight:var(--font-weight-bold)}.game-skeleton{aspect-ratio:16 / 10;border-radius:var(--r-lg);background:var(--color-card)}.notice-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg)}.notice-panel h2{font-size:var(--text-base)}.search{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2)}.search-hint{padding:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.search-group h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 4px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.search-group ul{margin:0;padding:0;list-style:none}.search-hit{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px var(--space-2);border-radius:var(--r-md);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none}.search-hit:hover{background:var(--color-card)}.search-hit>svg{flex:none;color:var(--color-text-muted)}.search-hit-main{flex:1;min-width:0;display:flex;flex-direction:column}.search-hit-main>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-hit-sub{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.play{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog);display:flex;flex-direction:column;background:#000}.play-bar{display:flex;align-items:center;gap:var(--space-2);height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-2) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.play-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-semibold)}.play-offline{color:var(--color-warning);font-size:var(--text-xs)}.play .play-balance{min-height:44px;align-items:center;padding:0 var(--space-3);border-radius:var(--r-md)}.play-frame{flex:1;width:100%;border:0;background:#000}.game-link{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none;border-radius:var(--r-lg)}.game-link:hover .game-art{border-color:var(--color-accent)}.game-play{background:var(--color-accent);color:var(--color-on-accent)}.btn{min-height:48px;border-radius:var(--r-md)}.field input{border-radius:var(--r-md)}.panel{border-radius:var(--r-lg)}.chip{border-radius:var(--r-md)}.page-title{font-size:var(--text-xl)}.stack-tight{display:flex;flex-direction:column;gap:var(--space-2)}.auth{max-width:440px}.auth-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:var(--r-lg)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;background:var(--color-bg);border-radius:var(--r-md)}.auth-tabs a{display:grid;place-items:center;min-height:44px;border-radius:var(--r-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-decoration:none}.auth-tabs a.active{background:var(--color-elevated);color:var(--color-text)}.auth-headline{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.auth-title{font-size:var(--text-lg)}.auth-step{flex:none}.auth-fine{color:var(--color-text-muted);text-align:center}.dev-note{border-radius:var(--r-md);font-weight:var(--font-weight-semibold)}.link{min-height:44px}.mpesa-offer{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--r-md);background:var(--color-card)}.mpesa-offer-title{font-weight:var(--font-weight-semibold)}.check-state{padding:var(--space-3);border-radius:var(--r-md);background:var(--color-card);font-weight:var(--font-weight-semibold)}.check-succeeded{color:var(--color-success)}.check-failed,.check-expired{color:var(--color-danger)}.wallet-page{max-width:600px}.deposit h2{margin-bottom:2px}.mpesa-soon{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--r-md);background:var(--color-card)}.mpesa-icon{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-success-soft);color:var(--color-success)}.mpesa-title{font-weight:var(--font-weight-semibold)}.chips .chip{min-height:48px}.money-panel{gap:var(--space-4)}.money-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;background:var(--color-bg);border-radius:var(--r-md)}.money-tabs button{min-height:44px;border:0;border-radius:var(--r-sm);background:none;color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.money-tabs button.active{background:var(--color-elevated);color:var(--color-text);box-shadow:inset 0 -2px 0 var(--color-accent)}.money-tabs button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.money-body,.pay-panel,.pay-form{display:flex;flex-direction:column;gap:var(--space-3)}.pay-loading{height:160px;border-radius:var(--r-md);background:var(--color-card)}.pay-off{padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--r-md);background:var(--color-card);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.test-badge{align-self:flex-start;padding:4px 10px;border:1px solid rgba(255,193,7,.45);border-radius:var(--radius-pill);background:#ffc1071a;color:var(--color-warning);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.amount-field{display:flex;flex-direction:column;gap:6px}.amount-box{display:flex;align-items:center;background:var(--color-card);border:1px solid var(--color-border-strong);border-radius:var(--r-md)}.amount-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.amount-box.invalid{border-color:var(--color-danger)}.amount-ccy{flex:none;padding-left:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.amount-box input{flex:1;min-width:0;padding:12px var(--space-3) 12px var(--space-2);border:0;outline:none;background:none;color:var(--color-text);font:inherit;font-size:var(--text-xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.amount-box input::placeholder{color:var(--color-text-muted)}.amount-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.amount-hint.bad{color:var(--color-danger)}.amount-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr))}.amount-quick .chip{min-width:0;min-height:44px;padding:0 4px}.chip.on{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.pay-to{font-size:var(--text-sm);color:var(--color-text-secondary)}.pay-to strong{color:var(--color-text);white-space:nowrap}.pay-breakdown{display:grid;grid-template-columns:1fr auto;gap:6px var(--space-3);margin:0;padding:var(--space-3);border-radius:var(--r-md);background:var(--color-card);font-size:var(--text-sm)}.pay-breakdown dt{color:var(--color-text-secondary)}.pay-breakdown dd{margin:0;text-align:right}.pay-breakdown .total{padding-top:6px;border-top:1px solid var(--color-border);color:var(--color-gold);font-weight:var(--font-weight-semibold)}.pay-left{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.pay-left.none{color:var(--color-warning)}.mpesa-btn{white-space:normal;text-align:center}.pay-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);text-align:center}.pay-state .btn{align-self:stretch;margin-top:var(--space-2)}.pay-state .test-badge{align-self:center}.pay-state-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.pay-state-amount{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-gold)}.pay-spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--color-elevated);border-top-color:var(--color-accent);animation:pay-spin .9s linear infinite}@keyframes pay-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pay-spinner{animation-duration:3s}}.pay-mark{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:var(--text-xl);font-weight:var(--font-weight-bold)}.pay-mark.good{background:var(--color-success-soft);color:var(--color-success)}.pay-mark.bad{background:var(--color-danger-soft);color:var(--color-danger)}.receipt{letter-spacing:.04em;color:var(--color-text-secondary)}.demo-topup{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--color-border-strong)}.pay-row{flex-wrap:wrap}.status-chip{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:var(--font-weight-semibold);white-space:nowrap}.status-chip.wait{background:#ffc1071f;color:var(--color-warning)}.status-chip.good{background:var(--color-success-soft);color:var(--color-success)}.status-chip.bad{background:var(--color-danger-soft);color:var(--color-danger)}.status-chip.muted{background:var(--color-elevated);color:var(--color-text-muted)}.muted-amount{color:var(--color-text-muted)}.pay-reason{font-size:var(--text-xs);color:var(--color-text-secondary)}.pay-cancel{min-height:32px;font-size:var(--text-sm)}.pay-confirm{flex-basis:100%;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--r-md);background:var(--color-card)}.pay-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.pay-confirm-actions .btn{min-height:44px;padding:0 var(--space-2);white-space:normal}.pay-notice{color:var(--color-text-secondary)}.statement li{align-items:center}.st-icon{flex:none;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--color-elevated);color:var(--color-text-secondary);font-weight:var(--font-weight-bold)}.st-icon.credit-bg{background:var(--color-success-soft);color:var(--color-success)}.st-mid{flex:1;min-width:0}.statement-skeleton{height:56px;border-radius:var(--r-md);background:var(--color-card);border-bottom:0!important;margin-bottom:var(--space-2)}.account-page{max-width:600px}.profile-head{display:flex;align-items:center;gap:var(--space-3)}.avatar{flex:none;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--font-weight-bold);font-size:var(--text-lg)}.profile-id{min-width:0}.profile-name{font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-links{padding:var(--space-2);gap:0}.account-link{display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-2);border-radius:var(--r-md);color:var(--color-text);font-weight:var(--font-weight-medium);text-decoration:none}.account-link:hover{background:var(--color-card)}.account-link>svg{flex:none;color:var(--color-text-muted)}.account-link-end{margin-left:auto;color:var(--color-gold);font-weight:var(--font-weight-semibold)}.responsible{padding:0 var(--space-1)}.btn-primary:disabled{opacity:1;background:var(--color-elevated);color:var(--color-text-muted)}@media(min-width:1024px){.wallet-page,.account-page{margin-left:0}}.password-input{display:flex;align-items:stretch;background:var(--color-card);border:1px solid var(--color-border-strong);border-radius:var(--r-md)}.password-input:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.field .password-input input{flex:1;min-width:0;border:0;background:none;box-shadow:none}.password-toggle{flex:none;min-width:64px;min-height:44px;padding:0 var(--space-3);border:0;border-left:1px solid var(--color-border);background:none;color:var(--color-accent);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2)}.auth-links a{display:inline-flex;align-items:center;min-height:44px}