:root{--deep-blue:#00122a;--ocean-blue:#002850;--aqua:#00d4ff;--gold:gold;--white:#fff;--glass:#000816e8;--glass-border:#ffffff21;--primary-gradient:linear-gradient(135deg, #007bff, #00d4ff);--gold-gradient:linear-gradient(135deg, gold, #fa0);--shadow:0 8px 32px 0 #000000d9;--glow:0 0 15px #00d4ff80}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{background-color:var(--deep-blue);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;width:100vw;height:100vh;overflow-x:hidden}#root{height:100%}.app-container{background-image:url(/assets/background-BeijJyUZ.png);background-position:50%;background-size:cover;flex-direction:column;max-width:450px;height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(22px)brightness(.55);border:1px solid var(--glass-border);border-radius:20px;padding:20px;box-shadow:0 8px 32px #000000d9,inset 0 1px #ffffff12}.module-surface{-webkit-backdrop-filter:blur(6px);background:linear-gradient(165deg,#000a1ae6 0%,#000e24d1 50%,#00122ad9 100%);border:1px solid #ffffff1f;border-radius:18px;box-shadow:0 8px 28px #00000080,inset 0 1px #ffffff0f}.glass-card.module-surface{background:linear-gradient(165deg,#000a1aeb 0%,#001026db 100%);border-color:#ffffff24;box-shadow:0 10px 32px #0000008c,inset 0 1px #ffffff12}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;box-shadow:var(--glow);text-align:center;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .3s}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:disabled,.btn-secondary:disabled,button:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-secondary{border:2px solid var(--aqua);color:var(--aqua);cursor:pointer;background:0 0;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#00d4ff1a}h1,h2,h3{color:var(--white);text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 8px #000000e6}.gold-text{color:var(--gold);background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes rays{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.animate-float{animation:4s ease-in-out infinite float}.rays-overlay{pointer-events:none;background:radial-gradient(circle at 50% 0,#00d4ff33 0%,#0000 70%);width:100%;height:100%;animation:6s ease-in-out infinite rays;position:absolute;top:0;left:0}.home-search-input{color:#fff;background:#000612f5}.home-search-input::placeholder{color:#e2e8f0;opacity:1}input,textarea{color:#fff}input::placeholder,textarea::placeholder{color:#ffffff61}select{color:#fff;background-color:#000816f2}option{color:#fff;background-color:#000e24}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()opacity(.55);cursor:pointer}p,span,label,li,td,th{color:inherit}.app-container.app-public{max-width:450px}.app-container.app-console{width:100%;max-width:none;height:100vh;overflow:hidden}.console-shell{z-index:1;width:100%;height:100%;min-height:0;display:flex;position:relative}.console-sidebar{-webkit-backdrop-filter:blur(16px);z-index:5;background:linear-gradient(#000a1af0 0%,#000e24e0 100%);border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:220px;padding:18px 12px;display:none}.console-brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;padding:8px 10px 18px;display:flex}.console-brand-mark{letter-spacing:2px;opacity:.7;font-size:11px;font-weight:800}.console-brand-gold{letter-spacing:1px;color:var(--gold);background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:900;line-height:1.1}.console-brand-sub{letter-spacing:1.2px;color:var(--aqua);text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.console-nav{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.console-nav-item{color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.console-nav-item:hover{color:#ffffffeb;background:#00d4ff14}.console-nav-item.is-active{color:var(--aqua);background:#00d4ff24;border-color:#00d4ff47;box-shadow:0 0 16px #00d4ff1f}.console-sidebar-foot{padding:12px 10px 4px}.console-paper-note{opacity:.45;letter-spacing:.4px;font-size:10px}.console-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.console-topbar{-webkit-backdrop-filter:blur(14px);z-index:4;background:#000816b8;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.console-topbar-left,.console-topbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.console-topbar-title{letter-spacing:1px;text-transform:uppercase;opacity:.55;margin-right:4px;font-size:12px;font-weight:800}.console-access-pill{letter-spacing:.5px;text-transform:uppercase;border:1px solid;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800}.console-shark-pill{color:#ff7070;background:#ff70701f;border-color:#ff707066}.console-admin-pill{color:var(--gold);background:#ffd7001f;border-color:#ffd70066}.console-confirm-btn{color:var(--aqua);cursor:pointer;letter-spacing:.3px;background:#00d4ff1f;border:1px solid #00d4ff66;border-radius:10px;padding:7px 12px;font-size:11px;font-weight:800}.console-confirm-btn:hover{background:#00d4ff33}.console-balance{align-items:baseline;gap:6px;display:flex;border-radius:10px!important;padding:6px 12px!important}.console-balance-label{opacity:.5;text-transform:uppercase;font-size:10px;font-weight:700}.console-icon-btn{border:1px solid var(--glass-border);color:#ffffffd9;cursor:pointer;background:#00000040;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.console-icon-btn:hover{color:var(--aqua);border-color:#00d4ff66}.console-browse-banner{background:#ffd70014;border-bottom:1px solid #ffd70038;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-size:12px;line-height:1.4;display:flex}.console-banner-cta{white-space:nowrap;padding:8px 14px!important;font-size:11px!important}.console-content{flex:1;min-height:0;position:relative;overflow:hidden}.console-content>*{width:100%;height:100%;position:absolute;inset:0;overflow-y:auto}.console-sidebar{width:236px}.console-nav-section{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.console-nav-section-label{letter-spacing:1.4px;text-transform:uppercase;opacity:.38;padding:8px 12px 4px;font-size:9px;font-weight:800}.console-ia-note{opacity:.35;letter-spacing:.3px;margin-top:4px;font-size:9px}.console-stub-card{max-width:640px;border-radius:18px!important;padding:28px 24px!important}.console-stub-eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--aqua);opacity:.75;margin-bottom:12px;font-size:10px;font-weight:800}.console-stub-title-row{align-items:center;gap:14px;margin-bottom:12px;display:flex}.console-stub-icon{background:#00d4ff1a;border:1px solid #00d4ff40;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.console-stub-title{letter-spacing:.2px;margin:0;font-size:22px;font-weight:900}.console-stub-desc{opacity:.65;margin:0 0 16px;font-size:13px;line-height:1.55}.console-stub-gate{color:#ffffffd9;background:#ffd70014;border:1px solid #ffd70040;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.console-stub-links{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}@media (width>=900px){.console-sidebar{display:flex}.app-container.app-console .bottom-nav-container{display:none!important}.console-content{padding-bottom:0}}@media (width<=899px){.console-topbar-title{display:none}.console-content{padding-bottom:96px}}.browse-screen{z-index:1;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.browse-header{flex-shrink:0;align-items:center;gap:10px;padding:16px 16px 10px;display:flex}.browse-icon-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#0008168c;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.browse-header-copy{flex:1;min-width:0}.browse-header-copy h1{letter-spacing:1.2px;margin:0;font-size:18px}.browse-paper-badge{letter-spacing:.4px;color:var(--gold);text-transform:uppercase;text-shadow:0 1px 6px #000000d9;margin-top:2px;font-size:11px;font-weight:700}.browse-tier-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--aqua);background:#00d4ff1f;border:1px solid #00d4ff73;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.browse-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:4px 16px 36px;overflow-y:auto}.browse-section{margin-bottom:28px}.browse-section-label{align-items:center;gap:8px;margin-bottom:6px;display:flex}.browse-section-label h2{letter-spacing:1px;margin:0;font-size:13px}.browse-section-sub{opacity:.78;color:#ffffffe0;margin:0 0 14px;font-size:12px;line-height:1.45}.browse-circle-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.browse-circle-card{align-items:center;gap:12px;display:flex;padding:12px 14px!important}.browse-avatar{background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.browse-circle-body{flex:1;min-width:0}.browse-circle-name{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.browse-relation{letter-spacing:.04em;text-transform:uppercase;color:var(--aqua);opacity:.9;font-size:10px;font-weight:600}.browse-circle-status{opacity:.7;margin:3px 0 0;font-size:12px}.browse-seat{letter-spacing:.05em;text-transform:uppercase;color:#ffffffa6;white-space:nowrap;font-size:10px;font-weight:800}.browse-comp-grid{flex-direction:column;gap:10px;display:flex}.browse-heat-row{padding:14px!important}.browse-heat-head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.browse-heat-title{margin:0;font-size:13px;font-weight:700}.browse-heat-meta{opacity:.65;margin:2px 0 0;font-size:11px}.browse-heat-pct{margin-left:auto;font-size:14px;font-weight:800}.browse-heat-track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.browse-heat-fill{border-radius:inherit;background:linear-gradient(90deg,#00d4ff,gold);height:100%;box-shadow:0 0 10px #00d4ff73}.browse-heat-stats{opacity:.8;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.browse-watch-card{transition:box-shadow .25s,border-color .25s;padding:16px!important}.browse-watch-card.browse-tick{border-color:#00d4ff59;box-shadow:0 10px 32px #0000008c,0 0 18px #00d4ff2e}.browse-live-row{letter-spacing:.06em;text-transform:uppercase;color:#ff8a8a;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.browse-live-dot{background:#ff4d4d;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite browse-pulse;box-shadow:0 0 8px #ff4d4dcc}@keyframes browse-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.browse-watch-timer{color:#ffffffb3;letter-spacing:.02em;text-transform:none;align-items:center;gap:4px;margin-left:auto;font-weight:600;display:inline-flex}.browse-watch-title{letter-spacing:1px;margin:0 0 14px;font-size:15px}.browse-scoreboard{background:#0006128c;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.browse-team{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.browse-team-name{letter-spacing:.08em;opacity:.8;font-size:12px;font-weight:800}.browse-team-score{font-size:28px;font-weight:900;line-height:1}.browse-vs{opacity:.45;font-size:12px;font-weight:700}.browse-watch-meta{opacity:.85;justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.browse-mini-board{border-top:1px solid var(--glass-border);margin:0 0 16px;padding:0;list-style:none}.browse-mini-board li{border-bottom:1px solid #ffffff0f;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:grid}.browse-mini-pick{opacity:.65;font-size:11px}.browse-watch-hint{text-align:center;letter-spacing:.03em;color:#ffffffb8;background:#00d4ff14;border:1px dashed #00d4ff59;border-radius:12px;margin:0;padding:12px 8px;font-size:12px;font-weight:600}.browse-jump-block{flex-direction:column;gap:10px;display:flex}.browse-jump-flag{text-align:center;color:var(--gold);letter-spacing:.03em;margin:0;font-size:12px;font-weight:700}.browse-confirm-btn{text-transform:none;letter-spacing:.4px;justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.browse-confirm-note{text-align:center;opacity:.6;margin:0;font-size:11px;line-height:1.4}.browse-footer-lock{text-align:center;letter-spacing:.06em;text-transform:uppercase;opacity:.45;margin:8px 0 12px;font-size:10px}