.notif-bell{position:relative;display:inline-flex}.notif-bell-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#94a3b81a;border:1px solid rgba(148,163,184,.2);color:#cbd5e1;cursor:pointer;transition:background .15s ease,color .15s ease}.notif-bell-button:hover{background:#94a3b82e;color:#f1f5f9}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #0f172a}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,calc(100vw - 32px));max-height:420px;display:flex;flex-direction:column;background:#0f172a;border:1px solid rgba(148,163,184,.22);border-radius:14px;box-shadow:0 20px 50px #00000080;z-index:900;overflow:hidden}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.15);color:#f1f5f9}.notif-panel-close{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.notif-panel-close:hover{color:#e2e8f0}.notif-list{overflow-y:auto;display:flex;flex-direction:column}.notif-empty{padding:24px 16px;text-align:center;color:#94a3b8;font-size:.88rem}.notif-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;background:none;border:none;border-bottom:1px solid rgba(148,163,184,.1);text-align:left;cursor:pointer;color:#e2e8f0}.notif-item:hover{background:#94a3b814}.notif-item.unread{background:#38bdf812}.notif-item.unread:before{content:"";position:absolute;left:6px;width:6px;height:6px;border-radius:50%;background:#38bdf8;margin-top:6px}.notif-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-item-title{font-weight:700;font-size:.88rem}.notif-item-body{font-size:.8rem;color:#94a3b8;line-height:1.35}.notif-item-time{flex-shrink:0;font-size:.72rem;color:#64748b;white-space:nowrap}@media (max-width: 640px){.notif-panel{position:fixed;top:60px;right:12px;left:12px;width:auto}}.sidebar-notif .notif-panel{left:0;right:auto}.sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:240px;padding:24px;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-glass);flex-direction:column;justify-content:space-between;z-index:100}.logo-container{display:flex;align-items:center;gap:10px;margin-bottom:24px}.logo-icon{color:var(--secondary)}.logo-text{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#fff,var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.user-selector-box{margin-bottom:30px;padding:12px;border-radius:12px;background:#ffffff08;border:1px solid var(--border-glass)}.user-selector-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;font-weight:600}.user-select{width:100%;background:#f8fafc;color:#111827;border:1px solid var(--border-glass);padding:10px;border-radius:8px;font-size:.88rem;cursor:pointer;font-weight:500}.user-select option{background:#f8fafc;color:#111827}.sidebar-user-balance{margin-top:8px;font-size:.85rem;color:var(--secondary);font-weight:600}.sidebar-market-link{width:100%;min-height:40px;margin-top:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(163,230,53,.35);border-radius:10px;background:linear-gradient(135deg,#5eead424,#a3e63529);color:#d9f99d;font-weight:800;cursor:pointer}.sidebar-user-row{display:flex;align-items:center;gap:10px}.sidebar-user-avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-glass)}.sidebar-user-name{font-size:.9rem;font-weight:600;color:var(--text-main)}.sidebar-user-handle{font-size:.75rem;color:var(--text-muted)}.mobile-user-balance{font-size:.8rem;font-weight:700;color:var(--secondary);white-space:nowrap}@media (max-width: 380px){.mobile-user-balance{font-size:.72rem}}.mobile-logout-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-glass);background:var(--bg-card);color:var(--text-muted);cursor:pointer}.mobile-market-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(163,230,53,.35);background:#a3e6351f;color:#d9f99d;cursor:pointer}.nav-links{list-style:none;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-muted);text-decoration:none;font-weight:500;cursor:pointer;transition:all .2s ease}.sidebar-nav-btn{width:100%;border:none;background:none;text-align:left;font:inherit;min-height:48px}.nav-item:hover,.nav-item.active{color:var(--text-main);background:#ffffff0d}.nav-item.active{background:var(--primary);box-shadow:0 4px 12px #6366f133}.btn-reset-container{display:flex;flex-direction:column;gap:10px}.sidebar-create-btn{width:100%;padding:14px;min-height:48px}.sidebar-reset-btn{width:100%;font-size:.8rem;padding:10px;min-height:38px}.mobile-header{display:flex;position:sticky;top:0;width:100%;padding:12px 16px;background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;z-index:90;height:60px}.mobile-logo-container{margin-bottom:0!important}.mobile-logo-text{font-size:1.25rem!important}.mobile-user-box{display:flex;align-items:center;gap:8px}.mobile-user-select{padding:6px 12px!important;font-size:.85rem!important;height:40px;min-width:150px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:76px;background:#141a2ce6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-glass);display:flex;justify-content:space-around;align-items:center;padding:0 10px 12px;z-index:100}.bottom-nav-item{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:600;cursor:pointer;gap:3px;transition:all .2s ease}.bottom-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-button{border:none;background:none;min-width:0;min-height:48px}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--text-main)}.bottom-nav-item.active{color:var(--secondary)}.bottom-nav-item-center{transform:translateY(-16px)}.bottom-nav-btn-center{width:54px;height:54px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;border:4px solid var(--bg-base);box-shadow:0 4px 12px #6366f166;transition:all .2s ease;min-width:54px;min-height:54px}.bottom-nav-btn-center:hover{transform:scale(1.05);background:var(--primary-hover)}.bottom-nav-label{color:var(--text-muted);font-size:.65rem;margin-top:2px;font-weight:700;letter-spacing:.03em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (min-width: 769px){.sidebar{display:flex}.bottom-nav,.mobile-header{display:none}}.sidebar-user-identity{flex:1;min-width:0}.sidebar-notif{margin-left:auto}.icon-catalog{display:grid;gap:10px}.icon-catalog-toolbar{display:grid}.icon-catalog-search{min-height:42px;padding:10px 12px}.icon-catalog-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.icon-catalog-tabs::-webkit-scrollbar{display:none}.icon-catalog-tab{min-height:34px;padding:7px 10px;border:1px solid var(--border-glass);border-radius:999px;background:#ffffff08;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:800;white-space:nowrap}.icon-catalog-tab:hover,.icon-catalog-tab.active{border-color:var(--secondary);color:var(--text-main);background:#06b6d41f}.icon-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:220px;overflow-y:auto;padding-right:2px}.icon-catalog-choice{min-width:0;min-height:72px;padding:8px 6px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff08;color:var(--text-muted);cursor:pointer;display:grid;align-content:center;justify-items:center;gap:5px;font-family:inherit;transition:border-color .2s ease,background .2s ease,transform .2s ease}.icon-catalog-choice:hover{transform:translateY(-1px);border-color:#ffffff47;background:#ffffff12}.icon-catalog-choice.selected{border-color:var(--secondary);background:#06b6d424;color:var(--text-main);box-shadow:0 0 0 1px #06b6d429}.icon-catalog-choice span{font-size:1.45rem;line-height:1}.icon-catalog-choice small{width:100%;font-size:.66rem;font-weight:800;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 560px){.icon-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 360px){.icon-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.style-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.style-control-btn{min-width:0;min-height:66px;padding:10px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff08;color:var(--text-main);cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;font-family:inherit}.style-control-btn:hover{border-color:#ffffff47;background:#ffffff12}.style-control-btn strong,.color-preview-row strong{display:block;font-size:.88rem;line-height:1.15}.style-control-btn small,.color-preview-row small{display:block;color:var(--text-muted);font-size:.72rem;line-height:1.25;overflow-wrap:anywhere}.style-control-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--secondary),transparent 82%);font-size:1.35rem}.style-control-colors,.color-preview-pill{width:42px;height:42px;border-radius:10px;border:1px solid var(--border-glass);background:linear-gradient(135deg,var(--style-theme) 0 50%,var(--style-accent) 50% 100%);box-shadow:0 8px 24px color-mix(in srgb,var(--style-theme),transparent 78%)}.style-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:18px;background:#030712c2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.style-picker-modal{width:min(560px,100%);max-height:88vh;overflow-y:auto;padding:18px;display:grid;gap:14px}.style-picker-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border-glass)}.style-picker-header h3{color:var(--text-main);font-size:1.04rem;font-weight:800}.color-picker-panel{display:grid;gap:14px}.color-preview-row{min-height:66px;padding:10px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff08;display:flex;align-items:center;gap:12px}.style-palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.style-palette-swatch{min-height:44px;border-radius:10px;border:1px solid var(--border-glass);cursor:pointer;background:linear-gradient(135deg,var(--swatch-a) 0 50%,var(--swatch-b) 50% 100%)}.style-palette-swatch:hover,.style-palette-swatch.selected{border-color:var(--secondary);box-shadow:0 0 0 2px #06b6d424}.style-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.style-color-field{display:grid;gap:6px;color:var(--text-muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.style-color-input{width:100%;min-height:48px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff08;padding:6px;cursor:pointer}.style-picker-actions{display:flex;justify-content:flex-end}@media (max-width: 560px){.style-controls,.style-color-grid{grid-template-columns:1fr}.style-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#020617b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:confirm-fade .15s ease-out}.confirm-dialog{width:100%;max-width:420px;background:#0f172a;border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:22px;box-shadow:0 24px 60px #0000008c;animation:confirm-pop .18s ease-out}.confirm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.confirm-header h2{margin:0;font-size:1.15rem;color:#f1f5f9}.confirm-close{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.confirm-close:hover{color:#e2e8f0}.confirm-message{margin:0 0 14px;color:#cbd5e1;font-size:.92rem;line-height:1.45}.confirm-details{margin:0 0 18px;padding:12px 14px;border-radius:12px;background:#94a3b814;display:flex;flex-direction:column;gap:8px}.confirm-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.confirm-detail-row dt{color:#94a3b8;font-size:.85rem}.confirm-detail-row dd{margin:0;color:#e2e8f0;font-weight:700;font-size:.92rem}.confirm-detail-row.highlight dd{color:#38bdf8}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.btn-danger{background:#dc2626;color:#fff;border:1px solid #ef4444}.btn-danger:hover{background:#ef4444}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%}}.challenge-versus{margin:4px 0 14px;padding:14px;border-radius:14px;border:1px solid rgba(239,68,68,.35);background:linear-gradient(135deg,#ef44441f,#f9731614)}.cv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cv-tag{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fb923c}.cv-time{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;color:var(--text-muted)}.cv-faceoff{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.cv-side{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:12px;border:1px solid transparent;text-align:center;min-width:0}.cv-side.me{border-color:#38bdf866;background:#38bdf814}.cv-side.winner{border-color:#22c55e8c;background:#22c55e1f}.cv-avatar{width:44px;height:44px;border-radius:50%;border:2px solid rgba(148,163,184,.4)}.cv-side.winner .cv-avatar{border-color:#22c55e}.cv-name{font-size:.85rem;color:var(--text-main);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-stance{font-size:.82rem;font-weight:700;color:var(--secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-crown{position:absolute;top:-6px;right:8px;font-size:1rem}.cv-vs{font-size:1.1rem;font-weight:900;color:#fb923c;letter-spacing:.05em;flex-shrink:0}.cv-stakes{margin-top:12px;text-align:center;font-size:.85rem;color:var(--text-muted)}.cv-stakes strong{color:#fbbf24}.cv-stakes small{color:var(--text-muted)}.cv-state{margin-top:10px;padding:8px 12px;border-radius:10px;text-align:center;font-weight:800;font-size:.9rem}.cv-state.tone-active{color:#fb923c;background:#f973161f}.cv-state.tone-pending{color:#facc15;background:#facc151a}.cv-state.tone-win{color:#22c55e;background:#22c55e1f}.cv-state.tone-lose{color:#ef4444;background:#ef44441f}.cv-state.tone-muted{color:var(--text-muted);background:#94a3b81a}.cv-message{margin-top:8px;font-style:italic;font-size:.82rem;color:var(--text-muted);text-align:center}.cv-actions{display:flex;gap:10px;margin-top:12px}.cv-actions .btn{flex:1}.compact-vs{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#fb923c;font-size:.76rem;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-container{position:fixed;top:16px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#0f172af5;border:1px solid rgba(148,163,184,.25);color:#e2e8f0;box-shadow:0 10px 30px #00000073;font-size:.9rem;font-weight:600;animation:toast-in .22s ease-out}.toast-icon{display:flex;flex-shrink:0}.toast-msg{flex:1;line-height:1.3}.toast-close{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;display:flex;padding:2px;flex-shrink:0}.toast-close:hover{opacity:1}.toast-success{border-color:#22c55e80}.toast-success .toast-icon{color:#22c55e}.toast-error{border-color:#ef44448c}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#38bdf8}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.toast-container{top:auto;bottom:84px;left:16px;right:16px;max-width:none}}.dashboard-header{margin-bottom:24px}.dashboard-title{font-size:2rem;margin-bottom:8px;background:linear-gradient(135deg,#fff 30%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-subtitle{color:var(--text-muted);font-size:.95rem}.retention-panels{display:grid;gap:14px;margin-bottom:24px}.personal-board-grid,.personal-board-secondary{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:14px;align-items:start;margin-bottom:18px}.personal-board{display:grid;gap:12px;padding:14px;margin-bottom:0}.personal-deposit-panel{align-self:stretch}.personal-withdraw-panel{margin-bottom:18px}.personal-summary-panel{min-height:100%}.personal-board-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.personal-board-header h2{margin-top:4px;color:var(--text-main);font-size:1.08rem}.personal-board-level{min-width:min(220px,42%);display:grid;gap:6px;color:var(--text-muted);font-size:.78rem;font-weight:800;text-align:right}.personal-level-bar{height:6px;overflow:hidden;border-radius:999px;background:#ffffff12}.personal-level-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--secondary),var(--primary))}.personal-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.personal-stat-card{min-height:68px;display:grid;gap:3px;align-content:center;padding:10px;border:1px solid var(--border-glass);border-radius:8px;background:#ffffff09}.personal-stat-card svg{color:var(--secondary)}.personal-stat-card.gnsh svg{color:var(--warning)}.personal-stat-card strong{color:var(--text-main);font-size:1rem;overflow-wrap:anywhere}.personal-stat-card span{color:var(--text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.gnsh-request-form{display:grid;gap:10px}.gnsh-request-copy{display:grid;gap:4px;min-width:0}.gnsh-request-copy strong{color:var(--text-main);font-size:.86rem}.gnsh-request-copy span{color:var(--text-muted);font-size:.8rem;line-height:1.35;overflow-wrap:anywhere}.gnsh-request-copy small{color:var(--text-muted);font-size:.7rem;line-height:1.3;overflow-wrap:anywhere}.gnsh-address-box{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px solid var(--border-glass);border-radius:8px;background:#ffffff09}.gnsh-address-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.gnsh-address-actions{display:flex;gap:5px}.gnsh-tool-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-glass);border-radius:8px;background:#ffffff0d;color:var(--text-muted);cursor:pointer}.gnsh-tool-button:hover{color:var(--text-main);border-color:#ffffff3d}.gnsh-tool-button:disabled{opacity:.45;cursor:not-allowed}.gnsh-address-box span,.gnsh-field span{color:var(--text-muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.gnsh-address-box strong{color:var(--text-main);font-size:.76rem;line-height:1.3;overflow-wrap:anywhere}.gnsh-address-box small{color:var(--success);font-size:.68rem;font-weight:800}.gnsh-wallet-button{min-height:38px;padding:8px 10px;border-radius:8px;font-size:.78rem}.gnsh-verified-wallets{display:grid;gap:6px;padding:9px 10px;border:1px solid rgba(34,197,94,.22);border-radius:8px;background:#22c55e0e}.gnsh-verified-wallets>span{color:var(--success);font-size:.68rem;font-weight:900;text-transform:uppercase}.gnsh-verified-wallets>div{display:flex;flex-wrap:wrap;gap:6px}.gnsh-wallet-chip{min-height:30px;padding:6px 9px;border:1px solid var(--border-glass);border-radius:999px;background:#ffffff0a;color:var(--text-muted);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.gnsh-wallet-chip.active{color:var(--text-main);border-color:#22c55e6b;background:#22c55e1f}.gnsh-form-grid{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:8px}.gnsh-field{display:grid;gap:5px;min-width:0}.gnsh-field.amount{grid-column:auto}.gnsh-request-input{width:100%;min-height:38px;border:1px solid var(--border-glass);border-radius:8px;background:#ffffff0d;color:var(--text-main);padding:8px 10px;font:inherit;font-size:.82rem}.gnsh-request-input:disabled{opacity:.6}.gnsh-request-button{min-height:38px;padding:8px 10px;font-size:.78rem;width:100%}.gnsh-request-feedback{padding:8px 10px;border-radius:8px;font-size:.8rem;font-weight:800}.gnsh-request-feedback.success{color:var(--success);background:#22c55e14}.gnsh-request-feedback.danger{color:var(--danger);background:#ef444414}.gnsh-history-list{display:grid;gap:8px}.account-statement-panel{grid-column:1 / -1}.account-statement-list{display:grid;gap:8px}.account-statement-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(128px,auto);gap:12px;align-items:start;padding:10px;border:1px solid var(--border-glass);border-radius:8px;background:#ffffff08}.account-statement-main,.account-statement-side{display:grid;gap:5px;min-width:0}.account-statement-main strong,.account-statement-side strong{color:var(--text-main)}.account-statement-main span,.account-statement-main small,.account-statement-side small{color:var(--text-muted);font-size:.76rem;overflow-wrap:anywhere}.account-statement-side{justify-items:end;text-align:right}.account-statement-side .income{color:var(--success)}.account-statement-side .expense{color:var(--danger)}.account-statement-links{display:flex;flex-wrap:wrap;gap:10px}.gnsh-history-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--border-glass);border-radius:8px;background:#ffffff08}.gnsh-history-row strong{color:var(--text-main)}.gnsh-history-row span,.gnsh-history-row small,.gnsh-history-empty{color:var(--text-muted);font-size:.78rem}.gnsh-history-row small{grid-column:1 / -1}.gnsh-inline-link{color:var(--secondary);font-size:.72rem;font-weight:800;text-decoration:none;overflow-wrap:anywhere}.gnsh-inline-link:hover{text-decoration:underline}.gnsh-history-status{padding:3px 8px;border-radius:999px;font-weight:900;text-transform:uppercase}.gnsh-history-status.pendiente{color:var(--warning);border:1px solid rgba(234,179,8,.35)}.gnsh-history-status.aprobada,.gnsh-history-status.completada{color:var(--success);border:1px solid rgba(34,197,94,.3)}.gnsh-history-status.procesando{color:var(--secondary);border:1px solid rgba(6,182,212,.35)}.gnsh-history-status.fallida,.gnsh-history-status.rechazada{color:var(--danger);border:1px solid rgba(239,68,68,.35)}.onboarding-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;margin-bottom:18px;border-color:#facc1547;background:linear-gradient(135deg,#facc1514,#06b6d412),var(--bg-card)}.onboarding-copy h2{margin-top:6px;color:var(--text-main);font-size:1.15rem}.onboarding-copy p{margin-top:5px;color:var(--text-muted);font-size:.86rem}.onboarding-actions{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px;min-width:min(360px,100%)}.onboarding-dismiss{grid-column:1 / -1;min-height:34px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-weight:700}.onboarding-dismiss:hover{color:var(--text-main)}.daily-pick-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-color:#06b6d43d;background:linear-gradient(135deg,#06b6d414,#6366f10f),var(--bg-card)}.daily-pick-copy{min-width:0}.daily-pick-kicker{display:flex;align-items:center;gap:6px;color:var(--secondary);font-size:.75rem;font-weight:900;text-transform:uppercase}.daily-pick-panel h2{margin-top:6px;font-size:1.15rem;line-height:1.25;color:var(--text-main);overflow-wrap:anywhere}.daily-pick-panel p{margin-top:5px;color:var(--text-muted);font-size:.86rem;overflow-wrap:anywhere}.daily-pick-action{min-height:44px;flex:0 0 auto}.missions-panel{padding:0;overflow:hidden}.missions-summary-button{position:relative;width:100%;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px 16px;border:0;background:#ffffff05;color:inherit;cursor:pointer;text-align:left;font-family:inherit}.missions-summary-button:hover{background:#ffffff0a}.missions-summary-main{min-width:0;display:grid;gap:2px}.missions-summary-main strong{color:var(--text-main);font-size:.95rem;overflow-wrap:anywhere}.missions-summary-main small{color:var(--text-muted);font-size:.76rem;overflow-wrap:anywhere}.missions-summary-side{display:flex;align-items:center;gap:10px;color:var(--secondary);font-weight:900;white-space:nowrap}.missions-summary-side span{padding:5px 9px;border:1px solid rgba(6,182,212,.24);border-radius:999px;background:#06b6d414;font-size:.8rem}.missions-mini-progress{position:absolute;left:14px;right:14px;bottom:8px;height:4px;overflow:hidden;border-radius:999px;background:#ffffff0f}.missions-mini-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--secondary),var(--primary))}.missions-expanded-list{display:grid;gap:1px;border-top:1px solid var(--border-glass);background:#ffffff09}.mission-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;background:#0307122e}.mission-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;color:var(--secondary);background:#06b6d41a}.mission-row-copy{display:grid;gap:4px;min-width:0}.mission-row-copy strong,.mission-row-copy span{display:block;overflow-wrap:anywhere}.mission-row-copy strong{color:var(--text-main);font-size:.86rem}.mission-row-copy>span{color:var(--text-muted);font-size:.76rem}.mission-progress{height:6px;overflow:hidden;border-radius:999px;background:#ffffff0f}.mission-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--secondary),var(--primary))}.mission-row-action{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.78rem;white-space:nowrap}.mission-action{min-height:34px;padding:7px 10px;font-size:.76rem}.filters-container{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.category-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.category-scroll::-webkit-scrollbar{display:none}.btn-filter-pill{padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid var(--border-glass);background:var(--bg-card);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .2s ease;min-height:38px}.btn-filter-pill:hover,.btn-filter-pill.active{color:var(--text-main);border-color:#fff3}.btn-filter-pill.active{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px #6366f140}.state-tabs{display:flex;border-bottom:1px solid var(--border-glass);gap:20px}.state-tab{padding:12px 4px;background:none;border:none;color:var(--text-muted);font-size:.95rem;font-weight:600;cursor:pointer;position:relative;transition:all .2s ease;min-height:44px}.state-tab:hover,.state-tab.active{color:var(--text-main)}.state-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--secondary);box-shadow:0 -2px 10px var(--secondary)}.predictions-grid{display:flex;flex-direction:column;gap:16px}.prediction-card{padding:20px;position:relative}.prediction-card-personalized{overflow:hidden;border-color:color-mix(in srgb,var(--pred-accent),transparent 68%)}.prediction-card-personalized:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--pred-theme),transparent 82%),transparent 46%),linear-gradient(180deg,color-mix(in srgb,var(--pred-accent),transparent 92%),transparent 38%);opacity:.9}.prediction-card-personalized>*{position:relative;z-index:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-meta{display:flex;align-items:center;gap:8px}.prediction-brand-strip{min-height:76px;display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--pred-accent),transparent 72%);background:linear-gradient(135deg,color-mix(in srgb,var(--pred-theme),transparent 68%),#ffffff0a),#ffffff08}.prediction-group-strip{min-height:56px;display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--group-accent),transparent 68%);background:linear-gradient(135deg,color-mix(in srgb,var(--group-theme),transparent 72%),#ffffff09),#ffffff06}.prediction-group-logo{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;background:color-mix(in srgb,var(--group-accent),transparent 18%);color:var(--bg-base);font-size:1.15rem;font-weight:900}.prediction-group-logo img{width:100%;height:100%;object-fit:cover}.prediction-group-label{color:var(--group-accent);font-size:.68rem;font-weight:900;text-transform:uppercase}.prediction-group-name{color:var(--text-main);font-size:.86rem;font-weight:800}.challenge-strip{display:grid;gap:3px;padding:10px 12px;margin-bottom:12px;border-radius:10px;border:1px solid rgba(250,204,21,.28);background:#facc1512}.challenge-strip span{color:var(--warning);font-size:.7rem;font-weight:900;text-transform:uppercase}.challenge-strip strong{color:var(--text-main);font-size:.88rem;overflow-wrap:anywhere}.prediction-brand-logo{width:52px;height:52px;flex:0 0 auto;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--pred-accent),transparent 16%);color:var(--bg-base);box-shadow:0 8px 24px color-mix(in srgb,var(--pred-theme),transparent 70%);font-size:1.55rem;font-weight:900}.prediction-brand-logo img{width:100%;height:100%;object-fit:cover}.prediction-brand-copy{min-width:0}.prediction-brand-kicker{color:var(--pred-accent);font-size:.74rem;font-weight:900;text-transform:uppercase;overflow-wrap:anywhere}.prediction-brand-host{color:var(--text-main);font-size:.9rem;font-weight:700;overflow-wrap:anywhere}.time-left{font-size:.75rem;color:var(--text-muted);font-weight:500}.time-progress-bar-container{width:100%;height:4px;background:#ffffff0d;border-radius:2px;margin-bottom:12px;overflow:hidden}.time-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--pred-accent, var(--secondary)) 0%,var(--pred-theme, var(--primary)) 100%);border-radius:2px;transition:width .3s ease}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:8px;line-height:1.4;color:#fff}.card-desc{font-size:.88rem;color:var(--text-muted);margin-bottom:16px}.card-creator-box{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);margin-bottom:16px}.card-creator-avatar{width:20px;height:20px;border-radius:50%;border:1px solid var(--border-glass)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-glass);font-size:.8rem;color:var(--text-muted)}.footer-item{display:flex;align-items:center;gap:6px}.prediction-conversation{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-glass)}.reaction-row{display:flex;flex-wrap:wrap;gap:8px}.reaction-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:58px;min-height:36px;padding:7px 10px;border:1px solid var(--border-glass);border-radius:999px;background:#ffffff08;color:var(--text-muted);cursor:pointer}.reaction-button.active,.reaction-button:hover:not(:disabled){color:var(--text-main);border-color:var(--pred-accent, var(--secondary));background:#06b6d414}.reaction-button:disabled{cursor:not-allowed;opacity:.55}.reaction-button strong{font-size:.76rem}.comments-panel{display:grid;gap:8px}.comments-panel h4{display:flex;align-items:center;gap:6px;color:var(--text-main);font-size:.85rem}.comments-empty{color:var(--text-muted);font-size:.8rem}.comment-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start}.comment-item img{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-glass)}.comment-item strong,.comment-item span{display:block;overflow-wrap:anywhere}.comment-item strong{color:var(--secondary);font-size:.78rem}.comment-item span{color:var(--text-main);font-size:.84rem}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.pronostico-panel{background:#ffffff05;border:1px dashed var(--border-glass);border-radius:12px;padding:14px}.forecast-section-title{font-size:.88rem;margin-bottom:10px;color:var(--pred-accent, var(--secondary));font-weight:700;text-transform:uppercase}.forecast-button-row{display:flex;gap:8px}.options-list{display:flex;flex-direction:column;gap:8px}.btn-option-select{width:100%;padding:14px;border-radius:10px;border:1px solid var(--border-glass);background:#ffffff08;color:var(--text-main);font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease;min-height:48px}.btn-option-select:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.btn-option-select.selected{background:var(--bg-card-hover);border-color:var(--pred-accent, var(--secondary));box-shadow:0 0 10px #06b6d426}.btn-submit-forecast{width:100%;margin-top:12px;min-height:48px}.score-inputs-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.input-score-wrapper{display:flex;flex-direction:column;align-items:center}.input-score-label{font-size:.75rem;color:var(--text-muted);display:block;text-align:center;margin-bottom:4px;font-weight:500}.input-score{width:64px;height:48px;text-align:center;font-size:1.3rem;font-weight:700;background:#ffffff08;border:1px solid var(--border-glass);border-radius:8px;color:#fff;outline:none}.input-score:focus{border-color:var(--secondary);box-shadow:0 0 8px #06b6d433}.resolve-panel{margin-top:14px;border-top:1px solid var(--border-glass);background:#eab30808;border-radius:12px;padding:14px}.resolve-title{font-size:.88rem;color:var(--warning);font-weight:700;margin-bottom:10px;text-transform:uppercase}.resolve-score-inputs{display:flex;justify-content:center;align-items:center;gap:10px;margin:12px 0}.resolve-score-input-item{height:48px;width:60px;font-size:1.1rem}.btn-resolve-save{padding:12px 20px;font-size:.9rem;width:100%;margin-top:8px;background:var(--warning);color:var(--bg-base);min-height:48px}.btn-resolve-save:hover:not(:disabled){background:#fbd437;box-shadow:0 4px 14px #eab3084d}.forecast-registered-banner{background:#06b6d40d;border:1px solid rgba(6,182,212,.3);color:var(--secondary);padding:10px 14px;border-radius:8px;font-weight:600;font-size:.88rem}.result-banner{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--success);padding:10px 14px;border-radius:8px;font-weight:600;font-size:.88rem}.banner-icon{margin-right:6px;vertical-align:middle}.finalized-column{display:flex;flex-direction:column;gap:10px}.resolved-details-box{padding:14px;font-size:.88rem;border-radius:12px}.resolved-summary{margin-top:4px;font-weight:700}.empty-preds-box{padding:40px;text-align:center;color:var(--text-muted)}.empty-preds-icon{margin-bottom:12px;color:var(--warning)}.feedback-alert{padding:10px;border-radius:8px;font-size:.85rem;margin-top:8px;font-weight:600}.creator-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.btn-card-action{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;font-size:.82rem}.personalization-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#030712b8;z-index:1200;padding:18px}.personalization-modal{width:min(520px,100%);max-height:90vh;overflow-y:auto;padding:20px;display:grid;gap:14px}.personalization-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.personalization-modal-header h2{font-size:1.12rem}.edit-field{display:grid;gap:6px;color:var(--text-muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.personalization-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media (max-width: 900px){.personal-board-grid,.personal-board-secondary{grid-template-columns:1fr}}@media (max-width: 560px){.personal-board-header{align-items:stretch;flex-direction:column}.personal-board-level{min-width:0;text-align:left}.personal-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gnsh-form-grid{grid-template-columns:1fr}.gnsh-request-input.memo,.gnsh-request-button{width:100%}.gnsh-history-row,.account-statement-row{grid-template-columns:1fr}.account-statement-side{justify-items:start;text-align:left}.onboarding-panel,.onboarding-actions{grid-template-columns:1fr}.daily-pick-panel,.mission-row-action{align-items:stretch;flex-direction:column}.mission-row{grid-template-columns:1fr}.missions-summary-button{grid-template-columns:1fr auto}.daily-pick-action,.mission-action{width:100%}.comment-form,.creator-actions-row,.edit-grid{grid-template-columns:1fr}}.today-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;margin-bottom:18px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#94a3b814}.today-strip.at-risk{border-color:#f59e0b8c;background:linear-gradient(90deg,#f59e0b29,#ef444414)}.today-strip.secured{border-color:#22c55e73;background:linear-gradient(90deg,#22c55e24,#22c55e08)}.today-strip-message{display:flex;align-items:center;gap:12px}.today-strip-icon{flex-shrink:0;color:#f59e0b}.today-strip.secured .today-strip-icon{color:#22c55e}.today-strip-message strong{display:block;font-size:1rem;color:#f1f5f9}.today-strip-message span{display:block;font-size:.85rem;color:#cbd5e1;margin-top:2px}.today-strip-actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 640px){.today-strip{flex-direction:column;align-items:stretch}.today-strip-actions{justify-content:stretch}.today-strip-actions .btn{flex:1}}.reveal-panel{margin-top:12px}.reveal-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.reveal-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:#94a3b80f;border:1px solid transparent}.reveal-row.win{border-color:#22c55e4d;background:#22c55e12}.reveal-row.lose{background:#ef44440d}.reveal-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0}.reveal-name{flex:1;min-width:0;font-size:.85rem;font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reveal-pick{font-size:.85rem;font-weight:700;color:var(--text-muted)}.reveal-flag{width:20px;text-align:center;font-weight:800;flex-shrink:0}.reveal-flag.win{color:var(--success)}.reveal-flag.lose{color:var(--danger)}.prediction-card-compact{display:block;width:100%;text-align:left;cursor:pointer;padding:14px 16px;border-radius:14px;border:1px solid var(--border-glass);border-left:3px solid var(--pred-accent, #06b6d4);background:#ffffff06;transition:background .15s ease,transform .1s ease}.prediction-card-compact:hover{background:#ffffff0f}.prediction-card-compact:active{transform:scale(.995)}.compact-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.compact-scope{font-size:.72rem;color:var(--text-muted)}.compact-time{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-muted);white-space:nowrap}.compact-title{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--text-main);line-height:1.25}.compact-progress{margin:0 0 8px}.compact-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.78rem;color:var(--text-muted)}.compact-meta>span{display:inline-flex;align-items:center;gap:4px}.compact-pick{margin-left:auto;padding:2px 8px;border-radius:999px;font-weight:700;color:var(--secondary);background:#38bdf81f}.compact-pick.win{color:var(--success);background:#22c55e1f}.compact-pick.lose{color:var(--danger);background:#ef44441f}.compact-cta{margin-left:auto;font-weight:700;color:var(--pred-accent, #06b6d4)}.pred-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:#020617b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;animation:confirm-fade .15s ease-out}.pred-detail-modal{position:relative;width:100%;max-width:640px;margin:auto;padding:22px;border-radius:16px}.pred-detail-close{position:absolute;top:12px;right:12px;z-index:2;background:#0f172a99;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;padding:4px}.pred-detail-close:hover{color:var(--text-main)}@media (max-width: 640px){.pred-detail-backdrop{padding:0}.pred-detail-modal{max-width:none;min-height:100vh;border-radius:0;margin:0}}.leaderboard-title-box{margin-bottom:24px}.leaderboard-toggle-bar{display:flex;background:#ffffff08;border:1px solid var(--border-glass);padding:4px;border-radius:12px;margin-bottom:20px}.leaderboard-scope-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.leaderboard-scope-stats>div{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff08;color:var(--text-muted);font-size:.86rem}.btn-toggle-metric{flex:1;padding:12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;min-height:44px}.btn-toggle-metric:hover{color:var(--text-main)}.btn-toggle-metric.active{background:var(--bg-card-hover);border:1px solid var(--border-glass);color:var(--secondary);box-shadow:0 4px 12px #06b6d41a}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-empty{padding:18px;color:var(--text-muted);text-align:center}.season-panel{display:grid;gap:12px;padding:16px;margin-bottom:20px}.season-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.season-header span{display:block;color:var(--secondary);font-size:.72rem;font-weight:900;text-transform:uppercase}.season-header h2{color:var(--text-main);font-size:1.05rem;overflow-wrap:anywhere}.season-header strong{color:var(--text-muted);font-size:.82rem;text-align:right;text-transform:capitalize}.season-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.season-podium-item{display:grid;gap:8px;padding:12px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff08}.season-podium-item img{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-glass)}.season-podium-item strong,.season-podium-item span{display:block;overflow-wrap:anywhere}.season-podium-item strong{color:var(--text-main);font-size:.88rem}.season-podium-item div span,.season-podium p{color:var(--text-muted);font-size:.78rem}.leaderboard-row{display:flex;align-items:center;padding:14px 18px;justify-content:space-between;border-radius:16px;border:1px solid var(--border-glass);background:var(--bg-card)}.leaderboard-row.highlighted{background:linear-gradient(90deg,#06b6d414,#6366f114);border-color:var(--secondary);box-shadow:0 0 15px #06b6d41a}.row-left{display:flex;align-items:center;gap:16px}.rank-number{font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;width:28px;text-align:center}.rank-gold{color:#facc15;text-shadow:0 0 8px rgba(250,204,21,.4)}.rank-silver{color:#cbd5e1;text-shadow:0 0 8px rgba(203,213,225,.4)}.rank-bronze{color:#fb923c;text-shadow:0 0 8px rgba(251,146,60,.4)}.rank-normal{color:var(--text-muted)}.user-avatar-circle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-glass)}.user-info-text{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.95rem}.user-handle{font-size:.75rem;color:var(--text-muted)}.row-right{display:flex;align-items:center;gap:10px}.metric-value{font-family:Outfit,sans-serif;font-weight:700;font-size:1.1rem;color:var(--secondary)}.streak-badge{display:flex;align-items:center;gap:2px;font-size:.75rem;color:#fb923c;background:#fb923c1a;padding:2px 8px;border-radius:12px;border:1px solid rgba(251,146,60,.2)}@media (max-width: 360px){.leaderboard-toggle-bar{flex-direction:column;gap:4px;padding:6px}.btn-toggle-metric{width:100%}.leaderboard-scope-stats{grid-template-columns:1fr}.season-header{align-items:flex-start;flex-direction:column}.season-header strong{text-align:left}.season-podium{grid-template-columns:1fr}}.leaderboard-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.leaderboard-filters .user-select{flex:1;min-width:160px}.period-toggle{display:inline-flex;border-radius:10px;background:#94a3b81a;border:1px solid rgba(148,163,184,.2);padding:3px;gap:3px}.period-toggle-btn{border:none;background:none;color:#94a3b8;font-weight:700;font-size:.82rem;padding:7px 14px;border-radius:8px;cursor:pointer;white-space:nowrap}.period-toggle-btn.active{background:#38bdf82e;color:#e2e8f0}.guru-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:linear-gradient(90deg,#f59e0b40,#eab30826);border:1px solid rgba(245,158,11,.5);color:#fbbf24;font-size:.72rem;font-weight:800;white-space:nowrap}@media (max-width: 640px){.leaderboard-filters .user-select{min-width:100%}.period-toggle{width:100%;justify-content:stretch}.period-toggle-btn{flex:1}}.groups-container{display:flex;flex-direction:column;gap:20px}.create-group-box{padding:20px}.create-group-title{font-size:1.15rem;margin-bottom:14px;display:flex;align-items:center;gap:8px;color:#fff;font-weight:700}.create-group-form{display:flex;flex-direction:column;gap:14px}.form-inputs-row{display:flex;gap:12px;flex-wrap:wrap}.input-group-name{flex:1;min-width:200px;min-height:48px}.input-group-desc{flex:2;min-width:280px;min-height:48px}.btn-create-submit{align-self:flex-start;padding:12px 20px;min-height:48px}.group-visibility-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.visibility-choice{min-height:72px;padding:12px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff08;color:var(--text-muted);cursor:pointer;display:grid;gap:4px;text-align:left;font-family:inherit}.visibility-choice strong{color:var(--text-main)}.visibility-choice span{font-size:.8rem;line-height:1.25}.visibility-choice:hover,.visibility-choice.selected{border-color:var(--secondary);background:#06b6d41c}.public-groups-list{display:grid;gap:10px;margin-top:12px}.public-group-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--group-accent, var(--secondary)),transparent 72%);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--group-theme, var(--primary)),transparent 84%),#ffffff08),#ffffff06}.public-group-copy{min-width:0;display:grid;gap:2px}.public-group-copy strong{color:var(--text-main)}.public-group-copy span,.public-group-copy small{color:var(--text-muted);font-size:.82rem;overflow-wrap:anywhere}.public-request-btn{min-height:42px;white-space:nowrap}.public-feedback{grid-column:2 / -1;margin-bottom:0}.groups-list-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 600px){.groups-list-grid{grid-template-columns:repeat(2,1fr)}}.group-card{padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-color:color-mix(in srgb,var(--group-accent, var(--secondary)),transparent 74%)}.group-brand-header{display:flex;align-items:flex-start;gap:12px;padding:12px;margin-bottom:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--group-accent, var(--secondary)),transparent 68%);background:linear-gradient(135deg,color-mix(in srgb,var(--group-theme, var(--primary)),transparent 72%),#ffffff09),#ffffff06}.group-brand-logo{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;background:color-mix(in srgb,var(--group-accent, var(--secondary)),transparent 18%);color:var(--bg-base);font-size:1.45rem;font-weight:900}.group-brand-logo.large{width:58px;height:58px}.group-brand-logo.small{width:42px;height:42px;border-radius:10px;font-size:1.25rem}.group-brand-logo img{width:100%;height:100%;object-fit:cover}.group-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:6px}.group-desc{font-size:.88rem;color:var(--text-muted);margin-bottom:0;flex-grow:1}.group-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.group-meta-value{color:var(--text-main);font-weight:500}.group-link-panel{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.group-customize-panel{margin-bottom:14px}.group-customize-toggle{min-height:42px;width:100%}.group-editor-panel{display:grid;gap:12px;padding:14px;margin-bottom:14px;border:1px solid var(--border-glass);border-radius:12px;background:#ffffff09}.group-editor-preview{display:flex;align-items:center;gap:12px}.group-editor-preview strong{display:block;color:var(--text-main)}.group-editor-preview span{color:var(--text-muted);font-size:.82rem}.group-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.group-editor-grid label{display:grid;gap:6px;color:var(--text-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.group-editor-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.group-avatar-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.group-avatar-tool{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-glass);border-radius:8px;background:#ffffff09;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.82rem;font-weight:800}.group-avatar-tool:hover,.group-avatar-tool.active{color:var(--text-main);border-color:var(--secondary);background:#06b6d41c}.group-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:260px;overflow:auto;padding:8px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff06}.group-avatar-choice{display:grid;gap:5px;justify-items:center;min-height:88px;padding:7px;border:1px solid transparent;border-radius:8px;background:#ffffff08;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.72rem;font-weight:800}.group-avatar-choice:hover,.group-avatar-choice.selected{color:var(--text-main);border-color:var(--secondary);background:#06b6d41a}.group-avatar-choice img{width:44px;height:44px;border-radius:10px;object-fit:cover}.group-requests-panel,.group-admin-panel{display:grid;gap:10px;padding:12px;margin-bottom:14px;border:1px solid var(--border-glass);border-radius:12px;background:#ffffff08}.group-recaudacion-panel{margin-top:16px;padding:14px;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:#0f172a6b;display:flex;flex-direction:column;gap:10px}.group-feature-panel,.group-feature-admin-box{margin-top:16px}.group-feature-panel{padding:14px;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:#0f172a61;display:flex;flex-direction:column;gap:10px}.group-feature-status-row{display:flex;flex-wrap:wrap;gap:8px}.group-feature-status-row span{color:var(--text-muted);font-size:.84rem}.group-feature-status-row strong{color:var(--text-main)}.group-feature-request-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.group-feature-request-list{display:flex;flex-direction:column;gap:8px}.group-feature-request-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:8px;background:#0206175c;border:1px solid rgba(148,163,184,.12)}.group-feature-request-row strong,.group-feature-request-row span{display:block}.group-feature-request-row span{color:var(--text-muted);font-size:.82rem}.group-recaudacion-disclaimer,.group-recaudacion-status,.group-recaudacion-status span{color:var(--text-muted);font-size:.84rem;margin:0}.group-recaudacion-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.group-recaudacion-status strong{color:var(--text-main)}.group-recaudacion-editor{display:flex;flex-direction:column;gap:10px;padding-top:8px}.group-recaudacion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.group-recaudacion-grid label,.group-recaudacion-wide{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:.78rem;font-weight:700}.group-recaudacion-check{display:inline-flex;align-items:center;gap:8px;color:var(--text-main);font-weight:700}.group-aportaciones-list{display:flex;flex-direction:column;gap:8px;padding-top:8px}.group-aportacion-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:8px;background:#0206175c;border:1px solid rgba(148,163,184,.12)}.group-aportacion-row strong,.group-aportacion-row span{display:block}.group-aportacion-row span{color:var(--text-muted);font-size:.8rem}.group-request-row,.group-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.group-request-row strong,.group-admin-row strong{display:block;color:var(--text-main);font-size:.9rem}.group-request-row span,.group-admin-row span,.group-admin-empty{color:var(--text-muted);font-size:.8rem}.group-request-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.group-request-actions .btn,.group-admin-row .btn{min-height:38px;padding:8px 10px;font-size:.78rem}.group-link-label{display:flex;align-items:center;gap:6px;color:var(--secondary);font-size:.82rem;font-weight:700;text-transform:uppercase}.input-invite-link{flex:1;min-width:0;min-height:48px;font-size:.78rem}.invite-panel{margin-top:14px;padding-top:14px;border-top:1px dashed var(--border-glass)}.invite-title{font-size:.85rem;font-weight:700;color:var(--secondary);margin-bottom:8px;text-transform:uppercase}.invite-input-row{display:flex;gap:8px}.input-invite-user{flex:1;min-height:48px}.btn-invite-submit{min-height:48px;min-width:85px}.empty-groups-box{padding:40px;text-align:center;grid-column:1 / -1;color:var(--text-muted)}.empty-groups-icon{margin-bottom:12px;color:var(--text-muted)}.feedback-msg-group{font-size:.82rem;margin-bottom:8px;font-weight:600}.link-feedback{color:var(--success);margin-bottom:0}@media (max-width: 520px){.group-editor-grid,.group-visibility-row,.public-group-row,.group-request-row,.group-admin-row{grid-template-columns:1fr}.group-feature-request-form,.group-feature-request-row,.group-aportacion-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.group-request-actions{justify-content:stretch}.group-request-actions .btn,.group-admin-row .btn,.public-request-btn{width:100%}}.group-code-line{display:inline-flex;align-items:center;gap:6px}.copy-code-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;border-radius:6px;border:1px solid rgba(148,163,184,.25);background:#94a3b81a;color:#cbd5e1;cursor:pointer}.copy-code-btn:hover{color:#f1f5f9;background:#94a3b833}.group-leaderboard{margin-top:14px;padding:12px;border-radius:10px;background:#ffffff08;border:1px solid var(--border-glass);display:flex;flex-direction:column;gap:6px}.group-rank-row{display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:8px}.group-rank-row.me{background:#38bdf81f;border:1px solid rgba(56,189,248,.3)}.group-rank-pos{width:28px;text-align:center;font-weight:800;font-size:.82rem;color:#94a3b8;flex-shrink:0}.group-rank-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.group-rank-name{flex:1;min-width:0;font-weight:600;font-size:.86rem;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-rank-streak{color:#f59e0b;font-weight:700}.group-rank-xp{flex-shrink:0;font-size:.8rem;font-weight:700;color:var(--secondary)}.charity-toggle{display:flex;align-items:flex-start;gap:10px;margin-top:12px;cursor:pointer}.charity-toggle input{margin-top:3px;flex-shrink:0}.charity-toggle span{display:flex;flex-direction:column;gap:2px;font-weight:600;color:var(--text-main);font-size:.9rem}.charity-toggle small{font-weight:500;color:var(--text-muted);font-size:.78rem}.quinielas-container{display:flex;flex-direction:column;gap:18px}.quinielas-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.quiniela-new-btn,.quiniela-submit-btn{min-height:44px;white-space:nowrap}.quiniela-feedback{border:1px solid rgba(34,211,238,.24);background:#0f172ab8;color:var(--secondary);border-radius:8px;padding:10px 12px;font-weight:700}.quiniela-control-panel{display:grid;gap:12px;border-radius:8px}.quiniela-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quiniela-kpis button{min-height:64px;display:grid;gap:3px;text-align:left;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#0f172a6b;color:var(--text-main);font:inherit;cursor:pointer}.quiniela-kpis span,.quiniela-filter-row label{color:var(--text-muted);font-size:.76rem;font-weight:800}.quiniela-kpis strong{font-size:1.18rem}.quiniela-filter-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,.45fr) minmax(180px,.55fr);gap:8px}.quiniela-filter-row label,.quiniela-search-field{min-width:0;min-height:42px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#02061761}.quiniela-filter-row input,.quiniela-filter-row select{width:100%;min-width:0;border:0;background:transparent;color:var(--text-main);font:inherit;outline:none}.quiniela-filter-row select option{background:#0f172a;color:#f8fafc}.quiniela-builder,.quiniela-card,.quiniela-empty{border-radius:8px}.quiniela-builder{display:flex;flex-direction:column;gap:16px}.quiniela-builder-head,.quiniela-section-row,.quiniela-actions,.quiniela-card-head,.quiniela-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiniela-builder-head h2,.quiniela-section-row h3,.quiniela-ranking h3,.quiniela-resolve-panel h3{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:1rem}.quiniela-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quiniela-form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.quiniela-form-grid label,.quiniela-wide-label,.quiniela-logo-upload{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.quiniela-wide-label{text-transform:none}.quiniela-toggle-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--text-muted);font-size:.86rem}.quiniela-toggle-row label{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--text-main)}.quiniela-toggle-row label.disabled{opacity:.5}.quiniela-design-panel{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(280px,1.15fr);gap:14px}.quiniela-preview{display:flex;align-items:center;gap:12px;min-height:112px;padding:14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--quiniela-theme, #7c3aed),white 24%);background:linear-gradient(135deg,color-mix(in srgb,var(--quiniela-theme, #7c3aed),transparent 72%),#0f172ad1),#0f172ae6}.quiniela-logo{width:54px;height:54px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:color-mix(in srgb,var(--quiniela-accent, #06b6d4),transparent 72%);border:1px solid color-mix(in srgb,var(--quiniela-accent, #06b6d4),white 22%);overflow:hidden;font-size:1.7rem}.quiniela-logo img{width:100%;height:100%;object-fit:cover}.quiniela-preview div:last-child,.quiniela-card-title{min-width:0;display:flex;flex-direction:column;gap:3px}.quiniela-preview span,.quiniela-card-title span,.quiniela-card-title small,.quiniela-preview small{color:var(--text-muted);font-size:.78rem}.quiniela-preview strong,.quiniela-card-title h2{color:var(--text-main);margin:0;overflow-wrap:anywhere}.quiniela-design-controls,.quiniela-items-editor,.quiniela-ranking,.quiniela-resolve-panel,.quiniela-aportacion-box{display:flex;flex-direction:column;gap:12px;border-radius:8px;padding:12px;border:1px solid rgba(148,163,184,.18);background:#0f172a6b}.quiniela-design-title{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--text-main)}.quiniela-item-editor{display:grid;grid-template-columns:1.1fr 160px 1.1fr 84px 40px;gap:8px;align-items:center}.quiniela-item-editor .points{text-align:center}.quiniela-item-editor .icon-only{min-width:40px;padding-inline:0}.quiniela-scoring-help{grid-column:1 / -1;color:var(--text-muted);font-size:.78rem}.quinielas-list{display:grid;gap:16px}.quiniela-card{display:flex;flex-direction:column;gap:14px;border-color:color-mix(in srgb,var(--quiniela-theme, #7c3aed),transparent 62%)}.quiniela-status{border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900;text-transform:uppercase;color:var(--text-main);background:#94a3b824}.quiniela-status.abierta{background:color-mix(in srgb,var(--quiniela-accent, #06b6d4),transparent 72%)}.quiniela-status.finalizada{background:#22c55e38}.quiniela-status.cancelada{background:#ef444438}.quiniela-desc{color:var(--text-muted);margin:0}.quiniela-meta-row{flex-wrap:wrap;justify-content:flex-start}.quiniela-meta-row span{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.84rem}.quiniela-progress-panel{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(180px,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:8px;background:#0206175c;border:1px solid rgba(148,163,184,.14)}.quiniela-progress-panel>div:first-child{display:grid;gap:2px}.quiniela-progress-panel strong{color:var(--text-main)}.quiniela-progress-panel span{color:var(--text-muted);font-size:.78rem}.quiniela-progress-bar{height:10px;overflow:hidden;border-radius:999px;background:#94a3b829}.quiniela-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--quiniela-theme, #7c3aed),var(--quiniela-accent, #06b6d4))}.quiniela-detail-btn,.quiniela-mini-btn{min-height:36px;padding:8px 10px;border-radius:8px;font-size:.78rem}.quiniela-bank-grid,.quiniela-aporte-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quiniela-bank-grid span,.quiniela-aportacion-box span,.quiniela-aportacion-box p,.quiniela-aporte-status{color:var(--text-muted);font-size:.84rem;margin:0}.quiniela-items-play{display:grid;gap:8px}.quiniela-play-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.75fr);align-items:center;gap:10px;padding:10px;border-radius:8px;background:#0f172a75;border:1px solid rgba(148,163,184,.12)}.quiniela-play-row strong{color:var(--text-main);overflow-wrap:anywhere}.quiniela-play-row span,.quiniela-play-row small{display:block;color:var(--text-muted);font-size:.78rem}.quiniela-play-row span strong{color:var(--text-main)}.quiniela-input{width:100%;min-height:40px;border-radius:8px;border:1px solid rgba(148,163,184,.24);background:#0206178f;color:var(--text-main);padding:0 10px}.quiniela-score-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px}.quiniela-score-inputs .operator{max-width:84px}.quiniela-warning{padding:10px;border-radius:8px;color:var(--warning);background:#f59e0b1f;border:1px solid rgba(245,158,11,.2);font-weight:700}.quiniela-rank-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;background:#02061757}.quiniela-rank-row.me{border:1px solid color-mix(in srgb,var(--quiniela-accent, #06b6d4),transparent 48%)}.quiniela-rank-row span,.quiniela-rank-row small{color:var(--text-muted)}.quiniela-empty{display:grid;place-items:center;gap:8px;min-height:180px;color:var(--text-muted)}@media (max-width: 860px){.quinielas-header,.quiniela-builder-head,.quiniela-card-head,.quiniela-actions{align-items:stretch;flex-direction:column}.quiniela-form-grid,.quiniela-form-grid.compact,.quiniela-design-panel,.quiniela-bank-grid,.quiniela-aporte-form,.quiniela-kpis,.quiniela-filter-row,.quiniela-progress-panel,.quiniela-item-editor,.quiniela-play-row{grid-template-columns:1fr}.quiniela-rank-row{grid-template-columns:42px minmax(0,1fr)}.quiniela-rank-row small{grid-column:2}.quiniela-new-btn,.quiniela-submit-btn,.quiniela-detail-btn{width:100%}}.quiniela-cobro-nota{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#38bdf814;border:1px solid rgba(56,189,248,.25);color:var(--text-muted);font-size:.82rem;line-height:1.4}.quiniela-cobro-nota strong{color:var(--text-main)}.quiniela-dispute-box{margin-top:12px;padding:12px 14px;border-radius:12px;background:#facc1512;border:1px solid rgba(250,204,21,.3);display:flex;flex-direction:column;gap:8px}.quiniela-dispute-box.disputed{background:#ef444414;border-color:#ef444459}.quiniela-dispute-box h3{margin:0;font-size:.92rem;color:var(--text-main)}.quiniela-dispute-box p{margin:0;font-size:.85rem;color:var(--text-muted)}.social-container{display:grid;gap:18px}.social-panel{padding:18px;display:grid;gap:14px}.social-panel h3{display:flex;align-items:center;gap:8px;font-size:1rem}.social-row{display:flex;gap:10px}.social-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--border-glass);border-radius:12px;background:#ffffff08}.social-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.activity-feed{display:grid;gap:8px}.activity-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff08}.activity-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:var(--secondary);background:#06b6d41a}.activity-item strong,.activity-item span{display:block;overflow-wrap:anywhere}.activity-item strong{color:var(--text-main);font-size:.9rem}.activity-item div>span{color:var(--text-muted);font-size:.78rem}.social-muted,.social-feedback{color:var(--text-muted);font-size:.9rem}.challenge-panel{border-color:#facc1538}.challenge-list{display:grid;gap:8px}.challenge-list-title{color:var(--secondary);font-size:.78rem;text-transform:uppercase}.challenge-item>div:first-child{display:grid;gap:4px}.challenge-item strong,.challenge-item span{display:block;overflow-wrap:anywhere}.challenge-item span{color:var(--text-muted);font-size:.82rem}.challenge-form{display:grid;gap:10px}.challenge-two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.challenge-three-cols{display:grid;grid-template-columns:minmax(90px,.5fr) minmax(110px,.5fr) minmax(180px,1.4fr);gap:10px}.network-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.network-summary>div{padding:12px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff08;display:grid;gap:4px}.network-summary strong{color:var(--text-main);font-size:1rem;overflow-wrap:anywhere}.network-invite-box{display:grid;gap:8px}.network-invite-box label{display:flex;align-items:center;gap:6px;color:var(--secondary);font-size:.82rem;font-weight:800;text-transform:uppercase}.network-tree{display:grid;gap:8px}.network-node{display:grid;gap:8px;margin-left:calc(var(--depth) * 18px)}.network-person{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff09}.network-person img{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-glass);flex:0 0 auto}.network-person strong{display:block;color:var(--text-main);font-size:.9rem}.network-person span{display:block;color:var(--text-muted);font-size:.78rem;overflow-wrap:anywhere}.network-children{display:grid;gap:8px;padding-left:10px;border-left:1px dashed var(--border-glass)}.friend-item{align-items:center}.friend-person{padding:0;border:0;background:transparent}.friend-groups{color:var(--secondary);font-size:.82rem;text-align:right;overflow-wrap:anywhere}@media (max-width: 560px){.social-row,.social-item{flex-direction:column;align-items:stretch}.network-summary,.challenge-two-cols,.challenge-three-cols{grid-template-columns:1fr}.network-node{margin-left:calc(var(--depth) * 8px)}.friend-groups{text-align:left}}.profile-card{display:flex;flex-direction:column;align-items:center;padding:30px 20px;text-align:center;margin-bottom:24px;position:relative}.profile-card.frame_neon{border-color:#06b6d4a6;box-shadow:0 0 22px #06b6d42e}.profile-card.frame_gold{border-color:#facc15a6;box-shadow:0 0 22px #facc152e}.profile-card.banner_fire{background:linear-gradient(135deg,#ef44441f,#facc1514),var(--bg-card)}.profile-card.badge_sparkle .profile-avatar{box-shadow:0 0 26px #facc155c,0 0 12px #06b6d447}.profile-avatar-wrapper{position:relative;margin-bottom:16px}.profile-avatar{width:96px;height:96px;border-radius:50%;border:3px solid var(--secondary);box-shadow:0 0 20px #06b6d44d}.profile-level-badge{position:absolute;bottom:0;right:0;background:var(--primary);border:2px solid var(--bg-base);color:#fff;font-family:Outfit,sans-serif;font-weight:800;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;box-shadow:0 4px 8px #0000004d}.profile-name{font-size:1.6rem;margin-bottom:4px;color:#fff}.profile-handle{color:var(--text-muted);font-size:.9rem;margin-bottom:20px}.xp-progress-container{width:100%;max-width:350px;margin-bottom:20px}.xp-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-bottom:6px;font-weight:500}.xp-bar-outer{height:10px;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:5px;overflow:hidden}.xp-bar-inner{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:5px;transition:width .4s ease}.balance-card{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;background:#06b6d414;border:1px solid rgba(6,182,212,.2);color:var(--secondary);font-weight:700;font-size:1.1rem}.gnsh-balance-card{margin-top:10px;background:#facc1514;border-color:#facc1538;color:var(--warning)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.stat-box{padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-glass);background:var(--bg-card)}.stat-val{font-family:Outfit,sans-serif;font-weight:800;font-size:1.6rem;color:#fff;margin-bottom:4px}.stat-val-secondary{color:var(--secondary)!important}.stat-val-success{color:var(--success)!important}.stat-val-warning{color:#fb923c!important}.stat-lbl{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.03em}.refill-card{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed var(--border-glass)}.refill-title{font-size:1rem;font-weight:700;color:var(--secondary);margin-bottom:6px}.refill-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:16px;max-width:320px}.profile-empty-panel{padding:24px;text-align:center}.profile-feedback-box{padding:10px 14px;font-size:.85rem;margin-bottom:14px;width:100%}.profile-refill-btn{width:100%;max-width:250px;min-height:48px}.avatar-card{margin-bottom:24px}.badge-grid,.shop-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.badge-card,.shop-card{display:grid;gap:6px;padding:12px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff09;text-align:left}.badge-card span,.shop-icon{font-size:1.4rem}.badge-card strong,.shop-card strong{color:var(--text-main);font-size:.9rem}.badge-card small,.shop-card small{color:var(--text-muted);font-size:.76rem;line-height:1.3}.badge-card.rara{border-color:#06b6d447}.badge-card.epica{border-color:#facc1557}.badges-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%}.badges-count{font-size:.78rem;font-weight:700;color:var(--secondary)}.badge-card.locked{opacity:.55;filter:grayscale(.7);border-style:dashed}.badge-card.earned{background:#ffffff0f}.shop-price{color:var(--secondary);font-size:.82rem;font-weight:800}.avatar-picker-buttons{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.avatar-picker-btn{min-height:70px;padding:12px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff09;color:var(--text-main);cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;text-align:left;font-family:inherit}.avatar-picker-btn:hover{border-color:var(--secondary);background:#06b6d414}.avatar-picker-btn strong,.avatar-picker-btn small{display:block}.avatar-picker-btn small{color:var(--text-muted);font-size:.74rem;line-height:1.25}.avatar-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.avatar-choice{min-height:92px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff09;color:var(--text-muted);cursor:pointer;display:grid;place-items:center;gap:6px;padding:8px;font-family:inherit;font-size:.72rem;font-weight:800}.avatar-choice:hover:not(:disabled),.avatar-choice.selected{border-color:var(--secondary);color:var(--text-main);background:#06b6d414}.avatar-choice img{width:48px;height:48px;border-radius:12px;object-fit:cover}.avatar-upload-btn{width:100%;max-width:250px;min-height:48px}.avatar-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px;background:#030712bd;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);isolation:isolate}.avatar-modal{width:min(580px,100%);max-height:88vh;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:grid;gap:14px}.avatar-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border-glass);text-align:left}.avatar-modal-header h3{color:var(--text-main);font-size:1.05rem;margin-bottom:4px}.avatar-modal-header p{color:var(--text-muted);font-size:.82rem}.avatar-modal-grid{margin-bottom:0}@media (max-width: 520px){.avatar-picker-buttons{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.badge-grid,.shop-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:16px;z-index:1000}.modal-container{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-glass)}.modal-title{font-size:1.4rem;font-weight:700;color:#fff}.modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:var(--text-main)}.step-indicators{display:flex;justify-content:space-between;margin-bottom:24px;position:relative}.step-indicators:before{content:"";position:absolute;top:10px;left:0;right:0;height:2px;background:var(--border-glass);z-index:1}.step-dot{width:22px;height:22px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-glass);color:var(--text-muted);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2;position:relative;transition:all .3s ease}.step-dot.active{border-color:var(--secondary);background:var(--bg-base);color:var(--secondary);box-shadow:0 0 8px var(--secondary)}.step-dot.completed{border-color:var(--success);background:var(--success);color:var(--bg-base)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase}.form-input,.form-textarea,.form-select{width:100%;background:#ffffff08;border:1px solid var(--border-glass);border-radius:10px;padding:12px 14px;color:var(--text-main);outline:none;font-family:inherit;font-size:.95rem;transition:border-color .2s ease;min-height:48px}.form-select,.form-select option{background:#f8fafc;color:#111827}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--secondary)}.form-textarea{min-height:80px;resize:vertical}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-cat-select{padding:12px;border-radius:10px;border:1px solid var(--border-glass);background:#ffffff05;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.8rem;font-weight:500;transition:all .2s ease;min-height:72px}.btn-cat-select:hover{background:#ffffff0f;color:var(--text-main)}.btn-cat-select.selected{background:var(--bg-card-hover);border-color:var(--primary);color:var(--text-main);box-shadow:0 0 10px #6366f133}.format-option{width:100%;text-align:left;font-family:inherit;padding:14px;border-radius:12px;border:1px solid var(--border-glass);background:#ffffff05;cursor:pointer;margin-bottom:10px;transition:all .2s ease;display:block}.format-option:hover{background:#ffffff0f}.format-option.selected{border-color:var(--secondary);background:var(--bg-card-hover)}.format-title{font-weight:700;font-size:.95rem;margin-bottom:4px;color:var(--text-main)}.format-desc{font-size:.8rem;color:var(--text-muted)}.opt-input-row{display:flex;gap:8px;margin-bottom:8px}.multiple-options-panel{padding:14px;margin-bottom:14px;background:#00000026}.btn-add-option{width:100%;font-size:.85rem;padding:10px;margin-top:4px;min-height:40px}.btn-remove-option{padding:12px;color:var(--danger);min-height:48px;min-width:48px}.judge-selector-group{margin-top:10px}.personalization-panel{border:1px solid var(--border-glass);border-radius:12px;padding:14px;background:#ffffff06;display:grid;gap:12px}.personalization-heading{display:flex;align-items:center;gap:8px;color:var(--secondary);font-size:.86rem;font-weight:800;text-transform:uppercase}.prediction-preview-card{display:flex;align-items:center;gap:12px;padding:14px;min-height:94px;border-radius:12px;border:1px solid color-mix(in srgb,var(--preview-accent),transparent 58%);background:linear-gradient(135deg,color-mix(in srgb,var(--preview-theme),transparent 62%),#ffffff09),#ffffff08}.prediction-preview-logo{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:color-mix(in srgb,var(--preview-accent),transparent 18%);color:var(--bg-base);font-size:1.7rem;font-weight:800;overflow:hidden}.prediction-preview-logo img{width:100%;height:100%;object-fit:cover}.prediction-preview-invite{color:var(--preview-accent);font-size:.75rem;font-weight:800;text-transform:uppercase}.prediction-preview-title{color:#fff;font-size:1rem;font-weight:800;overflow-wrap:anywhere}.prediction-preview-host{color:var(--text-muted);font-size:.8rem}.compact-form-group{margin-bottom:0}.customization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo-upload-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:10px;border:1px solid var(--border-glass);background:#ffffff08;color:var(--text-main);cursor:pointer;font-weight:700}.palette-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.palette-swatch{height:38px;border-radius:10px;border:1px solid var(--border-glass);cursor:pointer;background:linear-gradient(135deg,var(--swatch-a) 0 50%,var(--swatch-b) 50% 100%)}.color-input{width:100%;min-height:48px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff08;padding:6px;cursor:pointer}.clear-logo-btn{min-height:40px}.modal-footer{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-glass)}.btn-modal-action{min-height:48px}@media (max-width: 360px){.categories-grid{grid-template-columns:repeat(2,1fr)}.customization-grid{grid-template-columns:1fr}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;padding:32px 28px;display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px}.login-logo-icon{color:var(--secondary)}.login-logo-text{font-family:Outfit,sans-serif;font-weight:800;font-size:1.8rem;background:linear-gradient(135deg,#fff,var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:6px}.login-invite-note{text-align:center;color:var(--text-main);background:#ffffff14;border:1px solid var(--border-glass);border-radius:8px;padding:10px 12px;font-size:.82rem}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.login-error{color:var(--danger);font-size:.85rem;font-weight:600;text-align:center}.login-submit{width:100%;min-height:48px;margin-top:4px}.login-switch{background:none;border:none;color:var(--secondary);font-size:.85rem;cursor:pointer;padding:8px;font-family:Inter,sans-serif}.login-demo-hint{text-align:center;font-size:.75rem;color:var(--text-muted)}:root{--bg-base: hsl(222, 47%, 11%);--bg-card: hsla(217, 33%, 17%, .5);--bg-card-hover: hsla(217, 33%, 22%, .7);--border-glass: hsla(0, 0%, 100%, .08);--border-glass-focused: hsla(250, 89%, 65%, .4);--primary: hsl(250, 89%, 65%);--primary-hover: hsl(250, 89%, 70%);--secondary: hsl(180, 100%, 45%);--secondary-hover: hsl(180, 100%, 55%);--text-main: hsl(0, 0%, 96%);--text-muted: hsl(215, 15%, 70%);--success: hsl(142, 72%, 49%);--warning: hsl(48, 96%, 53%);--danger: hsl(0, 84%, 60%);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}*:focus-visible{outline:2px solid var(--secondary)!important;outline-offset:2px!important}html{overflow-x:hidden;max-width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-base);background-image:radial-gradient(circle at 80% 10%,hsla(250,60%,18%,.5) 0%,transparent 50%),radial-gradient(circle at 10% 90%,hsla(180,60%,10%,.3) 0%,transparent 50%);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5}select,select option{color:#111827;background-color:#f8fafc}select{color-scheme:light}select:disabled,select option:disabled{color:#64748b}h1,h2,h3,h4{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#ffffff26}.glass-panel-interactive:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 12px 40px #0006}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #7156f566}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #7156f599}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:#fff3}.btn-glow{background:var(--secondary);color:var(--bg-base);box-shadow:0 4px 14px #00e6e666}.btn-glow:hover:not(:disabled){background:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #00e6e699}.btn:disabled{opacity:.4;cursor:not-allowed}@keyframes pulse-glow-animation{0%{box-shadow:0 0 #00e6e6b3}70%{box-shadow:0 0 0 10px #00e6e600}to{box-shadow:0 0 #00e6e600}}.pulse-glow{animation:pulse-glow-animation 2s infinite}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.shake{animation:shake .3s ease-in-out}.badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-sports{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-office{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.badge-weather{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.badge-finance{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-cinema{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-other{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1rem}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:100%;overflow-x:hidden}@media (min-width: 769px){.app-container{flex-direction:row}}.content-wrapper{flex:1;min-width:0;width:100%;box-sizing:border-box;padding:24px 24px 96px;max-width:800px;margin:0 auto}@media (min-width: 769px){.content-wrapper{margin-left:260px;padding-bottom:24px;max-width:900px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}