:root{--bg: #0d0d0d;--bg-card: #181818;--bg-card2: #202020;--bg-input: #262626;--gold: #f0a500;--gold-dark: #c8851a;--gold-glow: rgba(240, 165, 0, .18);--green: #27ae60;--green-dim: rgba(39, 174, 96, .15);--red: #e74c3c;--red-dim: rgba(231, 76, 60, .15);--text: #f0ede8;--text-muted: #777;--text-dim: #444;--border: #2a2a2a;--border-bright: #3a3a3a;--radius: 12px;--radius-sm: 8px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--nav-height: 64px;--top-bar-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.5;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#app{height:100%;max-width:480px;margin:0 auto;position:relative}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.hidden{display:none}.modal-box{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:20px;padding:32px 24px;width:100%;max-width:360px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modal-logo{font-size:48px;text-align:center;line-height:1}.modal-title{font-family:Bebas Neue,cursive;font-size:2rem;letter-spacing:.04em;color:var(--gold);text-align:center;line-height:1}.modal-sub{color:var(--text-muted);font-size:.9rem;text-align:center;margin-top:-8px}.modal-divider{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:.8rem}.modal-divider:before,.modal-divider:after{content:"";flex:1;height:1px;background:var(--border)}.member-pick-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.member-pick-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:DM Sans,sans-serif;font-size:1rem;padding:12px 16px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.member-pick-btn:hover,.member-pick-btn:active{border-color:var(--gold);background:var(--gold-glow)}.btn{width:100%;padding:14px 20px;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;letter-spacing:.02em}.btn-gold{background:var(--gold);color:#0d0d0d}.btn-gold:hover{background:var(--gold-dark)}.btn-gold:active{transform:scale(.98)}.btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--border-bright)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-ghost{background:transparent;color:var(--text-muted);border:none}.btn-ghost:hover{color:var(--text)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{opacity:.85}.btn-red{background:var(--red);color:#fff}.btn-red:hover{opacity:.85}.btn-sm{padding:8px 14px;font-size:.85rem;width:auto;border-radius:6px}.back-btn{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:0;text-align:left;margin-bottom:-4px}.back-btn:hover{color:var(--gold)}.text-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:DM Sans,sans-serif;font-size:1rem;padding:13px 16px;outline:none;transition:border-color .15s}.text-input:focus{border-color:var(--gold)}.text-input::placeholder{color:var(--text-dim)}.pin-input{font-family:JetBrains Mono,monospace;font-size:1.4rem;letter-spacing:.3em;text-align:center}.error-msg{color:var(--red);font-size:.85rem;text-align:center;margin-top:-8px}.error-msg.hidden,#shell.hidden{display:none}.top-bar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--top-bar-height) + var(--safe-top));padding-top:var(--safe-top);background:var(--bg);border-bottom:1px solid var(--border);z-index:50}.top-bar-inner{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:var(--top-bar-height)}.pool-name{font-family:Bebas Neue,cursive;font-size:1.4rem;letter-spacing:.08em;color:var(--gold)}.admin-trigger{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:6px;border-radius:6px;transition:color .15s;line-height:1}.admin-trigger:hover{color:var(--gold)}.view-container{padding-top:calc(var(--top-bar-height) + var(--safe-top) + 16px);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);padding-left:16px;padding-right:16px;min-height:100vh}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-card);border-top:1px solid var(--border);display:flex;align-items:stretch;z-index:50}.nav-btn{flex:1;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:color .15s;padding-bottom:4px}.nav-btn.active{color:var(--gold)}.nav-btn:hover{color:var(--text)}.nav-icon{font-size:1.3rem;line-height:1}.nav-label{font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:12px}.card-gold{border-color:var(--gold-dark);background:linear-gradient(135deg,var(--bg-card),#1f1800)}.card-title{font-family:Bebas Neue,cursive;font-size:.85rem;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.card-value{font-family:Bebas Neue,cursive;font-size:2.8rem;color:var(--gold);line-height:1;letter-spacing:.02em}.card-meta{font-size:.8rem;color:var(--text-muted);margin-top:4px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;margin-top:8px}.section-title{font-family:Bebas Neue,cursive;font-size:1.1rem;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.pay-block{margin-bottom:12px}.pay-btn-large{width:100%;padding:20px;border-radius:var(--radius);font-family:Bebas Neue,cursive;font-size:1.6rem;letter-spacing:.06em;cursor:pointer;border:none;transition:all .15s}.pay-btn-large.unpaid{background:var(--gold);color:#0d0d0d}.pay-btn-large.unpaid:hover{background:var(--gold-dark)}.pay-btn-large.paid{background:var(--green-dim);color:var(--green);border:1px solid var(--green);cursor:default}.member-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.member-tile{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500}.member-tile.paid{border-color:#27ae604d;background:var(--green-dim)}.member-tile.unpaid{border-color:#e74c3c33;opacity:.7}.member-tile.pending-tile{border-color:#f0a5004d;background:var(--gold-glow)}.member-tile.me{border-color:var(--gold-dark);background:var(--gold-glow)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.paid{background:var(--green)}.status-dot.unpaid{background:var(--red)}.member-tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.balls-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px 0}.ball{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,cursive;font-size:1.3rem;letter-spacing:.02em;box-shadow:inset 0 -3px 6px #0000004d,0 2px 8px #0006;position:relative}.ball:after{content:"";position:absolute;top:8px;left:12px;width:12px;height:6px;border-radius:50%;background:#ffffff40}.ball-gold{background:radial-gradient(circle at 35% 35%,#ffe066,#c87f00);color:#4a2800}.ball-white{background:radial-gradient(circle at 35% 35%,#fff,#b0b0b0);color:#222}.ball-red{background:radial-gradient(circle at 35% 35%,#ff6b6b,#a01010);color:#fff}.ball-blue{background:radial-gradient(circle at 35% 35%,#6baeff,#1040a0);color:#fff}.ticket-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:12px}.ticket-label{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px}.draw-history-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:10px;cursor:pointer;transition:border-color .15s}.draw-history-item:hover{border-color:var(--border-bright)}.draw-history-item.expanded{border-color:var(--gold-dark)}.draw-history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.draw-history-date{font-family:Bebas Neue,cursive;font-size:1.1rem;letter-spacing:.05em;color:var(--text)}.draw-status-badge{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px}.badge-open{background:var(--green-dim);color:var(--green);border:1px solid rgba(39,174,96,.3)}.badge-closed{background:#78787826;color:var(--text-muted);border:1px solid var(--border)}.badge-settled{background:var(--gold-glow);color:var(--gold);border:1px solid rgba(240,165,0,.3)}.draw-history-numbers{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap}.mini-ball{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;box-shadow:inset 0 -2px 4px #0000004d}.draw-history-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:none}.draw-history-item.expanded .draw-history-details{display:block}.draw-detail-row{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0;color:var(--text-muted)}.draw-detail-row span:last-child{color:var(--text)}.admin-section{margin-bottom:20px}.admin-section-title{font-family:Bebas Neue,cursive;font-size:1rem;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.admin-row{display:flex;gap:8px;align-items:center}.admin-member-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.admin-member-row{display:flex;align-items:center;gap:10px;background:var(--bg-card2);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem}.admin-member-row span{flex:1}.number-inputs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.number-input{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;padding:12px 4px;text-align:center;outline:none;transition:border-color .15s;width:100%}.number-input:focus{border-color:var(--gold)}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:12px}.empty-state-title{font-family:Bebas Neue,cursive;font-size:1.3rem;letter-spacing:.05em;color:var(--text-dim);margin-bottom:6px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stat-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;text-align:center}.stat-value{font-family:Bebas Neue,cursive;font-size:1.6rem;color:var(--gold);line-height:1}.stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.toast{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + 12px);left:50%;transform:translate(-50%);background:var(--bg-card2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:12px 20px;font-size:.9rem;font-weight:500;z-index:200;white-space:nowrap;max-width:calc(100% - 32px);transition:opacity .3s;box-shadow:0 4px 20px #00000080}.toast.hidden{display:none}.toast.success{border-color:#27ae6080;color:var(--green)}.toast.error{border-color:#e74c3c80;color:var(--red)}.loading-spinner{display:flex;justify-content:center;padding:40px;color:var(--text-muted);font-size:.9rem;letter-spacing:.05em}.hidden{display:none!important}.text-gold{color:var(--gold)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-muted{color:var(--text-muted)}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.flex-center{display:flex;align-items:center;justify-content:center}