:root{--bg-deep: #0f0a04;--bg-dark: #1a1208;--bg-card: #231808;--bg-card2: #2e2010;--gold: #c8882a;--gold-light: #f0a830;--gold-dim: #8a5e1a;--amber: #e07b20;--text-primary: #f5e6c8;--text-muted: #9a7a50;--text-dim: #6a5030;--green: #4caf78;--red: #e05050;--border: rgba(200, 136, 42, .2);--border-bright:rgba(200, 136, 42, .5);--shadow: 0 8px 32px rgba(0,0,0,.6);--font-display: "Cinzel Decorative", serif;--font-heading: "Cinzel", serif;--font-body: "EB Garamond", serif;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%;background:#0f0a04;-webkit-text-size-adjust:100%}body{height:100%;min-height:100dvh;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;padding-top:env(safe-area-inset-top,0px);padding-top:constant(safe-area-inset-top,0px)}#root{min-height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.page{flex:1;padding:1rem 1rem calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 1rem);max-width:520px;margin:0 auto;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(to top,#080502,#1a1208);border-top:1px solid var(--border);display:flex;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim);text-decoration:none;font-family:var(--font-heading);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;gap:.2rem;transition:color .2s;border:none;background:none;cursor:pointer;min-height:44px}.nav-item .nav-icon{font-size:1.5rem;line-height:1}.nav-item.active{color:var(--gold-light)}.nav-item:active{opacity:.7}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1rem;margin-bottom:.9rem;box-shadow:var(--shadow)}.card-title{font-family:var(--font-heading);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.25rem;border-radius:10px;font-family:var(--font-heading);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s;text-decoration:none;width:100%;-webkit-appearance:none}.btn:active{opacity:.8;transform:scale(.98)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#1a1208;box-shadow:0 4px 16px #c8882a4d}.btn-outline{background:transparent;border:1px solid var(--border-bright);color:var(--gold)}.btn-danger{background:linear-gradient(135deg,#8b1a1a,#c03030);color:#fff;box-shadow:0 4px 16px #c8323240}.btn-sm{min-height:40px;padding:0 .9rem;font-size:.7rem;width:auto}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:.9rem}.form-label{display:block;font-family:var(--font-heading);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:.4rem}.form-input{width:100%;min-height:48px;padding:0 1rem;background:var(--bg-deep);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:16px;outline:none;transition:border-color .2s;-webkit-appearance:none}.form-input:focus{border-color:var(--gold)}.form-input::placeholder{color:var(--text-dim)}select.form-input option{background:var(--bg-dark)}input[type=datetime-local].form-input{padding:0 .75rem;color-scheme:dark}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.tab{flex:1;min-height:44px;padding:.5rem;background:none;border:none;color:var(--text-muted);font-family:var(--font-heading);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.tab.active{color:var(--gold-light);border-bottom-color:var(--gold-light)}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:.9rem;font-size:.9rem;border-left:3px solid;line-height:1.4}.alert-error{background:#c832321f;border-color:#c03030;color:#ff9090}.alert-success{background:#4caf781f;border-color:var(--green);color:var(--green)}.alert-warning{background:#c8882a1f;border-color:var(--gold);color:var(--gold-light)}.balance-amount{font-family:var(--font-display);font-size:clamp(2.2rem,10vw,3.2rem);font-weight:900;line-height:1.1}.balance-positive{color:var(--green)}.balance-negative{color:var(--red)}.balance-zero{color:var(--text-muted)}.divider{border:none;border-top:1px solid var(--border);margin:.9rem 0}.ornament{text-align:center;color:var(--gold-dim);font-size:.8rem;letter-spacing:.3em;margin:.4rem 0}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,10vw,3rem);color:var(--gold-light);text-align:center;line-height:1.1;text-shadow:0 0 40px rgba(240,168,48,.3)}.hero-subtitle{font-family:var(--font-heading);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-top:.4rem}.countdown{display:flex;gap:.4rem;justify-content:center;margin:.9rem 0 0}.countdown-unit{flex:1;max-width:72px;display:flex;flex-direction:column;align-items:center;background:var(--bg-deep);border:1px solid var(--border);border-radius:10px;padding:.6rem .4rem}.countdown-num{font-family:var(--font-display);font-size:clamp(1.4rem,6vw,1.8rem);color:var(--gold-light);line-height:1}.countdown-label{font-family:var(--font-heading);font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-top:.2rem}.player-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border);min-height:44px}.player-item:last-child{border-bottom:none}.player-avatar{width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,var(--gold-dim),var(--gold));display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:.85rem;color:#1a1208;flex-shrink:0}.player-name{font-family:var(--font-heading);font-size:.9rem;flex:1}.check-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border);cursor:pointer;min-height:52px}.check-item:last-child{border-bottom:none}.check-item input[type=checkbox]{width:1.3rem;height:1.3rem;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.event-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.88rem;min-height:44px}.event-item:last-child{border-bottom:none}.event-type{color:var(--text-muted);font-size:.78rem}.event-amount-pos{color:var(--green);font-family:var(--font-heading);font-weight:600}.event-amount-neg{color:var(--red);font-family:var(--font-heading);font-weight:600}.pot-display{text-align:center;padding:.75rem 0}.pot-label{font-family:var(--font-heading);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.pot-amount{font-family:var(--font-display);font-size:clamp(2.5rem,12vw,3.8rem);color:var(--gold-light);text-shadow:0 0 30px rgba(240,168,48,.4);line-height:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0602e0;display:flex;align-items:flex-end;justify-content:center;z-index:200}.modal{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:20px 20px 0 0;padding:1.25rem 1rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));width:100%;max-width:520px;max-height:80dvh;overflow-y:auto}.modal-title{font-family:var(--font-heading);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;text-align:center}.install-steps{list-style:none}.install-step{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:flex-start}.step-num{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--gold-dim);color:#1a1208;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.68rem;font-weight:700;flex-shrink:0;margin-top:.15rem}.step-text{font-size:.9rem;color:var(--text-primary)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.85rem}.text-gold{color:var(--gold)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px}