@font-face{font-family:Nasalization;src:url(/assets/nasalization-rg-Cno2uQQ0.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color:#fff;background:radial-gradient(ellipse at 20% 0%,rgba(60,20,20,.4),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(20,20,60,.3),transparent 50%),#0c0c10;font-family:Nasalization,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}.app-shell{height:100vh;display:flex;flex-direction:column}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:space-between;background:#111115;padding:10px 24px;min-height:60px;border-bottom:3px solid #fe5719;flex-shrink:0;gap:24px}.top-bar-left{display:grid;grid-template-columns:auto 1fr;align-items:center}.top-bar-logo{height:40px;width:auto;flex-shrink:0}.top-bar-club-logo{height:40px;width:auto;flex-shrink:0;justify-self:center}.top-bar-info{display:flex;align-items:center;flex:1;justify-content:center;flex-direction:column}.top-bar-label{font-size:2rem;font-weight:700;color:#fff;letter-spacing:.06em;white-space:nowrap}.status-error{color:#ff6b6b;font-size:.85rem;font-weight:700}.top-bar-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0}.top-bar-select{font-family:Nasalization,sans-serif;font-size:.7rem;font-size:clamp(.7rem,1.2vw,.9rem);font-weight:700;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:4px 8px;cursor:pointer;outline:none;text-transform:uppercase;letter-spacing:.04em}.top-bar-select option{background:#1a1a2e;color:#fff}.top-bar-clock{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.top-bar-time{font-size:1.4rem;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:#fff;line-height:1.1}.top-bar-date{font-size:.75rem;font-size:clamp(.75rem,1.2vw,1rem);font-weight:700;color:#ffffff80;line-height:1.1}.tiles-area{flex:1;min-height:0;padding:8px;position:relative;overflow:hidden}.tile-grid{display:grid;gap:8px;justify-content:center;align-content:center;width:100%;height:100%}.tile.qr-tile{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%),#1a1a20!important;border:2px solid rgba(255,255,255,.15);display:grid;grid-template-rows:auto 1fr;align-items:center;justify-items:center;padding:calc(var(--tile-size) * .05);padding-bottom:calc(var(--tile-size) * .05);min-height:0;width:100%;height:100%}.qr-tile-header{display:flex;align-items:center;gap:calc(var(--tile-size) * .02);white-space:nowrap}.qr-tile-header span{font-size:calc(var(--tile-size) * .08);font-weight:700;color:#fff;letter-spacing:.06em}.qr-phone-icon{width:calc(var(--tile-size) * .08);height:calc(var(--tile-size) * .08);color:#fff}.qr-tile-body{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;overflow:hidden}.qr-tile-body a{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.qr-image{display:block;width:calc(var(--tile-size) * .88)!important;height:calc(var(--tile-size) * .88)!important;max-width:100%;max-height:100%;object-fit:contain;background:#fff;padding:calc(var(--tile-size) * .03)}@keyframes tileDrop{0%{opacity:0;transform:translateY(-60px) scale(.95)}60%{opacity:1;transform:translateY(8px) scale(1.01)}80%{transform:translateY(-3px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.tile-animate,.qr-tile.tile-animate{animation:tileDrop .5s ease-out both}.tile{display:grid;grid-template-rows:auto 1fr auto auto;background:linear-gradient(160deg,rgba(255,255,255,.18) 0%,transparent 40%),linear-gradient(180deg,var(--zone-color-light, var(--zone-color)) 0%,var(--zone-color-dark, var(--zone-color)) 100%);overflow:hidden;padding:calc(var(--tile-size) * .04);padding-bottom:0;position:relative;box-shadow:0 4px 24px #00000080,inset 0 1px #ffffff1a;width:100%;height:100%;min-height:0;min-width:0}.tile-top{display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden;min-width:0}.tile-name-row{display:flex;align-items:center;gap:calc(var(--tile-size) * .03);min-width:0;overflow:hidden;flex:1}.tile-name-row h2{margin:0;font-size:calc(var(--tile-size) * .1);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;min-width:0}.avatar{width:calc(var(--tile-size) * .2);height:calc(var(--tile-size) * .2);border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.6);background:#ffffff1a;flex-shrink:0}.avatar-fallback{display:grid;align-items:center;justify-items:center;font-weight:700;font-size:calc(var(--tile-size) * .09);color:#fff}.tile-center{display:flex;align-items:baseline;justify-content:center;gap:calc(var(--tile-size) * .01);margin:auto 0}.tile-percent{font-size:calc(var(--tile-size) * .35);line-height:.85;font-weight:700;letter-spacing:-.02em;color:#fff}.tile-percent-sign{font-size:calc(var(--tile-size) * .15);font-weight:700;color:#ffffffe6;align-self:baseline}.tile-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--tile-size) * .02);padding:calc(var(--tile-size) * .02) 0;overflow:hidden}.tile-bottom-left{display:flex;flex-direction:column;gap:calc(var(--tile-size) * .005)}.tile-bottom-right{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--tile-size) * .005)}.tile-bottom-stat{display:flex;align-items:center;gap:calc(var(--tile-size) * .015);font-size:calc(var(--tile-size) * .1);color:#fff;font-weight:700;white-space:nowrap}.tile-bottom-stat small{font-size:.5em;color:#fffc}.tile-bottom-stat svg{flex-shrink:0;width:calc(var(--tile-size) * .08);height:calc(var(--tile-size) * .08)}.zone-bar{display:flex;height:calc(var(--tile-size) * .07);overflow:hidden;background:#0003;flex-shrink:0;margin:0 calc(var(--tile-size) * -.04 - 2px);width:calc(100% + var(--tile-size) * .08 + 4px)}.zone-bar-segment{height:100%;transition:width .5s ease}.tile-inactive{background:linear-gradient(160deg,rgba(255,255,255,.08) 0%,transparent 40%),linear-gradient(180deg,#3a3a3a,#1e1e1e)!important;border-color:#ffffff14}.tile-inactive{grid-template-rows:auto auto 1fr auto auto}.tile-inactive>.tile-bottom{padding:0}.tile-inactive .duration{display:flex;justify-content:center}.tile-recap-stats{display:flex;flex-direction:column;gap:0}.tile-recap-stats .tile-bottom{padding:0}.tile-inactive .avatar{border-color:#ffffff4d;filter:grayscale(.5)}.zone-breakdown{display:flex;flex-direction:column;gap:calc(var(--tile-size) * .008);min-height:0;padding:calc(var(--tile-size) * .02) 0;padding-left:calc(var(--tile-size) * .01);padding-right:calc(var(--tile-size) * .01)}.zone-breakdown-row{display:flex;align-items:center;gap:calc(var(--tile-size) * .015);justify-content:space-between}.zone-breakdown-bar-bg{flex:1;height:calc(var(--tile-size) * .05);background:#ffffff14;overflow:hidden;max-width:83%}.zone-breakdown-bar-fill{height:100%;transition:width .5s ease;min-width:2px}.zone-breakdown-pct{font-size:calc(var(--tile-size) * .05);font-weight:700;color:#ffffffb3;min-width:calc(var(--tile-size) * .1);text-align:right}.pager{position:absolute;bottom:12px;right:16px;flex-shrink:0}.pager-text{font-size:.8rem;font-size:clamp(.8rem,1.5vw,1.2rem);font-weight:700;color:#fff9;letter-spacing:.06em}.empty-state{min-height:240px;border:1px dashed rgba(255,255,255,.2);border-radius:12px;display:grid;align-items:center;justify-items:center;color:#fff9;text-align:center;padding:24px}.registration-shell{min-height:100vh;display:grid;align-items:center;justify-items:center;padding:24px}.registration-card{width:min(720px,100%);background:linear-gradient(160deg,rgba(255,255,255,.08) 0%,transparent 40%),#111115f0;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:32px;box-shadow:0 24px 80px #00000073;display:grid;gap:18px}.registration-eyebrow{margin:0;color:#fe5719;text-transform:uppercase;letter-spacing:.12em;font-size:2.2rem;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1;text-align:center}.registration-title{margin:0;font-size:1rem;line-height:1;text-align:center;color:#ffffffb8;font-weight:400}.registration-copy{margin:0;color:#ffffffb8;font-size:1rem}.registration-copy-centered{text-align:center}.registration-flow{display:grid;gap:24px;align-items:center}.registration-code-block{display:grid;gap:10px;justify-items:center;text-align:center}.registration-code-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff94;font-size:.8rem}.registration-code{font-size:2rem;font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:.08em;white-space:nowrap;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.registration-code-hint{color:#ffffffad}.registration-link-accent{color:#fe5719}.registration-error{margin:0;color:#ff8f8f}.top-bar-pagination{display:flex;gap:6px;align-items:center}.pagination-dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff4d;transition:all .3s ease}.pagination-dot.active{background-color:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff80}@media(max-width:720px){.top-bar{padding:6px 12px;min-height:48px}.top-bar-logo{height:28px}.top-bar-info{gap:12px;flex-wrap:wrap}.top-bar-label{font-size:.85rem}.registration-card{padding:24px}.registration-flow{grid-template-columns:1fr}.registration-qr-wrap{justify-self:center}}
