:root{--bg:#f7f8fb;--surface:#fff;--surface-strong:#101828;--text:#1d2433;--muted:#65758b;--border:#dce3ed;--primary:#1769e0;--primary-strong:#0f4eb0;--primary-soft:#e9f2ff;--green:#0f8f5f;--green-soft:#e9f8f1;--amber:#b7791f;--amber-soft:#fff5df;--red:#c2413a;--red-soft:#fff0ef;--cyan:#0e7490;--cyan-soft:#e7f8fc;--shadow:0 18px 45px #121f371c;--radius:8px;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);font:16px/1.5 var(--sans);font-synthesis:none;background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}a{color:inherit}svg{flex:none}#root{min-height:100svh}.app-shell{min-height:100svh;padding-bottom:78px}.topbar{border-bottom:1px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.brand-mark,.avatar,.wallet-symbol,.heading-icon,.feature-icon,.activity-icon{border-radius:var(--radius);justify-content:center;align-items:center;display:inline-flex}.brand-mark{background:var(--surface-strong);color:#fff;width:38px;height:38px}.brand-mark svg{width:21px;height:21px}.brand strong,.brand small{display:block}.brand strong{font-size:.98rem;line-height:1.1}.brand small{color:var(--muted);font-size:.74rem;line-height:1.2}.desktop-nav{display:none}.topbar-actions{align-items:center;gap:8px;display:flex}.menu-icon{color:var(--muted);width:22px;height:22px}.bottom-nav{border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a,.desktop-nav a{border-radius:var(--radius);color:var(--muted);justify-content:center;align-items:center;gap:7px;min-width:0;text-decoration:none;display:inline-flex}.bottom-nav a{flex-direction:column;min-height:58px;padding:6px 4px;font-size:.72rem}.bottom-nav a svg,.desktop-nav a svg{width:20px;height:20px}.bottom-nav a.active,.desktop-nav a.active{background:var(--primary-soft);color:var(--primary)}.page{flex-direction:column;gap:18px;width:100%;max-width:1120px;margin:0 auto;padding:18px 16px 28px;display:flex}h1,h2,h3,p{margin:0}h1,h2,h3,strong{color:var(--text)}h1{font-size:2.15rem;line-height:1.05}h2{font-size:1.15rem;line-height:1.2}p,small{color:var(--muted)}.home-hero,.wallet-header,.profile-summary,.page-heading,.account-strip,.auth-panel,.form-shell,.list-section,.notice-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 28px #121f3712}.home-hero{gap:22px;padding:22px;display:grid;overflow:hidden}.hero-copy{flex-direction:column;gap:16px;display:flex}.hero-copy p{max-width:44rem}.eyebrow,.mini-label{color:var(--cyan);text-transform:uppercase;align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:inline-flex}.eyebrow svg{width:17px;height:17px}.hero-actions,.auth-actions{grid-template-columns:1fr;gap:10px;display:grid}.auth-actions.single-action{grid-template-columns:1fr}.hero-media{border-radius:var(--radius);background:linear-gradient(135deg,#1769e021,#0000 42%),linear-gradient(315deg,#0f8f5f21,#0000 45%),#f4f7fb;justify-content:center;align-items:center;min-height:170px;display:flex}.hero-media img{object-fit:contain;width:auto;max-width:76%;height:170px}.button,.icon-button,.circle-link{border-radius:var(--radius);border:0;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:800;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:inline-flex}.button:hover,.icon-button:hover,.circle-link:hover{transform:translateY(-1px)}.button svg,.icon-button svg,.circle-link svg{width:19px;height:19px}.button.primary{background:var(--primary);color:#fff;padding:0 16px}.button.primary:hover{background:var(--primary-strong)}.button.secondary{background:var(--primary-soft);color:var(--primary);padding:0 16px}.button.danger{background:var(--red-soft);color:var(--red);padding:0 16px}.button.small{min-height:38px;padding:0 12px;font-size:.88rem}.full-width{width:100%}.icon-button,.circle-link{background:var(--bg);color:var(--text);width:42px;height:42px;padding:0}.balance-pill{background:var(--green-soft);color:var(--green);border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.balance-pill svg{width:18px;height:18px}.auth-panel,.form-shell,.list-section{flex-direction:column;gap:16px;padding:18px;display:flex}.auth-panel-heading,.form-heading,.section-heading,.inline-state,.notice-card,.activity-item,.bank-card-display{align-items:center;gap:12px;min-width:0;display:flex}.auth-panel-heading>svg,.form-heading>svg,.section-heading>svg,.notice-card>svg{color:var(--primary);width:24px;height:24px}.auth-panel-heading div,.form-heading div,.notice-card div,.activity-item div,.bank-card-display div,.feature-card span{min-width:0}.form-error,.form-success,.bet-result{border-radius:var(--radius);padding:10px 12px;font-weight:700}.form-error{background:var(--red-soft);color:var(--red)}.form-success{background:var(--green-soft);color:var(--green)}.bet-result{background:var(--primary-soft)}.bet-result strong,.bet-result p{color:var(--primary)}.account-strip{grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.account-strip strong{overflow-wrap:anywhere;font-size:1.18rem;display:block}.feature-grid,.game-card-grid,.metric-grid,.signal-grid,.bank-grid,.bank-filter-grid{gap:12px;display:grid}.game-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-image-card{appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:center;gap:9px;width:100%;min-height:150px;padding:10px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden;box-shadow:0 10px 28px #121f3712}.game-image-card:hover:not(:disabled){box-shadow:var(--shadow);border-color:#1769e061;transform:translateY(-1px)}.game-image-card:disabled{cursor:progress;opacity:.78}.game-image-card img{aspect-ratio:1;background:var(--bg);object-fit:contain;border-radius:6px;width:100%;height:auto;padding:8px;display:block}.game-image-card span{overflow-wrap:anywhere;justify-content:center;align-self:center;align-items:center;gap:6px;min-width:0;font-size:.9rem;font-weight:800;line-height:1.2;display:inline-flex}.game-image-card span svg{width:16px;height:16px}.feature-card,.metric-card,.signal-item,.bank-option{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.feature-card{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;text-decoration:none;display:grid}.feature-card strong,.feature-card small{overflow-wrap:anywhere;display:block}.feature-card small{margin-top:2px}.feature-icon,.activity-icon{background:var(--cyan-soft);color:var(--cyan);width:42px;height:42px}.feature-icon svg,.activity-icon svg{width:21px;height:21px}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-item{color:var(--muted);align-items:center;gap:8px;padding:12px;font-size:.88rem;font-weight:700;display:flex}.signal-item svg{color:var(--green);width:18px;height:18px}.auth-page{max-width:520px}.form-heading h1{font-size:1.75rem}.divider{color:var(--muted);text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:.78rem;font-weight:800;display:grid}.divider:before,.divider:after{background:var(--border);content:"";height:1px}.stack-form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field>span{color:var(--text);font-size:.9rem;font-weight:800}.input-shell{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;min-height:48px;padding:0 12px;display:flex}.input-shell:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1769e021}.input-shell svg{color:var(--muted);width:19px;height:19px}.input-shell input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0}.profile-summary,.wallet-header,.page-heading{align-items:center;gap:16px;padding:18px;display:flex}.avatar,.wallet-symbol,.heading-icon{background:var(--surface-strong);color:#fff;width:58px;height:58px}.avatar svg,.wallet-symbol svg,.heading-icon svg{width:30px;height:30px}.profile-summary h1,.wallet-header h1,.page-heading h1{overflow-wrap:anywhere}.wallet-header{justify-content:space-between}.wallet-header h1{font-size:2.4rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{flex-direction:column;gap:8px;padding:15px;display:flex}.metric-card svg{color:var(--green);width:23px;height:23px}.metric-card span{color:var(--muted);font-weight:700}.metric-card strong{overflow-wrap:anywhere;font-size:1.25rem}.notice-card{background:var(--amber-soft);color:var(--amber);border-color:#b7791f52;padding:14px}.notice-card strong,.notice-card p{color:var(--amber);overflow-wrap:anywhere}.session-token-card{align-items:flex-start}.session-token-card>div{flex-direction:column;flex:auto;gap:8px;display:flex}.session-token-value{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.35}.session-token-actions{gap:8px;display:flex}.notice-card .notice-error{color:var(--red);font-weight:700}.segmented-control{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid}.segmented-control button,.bank-option{border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.segmented-control button{color:var(--muted);background:0 0}.segmented-control button.active{background:var(--surface);color:var(--primary);box-shadow:0 6px 16px #121f3714}.segmented-control svg,.bank-option svg{width:18px;height:18px}.bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bank-option{background:var(--surface);color:var(--muted)}.bank-option.active{border-color:var(--primary);color:var(--primary);outline:2px solid #1769e029}.bank-card-display{background:var(--green-soft);border-radius:var(--radius);color:var(--green);padding:12px}.bank-card-display svg,.bank-card-display strong,.bank-card-display p{color:var(--green)}.bank-card-display.compact{background:var(--surface);border:1px solid var(--border);color:var(--text)}.bank-card-display.compact svg{color:var(--primary)}.bank-card-display.compact strong{color:var(--text)}.bank-card-display.compact p{color:var(--muted)}.transfer-card-grid{grid-template-columns:1fr;gap:10px;display:grid}.transfer-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.transfer-card .empty-text{padding:12px}.bank-card-entry,.bank-card-edit{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.bank-card-choice-list,.bank-card-list{flex-direction:column;gap:10px;display:flex}.bank-card-choice,.bank-card-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left;align-items:center;gap:12px;width:100%;min-width:0;padding:12px;display:flex}.bank-card-choice.active{border-color:var(--primary);outline:2px solid #1769e029}.bank-card-choice>svg,.bank-card-panel>svg{color:var(--primary);width:22px;height:22px}.bank-card-content{flex-direction:column;flex:auto;min-width:0;display:flex}.bank-card-content strong,.bank-card-content small{overflow-wrap:anywhere;display:block}.bank-card-title{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.bank-type-chip{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.bank-card-actions{flex:none;justify-content:flex-end;gap:8px;display:flex}.bank-card-actions .icon-button{width:38px;height:38px;min-height:38px}.activity-list{flex-direction:column;gap:10px;display:flex}.activity-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.activity-item strong,.activity-item p{overflow-wrap:anywhere;display:block}.activity-message{color:var(--red);margin-top:4px;font-weight:700}.status-dot{border-radius:999px;width:11px;height:11px}.status-pending{background:var(--amber)}.status-processing{background:var(--cyan)}.status-complete{background:var(--green)}.status-denied{background:var(--red)}.empty-text{background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;padding:18px}.inline-state,.error-state{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);padding:12px}.error-state{background:var(--red-soft);border-color:#c2413a33}.error-state svg,.error-state strong,.error-state p{color:var(--red)}.inline-state svg{width:20px;height:20px}.page-state{text-align:center;justify-content:center;align-items:center;min-height:calc(100svh - 160px)}.state-icon{color:var(--primary);width:46px;height:46px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=640px){.page{padding:24px}.hero-actions,.auth-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-actions.single-action{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{grid-template-columns:1fr;align-items:flex-start}.feature-card>svg{justify-self:end}.signal-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.transfer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.app-shell{padding-bottom:0}.topbar{padding:12px 28px}.desktop-nav{gap:6px;display:flex}.desktop-nav a{min-height:40px;padding:0 12px;font-weight:800}.menu-icon,.bottom-nav{display:none}.home-hero{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;min-height:310px;padding:34px}.hero-media{min-height:246px}.hero-media img{height:220px}.wallet-page,.profile-page,.activity-page,.bet-test-page{max-width:760px}}