.top-sweat-banner{cursor:pointer;background:linear-gradient(#000000f2 0%,#000000fa 100%);border-bottom:1px solid #04785733;flex-shrink:0;justify-content:center;align-items:center;height:36px;transition:background .3s;display:flex;position:relative;overflow:hidden}.top-sweat-banner:hover{background:linear-gradient(#04785714 0%,#000000fa 100%)}.matrix-rain{pointer-events:none;opacity:.15;position:absolute;inset:0;overflow:hidden}.matrix-char{color:#047857;text-shadow:0 0 8px #047857;opacity:.6;font-family:monospace;font-size:12px;animation:linear infinite matrix-fall;position:absolute;top:-20px}@keyframes matrix-fall{0%{opacity:0;transform:translateY(-20px)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(60px)}}.top-sweat-content{z-index:1;align-items:center;gap:10px;font-size:13px;transition:opacity 1s,transform .8s;display:flex;position:relative}.top-sweat-crown{filter:drop-shadow(0 0 6px #ffd70099);font-size:14px;animation:2s ease-in-out infinite crown-glow}@keyframes crown-glow{0%,to{filter:drop-shadow(0 0 6px #ffd70066)}50%{filter:drop-shadow(0 0 12px #ffd700cc)}}.top-sweat-label{letter-spacing:1px;color:#047857;text-shadow:0 0 20px #04785780;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.top-sweat-divider{color:#88888880;font-size:10px}.top-sweat-room{color:#fff;text-shadow:0 0 10px #ffffff4d;font-weight:600}.top-sweat-game{color:#888}.top-sweat-odds{color:#047857;font-weight:600}.top-sweat-users{color:#888;font-size:12px}.top-sweat-empty{color:#0478574d;letter-spacing:4px;font-size:16px;animation:1s ease-in-out infinite pulse-dots}@keyframes pulse-dots{0%,to{opacity:.3}50%{opacity:.6}}.top-sweat-waiting{color:#8886;font-size:12px;font-style:italic}.top-sweat-banner.fading-out .top-sweat-content{opacity:0;transform:translateY(-10px)}.top-sweat-banner.pause .top-sweat-content{opacity:1}.top-sweat-banner.fading-in .top-sweat-content{animation:1.2s ease-out forwards king-entrance}@keyframes king-entrance{0%{opacity:0;transform:translateY(10px)scale(.95)}40%{opacity:1;transform:translateY(0)scale(1)}50%{text-shadow:0 0 30px #047857cc}60%{text-shadow:0 0 40px #047857}to{opacity:1;text-shadow:none;transform:translateY(0)scale(1)}}.top-sweat-banner.fading-in:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#04785726 50%,#0000 100%);animation:1s ease-out forwards shimmer;position:absolute;inset:0}@keyframes shimmer{0%{opacity:1;transform:translate(-100%)}to{opacity:0;transform:translate(100%)}}:root{--matrix-green:#047857;--matrix-green-dim:#04785733;--matrix-green-glow:#0478571f;--black:#0a0a0a;--card:#141414;--card-elevated:#1a1a1a;--card-hover:#1f1f1f;--white:#fff;--gray:#888;--gray-dim:#666;--text-muted:#666;--border:#2a2a2a;--border-subtle:#1f1f1f;--danger:#ef4444;--warning:#f59e0b;--live:#ef4444;--sidebar-width:220px;--right-panel-width:320px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--black);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{background:var(--black);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--matrix-green-dim);background:var(--black);flex-shrink:0;width:100%;padding:12px 20px}.app-header h1{color:var(--matrix-green);letter-spacing:-.5px;white-space:nowrap;margin:0;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.app-header p{display:none}.brand-row{align-items:center;gap:16px;width:100%;margin:0;display:flex}.brand-emoji{color:var(--gray-dim);margin-left:4px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.layout{grid-template-columns:var(--sidebar-width)1fr var(--right-panel-width);flex:1;min-height:0;display:grid;overflow:hidden}@media (max-width:1200px){.layout{grid-template-columns:var(--sidebar-width)1fr}.slip-status-column{display:none}}.rooms{border-right:1px solid var(--border);background:var(--black);flex-direction:column;padding:16px;display:flex;overflow:hidden auto}.market-tabs{flex-wrap:wrap;flex-shrink:0;gap:8px;margin-bottom:16px;display:flex}.market-tab{border:1.5px solid var(--border);color:var(--gray);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;flex-shrink:0;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.market-tab:hover{border-color:var(--matrix-green);color:var(--matrix-green)}.market-tab.active{background:var(--matrix-green-dim);border-color:var(--matrix-green);color:var(--matrix-green);font-weight:600}.market-tab.has-live{border-color:#ef4444;animation:2s infinite livePulse}@keyframes livePulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 8px 2px #ef44444d}}.market-tab.has-live.active{background:#ef444426;border-color:#ef4444}.market-live-badge{color:#fff;letter-spacing:.5px;background:#ef4444;border-radius:4px;align-items:center;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:700;animation:1.5s infinite liveBlink;display:inline-flex}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.7}}.market-today-badge{background:var(--matrix-green);min-width:18px;height:18px;color:var(--black);border-radius:9px;justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.room-search{flex-shrink:0;margin-bottom:16px;position:relative}.room-search-input{border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border);width:100%;color:var(--white);padding:12px 14px;font-size:14px;transition:all .2s}.room-search-input:focus{border-color:var(--matrix-green);outline:none;box-shadow:0 0 0 2px #0478571a}.room-search-input::placeholder{color:var(--matrix-green-dim)}.room-search-dropdown{background:var(--black);border:1px solid var(--matrix-green);z-index:50;border-radius:4px;max-height:300px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #00000080}.room-search-dropdown::-webkit-scrollbar{width:4px}.room-search-dropdown::-webkit-scrollbar-thumb{background:var(--matrix-green-dim);border-radius:4px}.room-search-empty{text-align:center;color:var(--gray);padding:16px 12px;font-size:12px}.room-search-item{border:none;border-bottom:1px solid var(--matrix-green-dim);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .15s;display:flex}.room-search-item:last-child{border-bottom:none}.room-search-item:hover{background:var(--matrix-green-glow)}.room-search-item-info{flex:1;min-width:0}.room-search-item-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.room-search-item-game{color:var(--gray);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.room-search-item-users{color:var(--matrix-green);white-space:nowrap;margin-left:8px;font-size:10px;font-weight:600}.rooms-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rooms-header h2{color:var(--white);text-transform:uppercase;letter-spacing:.5px;margin:0;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.create-room-btn{background:var(--matrix-green);color:var(--black);cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.create-room-btn:hover:not(:disabled){filter:brightness(1.1)}.create-room-btn:disabled{opacity:.3;cursor:not-allowed}.rooms-list{flex-direction:column;flex:1;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.rooms-list::-webkit-scrollbar{width:4px}.rooms-list::-webkit-scrollbar-thumb{background:var(--matrix-green-dim);border-radius:4px}.room{border-radius:var(--radius-md);cursor:pointer;background:var(--card);border:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.room:hover{border-color:var(--matrix-green);background:var(--card-hover)}.room.active{border-color:var(--matrix-green);background:var(--matrix-green-glow)}.room-name-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.team-color-dot{border-radius:50%;flex-shrink:0;width:20px;height:20px}.chat-header-dot{width:24px;height:24px}.room-game{color:var(--gray);font-size:11px}.room-odds{color:var(--matrix-green);margin-top:4px;font-size:11px;font-weight:600}.room-users{color:var(--gray-dim);margin-top:4px;font-size:10px}.trending-rooms .room{background:var(--card);border-color:var(--border)}.trending-rooms .room:hover{background:var(--card-hover);border-color:var(--matrix-green)}.trending-count{font-weight:600;color:var(--matrix-green)!important}.rooms-header-legacy{border-top:1px solid var(--matrix-green-dim);margin-top:16px;padding-top:16px}.rooms-header-legacy h2{color:var(--gray);font-size:12px}.room-delete-btn{color:#ef4444;cursor:pointer;opacity:0;background:0 0;border:1px solid #ef444466;border-radius:4px;flex-shrink:0;width:20px;height:20px;font-size:14px;line-height:1;transition:all .15s}.room:hover .room-delete-btn{opacity:1}.room-delete-btn:hover{background:#ef444433}.room-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.room-share-btn{color:#047857;cursor:pointer;opacity:0;background:0 0;border:1px solid #0478574d;border-radius:6px;flex-shrink:0;width:24px;height:24px;font-size:12px;line-height:1;transition:all .15s}.room:hover .room-share-btn{opacity:1}.room-share-btn:hover{background:#04785726;border-color:#04785780}.chat-share-btn{color:#047857;cursor:pointer;background:#0478571a;border:1px solid #0478574d;border-radius:8px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.chat-share-btn:hover{background:#04785733;border-color:#04785780}.empty-rooms{text-align:center;color:var(--gray-dim);padding:24px 12px}.empty-rooms p{margin:0;font-size:13px}.empty-rooms-sub{color:var(--gray-dim);margin-top:6px!important;font-size:11px!important}.empty-chat{text-align:center;height:100%;color:var(--gray-dim);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-chat h2{color:var(--gray);margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:18px}.empty-chat p{margin:0;font-size:14px}.chat{background:var(--black);border-right:1px solid var(--matrix-green-dim);flex-direction:column;min-height:0;padding:16px 24px;display:flex;overflow:hidden}.chat-top{flex-shrink:0}.chat-header{border-bottom:1px solid var(--matrix-green-dim);margin-bottom:12px;padding-bottom:12px}.chat-header-top{align-items:center;gap:10px;display:flex}.chat-header h2{color:var(--white);margin:0;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.chat-tag{border:1px solid var(--matrix-green-dim);color:var(--gray);background:0 0;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:500}.chat-header p{color:var(--gray);margin:6px 0 0;font-size:13px}.chat-header .highlight{color:var(--matrix-green);font-weight:500}.messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 0;display:flex;overflow-y:auto}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-thumb{background:var(--matrix-green-dim);border-radius:4px}.message-cluster{flex-direction:column;gap:2px;max-width:65%;display:flex}.message-header{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.message-oddie{font-size:13px}.message-user{color:var(--matrix-green);font-size:13px;font-weight:600}.message-user.clickable{cursor:pointer;transition:all .2s}.message-user.clickable:hover{text-shadow:0 0 10px #04785780;text-decoration:underline}.message-timestamp{color:var(--gray-dim);font-size:10px}.message-bubble{background:var(--card);border:1px solid var(--border);border-radius:16px 16px 16px 4px;width:fit-content;padding:10px 14px}.message-bubble+.message-bubble{margin-top:2px}.message.own .message-bubble{background:var(--matrix-green);border-color:var(--matrix-green);border-bottom-right-radius:4px;border-bottom-left-radius:16px}.message.own .message-text{color:var(--black)}.message-text{color:var(--white);word-wrap:break-word;font-size:14px;line-height:1.4}.typing-indicator{color:var(--gray-dim);font-size:12px;font-style:italic}.input-row{background:var(--card);border-top:1px solid var(--border);flex-shrink:0;gap:10px;margin-top:12px;padding:14px;display:flex}.input-row input{background:var(--card-elevated);border:1px solid var(--border);color:var(--white);border-radius:22px;flex:1;padding:12px 16px;font-size:15px}.input-row input:focus{border-color:var(--matrix-green);outline:none}.input-row input::placeholder{color:var(--text-muted)}.input-row button{background:var(--matrix-green);color:var(--black);cursor:pointer;border:none;border-radius:22px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.input-row button:hover{filter:brightness(1.1);transform:scale(1.02)}.game-ended-notice{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef444466;align-items:center;gap:16px;margin:16px;padding:20px 24px;animation:2s infinite gameEndedPulse;display:flex}@keyframes gameEndedPulse{0%,to{box-shadow:0 0 20px #ef444433}50%{box-shadow:0 0 30px #ef444466}}.game-ended-icon{font-size:32px;animation:1s infinite gameEndedBounce}@keyframes gameEndedBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.game-ended-text{flex-direction:column;gap:4px;display:flex}.game-ended-text strong{color:#ef4444;font-size:16px;font-weight:700}.game-ended-text span{color:var(--gray);font-size:13px}.emoji-toggle{border:1px solid var(--matrix-green-dim)!important;color:var(--white)!important;background:0 0!important;padding:10px 12px!important}.emoji-toggle:hover{border-color:var(--matrix-green)!important}.emoji-picker{background:var(--black);border:1px solid var(--matrix-green-dim);border-radius:4px;flex-wrap:wrap;flex-shrink:0;gap:4px;margin-top:8px;padding:8px;display:flex}.emoji-picker button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 8px;font-size:18px;transition:all .15s}.emoji-picker button:hover{background:var(--matrix-green-glow);border-color:var(--matrix-green-dim)}.profile-pill{border:1px solid var(--matrix-green-dim);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;margin-left:auto;padding:4px 12px 4px 4px;transition:all .15s;display:flex}.profile-pill:hover{border-color:var(--matrix-green)}.profile-avatar{background:var(--matrix-green-glow);border:1px solid var(--matrix-green-dim);border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.profile-pill-name{color:var(--white);font-size:13px;font-weight:500}.profile-pill-img{object-fit:cover;border:1px solid var(--matrix-green-dim);border-radius:50%;width:28px;height:28px}.mobile-avatar-img{object-fit:cover;border-radius:50%;width:36px;height:36px}.admin-btn{color:#047857;cursor:pointer;background:#0478571a;border:1px solid #04785766;border-radius:4px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.admin-btn:hover{background:#04785733;border-color:#047857}.logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef444466;border-radius:4px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.logout-btn:hover{background:#ef44441a;border-color:#ef4444}.profile-overlay{z-index:100;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-panel{background:var(--black);border:1px solid var(--matrix-green-dim);border-radius:8px;width:90%;max-width:420px;max-height:85vh;padding:24px;overflow-y:auto}.profile-back-button{color:var(--matrix-green);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:0;font-size:14px}.profile-back-button:hover{text-decoration:underline}.profile-card{flex-direction:column;gap:20px;display:flex}.profile-avatar-row{align-items:center;gap:12px;display:flex}.profile-avatar-lg{background:var(--matrix-green-glow);border:1px solid var(--matrix-green-dim);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;transition:all .15s;display:flex}.profile-avatar-lg:hover{border-color:var(--matrix-green)}.profile-emoji-choices{gap:6px;display:flex}.profile-emoji-choice{border:1px solid var(--matrix-green-dim);cursor:pointer;background:0 0;border-radius:4px;width:40px;height:40px;font-size:18px;transition:all .15s}.profile-emoji-choice:hover{border-color:var(--matrix-green)}.profile-emoji-choice-active{background:var(--matrix-green);border-color:var(--matrix-green)}.profile-stats-row{background:var(--matrix-green-glow);border:1px solid var(--matrix-green-dim);border-radius:4px;gap:16px;padding:12px;display:flex}.profile-stat{text-align:center;flex:1}.profile-stat-number{color:var(--matrix-green);font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.profile-stat-label{color:var(--gray);margin-top:2px;font-size:11px}.profile-field-group{flex-direction:column;gap:8px;display:flex}.profile-field-group label{color:var(--gray);flex-direction:column;gap:6px;font-size:13px;display:flex}.profile-field-group input,.profile-field-group select,.profile-field-group textarea{background:var(--black);border:1px solid var(--matrix-green-dim);color:var(--white);border-radius:4px;padding:10px 12px;font-size:14px}.profile-field-group input:focus,.profile-field-group select:focus,.profile-field-group textarea:focus{border-color:var(--matrix-green);outline:none}.profile-help{color:var(--gray-dim);margin:0;font-size:11px}.profile-section-label{color:var(--gray);margin-bottom:8px;font-size:13px}.profile-color-row{gap:8px;display:flex}.profile-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;width:32px;height:32px;transition:all .15s}.profile-color-swatch:hover{transform:scale(1.1)}.profile-color-swatch-active{border-color:var(--white)}.profile-avatar-blue{background:#3b82f6}.profile-avatar-green{background:var(--matrix-green)}.profile-avatar-orange{background:#f97316}.profile-avatar-red{background:#ef4444}.profile-avatar-purple{background:#a855f7}.profile-toggle-row{border-bottom:1px solid var(--matrix-green-dim);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.profile-toggle-row:last-child{border-bottom:none}.profile-toggle-text{flex:1}.profile-toggle-title{color:var(--white);font-size:14px;font-weight:500}.profile-toggle-description{color:var(--gray-dim);margin-top:2px;font-size:12px}.toggle{width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle input:checked+.toggle-slider{background:var(--matrix-green)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.profile-actions{border-top:1px solid var(--matrix-green-dim);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.profile-button{cursor:pointer;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.profile-button-secondary{border:1px solid var(--matrix-green-dim);color:var(--gray);background:0 0}.profile-button-secondary:hover{border-color:var(--matrix-green);color:var(--white)}.profile-button-primary{background:var(--matrix-green);color:var(--black);border:none}.profile-button-primary:hover{filter:brightness(1.1)}.modal-overlay{z-index:100;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--black);border:1px solid var(--matrix-green-dim);border-radius:8px;width:90%;max-width:480px;max-height:80vh;padding:24px;overflow-y:auto}.modal-content h2{color:var(--white);margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600}.modal-subtitle{color:var(--gray);margin:0 0 16px;font-size:14px}.game-select-list{flex-direction:column;gap:8px;max-height:280px;margin-bottom:16px;display:flex;overflow-y:auto}.game-select-item{background:var(--black);border:1px solid var(--matrix-green-dim);cursor:pointer;text-align:left;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;transition:all .15s;display:flex}.game-select-item:hover{border-color:var(--matrix-green)}.game-select-item-active{border-color:var(--matrix-green);background:var(--matrix-green-glow)}.game-select-teams{color:var(--white);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.game-select-at{color:var(--gray-dim);font-weight:400}.game-select-status{font-size:12px}.game-live-badge{background:var(--matrix-green);color:var(--black);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.game-final-badge{background:var(--gray-dim);color:var(--white);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.game-time{color:var(--gray)}.no-games-msg{text-align:center;color:var(--gray-dim);padding:24px;font-size:14px}.create-room-form{border-top:1px solid var(--matrix-green-dim);flex-direction:column;gap:12px;margin-bottom:16px;padding-top:16px;display:flex}.create-room-form label{color:var(--gray);flex-direction:column;gap:6px;font-size:13px;display:flex}.create-room-form input{background:var(--black);border:1px solid var(--matrix-green-dim);color:var(--white);border-radius:4px;padding:10px 12px;font-size:14px}.create-room-form input:focus{border-color:var(--matrix-green);outline:none}.modal-actions{border-top:1px solid var(--matrix-green-dim);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.modal-btn{cursor:pointer;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.modal-btn-secondary{border:1px solid var(--matrix-green-dim);color:var(--gray);background:0 0}.modal-btn-secondary:hover{border-color:var(--matrix-green);color:var(--white)}.modal-btn-primary{background:var(--matrix-green);color:var(--black);border:none}.modal-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.modal-btn-primary:disabled{opacity:.3;cursor:not-allowed}.submit-room-modal{max-width:500px}.submit-field{margin-bottom:16px}.submit-field label{color:var(--matrix-green);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.submit-field select{background:var(--black);border:1px solid var(--matrix-green-dim);width:100%;color:var(--white);cursor:pointer;border-radius:4px;padding:10px 12px;font-size:14px}.submit-field select:focus{border-color:var(--matrix-green);outline:none}.submit-field .game-select-list.compact{max-height:200px}.submit-field .prop-input{background:var(--black);border:1px solid var(--matrix-green-dim);width:100%;color:var(--matrix-green);letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:12px 14px;font-size:15px;font-weight:600}.submit-field .prop-input:focus{border-color:var(--matrix-green);outline:none;box-shadow:0 0 10px #04785733}.submit-field .prop-input::placeholder{color:#04785766;font-weight:400}.field-hint{color:var(--gray);margin:6px 0 0;font-size:12px}.submit-success{text-align:center;padding:40px 20px}.submit-success .success-icon{width:64px;height:64px;color:var(--matrix-green);background:#04785726;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:32px;display:inline-flex}.submit-success h2{color:var(--matrix-green);margin-bottom:8px}.submit-success p{color:var(--gray);font-size:14px}.dm-btn{border:1px solid var(--matrix-green-dim);color:var(--white);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-size:18px;transition:all .15s;position:relative}.dm-btn:hover{border-color:var(--matrix-green);background:#0478571a}.dm-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.notification-btn{border:1px solid var(--matrix-green-dim);cursor:pointer;color:var(--white);background:0 0;border-radius:4px;padding:6px 12px;font-size:18px;transition:all .15s;position:relative}.notification-btn:hover{border-color:var(--matrix-green);background:#0478571a}.notification-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.notifications-inbox{max-width:400px}.notifications-mark-read-btn{border:1px solid var(--matrix-green-dim);width:calc(100% - 32px);color:var(--matrix-green);cursor:pointer;background:0 0;border-radius:8px;margin:0 16px 12px;padding:8px 16px;font-size:13px;transition:all .15s}.notifications-mark-read-btn:hover{border-color:var(--matrix-green);background:#0478571a}.notifications-list{flex:1;padding:0 8px 16px;overflow-y:auto}.notification-item{cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:background .15s;display:flex}.notification-item:hover{background:#ffffff08}.notification-item.unread{border-left:3px solid var(--matrix-green);background:#04785714}.notification-avatar{background:var(--matrix-green-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.notification-avatar img{object-fit:cover;width:100%;height:100%}.notification-emoji{font-size:20px}.notification-avatar-green{background:#0478574d}.notification-avatar-blue{background:#3b82f64d}.notification-avatar-purple{background:#a855f74d}.notification-avatar-orange{background:#f973164d}.notification-avatar-red{background:#ef44444d}.notification-avatar-pink{background:#ec48994d}.notification-content{flex:1;min-width:0}.notification-message{color:var(--white);margin:0 0 4px;font-size:14px;line-height:1.4}.notification-post-preview{color:var(--gray);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:13px;font-style:italic;overflow:hidden}.notification-time{color:var(--gray);font-size:12px}.notification-type-icon{flex-shrink:0;font-size:16px}.rooms-header-recent h2{color:var(--gray);font-size:13px}.recent-rooms-list .room{opacity:.8}.recent-rooms-list .room:hover{opacity:1}.room-remove-recent-btn{color:var(--gray);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .15s}.room:hover .room-remove-recent-btn{opacity:1}.room-remove-recent-btn:hover{color:#ef4444;background:#ef44441a}.sidebar-footer{border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px 16px;margin-top:auto;padding:20px 16px;display:flex}.sidebar-footer a{color:#aaa;padding:4px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.sidebar-footer a:hover{color:var(--matrix-green);text-decoration:underline}.sidebar-footer .footer-divider{color:#555;font-size:14px}.dm-overlay{z-index:200}.dm-inbox{background:var(--black);border:1px solid var(--matrix-green-dim);border-radius:12px;flex-direction:column;width:100%;max-width:420px;max-height:80vh;display:flex;overflow:hidden}.dm-inbox-header{border-bottom:1px solid var(--matrix-green-dim);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dm-inbox-header h2{color:var(--matrix-green);margin:0;font-size:18px;font-weight:600}.dm-close{color:var(--gray);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.dm-close:hover{color:var(--white)}.dm-back{color:var(--matrix-green);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px}.dm-back:hover{color:var(--white)}.dm-new-btn{background:var(--matrix-green);color:var(--black);cursor:pointer;border:none;border-radius:8px;margin:12px 16px;padding:12px;font-size:14px;font-weight:600;transition:filter .15s}.dm-new-btn:hover{filter:brightness(1.1)}.dm-empty{text-align:center;color:var(--gray);padding:48px 24px}.dm-empty span{margin-bottom:12px;font-size:48px;display:block}.dm-empty p{margin:0 0 4px;font-size:14px}.dm-empty-sub{color:#fff6;font-size:12px}.dm-conversation-list{flex:1;padding:8px;overflow-y:auto}.dm-conversation-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background .15s;display:flex}.dm-conversation-item:hover{background:#0478571a}.dm-conversation-item.unread{background:#0478570d}.dm-conv-avatar{border:2px solid var(--matrix-green-dim);background:#0478571a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;overflow:hidden}.dm-conv-avatar img{object-fit:cover;width:100%;height:100%}.dm-conv-content{flex:1;min-width:0}.dm-conv-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dm-conv-name{color:var(--white);font-size:14px;font-weight:600}.dm-conv-time{color:var(--gray);font-size:11px}.dm-conv-preview{color:var(--gray);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.dm-you{color:var(--matrix-green)}.dm-unread-dot{background:var(--matrix-green);min-width:20px;height:20px;color:var(--black);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:flex}.dm-friends-list{flex:1;padding:8px;overflow-y:auto}.dm-friend-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background .15s;display:flex}.dm-friend-item:hover{background:#0478571a}.dm-friend-name{color:var(--white);font-size:14px;font-weight:500}.dm-chat{background:var(--black);border:1px solid var(--matrix-green-dim);border-radius:12px;flex-direction:column;width:100%;max-width:500px;height:70vh;max-height:600px;display:flex;overflow:hidden}.dm-chat-header{border-bottom:1px solid var(--matrix-green-dim);align-items:center;gap:12px;padding:12px 16px;display:flex}.dm-chat-user{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.dm-chat-user:hover .dm-chat-name{color:var(--matrix-green)}.dm-chat-avatar{border:2px solid var(--matrix-green-dim);background:#0478571a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;overflow:hidden}.dm-chat-avatar img{object-fit:cover;width:100%;height:100%}.dm-chat-name{color:var(--white);font-size:15px;font-weight:600;transition:color .15s}.dm-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.dm-messages-empty{color:var(--gray);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.dm-messages-empty p{margin:0 0 4px}.dm-message{max-width:80%;display:flex}.dm-message.sent{align-self:flex-end}.dm-message.received{align-self:flex-start}.dm-message-bubble{border-radius:16px;padding:10px 14px;position:relative}.dm-message.sent .dm-message-bubble{background:var(--matrix-green);color:var(--black);border-bottom-right-radius:4px}.dm-message.received .dm-message-bubble{color:var(--white);background:#ffffff1a;border-bottom-left-radius:4px}.dm-message-bubble p{word-wrap:break-word;margin:0;font-size:14px;line-height:1.4}.dm-message-time{opacity:.7;margin-top:4px;font-size:10px;display:block}.dm-report-btn{color:#fff6;cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex;position:absolute;top:4px;right:4px}.dm-message-bubble:hover .dm-report-btn,.dm-message-bubble:active .dm-report-btn{opacity:1}.dm-report-btn:hover{color:#ef4444}@media (hover:none){.dm-report-btn{opacity:.7}}.dm-message.sent .dm-message-time{text-align:right}.dm-input-area{border-top:1px solid var(--matrix-green-dim);background:#00000080;gap:10px;padding:12px 16px;display:flex}.dm-input{border:1px solid var(--matrix-green-dim);color:var(--white);background:#ffffff0d;border-radius:24px;outline:none;flex:1;padding:12px 16px;font-size:14px}.dm-input:focus{border-color:var(--matrix-green)}.dm-input::placeholder{color:var(--gray)}.dm-send-btn{background:var(--matrix-green);color:var(--black);cursor:pointer;border:none;border-radius:24px;padding:12px 20px;font-size:14px;font-weight:600;transition:filter .15s}.dm-send-btn:hover:not(:disabled){filter:brightness(1.1)}.dm-send-btn:disabled{opacity:.4;cursor:not-allowed}.live-games-panel{background:var(--black);border-left:1px solid var(--matrix-green-dim);flex-direction:column;padding:16px;display:flex;overflow:hidden}.live-games-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.live-games-header h2{color:var(--matrix-green);text-transform:uppercase;letter-spacing:.5px;margin:0;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.refresh-btn{border:1px solid var(--matrix-green-dim);color:var(--gray);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .15s}.refresh-btn:hover{border-color:var(--matrix-green);color:var(--matrix-green)}.featured-game{border:1px solid var(--matrix-green);background:var(--matrix-green-glow);border-radius:6px;flex-shrink:0;margin-bottom:16px;padding:16px}.featured-game-label{color:var(--matrix-green);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:10px;font-weight:600}.featured-game-teams{flex-direction:column;gap:10px;display:flex}.featured-game-team{align-items:center;gap:10px;display:flex}.featured-game-logo{object-fit:contain;width:32px;height:32px}.featured-game-name{color:var(--white);flex:1;font-size:14px;font-weight:500}.featured-game-score{color:var(--matrix-green);font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}.featured-game-status{border-top:1px solid var(--matrix-green-dim);color:var(--gray);justify-content:center;align-items:center;gap:8px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.featured-game-status.is-live{color:var(--matrix-green)}.other-games-label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-bottom:10px;font-size:11px;font-weight:600}.games-list{flex-direction:column;flex:1;gap:24px;padding-bottom:20px;display:flex;overflow-y:auto}.games-list::-webkit-scrollbar{width:4px}.games-list::-webkit-scrollbar-thumb{background:var(--matrix-green-dim);border-radius:4px}.game-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);cursor:pointer;padding:16px;transition:all .2s}.game-card:hover{border-color:var(--matrix-green);background:var(--card-hover)}.game-card-clickable{position:relative}.game-card-clickable:after{content:"TAP TO BUILD PROP →";text-align:center;color:var(--matrix-green);opacity:0;font-size:9px;font-weight:600;transition:opacity .2s;position:absolute;bottom:-20px;left:0;right:0}.game-card-clickable:hover:after{opacity:1}.game-card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #04785733}.game-card-row{justify-content:space-between;align-items:center;display:flex}.game-card-row+.game-card-row{margin-top:6px}.game-card-team{flex:1;align-items:center;gap:8px;display:flex}.game-card-logo{object-fit:contain;width:18px;height:18px}.game-card-dot{border-radius:50%;flex-shrink:0;width:18px;height:18px}.game-card-abbr{color:var(--white);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:600;overflow:hidden}.game-card-score{color:var(--matrix-green);text-align:right;width:24px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.game-card-status{color:var(--gray);text-align:right;min-width:50px;font-size:10px}.game-card-status.is-live{color:var(--matrix-green);font-weight:600}.individual-sport-card{padding:10px 12px}.individual-sport-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.individual-sport-header .event-name{color:var(--white);flex:1;font-size:12px;font-weight:600}.individual-sport-info{flex-direction:column;gap:4px;display:flex}.individual-sport-info .event-name{color:var(--white);font-size:13px;font-weight:600}.individual-sport-info .event-venue{color:var(--text-secondary);font-size:10px}.golfer-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:4px 0;display:flex}.golfer-row:last-child{border-bottom:none}.golfer-position{color:var(--matrix-green);min-width:24px;font-size:11px;font-weight:600}.golfer-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.golfer-score{color:var(--matrix-green);text-align:right;min-width:32px;font-size:12px;font-weight:600}.fights-list{margin-top:8px}.fights-list.upcoming-fights{margin-top:12px}.fight-row,.fight-preview{border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:8px;padding:6px 0;display:flex}.fight-row:last-child{border-bottom:none}.fight-row.compact{padding:4px 0}.fighter-name{color:var(--white);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:600;overflow:hidden}.vs-label{color:var(--text-secondary);flex-shrink:0;font-size:10px;font-weight:500}.weight-class{color:var(--gray);background:var(--matrix-green-glow);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px}.more-fights{color:var(--matrix-green);text-align:center;padding:4px 0;font-size:10px;font-weight:500}.section-label{letter-spacing:.5px;color:var(--gray);margin-top:8px;padding:8px 12px;font-size:11px;font-weight:700}.live-section-label{color:var(--matrix-green);border-left:2px solid var(--matrix-green);background:#00ff4114}.upcoming-section-label{color:var(--text-secondary);border-top:1px solid var(--border-subtle);margin-top:12px;padding-top:12px}.live-game-card{border-left:2px solid var(--matrix-green);background:#00ff4108}.upcoming-game-card{padding:10px 12px}.upcoming-game-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.upcoming-date{color:var(--matrix-green);letter-spacing:.3px;font-size:10px;font-weight:600}.upcoming-time{color:var(--text-secondary);font-size:11px}.upcoming-matchup{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.upcoming-team{color:var(--text-primary);flex:1;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:500;display:flex}.upcoming-team span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upcoming-at{color:var(--gray-dim);flex-shrink:0;font-size:11px}.recent-games-label{opacity:.6;border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:12px}.recent-games-list{opacity:.5}.recent-game-card{opacity:.7;transform:scale(.95)}.recent-game-card:hover{opacity:1}.recent-game-card .game-card-status{color:var(--gray-dim);font-style:italic}.no-games{text-align:center;color:var(--gray-dim);padding:24px;font-size:13px}.slip-status-column{display:none}.messages-loading{color:var(--gray-dim);justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex}.fade-chat{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.username-setup{background:var(--black);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.username-setup-container{flex-direction:column;align-items:center;width:100%;max-width:380px;padding:24px;display:flex}.username-setup-logo{color:var(--matrix-green);text-shadow:0 0 20px #04785799,0 0 40px #04785766;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700}.username-setup-tagline{color:#04785780;letter-spacing:2px;margin:0 0 40px;font-size:16px}.username-setup-form{flex-direction:column;gap:16px;width:100%;display:flex}.username-setup-prompt{color:var(--gray);text-align:center;margin:0;font-size:14px}.username-setup-input{border:1px solid var(--matrix-green-dim);width:100%;color:var(--white);box-sizing:border-box;background:#000c;border-radius:6px;padding:16px 18px;font-size:15px}.username-setup-input::placeholder{color:#04785766}.username-setup-input:focus{border-color:var(--matrix-green);outline:none;box-shadow:0 0 0 3px #04785726}.username-setup-input:disabled{opacity:.5}.username-setup-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:12px 16px;font-size:13px}.username-setup-btn{background:var(--matrix-green);width:100%;color:var(--black);cursor:pointer;border:none;border-radius:6px;padding:16px 24px;font-size:16px;font-weight:700;transition:all .2s}.username-setup-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 20px #04785766}.username-setup-btn:disabled{opacity:.7;cursor:not-allowed}.email-verify-screen{background:var(--black);justify-content:center;align-items:center;padding:24px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:fixed;inset:0}.email-verify-container{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:380px;display:flex}.email-verify-logo{letter-spacing:-2px;color:var(--matrix-green);text-shadow:0 0 30px #04785780;margin:0 0 8px;font-size:42px;font-weight:700}.email-verify-tagline{color:#04785780;letter-spacing:2px;text-transform:lowercase;margin:0 0 32px;font-size:14px}.email-verify-icon{margin-bottom:16px;font-size:64px;animation:2s ease-in-out infinite email-verify-bounce}@keyframes email-verify-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.email-verify-title{color:var(--matrix-green);text-shadow:0 0 20px #04785766;margin:0 0 16px;font-size:24px;font-weight:700}.email-verify-message{color:#fffc;margin:0 0 8px;font-size:15px;line-height:1.6}.email-verify-message strong{color:var(--matrix-green);word-break:break-all}.email-verify-instruction{color:#888888b3;margin:0 0 24px;font-size:14px}.email-verify-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:13px}.email-verify-success{width:100%;color:var(--matrix-green);background:#0478571a;border:1px solid #0478574d;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:13px}.email-verify-btn{cursor:pointer;border-radius:6px;width:100%;margin-bottom:12px;padding:16px 24px;font-size:15px;font-weight:600;transition:all .2s}.email-verify-btn.primary{background:var(--matrix-green);color:var(--black);border:none}.email-verify-btn.primary:hover:not(:disabled){background:#2dd468;box-shadow:0 0 20px #04785766}.email-verify-btn.secondary{color:#047857cc;background:0 0;border:1px solid #0478574d}.email-verify-btn.secondary:hover:not(:disabled){border-color:var(--matrix-green);color:var(--matrix-green);background:#0478571a}.email-verify-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-hidden{display:none!important}.mobile-nav{background:var(--black);border-top:1px solid var(--matrix-green-dim);z-index:100;height:60px;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-btn{color:var(--gray);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;transition:all .15s;display:flex}.mobile-nav-btn:disabled{opacity:.3;cursor:not-allowed}.mobile-nav-btn.active,.mobile-nav-btn:not(:disabled):hover{color:var(--matrix-green)}.mobile-nav-icon{font-size:22px}.mobile-nav-label{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}@media (max-width:767px){.app{height:100vh;height:-webkit-fill-available;overflow:hidden}@supports (height:100dvh){.app{height:100dvh}}.top-sweat-banner{z-index:100;height:32px;padding:0 12px;position:fixed;top:0;left:0;right:0}.top-sweat-content{gap:6px;font-size:11px}.top-sweat-crown{font-size:12px}.top-sweat-label{font-size:10px}.top-sweat-game,.top-sweat-odds,.top-sweat-users{display:none}.app-header{z-index:99;background:var(--black);border-bottom:1px solid var(--matrix-green-dim);padding:10px 12px;position:fixed;top:32px;left:0;right:0}.app-header h1{font-size:18px}.brand-row{gap:8px}.brand-emoji{font-size:10px}.admin-btn{padding:5px 10px;font-size:11px}.dm-btn{padding:5px 10px;font-size:16px}.profile-pill{gap:6px;padding:3px 8px 3px 3px}.profile-avatar{width:24px;height:24px;font-size:12px}.profile-pill-name{text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:12px;overflow:hidden}.logout-btn{padding:5px 8px;font-size:11px}.layout{flex-direction:column;display:flex;position:fixed;inset:90px 0 60px;overflow:hidden}.rooms{border-right:none;flex:1;min-height:0;padding:12px;overflow-y:auto}.market-tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px}.market-tab{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:13px}.room-search{margin-bottom:12px}.room-search-input{padding:12px 14px;font-size:14px}.rooms-header{margin-bottom:10px}.rooms-header h2{font-size:13px}.create-room-btn{padding:8px 14px;font-size:13px}.rooms-list{gap:6px}.room{padding:14px}.room-name{font-size:14px}.room-game,.room-odds{font-size:12px}.room-users{font-size:11px}.room-delete-btn{opacity:1;width:24px;height:24px}.chat{border-right:none;flex-direction:column;flex:1;min-height:0;padding:12px;display:flex;overflow:hidden}.chat-header{margin-bottom:10px;padding-bottom:10px}.chat-header h2{font-size:16px}.chat-tag{padding:2px 6px;font-size:9px}.chat-header p{font-size:12px}.messages{flex:1;min-height:0;overflow-y:auto}.message-cluster{max-width:85%}.message-header{gap:6px}.message-oddie,.message-user{font-size:12px}.message-timestamp{font-size:9px}.message-bubble{padding:8px 12px}.message-text{font-size:13px}.input-row{background:var(--black);flex-shrink:0;gap:6px;margin-top:auto;padding-top:10px;padding-bottom:4px}.input-row input{padding:12px;font-size:14px}.input-row button{padding:12px 16px;font-size:14px}.emoji-toggle{padding:12px!important}.emoji-picker{gap:2px;padding:6px}.emoji-picker button{padding:8px;font-size:20px}.empty-chat{padding:24px 16px}.empty-chat h2{font-size:16px}.empty-chat p{font-size:13px}.live-games-panel{border-left:none;flex:1;min-height:0;padding:12px;overflow-y:auto}.live-games-header h2{font-size:13px}.featured-game{margin-bottom:12px;padding:12px}.featured-game-label{margin-bottom:10px;font-size:9px}.featured-game-teams{gap:8px}.featured-game-logo{width:28px;height:28px}.featured-game-name{font-size:13px}.featured-game-score{font-size:20px}.featured-game-status{margin-top:10px;padding-top:10px;font-size:11px}.other-games-label{margin-bottom:8px;font-size:10px}.games-list{gap:6px}.game-card{padding:10px}.game-card-logo,.game-card-dot{width:16px;height:16px}.game-card-abbr{font-size:11px}.game-card-score{font-size:13px}.game-card-status{font-size:9px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%;max-width:100%;max-height:90vh;padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0));border-radius:16px 16px 0 0}.modal-content h2{font-size:18px}.modal-subtitle{font-size:13px}.game-select-list{max-height:40vh}.game-select-item{padding:14px 12px}.game-select-teams{gap:6px;font-size:13px}.modal-actions{gap:8px;padding-top:14px}.modal-btn{flex:1;padding:14px 18px;font-size:14px}.submit-room-modal{max-width:100%}.submit-field{margin-bottom:14px}.submit-field label{font-size:12px}.submit-field select{padding:12px;font-size:14px}.submit-field .game-select-list.compact{max-height:30vh}.submit-field .prop-input{padding:14px;font-size:14px}.field-hint{font-size:11px}.dm-overlay{align-items:flex-end;padding:0}.dm-inbox{border-radius:16px 16px 0 0;max-width:100%;max-height:85vh}.dm-inbox-header{padding:14px 16px}.dm-inbox-header h2{font-size:16px}.dm-new-btn{margin:10px 12px;padding:14px;font-size:14px}.dm-conversation-item{gap:10px;padding:10px}.dm-conv-avatar{width:44px;height:44px;font-size:20px}.dm-conv-name{font-size:13px}.dm-conv-preview{font-size:12px}.dm-chat{border-radius:16px 16px 0 0;max-width:100%;height:90vh;max-height:none}.dm-chat-header{padding:10px 12px}.dm-chat-avatar{width:32px;height:32px;font-size:14px}.dm-chat-name{font-size:14px}.dm-messages{gap:6px;padding:12px}.dm-message{max-width:85%}.dm-message-bubble{padding:10px 12px}.dm-message-bubble p{font-size:13px}.dm-input-area{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0));gap:8px}.dm-input{padding:12px 14px;font-size:14px}.dm-send-btn{padding:12px 16px;font-size:14px}.profile-overlay{align-items:flex-end;padding:0}.profile-panel{width:100%;max-width:100%;max-height:90vh;padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0));border-radius:16px 16px 0 0}.profile-avatar-lg{width:56px;height:56px;font-size:24px}.profile-emoji-choice{width:36px;height:36px;font-size:16px}.profile-stats-row{gap:12px;padding:10px}.profile-stat-number{font-size:18px}.profile-stat-label{font-size:10px}.profile-toggle-title{font-size:13px}.profile-toggle-description{font-size:11px}.profile-actions{flex-direction:column;gap:8px}.profile-button{width:100%;padding:14px}.username-setup-container{padding:20px 16px}.username-setup-logo{font-size:36px}.username-setup-tagline{margin-bottom:32px;font-size:14px}.username-setup-prompt{font-size:13px}.username-setup-input{padding:14px 16px;font-size:14px}.username-setup-btn{padding:14px 20px;font-size:15px}}@media (max-width:374px){.app-header h1{font-size:16px}.profile-pill-name,.logout-btn{display:none}.market-tab{padding:6px 10px;font-size:12px}}.media-btn-container{position:relative}.media-toggle{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:18px;transition:background .2s}.media-toggle:hover{background:#04785726}.media-menu{z-index:100;background:#000000f2;border:1px solid #0478574d;border-radius:8px;min-width:160px;margin-bottom:8px;position:absolute;bottom:100%;left:0;overflow:hidden;box-shadow:0 4px 20px #00000080}.media-menu button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.media-menu button:hover{background:#04785733}.upload-progress{background:#000c;border:1px solid #0478574d;border-radius:6px;height:32px;margin-bottom:8px;position:relative;overflow:hidden}.upload-progress-bar{background:linear-gradient(90deg,#0478574d,#04785780);height:100%;transition:width .3s;position:absolute;top:0;left:0}.upload-progress-text{z-index:1;color:#047857;justify-content:center;align-items:center;height:100%;font-size:13px;font-weight:500;display:flex;position:relative}.message-media{background:0 0!important;padding:4px!important}.message-image-container,.message-gif-container{background:#0000004d;border:1px solid #0478574d;border-radius:8px;max-width:300px;overflow:hidden}.message-image,.message-gif{cursor:pointer;max-width:100%;height:auto;transition:opacity .2s;display:block}.message-image:hover,.message-gif:hover{opacity:.9}.gif-overlay{z-index:1100}.gif-picker-modal{background:#000000fa;border:1px solid #0478574d;border-radius:12px;flex-direction:column;width:90%;max-width:480px;max-height:80vh;display:flex;overflow:hidden}.gif-picker-header{border-bottom:1px solid #04785733;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.gif-picker-header h2{color:#047857;margin:0;font-size:18px;font-weight:700}.gif-close{color:#fff9;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.gif-close:hover{color:#fff}.gif-search-input{color:#fff;background:#0009;border:1px solid #0478574d;border-radius:8px;outline:none;margin:12px 16px;padding:12px 16px;font-size:14px}.gif-search-input:focus{border-color:#047857}.gif-search-input::placeholder{color:#04785780}.gif-categories{flex-wrap:wrap;gap:8px;padding:0 16px 12px;display:flex}.gif-category-btn{cursor:pointer;background:#0478571a;border:1px solid #04785733;border-radius:20px;padding:6px 12px;font-size:16px;transition:all .2s}.gif-category-btn:hover{background:#04785740;border-color:#04785766}.gif-results{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(2,1fr);gap:10px;max-height:400px;padding:12px;display:grid;overflow-y:auto}.gif-loading,.gif-empty{text-align:center;color:#ffffff80;grid-column:1/-1;padding:40px 20px;font-size:14px}.gif-result-item{cursor:pointer;aspect-ratio:1;background:#1a1a1a;border:1px solid #04785733;border-radius:8px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.gif-result-item:hover{border-color:#047857;transform:scale(1.03);box-shadow:0 0 0 2px #047857}.gif-result-item img{object-fit:cover;background:#222;width:100%;height:100%;display:block}.gif-attribution{text-align:center;color:#fff6;border-top:1px solid #0478571a;padding:10px 16px;font-size:11px}.lightbox-overlay{z-index:2000;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-close{color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff1a;border-color:#fff6}.lightbox-image{object-fit:contain;border-radius:4px;max-width:90vw;max-height:90vh;box-shadow:0 0 40px #00000080}@media (max-width:768px){.message-image-container,.message-gif-container{max-width:250px}.gif-picker-modal{width:95%;max-height:70vh}.gif-results{grid-template-columns:repeat(2,1fr);gap:6px}.lightbox-image{max-width:95vw;max-height:85vh}.lightbox-close{width:40px;height:40px;font-size:24px;top:10px;right:10px}}.game-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.game-modal{background:linear-gradient(#0a0a0a 0%,#111 100%);border:1px solid #0478574d;border-radius:16px;width:100%;max-width:480px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080,0 0 40px #04785726}.game-modal-header{text-align:center;border-bottom:1px solid #04785726;padding:20px;position:relative}.game-modal-close{color:#888;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.game-modal-close:hover{color:#ef4444;background:#ef444433}.game-modal-matchup{justify-content:center;align-items:center;gap:20px;margin-bottom:8px;display:flex}.game-modal-team{flex-direction:column;align-items:center;gap:4px;display:flex}.game-modal-logo{object-fit:contain;width:48px;height:48px}.game-modal-abbrev{color:#047857;font-size:18px;font-weight:700}.game-modal-vs{color:#666;font-size:14px}.game-modal-vs .vs-text{font-weight:600}.game-modal-score{color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.game-modal-score .score-divider{color:#666}.game-modal-time{color:#888;font-size:12px}.game-modal-event{text-align:center;margin-bottom:8px}.game-modal-event .event-title{color:#047857;margin-bottom:12px;font-size:18px;font-weight:700}.modal-golfer-row{justify-content:center;align-items:center;gap:12px;padding:4px 0;font-size:12px;display:flex}.modal-golfer-row .golfer-pos{color:#047857;min-width:32px;font-weight:600}.modal-golfer-row .golfer-name{color:#fff;flex:none}.modal-golfer-row .golfer-score{color:#047857;text-align:right;min-width:40px;font-weight:600}.modal-fight-row{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.modal-fight-row .fighter{color:#fff;font-size:14px;font-weight:600}.modal-fight-row .vs{color:#888;font-size:12px}.modal-fights-list{margin-top:8px}.modal-fights-list .fights-count{color:#047857;text-align:center;margin-bottom:8px;font-size:11px;font-weight:600}.modal-fights-list .modal-fight-row{border-bottom:1px solid #222;padding:6px 0}.modal-fights-list .modal-fight-row:last-child{border-bottom:none}.modal-fights-list .weight-class{color:#666;text-align:center;margin-top:2px;font-size:10px;display:block}.more-fights-modal{color:#047857;text-align:center;padding:6px 0;font-size:11px;font-weight:500}.game-modal-time .live-indicator{color:#ef4444;font-weight:600}.game-modal-fight{text-align:center;margin-bottom:8px}.game-modal-fight .fight-event-name{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px}.game-modal-fight .fight-matchup{margin-bottom:8px}.game-modal-fight .fighter-photo{object-fit:cover;border:2px solid #333;border-radius:50%;width:56px;height:56px}.game-modal-fight .fighter-name{color:#fff;text-align:center;max-width:100px;font-size:14px}.game-modal-fight .fight-weight-class{color:#047857;margin-top:4px;font-size:11px;font-weight:600}.game-modal-menu{padding:20px}@media (max-width:768px){.game-modal-overlay{padding:10px}.game-modal{border-radius:12px;max-height:95vh}.game-modal-header{padding:16px}.game-modal-logo{width:40px;height:40px}.game-modal-abbrev{font-size:16px}.game-modal-menu{padding:16px}}.message-user.admin-clickable{cursor:pointer;border-bottom:1px dashed #0478574d}.message-user.admin-clickable:hover{color:#047857;border-bottom-color:#047857}.message-actions{opacity:.5;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:2px;right:4px}.message-bubble{position:relative}.message-bubble:hover .message-actions,.message-bubble:active .message-actions{opacity:1}@media (hover:none){.message-actions{opacity:.7}}.msg-report{color:#71767b;cursor:pointer;background:#71767b26;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.msg-report:hover{color:#ef4444;background:#ef444426}.admin-msg-delete{color:#ef4444;cursor:pointer;background:#ef444426;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;font-weight:700;line-height:1;transition:all .15s;display:flex}.admin-msg-delete:hover{color:#fff;background:#ef4444}.admin-user-dropdown{background:#111;border:1px solid #0478574d;border-radius:8px;min-width:180px;padding:8px 0;box-shadow:0 8px 24px #00000080}.admin-dropdown-header{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding:8px 14px;font-size:11px;font-weight:600}.admin-user-dropdown button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 14px;font-size:13px;transition:background .15s;display:block}.admin-user-dropdown button:hover{background:#04785726}.admin-user-dropdown button.danger{color:#ef4444}.admin-user-dropdown button.danger:hover{background:#ef444426}.admin-modal-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:#111;border:1px solid #04785740;border-radius:12px;min-width:320px;max-width:400px;padding:24px}.admin-modal h3{color:#047857;text-align:center;margin:0 0 20px;font-size:18px;font-weight:600}.admin-modal-field{margin-bottom:16px}.admin-modal-field label{color:#ffffffb3;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.admin-modal-field select,.admin-modal-field input{color:#fff;background:#00000080;border:1px solid #04785740;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.admin-modal-field select:focus,.admin-modal-field input:focus{border-color:#047857;outline:none}.admin-modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.admin-modal-actions button{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .15s}.admin-modal-actions button:hover{color:#fff;background:#ffffff1a}.admin-modal-actions button.warning{color:#eab308;background:#eab30826;border-color:#eab30866}.admin-modal-actions button.warning:hover{color:#000;background:#eab308}.admin-modal-actions button.danger{color:#ef4444;background:#ef444426;border-color:#ef444466}.admin-modal-actions button.danger:hover{color:#fff;background:#ef4444}.header-left{align-items:center;gap:16px;display:flex}.header-left h1{margin:0}.header-left-btns{align-items:center;gap:12px;display:flex}.header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.header-mobile-controls{display:none}.header-tagline{color:var(--gray);margin-top:4px;font-size:13px}.mobile-avatar-btn{border:2px solid var(--matrix-green-dim);cursor:pointer;background:0 0;border-radius:50%;padding:2px;transition:all .2s;position:relative}.mobile-avatar-btn:hover,.mobile-avatar-btn:active{border-color:var(--matrix-green)}.mobile-avatar-btn .profile-avatar{width:36px;height:36px;font-size:18px}.mobile-dm-indicator{border:1px solid var(--matrix-green-dim);color:var(--matrix-green);cursor:pointer;background:#04785726;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;transition:all .2s;display:flex}.mobile-dm-indicator:hover{background:#04785740}.mobile-dm-count{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:700}.mobile-dropdown{border:1px solid var(--matrix-green-dim);z-index:1000;background:#111;border-radius:12px;width:200px;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-dropdown-header{border-bottom:1px solid var(--matrix-green-dim);padding:14px 16px}.mobile-dropdown-name{color:#fff;font-size:15px;font-weight:600}.mobile-dropdown-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:15px;transition:background .15s;display:flex}.mobile-dropdown-item:hover,.mobile-dropdown-item:active{background:#0478571a}.dropdown-badge{color:#fff;background:#ef4444;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.mobile-dropdown-divider{background:var(--matrix-green-dim);height:1px;margin:4px 0}.mobile-dropdown-logout{color:var(--gray)}.mobile-dropdown-logout:hover,.mobile-dropdown-logout:active{color:#ef4444;background:#ef44441a}.mobile-dropdown-link{color:#999;font-size:14px;text-decoration:none}.mobile-dropdown-link:hover{color:var(--matrix-green);background:#0478571a}.mobile-dropdown-backdrop{z-index:99;position:fixed;inset:0}@media (max-width:767px){.top-sweat-banner{display:none!important}.app-header{z-index:100;background:var(--black);border-bottom:1px solid var(--matrix-green-dim);padding:12px 16px;position:fixed;top:0;left:0;right:0}.brand-row{justify-content:space-between;align-items:center;display:flex}.app-header h1{letter-spacing:1px;font-size:22px;font-weight:800}.header-left-btns,.header-right{display:none!important}.header-mobile-controls{align-items:center;gap:12px;margin-left:auto;display:flex;position:relative}.header-tagline{display:none}.layout{position:fixed;inset:60px 0 70px;overflow:hidden}.rooms,.chat,.live-games-panel{-webkit-overflow-scrolling:touch;border:none;position:absolute;inset:0;overflow-y:auto}.mobile-hidden{display:none!important}.rooms{padding:16px}.market-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.market-tab{white-space:nowrap;border-radius:22px;flex-shrink:0;min-height:44px;padding:12px 20px;font-size:14px;font-weight:600}.room-search{margin-bottom:20px}.room-search-input{border-radius:12px;min-height:50px;padding:14px 18px;font-size:16px}.rooms-header{margin-bottom:16px}.rooms-header h2{font-size:16px;font-weight:700}.rooms-list{gap:12px}.room{border-radius:12px;padding:18px;position:relative}.room-name{margin-bottom:4px;font-size:16px;font-weight:600}.room-game{margin-bottom:6px;font-size:14px}.room-users{font-size:13px}.room-delete-btn{display:none!important}.chat{flex-direction:column;padding:0;display:flex}.chat-top{flex-shrink:0}.chat-header{border-bottom:1px solid var(--matrix-green-dim);padding:16px 18px}.chat-header-top{margin-bottom:6px}.chat-header h2{font-size:18px;font-weight:700}.chat-tag{padding:3px 8px;font-size:10px}.chat-header p{font-size:14px}.messages{-webkit-overflow-scrolling:touch;flex:1;padding:16px 18px;overflow-y:auto}.message-cluster{max-width:85%;margin-bottom:16px}.message-header{margin-bottom:6px}.message-user{font-size:14px;font-weight:600}.message-timestamp{font-size:11px}.message-bubble{border-radius:12px;padding:12px 16px}.message-text{font-size:15px;line-height:1.4}.input-row{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:var(--black);border-top:1px solid var(--matrix-green-dim);flex-shrink:0;gap:10px}.input-row input{border-radius:25px;min-height:50px;padding:14px 16px;font-size:16px}.input-row button{border-radius:25px;min-height:50px;padding:14px 20px;font-size:15px}.emoji-toggle,.media-toggle{min-width:48px;min-height:48px;font-size:22px;border-radius:50%!important;padding:12px!important}.live-games-panel{padding:16px 18px}.live-games-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.live-games-header h2{font-size:18px;font-weight:700}.refresh-btn{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:20px;display:flex}.featured-game{border-radius:16px;margin-bottom:20px;padding:20px}.featured-game-label{letter-spacing:1px;margin-bottom:16px;font-size:11px;font-weight:700}.featured-game-teams{gap:16px}.featured-game-logo{width:36px;height:36px}.featured-game-name{font-size:15px;font-weight:600}.featured-game-score{font-size:28px;font-weight:800}.featured-game-status{margin-top:16px;padding-top:16px;font-size:13px}.section-label{letter-spacing:1px;padding:12px 0;font-size:12px;font-weight:700}.games-list{gap:10px}.game-card{border-radius:12px;padding:16px}.game-card-logo,.game-card-dot{width:24px;height:24px}.game-card-abbr{font-size:14px;font-weight:600}.game-card-score{font-size:18px;font-weight:700}.game-card-status{font-size:12px}.upcoming-game-card{border-radius:12px;padding:16px}.upcoming-game-header{margin-bottom:12px}.upcoming-date{font-size:12px;font-weight:700}.upcoming-time{font-size:12px}.upcoming-team{font-size:14px}.mobile-nav{height:70px;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0));border-top:1px solid var(--matrix-green-dim);background:#0a0a0a}.mobile-nav-btn{border-radius:12px;min-height:54px;padding:8px 16px;transition:all .2s}.mobile-nav-btn.active{background:#04785726}.mobile-nav-icon{margin-bottom:2px;font-size:24px}.mobile-nav-label{letter-spacing:.5px;font-size:12px;font-weight:600}.empty-chat,.empty-rooms{text-align:center;padding:40px 24px}.empty-chat h2{margin-bottom:8px;font-size:18px}.empty-chat p{color:var(--gray);font-size:15px}.empty-rooms p{margin-bottom:8px;font-size:16px}.empty-rooms-sub{color:var(--gray);font-size:14px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%;max-width:100%;max-height:90vh;padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0));border-radius:20px 20px 0 0}.modal-content h2{font-size:20px}.modal-subtitle{font-size:14px}.modal-actions{gap:12px}.modal-btn{border-radius:12px;padding:16px 24px;font-size:16px}}@media (max-width:374px){.app-header h1{font-size:20px}.mobile-avatar-btn .profile-avatar{width:32px;height:32px;font-size:16px}.mobile-dropdown{width:180px}.market-tab{padding:10px 16px;font-size:13px}.room{padding:14px}.room-name{font-size:15px}.mobile-nav{height:64px}.mobile-nav-btn{padding:6px 12px}.mobile-nav-icon{font-size:22px}.mobile-nav-label{font-size:11px}}.filter-error-toast{color:#fff;z-index:100;white-space:nowrap;background:#ef4444f2;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 18px;font-size:13px;font-weight:500;animation:.3s ease-out filter-toast-in;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #ef444466}.filter-error-toast span{font-size:16px}@keyframes filter-toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.filter-error-toast{white-space:normal;text-align:center;max-width:90%;padding:8px 14px;font-size:12px}}.auth-page{background:#000;flex-direction:column;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.auth-matrix-rain{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.auth-matrix-char{color:#047857;text-shadow:0 0 10px #047857;will-change:transform;font-family:MS Gothic,monospace;font-size:18px;animation:linear infinite auth-matrix-fall;position:absolute;top:-50px}@keyframes auth-matrix-fall{0%{transform:translateY(-50px)}to{transform:translateY(100vh)}}.auth-container{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:0 24px;display:flex;position:relative}.auth-header{text-align:center;margin-bottom:48px}.auth-logo{letter-spacing:-2px;color:#047857;text-shadow:0 0 20px #04785799,0 0 40px #04785766,0 0 60px #04785733;margin:0;font-family:Space Grotesk,sans-serif;font-size:52px;font-weight:700;animation:3s ease-in-out infinite logo-pulse}@keyframes logo-pulse{0%,to{text-shadow:0 0 20px #04785799,0 0 40px #04785766,0 0 60px #04785733}50%{text-shadow:0 0 30px #047857cc,0 0 50px #04785780,0 0 80px #0478574d}}.auth-tagline{color:#04785780;letter-spacing:2px;text-transform:lowercase;margin:12px 0 0;font-size:16px;font-weight:400}.auth-toggle{gap:0;width:100%;margin-bottom:32px;display:flex}.auth-toggle-btn{color:#04785799;letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #0478574d;flex:1;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s}.auth-toggle-btn:first-child{border-right:none;border-radius:6px 0 0 6px}.auth-toggle-btn:last-child{border-radius:0 6px 6px 0}.auth-toggle-btn:hover:not(:disabled){color:#047857;background:#0478571a;border-color:#04785780}.auth-toggle-btn.active{color:#000;background:#047857;border-color:#047857}.auth-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.auth-form{flex-direction:column;gap:16px;width:100%;display:flex}.auth-field{width:100%}.auth-handle-hint{color:#666;text-align:left;margin:6px 0 0;font-size:12px}.auth-input{color:#fff;box-sizing:border-box;background:#000c;border:1px solid #0478574d;border-radius:6px;width:100%;padding:16px 18px;font-size:15px;transition:all .2s}.auth-input::placeholder{color:#04785766}.auth-input:focus{border-color:#047857;outline:none;box-shadow:0 0 0 3px #04785726}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:12px 16px;font-size:13px;line-height:1.5}.auth-submit{color:#000;letter-spacing:.5px;cursor:pointer;background:#047857;border:none;border-radius:6px;width:100%;margin-top:8px;padding:16px 24px;font-size:16px;font-weight:700;transition:all .2s}.auth-submit:hover:not(:disabled){background:#2dd468;transform:translateY(-1px);box-shadow:0 0 20px #04785766,0 0 40px #04785733}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-loading{justify-content:center;align-items:center;gap:10px;display:flex}.auth-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-legal{text-align:center;z-index:1;padding:20px 24px;position:absolute;bottom:0;left:0;right:0}.auth-legal p{color:#88888880;max-width:600px;margin:0 auto;font-size:10px;line-height:1.6}.auth-legal-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:16px;display:flex}.auth-legal-links a{color:#c8c8c8e6;padding:4px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.auth-legal-links a:hover{color:#047857;text-decoration:underline}.auth-legal-links span{color:#8889;font-size:14px}@media (max-width:480px){.auth-logo{font-size:42px}.auth-tagline{font-size:14px}.auth-header{margin-bottom:36px}.auth-toggle-btn{padding:12px 16px;font-size:13px}.auth-input{padding:14px 16px;font-size:14px}.auth-submit{padding:14px 20px;font-size:15px}.auth-legal{padding:16px 20px}.auth-legal p{font-size:9px}}.auth-options-row{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.auth-checkbox-label{cursor:pointer;color:#888888b3;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;transition:color .2s;display:flex}.auth-checkbox-label:hover{color:#047857}.auth-checkbox{opacity:0;width:0;height:0;position:absolute}.auth-checkbox-custom{background:0 0;border:1px solid #04785766;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.auth-checkbox-custom:after{content:"";opacity:0;background:#047857;border-radius:2px;width:10px;height:10px;transition:all .15s;transform:scale(0)}.auth-checkbox:checked+.auth-checkbox-custom{border-color:#047857}.auth-checkbox:checked+.auth-checkbox-custom:after{opacity:1;transform:scale(1)}.auth-checkbox:focus+.auth-checkbox-custom{box-shadow:0 0 0 3px #04785726}.auth-checkbox:disabled+.auth-checkbox-custom{opacity:.5;cursor:not-allowed}.auth-forgot-link{color:#888888b3;cursor:pointer;text-align:right;background:0 0;border:none;margin-top:0;padding:0;font-size:13px;transition:color .2s}.auth-forgot-link:hover:not(:disabled){color:#047857}.auth-forgot-link:disabled{opacity:.5;cursor:not-allowed}.auth-success{color:#047857;text-align:center;background:#0478571a;border:1px solid #0478574d;border-radius:6px;padding:12px 16px;font-size:13px;line-height:1.5}.auth-back-link{color:#888888b3;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:12px;font-size:14px;transition:color .2s}.auth-back-link:hover{color:#047857}.auth-divider{align-items:center;gap:16px;width:100%;margin:28px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#04785733;flex:1;height:1px}.auth-divider span{color:#8889;text-transform:lowercase;letter-spacing:.5px;font-size:12px}.auth-social{flex-direction:column;gap:12px;width:100%;display:flex}.auth-social-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #0478574d;border-radius:6px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.auth-social-btn:hover:not(:disabled){background:#0478571a;border-color:#047857}.auth-social-btn:disabled{opacity:.5;cursor:not-allowed}.auth-social-icon{flex-shrink:0;width:20px;height:20px}.auth-username-prompt{color:#888c;text-align:center;margin:0 0 8px;font-size:14px}.auth-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#04785714 0%,#04785708 40%,#0000 70%);width:400px;height:400px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.auth-verify-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.auth-verify-icon{margin-bottom:16px;font-size:64px;animation:2s ease-in-out infinite verify-bounce}@keyframes verify-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-verify-title{color:#047857;text-shadow:0 0 20px #04785766;margin:0 0 16px;font-size:24px;font-weight:700}.auth-verify-message{color:#fffc;margin:0 0 8px;font-size:15px;line-height:1.6}.auth-verify-message strong{color:#047857;word-break:break-all}.auth-verify-instruction{color:#888888b3;margin:0 0 24px;font-size:14px}.auth-resend-btn{color:#047857cc;cursor:pointer;background:0 0;border:1px solid #0478574d;border-radius:6px;width:100%;margin-top:12px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s}.auth-resend-btn:hover:not(:disabled){color:#047857;background:#0478571a;border-color:#047857}.auth-resend-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.auth-verify-icon{font-size:56px}.auth-verify-title{font-size:20px}.auth-verify-message{font-size:14px}.auth-verify-instruction{font-size:13px}}.share-modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.share-modal{width:100%;max-width:500px;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));background-color:#141414;border-radius:20px 20px 0 0;animation:.3s slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-toast{color:#0a0a0a;z-index:10;background-color:#047857;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600;animation:.3s toastIn;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.share-toast-error{color:#fff;background-color:#ef4444}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.share-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.share-modal-header h2{color:#fff;text-align:center;flex:1;margin:0;font-size:20px;font-weight:800}.share-close-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;line-height:1;transition:color .2s}.share-close-btn:hover{color:#fff}.share-back-btn{color:#fff;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.share-back-btn:hover{background-color:#252525}.share-header-spacer{width:36px}.share-preview{background-color:#1a1a1a;border:1px solid #252525;border-radius:12px;align-items:center;margin-bottom:20px;padding:14px;display:flex}.share-preview-icon{margin-right:12px;font-size:24px}.share-preview-content{flex:1;overflow:hidden}.share-preview-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.share-preview-subtitle{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.share-options{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.share-option{cursor:pointer;text-align:left;background-color:#1a1a1a;border:1px solid #252525;border-radius:12px;align-items:center;width:100%;padding:14px;transition:all .2s;display:flex}.share-option:hover{background-color:#222;border-color:#333}.share-option-icon{background-color:#0a0a0a;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:12px;font-size:20px;display:flex}.share-option-icon-friend{background-color:#04785726}.share-option-icon-sms{background-color:#3b82f626}.share-option-icon-link{background-color:#a855f726}.share-option-content{flex-direction:column;flex:1;display:flex}.share-option-title{color:#fff;font-size:15px;font-weight:700}.share-option-subtitle{color:#666;margin-top:2px;font-size:12px}.share-option-chevron{color:#444;font-size:20px}.share-cancel-btn{color:#888;cursor:pointer;background-color:#222;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.share-cancel-btn:hover{color:#aaa;background-color:#2a2a2a}.friend-search{margin-bottom:16px}.friend-search input{color:#fff;background-color:#1a1a1a;border:1px solid #252525;border-radius:12px;outline:none;width:100%;padding:14px;font-size:15px;transition:border-color .2s}.friend-search input::placeholder{color:#666}.friend-search input:focus{border-color:#047857}.friends-list{max-height:300px;overflow-y:auto}.friends-loading,.friends-empty{text-align:center;color:#666;padding:40px 20px;font-size:14px}.friend-item{cursor:pointer;text-align:left;background-color:#1a1a1a;border:1px solid #1f1f1f;border-radius:14px;align-items:center;width:100%;margin-bottom:10px;padding:14px;transition:all .2s;display:flex}.friend-item:hover{background-color:#222;border-color:#333}.friend-item-selected{background-color:#0478571a;border-color:#047857}.friend-item:disabled{opacity:.7;cursor:not-allowed}.friend-avatar{background-color:#04785733;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:14px;display:flex;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-info{flex-direction:column;flex:1;display:flex}.friend-chevron{color:#444;font-size:20px}.friend-loading-spinner{border:2px solid #04785730;border-top-color:#047857;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:768px){.share-modal-overlay{align-items:center}.share-modal{border-radius:20px;max-height:90vh;overflow-y:auto}}.report-modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:flex-end;animation:.2s reportFadeIn;display:flex;position:fixed;inset:0}@keyframes reportFadeIn{0%{opacity:0}to{opacity:1}}.report-modal{width:100%;max-width:500px;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));background-color:#141414;border-radius:20px 20px 0 0;max-height:90vh;animation:.3s reportSlideUp;position:relative;overflow-y:auto}@keyframes reportSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.report-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.report-modal-header h2{color:#fff;text-transform:capitalize;flex:1;margin:0;font-size:20px;font-weight:800}.report-close-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.report-close-btn:hover{color:#fff;background-color:#222}.report-description{color:#888;margin:0 0 20px;font-size:15px}.report-reasons{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.report-reason{cursor:pointer;text-align:left;background-color:#1a1a1a;border:1px solid #252525;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:all .2s;display:flex}.report-reason:hover{background-color:#222;border-color:#333}.report-reason.selected{background-color:#ef44441a;border-color:#ef4444}.report-reason-label{color:#fff;font-size:15px;font-weight:500}.report-reason-check{color:#ef4444;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.report-details{margin-bottom:16px;animation:.2s reportFadeIn}.report-details textarea{color:#fff;resize:vertical;background-color:#1a1a1a;border:1px solid #252525;border-radius:12px;outline:none;width:100%;min-height:100px;padding:14px;font-family:inherit;font-size:15px;transition:border-color .2s}.report-details textarea::placeholder{color:#666}.report-details textarea:focus{border-color:#ef4444}.report-error{color:#ef4444;background-color:#ef44441a;border:1px solid #ef4444;border-radius:10px;margin-bottom:16px;padding:12px;font-size:14px}.report-submit-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .2s}.report-submit-btn:hover:not(:disabled){background-color:#dc2626}.report-submit-btn:disabled{opacity:.5;cursor:not-allowed}.report-success{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.report-success-icon{margin-bottom:20px}.report-success h2{color:#fff;margin:0 0 12px;font-size:22px;font-weight:800}.report-success p{color:#888;margin:0 0 24px;font-size:15px;line-height:1.5}.report-done-btn{color:#fff;cursor:pointer;background-color:#222;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.report-done-btn:hover{background-color:#2a2a2a}@media (min-width:768px){.report-modal-overlay{align-items:center}.report-modal{border-radius:20px}}.badge-modal-overlay{z-index:1000;background-color:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.badge-modal{background-color:#0f0f0f;border:1px solid #1a1a1a;border-radius:24px;width:90%;max-width:420px;max-height:85vh;animation:.3s slideUp;overflow:hidden}.badge-modal-header{border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.badge-header-title{align-items:center;gap:8px;display:flex}.badge-header-icon{color:#047857;font-size:20px}.badge-modal-header h2{color:#fff;letter-spacing:2px;margin:0;font-size:18px;font-weight:800}.badge-back{color:#047857;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;transition:opacity .2s}.badge-back:hover{opacity:.8}.badge-modal-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;line-height:1;transition:color .2s}.badge-modal-close:hover{color:#fff}.badge-loading{justify-content:center;align-items:center;padding:60px;display:flex}.badge-grid-scroll{max-height:calc(85vh - 80px);padding:16px 16px 24px;overflow-y:auto}.badge-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.badge-item{cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;padding:16px 8px;transition:all .2s;display:flex}.badge-item.unlocked:hover{background-color:#0478571a}.badge-item.ff-item:hover{background-color:#fbbf241a}.badge-item.ff-item{position:relative}.badge-item.ff-item:before{content:"";pointer-events:none;background:radial-gradient(circle,#fbbf2433 0%,#0000 70%);border-radius:50%;width:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.badge-item.locked{cursor:default;opacity:.5}.badge-name{color:#fff;text-align:center;margin-top:8px;font-size:12px;font-weight:700}.badge-name.gold{color:#fbbf24}.badge-item.locked .badge-name{color:#444}.badge-subtext{color:#666;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80px;margin-top:2px;font-size:10px;overflow:hidden}.badge-item.locked .badge-subtext{color:#333}.badge-footer-hint{color:#444;text-align:center;margin-top:24px;font-size:12px;font-style:italic}.rarity-label{letter-spacing:1px;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:9px;font-weight:700}.rarity-label.common{color:#10b981;background-color:#10b9811a}.rarity-label.legendary{color:#fbbf24;background-color:#fbbf2426}.shield-badge-container{flex-direction:column;align-items:center;display:flex;position:relative}.shield-badge{border-radius:10% 10% 45% 45%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.shield-badge.locked{background-color:#1a1a1a;border:2px solid #333}.shield-badge.unlocked{background-color:#047857;border:2px solid #10b981;padding-top:4px}.shield-question{color:#444;font-weight:800}.shield-star{color:#fbbf24;line-height:1}.shield-text{color:#fff;letter-spacing:1px;margin-top:-2px;font-weight:900;line-height:1}.shield-ribbon{justify-content:center;gap:8px;display:flex;position:absolute}.ribbon-tail{background-color:#fbbf24;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.ribbon-tail.left{transform:skew(-15deg)}.ribbon-tail.right{transform:skew(15deg)}.equipped-indicator{background-color:#047857;border:2px solid #0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:-6px;right:-6px}.equipped-indicator.gold{background-color:#f59e0b}.equipped-indicator span{color:#fff;font-size:10px;font-weight:800}.shield-badge-container.founding-father{filter:drop-shadow(0 0 8px #fbbf244d)}.shield-badge.ff-badge{background:linear-gradient(#1c1917 0%,#292524 100%);border:3px solid #f59e0b;padding:0;position:relative;overflow:visible;box-shadow:inset 0 0 20px #fbbf241a,0 0 15px #fbbf2433}.ff-stars{color:#fbbf24;letter-spacing:2px;text-shadow:0 0 4px #fbbf2480;position:absolute;top:6%}.ff-laurel{color:#d97706;opacity:.7;font-weight:700;position:absolute;top:35%}.ff-laurel.left{left:8%}.ff-laurel.right{right:8%}.ff-text{color:#fbbf24;text-shadow:0 0 10px #fbbf2480,2px 2px #b45309;margin-top:15%;font-family:Georgia,Times New Roman,serif;font-weight:900}.ff-est{color:#d97706;letter-spacing:1px;margin-top:2px;font-weight:600}.ff-banner{color:#fef3c7;letter-spacing:1.5px;text-align:center;background:linear-gradient(#b45309 0%,#92400e 100%);border-radius:2px;padding:3px 0;font-weight:800;position:absolute;bottom:12%;box-shadow:0 2px 4px #0000004d}.shield-ribbon.gold .ribbon-tail{background:linear-gradient(#f59e0b 0%,#d97706 100%)}.badge-other-user{justify-content:center;align-items:center;min-height:300px;padding:40px 20px;display:flex}.badge-displayed-container{text-align:center;flex-direction:column;align-items:center;display:flex}.badge-displayed-label{color:#666;letter-spacing:2px;margin-bottom:20px;font-size:12px;font-weight:600}.badge-no-display{flex-direction:column;align-items:center;gap:12px;display:flex}.badge-no-display-icon{opacity:.3;font-size:48px}.badge-no-display-text{color:#666;margin:0;font-size:16px;font-weight:600}.badge-no-display-subtext{color:#444;margin:0;font-size:13px}.badge-detail{padding:32px 20px}.badge-detail.ff-detail{background:radial-gradient(at top,#fbbf240d 0%,#0000 50%)}.badge-detail-content{text-align:center;flex-direction:column;align-items:center;display:flex}.badge-detail-name{color:#fff;margin:24px 0 8px;font-size:24px;font-weight:800}.badge-detail-name.gold{color:#fbbf24;text-shadow:0 0 20px #fbbf244d}.badge-detail-description{color:#888;max-width:280px;margin:0 0 12px;font-size:14px;line-height:1.6}.badge-detail-date{color:#555;margin:0 0 12px;font-size:12px}.badge-detail-rarity{margin-bottom:20px}.badge-detail-rarity .rarity-label{padding:4px 12px;font-size:11px}.badge-detail-rarity .rarity-label.legendary{align-items:center;gap:6px;display:flex}.badge-detail-rarity .rarity-label.legendary:before{content:"✦"}.badge-equip-btn{color:#0a0a0a;cursor:pointer;background-color:#047857;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:180px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.badge-equip-btn:hover{background-color:#059669}.badge-equip-btn.equipped{background-color:#10b981}.badge-equip-btn.gold{background-color:#f59e0b}.badge-equip-btn.gold:hover{background-color:#d97706}.badge-equip-btn.gold.equipped{background-color:#fbbf24}.badge-equip-btn:disabled{opacity:.5;cursor:not-allowed}.equip-icon{font-size:16px}@media (max-width:480px){.badge-modal{border-radius:20px;width:95%;max-height:90vh}.badge-grid{gap:4px}.badge-item{padding:12px 4px}.badge-name{font-size:11px}.badge-subtext{font-size:9px}}.tiny-badge{vertical-align:middle;border-radius:20% 20% 50% 50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;font-weight:800;display:inline-flex}.tiny-badge.rookie{color:#fff;letter-spacing:.5px;background-color:#047857;border:1px solid #10b981}.tiny-badge.ff{color:#fbbf24;background:linear-gradient(#1c1917 0%,#292524 100%);border:1.5px solid #f59e0b;font-family:Georgia,Times New Roman,serif;box-shadow:0 0 4px #fbbf244d}:root{--matrix-green:#047857;--matrix-green-dim:#04785740;--black:#000;--dark-bg:#0a0a0a;--white:#fff}.profile-page{background:var(--black);width:100vw;height:100vh;color:var(--white);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;inset:0;overflow:hidden auto}.profile-center{min-height:100vh;color:var(--matrix-green);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.back-btn{border:1px solid var(--matrix-green-dim);color:var(--matrix-green);cursor:pointer;z-index:100;background:0 0;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;position:fixed;top:16px;left:16px}.back-btn:hover{border-color:var(--matrix-green);background:#0478571a}.settings-gear{border:1px solid var(--matrix-green-dim);cursor:pointer;z-index:100;background:0 0;border-radius:4px;padding:8px 12px;font-size:18px;transition:all .15s;position:fixed;top:16px;right:16px}.settings-gear:hover{border-color:var(--matrix-green);background:#0478571a}.badge-btn{border:1px solid var(--matrix-green-dim);cursor:pointer;z-index:100;background:0 0;border-radius:4px;padding:8px 12px;font-size:18px;transition:all .15s;position:fixed;top:16px;right:70px}.badge-btn:hover{border-color:var(--matrix-green);background:#0478571a}.profile-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:80px 24px 60px;display:flex}.avatar{border:3px solid var(--matrix-green);background:var(--dark-bg);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #0478574d}.avatar.editable{cursor:pointer}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-emoji{font-size:64px}.avatar-hover{opacity:0;background:#000000b3;justify-content:center;align-items:center;font-size:32px;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar.editable:hover .avatar-hover{opacity:1}.username{color:var(--matrix-green);letter-spacing:-.5px;text-shadow:0 0 30px #04785766;margin:28px 0 12px;font-size:36px;font-weight:700}.display-name-row{justify-content:center;align-items:center;gap:8px;display:flex}.display-name{color:var(--matrix-green);letter-spacing:-.5px;text-shadow:0 0 30px #04785766;margin:28px 0 4px;font-size:36px;font-weight:700}.profile-handle{color:#888;margin-bottom:8px;font-size:16px}.edit-display-name-btn{border:1px solid var(--matrix-green-dim);color:var(--matrix-green);cursor:pointer;background:0 0;border-radius:16px;margin-bottom:12px;padding:6px 12px;font-size:12px;transition:all .2s}.edit-display-name-btn:hover{background:#0478571a}.bio-section{width:100%;max-width:500px;margin-bottom:24px}.bio-text{color:#ffffffb3;margin:0;font-size:15px;line-height:1.6}.edit-icon{cursor:pointer;opacity:.5;background:0 0;border:none;margin-left:8px;font-size:14px;transition:opacity .2s}.edit-icon:hover{opacity:1}.bio-edit{flex-direction:column;gap:12px;display:flex}.bio-edit textarea{background:var(--dark-bg);border:1px solid var(--matrix-green-dim);width:100%;min-height:100px;color:var(--white);resize:none;border-radius:8px;padding:14px;font-family:inherit;font-size:14px}.bio-edit textarea:focus{border-color:var(--matrix-green);outline:none}.bio-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.char-count{text-align:left;color:#fff6;flex:1;font-size:12px}.privacy-btn{border:1px solid var(--matrix-green-dim);color:var(--matrix-green);cursor:pointer;background:#0478571a;border-radius:20px;margin-bottom:16px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s}.privacy-btn:hover{border-color:var(--matrix-green);background:#04785733}.privacy-badge{border-radius:20px;margin-bottom:16px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-block}.privacy-badge.public{color:var(--matrix-green);background:#0478571a}.privacy-badge.private{color:orange;background:#ffa5001a}.friends-btn{border:1px solid var(--matrix-green-dim);color:#fffc;cursor:pointer;background:0 0;border-radius:20px;margin-bottom:20px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.friends-btn:hover{border-color:var(--matrix-green);color:var(--white);background:#0478571a}.friend-action{align-items:center;gap:10px;margin-bottom:36px;display:flex}.report-user-btn{justify-content:center;align-items:center;display:flex;color:#71767b!important;background:#71767b26!important;border-color:#71767b!important;padding:10px 14px!important}.report-user-btn:hover{color:#ef4444!important;background:#ef44441a!important;border-color:#ef4444!important}.friend-active{border-color:var(--matrix-green)!important;color:var(--matrix-green)!important}.friend-active:hover{color:#ef4444!important;background:#ef44441a!important;border-color:#ef4444!important}.btn{border:1px solid var(--matrix-green-dim);color:var(--matrix-green);cursor:pointer;background:0 0;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.btn:hover{border-color:var(--matrix-green);background:#0478571a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--matrix-green);border-color:var(--matrix-green);color:var(--black);font-weight:600}.btn.primary:hover{background:#1ea750}.btn-small{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.btn-small:hover{color:var(--white);border-color:#fff6}.btn-small.primary{background:var(--matrix-green);border-color:var(--matrix-green);color:var(--black)}.create-post-section{background:#141414;border:1px solid #04785726;border-radius:16px;width:100%;margin-bottom:24px;padding:16px}.create-post-header{align-items:flex-start;gap:12px;display:flex}.create-post-avatar{object-fit:cover;border-radius:20px;flex-shrink:0;width:40px;height:40px}.create-post-avatar-placeholder{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.create-post-input{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:60px;font-family:inherit;font-size:15px}.create-post-input::placeholder{color:#666}.create-post-previews{gap:10px;margin-top:12px;display:flex}.create-post-preview{width:80px;height:80px;position:relative}.create-post-preview img{object-fit:cover;border-radius:8px;width:100%;height:100%}.create-post-actions{border-top:1px solid #222;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.add-image-btn{color:var(--matrix-green);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s}.add-image-btn:hover:not(:disabled){background:#0478571a}.add-image-btn:disabled{color:#444;cursor:not-allowed}.post-btn{background:var(--matrix-green);color:#0a0a0a;cursor:pointer;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.post-btn:hover:not(:disabled){background:#1fae54}.post-btn:disabled{cursor:not-allowed;background:#04785766}.profile-tabs{border-bottom:1px solid #1a1a1a;width:100%;margin-bottom:16px;display:flex}.profile-tab{color:#666;letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:14px 8px;font-size:13px;font-weight:700;transition:all .2s}.profile-tab:hover{color:#888}.profile-tab.active{color:var(--matrix-green);border-bottom-color:var(--matrix-green)}.tab-loading{justify-content:center;padding:60px 0;display:flex}.wall-section{width:100%;margin-bottom:24px}.wall-title{color:#666;letter-spacing:2px;margin:0 0 16px;font-size:13px;font-weight:800}.wall-empty{text-align:center;background:#141414;border:1px solid #04785726;border-radius:16px;padding:40px 20px}.wall-empty span{margin-bottom:12px;font-size:40px;display:block}.wall-empty p{color:#fff;margin:0;font-size:16px;font-weight:600}.wall-empty p.sub{color:#666;margin-top:4px;font-size:13px;font-weight:400}.profile-post-card{background:#141414;border:1px solid #04785726;border-radius:16px;margin-bottom:12px;padding:16px}.profile-post-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.profile-post-user-info{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.profile-post-avatar{object-fit:cover;border-radius:20px;width:40px;height:40px}.profile-post-avatar-placeholder{border:1px solid;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.profile-post-user-text{flex-flow:wrap;align-items:center;gap:4px;display:flex}.profile-post-username,.profile-post-display-name{color:#fff;font-size:15px;font-weight:700}.profile-post-handle{color:#888;font-size:14px}.profile-post-dot{color:#666;font-size:14px}.profile-post-time{color:#666;font-size:13px}.profile-post-menu{color:#666;cursor:pointer;background:0 0;border:none;padding:8px;font-size:20px;line-height:1}.profile-post-menu:hover{color:#888}.profile-post-report{justify-content:center;align-items:center;display:flex}.profile-post-report:hover{color:#ef4444}.profile-post-text{color:#fff;white-space:pre-wrap;word-break:break-word;margin:0 0 12px;font-size:15px;line-height:1.5}.profile-post-images{border-radius:12px;gap:8px;margin-bottom:12px;display:flex;overflow:hidden}.profile-post-images.single .profile-post-image{object-fit:cover;border-radius:12px;width:100%;max-height:300px}.profile-post-images.double .profile-post-image{object-fit:cover;flex:1;height:200px}.profile-post-actions{border-top:1px solid #222;gap:20px;padding-top:12px;display:flex}.profile-post-action{cursor:pointer;color:#888;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;transition:all .2s;display:flex}.profile-post-action:hover{color:#aaa}.profile-post-action.active-up{color:var(--matrix-green)}.profile-post-action.active-down{color:#ef4444}.profile-post-action .action-icon{font-size:16px}.profile-post-action .action-count{font-weight:600}.profile-comments-modal{background:#141414;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;position:relative}.profile-comments-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.profile-comments-header h3{color:#fff;margin:0;font-size:18px;font-weight:700}.profile-comments-list{flex:1;max-height:400px;padding:16px;overflow-y:auto}.profile-comments-empty{text-align:center;color:#666;padding:40px 20px}.profile-comments-empty p{margin:0;font-size:15px}.profile-comments-empty p.sub{color:#444;margin-top:4px;font-size:13px}.profile-comment-item{gap:10px;margin-bottom:16px;display:flex}.profile-comment-avatar{object-fit:cover;border-radius:16px;flex-shrink:0;width:32px;height:32px}.profile-comment-avatar-placeholder{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.profile-comment-content{flex:1}.profile-comment-bubble{background:#222;border-radius:4px 12px 12px;padding:10px 12px}.profile-comment-username{color:#fff;margin-bottom:2px;font-size:13px;font-weight:700;display:block}.profile-comment-text{color:#ccc;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.4}.profile-comment-time{color:#666;font-size:11px}.profile-comment-meta{align-items:center;gap:12px;margin-top:4px;margin-left:4px;display:flex}.profile-comment-report{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;transition:color .2s}.profile-comment-report:hover{color:#ef4444}.profile-comment-input-container{background:#141414;border-top:1px solid #222;border-radius:0 0 20px 20px;gap:10px;padding:12px 16px;display:flex}.profile-comment-input-container textarea{color:#fff;resize:none;background:#222;border:none;border-radius:20px;outline:none;flex:1;max-height:100px;padding:10px 16px;font-family:inherit;font-size:14px}.profile-comment-input-container textarea::placeholder{color:#666}.profile-comment-send-btn{background:var(--matrix-green);color:#0a0a0a;cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.profile-comment-send-btn:hover:not(:disabled){background:#1fae54}.profile-comment-send-btn:disabled{cursor:not-allowed;background:#04785766}.hits-section{border-top:1px solid var(--matrix-green-dim);width:100%;margin-top:24px;padding-top:36px}.hits-title{color:var(--matrix-green);text-shadow:0 0 20px #0478574d;margin:0 0 28px;font-size:20px;font-weight:600}.hits-loading{justify-content:center;padding:60px;display:flex}.hits-empty{color:#ffffff80;padding:60px 20px}.hits-empty span{margin-bottom:16px;font-size:56px;display:block}.hits-empty p{margin:0 0 24px;font-size:15px}.private-message{color:#ffffff80;padding:60px 20px}.private-message .lock-icon{margin-bottom:16px;font-size:56px;display:block}.private-message p{margin:0;font-size:15px}.private-message .sub{opacity:.7;margin-top:8px;font-size:13px}.hits-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:24px;display:grid}.hit-card{aspect-ratio:1;cursor:pointer;background:var(--dark-bg);border:1px solid var(--matrix-green-dim);border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.hit-card:hover{border-color:var(--matrix-green);transform:scale(1.02);box-shadow:0 0 20px #04785733}.hit-card img{object-fit:cover;width:100%;height:100%}.hit-payout{color:var(--matrix-green);background:#000000d9;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:8px;left:8px}.upload-btn{margin-top:12px}.spinner-small{border:2px solid #04785733;border-top-color:var(--matrix-green);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.modal{border:1px solid var(--matrix-green-dim);background:#111;border-radius:12px;width:100%;max-width:420px;max-height:80vh;padding:28px;overflow-y:auto}.modal-close{width:100%;margin-top:20px}.modal-actions{gap:12px;margin-top:24px;display:flex}.modal-actions .btn{flex:1}.settings-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.setting-row{border:1px solid var(--matrix-green-dim);cursor:pointer;background:#0478570d;border-radius:8px;justify-content:space-between;align-items:center;padding:14px;display:flex}.setting-row span{color:#ffffffe6;font-size:14px}.setting-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--matrix-green)}.modal .logout-btn{color:#ef4444;background:0 0;border:1px solid #ef444466;width:100%}.modal .logout-btn:hover{background:#ef44441a;border-color:#ef4444}.modal .admin-link{border:1px solid var(--matrix-green-dim);width:100%;color:var(--matrix-green);background:#0478571a;margin-bottom:12px}.modal .admin-link:hover{border-color:var(--matrix-green);background:#04785733}.settings-divider{background:#ffffff1a;height:1px;margin:16px 0}.modal .delete-account-btn{color:#ef4444;background:#ef444414;border:1px solid #ef444466;width:100%;margin-bottom:12px;font-size:13px}.modal .delete-account-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef4444}.delete-modal{text-align:center}.delete-warning-icon{margin-bottom:8px;font-size:48px}.delete-title{color:#ef4444!important;margin-bottom:16px!important}.delete-warning{color:#fffc;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin:0 0 20px;padding:16px;font-size:14px;line-height:1.6}.delete-instruction{color:#ffffffb3;margin:0 0 12px;font-size:13px}.delete-instruction strong{color:#ef4444;font-weight:600}.delete-confirm-input{text-align:center;letter-spacing:1px;font-size:16px}.delete-confirm-input:focus{border-color:#ef4444}.delete-confirm-btn{font-weight:600;color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.delete-confirm-btn:hover:not(:disabled){background:#dc2626!important;border-color:#dc2626!important}.delete-confirm-btn:disabled{cursor:not-allowed;color:#ffffff80!important;background:#ef44444d!important;border-color:#ef44444d!important}.friends-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.friend-row{border:1px solid var(--matrix-green-dim);cursor:pointer;background:#0478570d;border-radius:8px;align-items:center;gap:14px;padding:12px 14px;transition:all .15s;display:flex}.friend-row:hover{border-color:var(--matrix-green);background:#0478571a}.friend-emoji{font-size:28px}.friend-avatar-img{object-fit:cover;border:2px solid var(--matrix-green);border-radius:50%;width:36px;height:36px}.friend-name{color:var(--white);font-size:14px;font-weight:500}.empty-text{text-align:center;color:#ffffff80;padding:24px}.friend-requests-section{width:100%;margin:24px 0}.requests-title{color:var(--matrix-green);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.requests-list{flex-direction:column;gap:10px;display:flex}.request-card{border:1px solid var(--matrix-green-dim);background:#0478570d;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.request-card:hover{border-color:#04785766}.request-user{cursor:pointer;align-items:center;gap:12px;display:flex}.request-pic{object-fit:cover;border:2px solid var(--matrix-green-dim);border-radius:50%;width:44px;height:44px}.request-emoji{border:2px solid var(--matrix-green-dim);background:#0478571a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.request-info{flex-direction:column;gap:2px;display:flex}.request-name{color:var(--white);font-size:14px;font-weight:600}.request-actions{gap:8px;display:flex}.request-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.request-btn.accept{background:var(--matrix-green);color:#000}.request-btn.accept:hover{filter:brightness(1.1)}.request-btn.decline{color:#fff9;background:0 0;border:1px solid #fff3}.request-btn.decline:hover{color:#ef4444;border-color:#ef444480}.friends-btn{position:relative}.request-badge{background:var(--matrix-green);color:#000;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700}.upload-area{aspect-ratio:1;border:2px dashed var(--matrix-green-dim);cursor:pointer;background:#0478570d;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:220px;margin-bottom:20px;transition:all .2s;display:flex}.upload-area:hover{border-color:var(--matrix-green);background:#0478571a}.upload-placeholder{text-align:center;color:#ffffff80}.upload-placeholder span{margin-bottom:10px;font-size:44px;display:block}.upload-placeholder p{margin:0;font-size:14px}.upload-preview{width:100%;height:100%;position:relative}.upload-preview img{object-fit:cover;border-radius:10px;width:100%;height:100%}.remove-preview{color:#ef4444;cursor:pointer;background:#000c;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;position:absolute;top:10px;right:10px}.input{background:var(--dark-bg);border:1px solid var(--matrix-green-dim);width:100%;color:var(--white);border-radius:6px;margin-bottom:12px;padding:12px 14px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--matrix-green);outline:none}.upload-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.upload-row .input{margin-bottom:0}.hit-viewer{max-width:540px;padding:0;position:relative;overflow:hidden}.hit-viewer img{object-fit:contain;background:var(--black);width:100%;max-height:55vh}.hit-info{padding:20px}.hit-info p{color:var(--white);margin:0 0 14px;font-size:14px}.hit-tags{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tag{color:#ffffffb3;background:#ffffff1a;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:500}.tag.green{color:var(--matrix-green);background:#04785726}.delete-btn{color:#ef4444;border-color:#ef444466;width:100%}.delete-btn:hover{background:#ef44441a;border-color:#ef4444}.close-x{width:36px;height:36px;color:var(--white);cursor:pointer;background:#000c;border:none;border-radius:50%;font-size:22px;transition:background .2s;position:absolute;top:12px;right:12px}.close-x:hover{background:#fff3}@media (max-width:767px){.profile-page{-webkit-overflow-scrolling:touch;overflow-y:auto}.profile-content{max-width:100%;padding:70px 16px 60px}.back-btn{padding:8px 12px;font-size:12px;top:12px;left:12px}.settings-gear{padding:8px 10px;font-size:16px;top:12px;right:12px}.badge-btn{padding:8px 10px;font-size:16px;top:12px;right:58px}.avatar{width:120px;height:120px}.avatar-emoji{font-size:52px}.avatar-hover{font-size:28px}.username{margin:20px 0 10px;font-size:26px}.bio-section{max-width:100%}.bio-text{font-size:14px}.bio-edit textarea{min-height:80px;padding:12px;font-size:13px}.privacy-btn,.privacy-badge{padding:8px 14px;font-size:12px}.friends-btn{padding:10px 20px;font-size:13px}.friend-requests-section{margin:20px 0}.requests-title{font-size:13px}.request-card{flex-wrap:wrap;gap:10px;padding:10px 12px}.request-pic,.request-emoji{width:40px;height:40px;font-size:20px}.request-name{font-size:13px}.request-level{font-size:11px}.request-actions{justify-content:flex-end;width:100%}.request-btn{padding:10px 16px;font-size:12px}.hits-section{margin-top:20px;padding-top:28px}.hits-title{margin-bottom:20px;font-size:18px}.hits-grid{grid-template-columns:repeat(2,1fr);gap:8px}.hit-payout{padding:3px 8px;font-size:11px}.modal-overlay{align-items:flex-end;padding:0}.modal{width:100%;max-width:100%;max-height:85vh;padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0));border-radius:16px 16px 0 0}.modal h2{margin-bottom:20px;font-size:18px}.settings-list{gap:10px}.setting-row{padding:12px}.setting-row span{font-size:13px}.friends-list{max-height:50vh}.friend-row{gap:12px;padding:10px 12px}.friend-emoji{font-size:24px}.friend-name{font-size:13px}.upload-area{max-height:180px;margin-bottom:16px}.upload-placeholder span{margin-bottom:8px;font-size:36px}.upload-placeholder p{font-size:13px}.input{padding:12px;font-size:14px}.upload-row{grid-template-columns:1fr;gap:8px}.hit-viewer{border-radius:16px 16px 0 0;max-width:100%}.hit-viewer img{max-height:45vh}.hit-info{padding:16px}.hit-info p{margin-bottom:12px;font-size:13px}.hit-tags{gap:6px;margin-bottom:14px}.tag{padding:4px 10px;font-size:11px}.close-x{width:32px;height:32px;font-size:18px;top:10px;right:10px}.btn{min-height:44px;padding:12px 20px;font-size:14px}.btn-small{min-height:36px;padding:8px 16px;font-size:12px}.modal-actions{flex-direction:column;gap:10px}.modal-actions .btn{width:100%}}@media (max-width:374px){.profile-content{padding:60px 12px 50px}.avatar{width:100px;height:100px}.avatar-emoji{font-size:44px}.username{font-size:22px}.hits-grid{gap:6px}.request-card{padding:8px 10px}.request-actions{gap:6px}.request-btn{padding:8px 12px;font-size:11px}}.admin-page{color:#fff;background:#000;min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.admin-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.admin-loading p{color:#fff9;margin:0;font-size:14px}.admin-header{z-index:100;background:#000;border-bottom:1px solid #04785740;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.admin-header-left{align-items:center;gap:20px;display:flex}.admin-header .back-btn{color:#047857;cursor:pointer;background:0 0;border:1px solid #04785740;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.admin-header .back-btn:hover{background:#0478571a;border-color:#047857}.admin-header h1{color:#047857;margin:0;font-size:22px;font-weight:700}.admin-header-right{align-items:center;gap:16px;display:flex}.approval-toggle{color:#ffffffb3;align-items:center;gap:12px;font-size:13px;display:flex}.status-on{color:#047857;font-weight:600}.status-off{color:#fff6}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ffffff1a;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:#047857}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.admin-nav{background:#00000080;border-bottom:1px solid #04785726;gap:4px;padding:12px 24px;display:flex;overflow-x:auto}.admin-nav button{color:#ffffff80;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s}.admin-nav button:hover{color:#fffc;background:#0478571a}.admin-nav button.active{color:#047857;background:#04785733}.admin-content{max-width:1200px;margin:0 auto;padding:32px 24px}.admin-section{margin-bottom:40px}.admin-section h2{color:#047857;margin:0 0 20px;font-size:20px;font-weight:600}.section-description{color:#ffffff80;margin:-12px 0 20px;font-size:14px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-header h2{margin:0}.section-controls{align-items:center;gap:12px;display:flex}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{text-align:center;background:#0478570d;border:1px solid #04785740;border-radius:12px;flex-direction:column;align-items:center;padding:24px;transition:all .15s;display:flex}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{background:#0478571a;border-color:#047857}.stat-icon{margin-bottom:8px;font-size:28px}.stat-card .stat-value{color:#047857;margin-bottom:8px;font-size:36px;font-weight:700;line-height:1}.stat-card .stat-label{color:#fff9;font-size:13px}.search-input,.form-input{color:#fff;background:#00000080;border:1px solid #04785740;border-radius:6px;min-width:200px;padding:10px 14px;font-size:14px;transition:all .15s}.search-input:focus,.form-input:focus{background:#0478570d;border-color:#047857;outline:none}.search-input::placeholder,.form-input::placeholder{color:#ffffff4d}.sort-select,.filter-select,.form-select{color:#fff;cursor:pointer;background:#00000080;border:1px solid #04785740;border-radius:6px;padding:10px 14px;font-size:14px;transition:all .15s}.sort-select:focus,.filter-select:focus,.form-select:focus{border-color:#047857;outline:none}.form-textarea{color:#fff;resize:vertical;background:#00000080;border:1px solid #04785740;border-radius:6px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .15s}.form-textarea:focus{background:#0478570d;border-color:#047857;outline:none}.form-textarea::placeholder{color:#ffffff4d}.action-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.action-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.action-btn.active{color:#047857;background:#04785733;border-color:#047857}.action-btn.success{color:#047857;background:#04785726;border-color:#04785766}.action-btn.success:hover{color:#000;background:#047857;border-color:#047857}.action-btn.warning{color:#eab308;background:#eab30826;border-color:#eab30866}.action-btn.warning:hover{color:#000;background:#eab308;border-color:#eab308}.action-btn.danger{color:#ef4444;background:#ef444426;border-color:#ef444466}.action-btn.danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.action-btn:disabled{opacity:.4;cursor:not-allowed}.rooms-list{flex-direction:column;gap:12px;max-height:calc(100vh - 280px);padding-right:8px;display:flex;overflow-y:auto}.room-card{background:#04785708;border:1px solid #04785733;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px;transition:all .15s;display:flex}.room-card:hover{background:#0478570d;border-color:#04785766}.room-card.pinned{background:#04785714;border-color:#04785780}.room-card.locked{opacity:.7}.room-info{flex:1;min-width:0}.room-name{color:#fff;align-items:center;gap:8px;margin-bottom:6px;font-size:15px;font-weight:600;display:flex}.room-badge{font-size:12px}.room-meta{color:#ffffff80;align-items:center;gap:8px;font-size:12px;display:flex}.room-actions{flex-shrink:0;gap:8px;display:flex}.room-actions .action-btn{padding:8px 12px;font-size:14px}.users-list{flex-direction:column;gap:10px;max-height:calc(100vh - 280px);padding-right:8px;display:flex;overflow-y:auto}.user-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:all .15s;display:flex}.user-card:hover{background:#ffffff0a;border-color:#fff3}.user-card.muted{background:#eab3080d;border-color:#eab3084d}.user-card.banned{background:#ef44440d;border-color:#ef44444d}.user-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.user-avatar{background:#0478571a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.user-details{flex:1;min-width:0}.user-name{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.admin-badge{color:#047857;background:#04785733;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.user-status{gap:8px;margin-top:4px;display:flex}.status-badge{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.status-badge.muted{color:#eab308;background:#eab30833}.status-badge.banned{color:#ef4444;background:#ef444433}.user-actions{flex-shrink:0;gap:8px;display:flex}.submissions-list{flex-direction:column;gap:16px;display:flex}.submission-card{background:#0478570d;border:1px solid #04785740;border-radius:10px;padding:16px;transition:border-color .15s}.submission-card:hover{border-color:#04785780}.submission-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.submission-oddie{font-size:24px}.submission-user{color:#fff;font-size:14px;font-weight:600}.submission-time{color:#fff6;margin-left:auto;font-size:12px}.submission-body{margin-bottom:16px}.submission-sport{color:#047857;background:#04785733;border-radius:4px;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.submission-game{color:#fff9;margin-bottom:8px;font-size:13px}.submission-prop{color:#047857;letter-spacing:.5px;font-size:18px;font-weight:700}.submission-actions{justify-content:flex-end;gap:10px;display:flex}.content-card{background:#04785708;border:1px solid #04785733;border-radius:12px;margin-bottom:20px;padding:24px}.content-card h3{color:#047857;margin:0 0 8px;font-size:16px;font-weight:600}.content-card p{color:#ffffff80;margin:0 0 16px;font-size:13px}.content-form{flex-direction:column;gap:12px;display:flex}.form-actions{gap:12px;display:flex}.add-admin-form{gap:12px;margin-bottom:24px;display:flex}.add-admin-form .form-input{flex:1;max-width:300px}.admins-list{flex-direction:column;gap:10px;display:flex}.admin-card{background:#0478570d;border:1px solid #04785740;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.admin-info{align-items:center;gap:12px;display:flex}.admin-avatar{background:#04785726;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.admin-details{flex-direction:column;display:flex}.admin-name{color:#fff;font-size:14px;font-weight:600}.admin-since{color:#fff6;margin-top:2px;font-size:12px}.logs-list{flex-direction:column;gap:8px;max-height:600px;display:flex;overflow-y:auto}.log-entry{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;align-items:flex-start;gap:16px;padding:12px 16px;display:flex}.log-time{color:#fff6;white-space:nowrap;min-width:100px;font-size:12px}.log-content{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.log-admin{color:#047857;font-weight:600}.log-action{color:#ffffffb3}.log-detail{color:#ffffff80}.empty-state{text-align:center;color:#ffffff80;background:#04785708;border:1px dashed #04785740;border-radius:10px;padding:48px 24px;font-size:14px}.empty-state span{margin-bottom:12px;font-size:40px;display:block}.empty-state p{margin:0}.modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#111;border:1px solid #04785740;border-radius:16px;width:100%;max-width:400px;padding:28px}.modal h2{color:#047857;text-align:center;margin:0 0 24px;font-size:18px;font-weight:600}.modal-form{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.modal-form label{color:#ffffffb3;font-size:13px;font-weight:500}.modal-form .form-select,.modal-form .form-input{width:100%}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.user-detail-modal{max-width:450px;position:relative}.modal-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1;position:absolute;top:16px;right:16px}.modal-close:hover{color:#fff}.user-detail-header{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;padding-top:8px;display:flex}.user-detail-avatar{background:#04785726;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.user-detail-header h2{color:#fff;text-align:center;margin:0;font-size:20px}.user-detail-info{background:#0000004d;border-radius:8px;margin-bottom:20px;padding:16px}.detail-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row.warning{background:#eab3081a;border-radius:4px;margin:0 -16px;padding:10px 16px}.detail-row.danger{background:#ef44441a;border-radius:4px;margin:0 -16px;padding:10px 16px}.detail-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.detail-value{color:#fff;text-align:right;word-break:break-all;max-width:60%;font-size:14px}.detail-value.mono{color:#fff9;font-family:monospace;font-size:11px}.user-detail-actions{justify-content:center;gap:12px;display:flex}.user-info.clickable{cursor:pointer;transition:opacity .15s}.user-info.clickable:hover{opacity:.8}.admin-tool-card{background:#04785708;border:1px solid #04785733;border-radius:12px;margin-top:24px;padding:20px}.admin-tool-card h3{color:#047857;margin:0 0 8px;font-size:16px;font-weight:600}.admin-tool-card p{color:#ffffff80;margin:0 0 16px;font-size:13px}.migration-result{border-radius:6px;margin-top:12px;padding:10px;font-size:13px}.migration-result .success{color:#047857}.migration-result .error{color:#ef4444}.user-detail-delete{border-top:1px solid #ef444433;margin-top:20px;padding-top:20px}.action-btn.full-width{width:100%}.spinner{border:3px solid #04785733;border-top-color:#047857;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.admin-loading-inline{justify-content:center;padding:40px;display:flex}@media (max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.admin-header-left{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.admin-header-right{width:100%}.approval-toggle{flex-wrap:wrap;font-size:12px}.admin-nav{gap:2px;padding:12px 16px}.admin-nav button{padding:8px 12px;font-size:12px}.admin-content{padding:20px 16px}.section-header{flex-direction:column;align-items:flex-start}.section-controls{flex-wrap:wrap;width:100%}.search-input{width:100%;min-width:auto}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.room-card,.user-card{flex-direction:column;align-items:flex-start;gap:12px}.room-actions,.user-actions{justify-content:flex-end;width:100%}.add-admin-form{flex-direction:column}.add-admin-form .form-input{max-width:none}.log-entry{flex-direction:column;gap:8px}.log-time{min-width:auto}.modal{max-width:none;margin:16px;padding:20px}}@media (max-width:480px){.admin-stats-grid{grid-template-columns:1fr}.room-actions .action-btn,.user-actions .action-btn{padding:6px 10px;font-size:12px}}.add-word-form{flex-wrap:wrap;align-items:center;flex-direction:row!important}.add-word-form .form-input{flex:1;min-width:200px}.category-select{min-width:140px}.populate-defaults{border-top:1px solid #ffffff1a;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.populate-defaults .hint{color:#fff6;font-size:12px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h3{margin:0}.card-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-header.clickable:hover h3{color:#4ade80}.expand-icon{color:#ffffff80;font-size:12px}.search-input.small{min-width:150px;padding:8px 12px;font-size:13px}.banned-words-list{flex-direction:column;gap:8px;max-height:400px;padding-right:8px;display:flex;overflow-y:auto}.banned-word-item{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.banned-word-item:hover{background:#0006;border-color:#ffffff26}.banned-word-item.disabled{opacity:.5}.word-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.word-text{color:#fff;font-family:monospace;font-size:14px;font-weight:500}.word-category{text-transform:uppercase;letter-spacing:.5px;color:#fff9;background:#ffffff1a;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.word-category.profanity{color:#eab308;background:#eab30833}.word-category.racial{color:#ef4444;background:#ef444433}.word-category.homophobic{color:#a855f7;background:#a855f733}.word-category.ableist{color:#f97316;background:#f9731633}.word-category.violence{color:#f87171;background:#ef44444d}.word-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.toggle-switch.small{width:36px;height:20px}.toggle-switch.small .toggle-slider:before{width:14px;height:14px;bottom:3px;left:3px}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(16px)}.action-btn.small{padding:6px 10px;font-size:12px}.filter-logs-list{flex-direction:column;gap:8px;max-height:400px;padding-right:8px;display:flex;overflow-y:auto}.filter-log-item{background:#ef44440d;border:1px solid #ef444426;border-radius:8px;grid-template-columns:auto 1fr auto auto 2fr;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:grid}.filter-log-item .log-time{color:#fff6;min-width:auto;font-size:11px}.filter-log-item .log-user{color:#047857;font-weight:600}.filter-log-item .log-context{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.filter-log-item .log-matched{color:#fff9}.filter-log-item .matched-word{color:#ef4444;font-family:monospace;font-weight:600}.filter-log-item .log-original{color:#fff6;text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}@media (max-width:768px){.add-word-form{flex-direction:column!important}.add-word-form .form-input,.category-select{width:100%;min-width:auto}.populate-defaults{flex-direction:column;align-items:flex-start}.filter-log-item{grid-template-columns:1fr 1fr;gap:8px}.filter-log-item .log-original{grid-column:1/-1}}.support-page{color:#e0e0e0;background:linear-gradient(135deg,#0a0a0a 0%,#111 50%,#0a0a0a 100%);min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.support-container{max-width:900px;margin:0 auto;padding:40px 24px 60px}.support-header{text-align:center;border-bottom:1px solid #222;margin-bottom:48px;padding-bottom:32px}.support-logo{margin-bottom:24px;text-decoration:none;display:inline-block}.support-logo .logo-text{color:#0f8;letter-spacing:-.5px;font-size:28px;font-weight:700}.support-header h1{color:#fff;margin:0 0 12px;font-size:36px;font-weight:700}.support-subtitle{color:#888;margin:0;font-size:16px}.support-section{border-bottom:1px solid #222;margin-bottom:48px;padding-bottom:32px}.support-section:last-of-type{border-bottom:none}.support-section h2{color:#0f8;margin:0 0 16px;font-size:24px;font-weight:600}.support-section>p{color:#aaa;margin-bottom:20px;line-height:1.6}.contact-card{background:#00ff880d;border:1px solid #0f83;border-radius:12px;gap:20px;padding:24px;display:flex}.contact-icon{flex-shrink:0;font-size:40px}.contact-info h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.contact-info p{color:#888;margin:0 0 12px;line-height:1.5}.contact-email{color:#0f8;background:#00ff881a;border-radius:8px;padding:8px 16px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.contact-email:hover{background:#0f83}.response-time{font-size:13px;color:#666!important;margin-top:12px!important}.steps-list{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.step{background:#ffffff08;border-radius:10px;align-items:flex-start;gap:16px;padding:16px;display:flex}.step-number{color:#000;background:#0f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.step-content h4{color:#fff;margin:0 0 4px;font-size:15px;font-weight:600}.step-content p{color:#888;margin:0;font-size:14px;line-height:1.5}.report-note{color:#666;background:#ffffff05;border-left:3px solid #444;border-radius:8px;padding:12px;font-size:13px;font-style:italic}.info-box{background:#0096ff0d;border:1px solid #0096ff33;border-radius:12px;margin-top:20px;padding:20px}.info-box h4{color:#fff;margin:0 0 12px;font-size:15px;font-weight:600}.info-box ul{margin:0;padding-left:20px}.info-box li{color:#aaa;margin-bottom:8px;line-height:1.5}.info-box li:last-child{margin-bottom:0}.guidelines-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px;display:grid}.guideline-card{background:#ffffff08;border:1px solid #222;border-radius:12px;padding:20px}.guideline-card.prohibited{border-color:#ff50504d}.guideline-icon{margin-bottom:12px;font-size:28px}.guideline-card h4{color:#f55;margin:0 0 8px;font-size:15px;font-weight:600}.guideline-card p{color:#888;margin:0;font-size:13px;line-height:1.5}.guidelines-enforcement{background:#ff50500d;border:1px solid #ff505033;border-radius:12px;padding:20px}.guidelines-enforcement h4{color:#f55;margin:0 0 12px;font-size:16px;font-weight:600}.guidelines-enforcement p{color:#aaa;margin:0 0 12px;line-height:1.5}.guidelines-enforcement ul{margin:0 0 16px;padding-left:20px}.guidelines-enforcement li{color:#888;margin-bottom:6px}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{background:#ffffff08;border:1px solid #222;border-radius:10px;overflow:hidden}.faq-item summary{cursor:pointer;color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:500;list-style:none;transition:background .2s;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#0f8;font-size:20px;font-weight:300;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{background:#ffffff0d}.faq-item p{color:#888;margin:0;padding:0 20px 16px;font-size:14px;line-height:1.6}.support-footer{text-align:center;border-top:1px solid #222;margin-top:48px;padding-top:32px}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-links a{color:#666;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#0f8}.footer-links .divider{color:#444}.copyright{color:#444;margin:0;font-size:13px}@media (max-width:600px){.support-container{padding:24px 16px 40px}.support-header h1{font-size:28px}.contact-card{text-align:center;flex-direction:column}.guidelines-grid{grid-template-columns:1fr}.step{text-align:center;flex-direction:column;align-items:center}}.game-page{color:#fff;background:#000;min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.game-page-loading{color:#fff9;justify-content:center;align-items:center;height:100vh;display:flex}.game-page-header{background:linear-gradient(#0478571a 0%,#0000 100%);border-bottom:1px solid #04785733;padding:20px}.game-back-btn{color:#047857;cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:0;font-size:14px}.game-back-btn:hover{text-decoration:underline}.game-header-content{text-align:center}.game-matchup{justify-content:center;align-items:center;gap:24px;margin-bottom:12px;display:flex}.game-team{flex-direction:column;align-items:center;gap:4px;min-width:100px;display:flex}.team-abbrev{color:#fff;letter-spacing:1px;font-size:32px;font-weight:800}.team-name{color:#ffffff80;font-size:12px}.game-vs{flex-direction:column;align-items:center;display:flex}.vs-text{color:#fff6;font-size:16px;font-weight:600}.game-score{align-items:center;gap:8px;display:flex}.game-score .score{color:#047857;font-size:28px;font-weight:800}.score-divider{color:#ffffff4d;font-size:20px}.game-time{color:#fff9;font-size:14px}.live-indicator{color:#047857;font-weight:600;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.betting-menu{padding:24px 20px}.betting-menu-title{color:#047857;text-align:center;letter-spacing:2px;margin:0 0 4px;font-size:24px;font-weight:800}.betting-menu-subtitle{color:#ffffff80;text-align:center;margin:0 0 24px;font-size:14px}.betting-categories{flex-direction:column;gap:12px;max-width:500px;margin:0 auto;display:flex}.betting-category{cursor:pointer;text-align:left;background:#0478570d;border:1px solid #04785733;border-radius:12px;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:all .2s;display:flex}.betting-category:hover{background:#0478571a;border-color:#04785766;transform:translate(4px)}.betting-category.trending{background:linear-gradient(135deg,#ff6b001a,#0478571a);border-color:#ff6b004d}.betting-category.trending:hover{border-color:#ff6b0080}.category-emoji{flex-shrink:0;font-size:28px}.category-info{flex-direction:column;flex:1;gap:2px;display:flex}.category-name{color:#fff;font-size:16px;font-weight:700}.category-desc{color:#ffffff80;font-size:12px}.category-arrow{color:#047857;flex-shrink:0;font-size:18px}.game-active-rooms{border-top:1px solid #0478571a;padding:24px 20px}.active-rooms-title{color:#fff;text-align:center;margin:0 0 16px;font-size:16px;font-weight:700}.active-rooms-list{flex-direction:column;gap:8px;max-width:500px;margin:0 auto;display:flex}.active-room-card{cursor:pointer;background:#ffffff08;border:1px solid #04785726;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 16px;transition:all .2s;display:flex}.active-room-card .team-color-dot{border-radius:50%;flex-shrink:0;width:24px;height:24px}.active-room-card .room-name{text-align:left;flex:1}.active-room-card .room-users{color:#047857;flex-shrink:0;font-size:12px}.active-room-card:hover{background:#0478571a;border-color:#047857}.active-room-card-wrapper{align-items:center;gap:8px;display:flex}.active-room-card-wrapper .active-room-card{flex:1}.active-room-delete-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:all .2s;display:flex}.active-room-delete-btn:hover{background:#ef444433;border-color:#ef4444}.room-name{color:#fff;font-size:13px;font-weight:600}.room-users{color:#047857;font-size:12px}.prop-builder-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.prop-builder-modal{background:#0a0a0a;border:1px solid #0478574d;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:85vh;animation:.3s scaleIn;display:flex;overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.prop-builder-header{border-bottom:1px solid #04785733;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.prop-builder-header h2{color:#fff;margin:0;font-size:18px;font-weight:700}.prop-builder-back,.prop-builder-close{color:#047857;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px}.prop-builder-close{font-size:24px;line-height:1}.prop-builder-progress{background:#00000080;justify-content:center;gap:8px;padding:16px 20px;display:flex}.progress-step{color:#ffffff4d;background:#ffffff0d;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.progress-step.active{color:#000;background:#047857}.prop-builder-content{flex:1;min-height:0;padding:20px;overflow-y:auto}.builder-step h3{color:#fff;text-align:center;margin:0 0 16px;font-size:20px;font-weight:700}.selected-info{text-align:center;color:#047857;background:#0478571a;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px;font-weight:600}.selected-info.final{flex-direction:column;gap:4px;display:flex}.pick-player{color:#fff;font-size:18px}.pick-stat{color:#fff9;font-size:14px}.pick-line{color:#047857;font-size:24px;font-weight:800}.player-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.player-btn{cursor:pointer;background:#ffffff08;border:1px solid #04785733;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;transition:all .2s;display:flex}.player-btn:hover{background:#0478571a;border-color:#047857;transform:scale(1.02)}.player-name{color:#fff;font-size:14px;font-weight:600}.player-team{color:#047857;font-size:11px;font-weight:600}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #04785733;border-radius:10px;padding:16px 12px;font-size:14px;font-weight:600;transition:all .2s}.stat-btn:hover{background:#0478571a;border-color:#047857}.line-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.line-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #04785733;border-radius:8px;padding:14px 8px;font-size:16px;font-weight:700;transition:all .2s}.line-btn:hover{background:#0478571a;border-color:#047857}.line-btn.selected{color:#000;background:#047857;border-color:#047857}.custom-line{gap:8px;display:flex}.custom-line input{color:#fff;background:#00000080;border:1px solid #0478574d;border-radius:8px;flex:1;padding:12px 14px;font-size:16px}.custom-line input:focus{border-color:#047857;outline:none}.custom-line-btn{color:#047857;cursor:pointer;background:#04785733;border:1px solid #047857;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600}.custom-line-btn:disabled{opacity:.4;cursor:not-allowed}.direction-buttons{gap:12px;margin-top:20px;display:flex}.direction-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:20px;font-size:18px;font-weight:800;transition:all .2s}.direction-btn:disabled{opacity:.6;cursor:not-allowed}.direction-btn.over{color:#000;background:linear-gradient(135deg,#047857,#16a34a)}.direction-btn.over:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #04785766}.direction-btn.under{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.direction-btn.under:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #ef444466}.direction-btn.yes{color:#000;background:linear-gradient(135deg,#047857,#16a34a)}.direction-btn.yes:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #04785766}.team-logo{object-fit:contain;width:32px;height:32px;margin-bottom:4px}.team-grid{flex-direction:column;gap:12px;display:flex}.team-btn{cursor:pointer;background:#ffffff08;border:1px solid #04785733;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:18px 20px;transition:all .2s;display:flex}.team-btn:hover{background:#0478571a;border-color:#047857;transform:scale(1.01)}.team-btn .team-name{color:#fff;text-align:left;font-size:15px;font-weight:600}.team-tag{color:#047857;text-transform:uppercase;letter-spacing:1px;background:#0478571a;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:11px}.game-lines-step{flex-direction:column;gap:24px;display:flex}.game-line-section{flex-direction:column;gap:10px;display:flex}.game-line-section h4{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:12px;font-weight:700}.game-line-options{flex-direction:column;gap:8px;display:flex}.game-line-btn{cursor:pointer;background:#ffffff08;border:1px solid #04785733;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:all .2s;display:flex}.game-line-btn:hover:not(:disabled){background:#04785726;border-color:#047857;transform:scale(1.01)}.game-line-btn:disabled{opacity:.5;cursor:not-allowed}.game-line-btn.over{border-color:#04785766}.game-line-btn.over:hover:not(:disabled){background:#04785733}.game-line-btn.under{border-color:#ef444466}.game-line-btn.under:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.gl-team,.gl-direction{color:#fff;font-size:14px;font-weight:600}.gl-line{color:#047857;background:#04785726;border-radius:6px;padding:4px 12px;font-size:16px;font-weight:700}.game-line-btn.under .gl-line{color:#ef4444;background:#ef444426}.creating-room-status{text-align:center;color:#047857;padding:12px;font-size:14px;animation:1s ease-in-out infinite pulse}.spread-columns{gap:12px;display:flex}.spread-column{flex-direction:column;flex:1;gap:8px;display:flex}.spread-team-header{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border-radius:8px;padding:10px 8px;font-size:13px;font-weight:600;overflow:hidden}.spread-scroll{flex-direction:column;gap:4px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.spread-scroll::-webkit-scrollbar{width:4px}.spread-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.spread-scroll::-webkit-scrollbar-thumb{background:#04785766;border-radius:2px}.spread-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .15s}.spread-btn:hover:not(:disabled){background:#04785726;border-color:#047857}.spread-btn:disabled{opacity:.5;cursor:not-allowed}.spread-btn.default{color:#047857;background:#04785726;border-color:#047857}.total-columns{gap:12px;display:flex}.total-column{flex-direction:column;flex:1;gap:8px;display:flex}.total-header{text-align:center;border-radius:8px;padding:10px 8px;font-size:13px;font-weight:600}.total-header.over{color:#047857;background:#04785726}.total-header.under{color:#ef4444;background:#ef444426}.total-scroll{flex-direction:column;gap:4px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.total-scroll::-webkit-scrollbar{width:4px}.total-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.total-scroll::-webkit-scrollbar-thumb{background:#04785766;border-radius:2px}.total-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .15s}.total-btn.over:hover:not(:disabled){background:#04785726;border-color:#047857}.total-btn.under:hover:not(:disabled){background:#ef444426;border-color:#ef4444}.total-btn:disabled{opacity:.5;cursor:not-allowed}.total-btn.over.default{color:#047857;background:#04785726;border-color:#047857}.total-btn.under.default{color:#ef4444;background:#ef444426;border-color:#ef4444}.prop-lines-step{flex-direction:column;gap:16px;display:flex}.prop-header{text-align:center;color:#047857;background:#0478571a;border-radius:10px;padding:12px;font-size:15px;font-weight:600}.prop-over-under-columns{gap:12px;display:flex}.prop-column{flex-direction:column;flex:1;gap:8px;display:flex}.prop-column-header{text-align:center;border-radius:10px;padding:12px 8px;font-size:14px;font-weight:700}.prop-column-header.over{color:#047857;background:#04785726}.prop-column-header.under{color:#ef4444;background:#ef444426}.prop-lines-scroll{flex-direction:column;gap:6px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.prop-lines-scroll::-webkit-scrollbar{width:4px}.prop-lines-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.prop-lines-scroll::-webkit-scrollbar-thumb{background:#04785766;border-radius:2px}.prop-line-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .15s}.prop-line-btn.over:hover:not(:disabled){background:#04785733;border-color:#047857;transform:scale(1.02)}.prop-line-btn.under:hover:not(:disabled){background:#ef444433;border-color:#ef4444;transform:scale(1.02)}.prop-line-btn:disabled{opacity:.5;cursor:not-allowed}.prop-line-btn.over.default{color:#047857;background:#04785726;border-color:#047857}.prop-line-btn.under.default{color:#ef4444;background:#ef444426;border-color:#ef4444}.players-loading{flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.loading-spinner{border:3px solid #04785733;border-top-color:#047857;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.players-loading p{color:#fff9;font-size:14px}.players-error{text-align:center;padding:20px}.players-error p{color:#fff9;margin-bottom:16px;font-size:14px}.manual-player-input{gap:8px;max-width:300px;margin:0 auto;display:flex}.manual-player-input input{color:#fff;background:#00000080;border:1px solid #0478574d;border-radius:8px;flex:1;padding:12px 14px;font-size:14px}.manual-player-input input:focus{border-color:#047857;outline:none}.manual-player-input button{color:#000;cursor:pointer;background:#047857;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600}.manual-player-input button:disabled{opacity:.4;cursor:not-allowed}.manual-player-option{text-align:center;border-top:1px solid #0478571a;margin-top:20px;padding-top:20px}.manual-player-option p{color:#fff6;margin-bottom:12px;font-size:12px}.player-search{margin-bottom:16px;position:relative}.player-search input{color:#fff;box-sizing:border-box;background:#00000080;border:1px solid #0478574d;border-radius:8px;width:100%;padding:12px 40px 12px 14px;font-size:14px}.player-search input:focus{border-color:#047857;outline:none}.player-search input::placeholder{color:#fff6}.player-search-clear{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.player-search-clear:hover{color:#fff}.players-no-results{text-align:center;padding:20px}.players-no-results p{color:#fff9;margin-bottom:12px;font-size:14px}.players-no-results button{color:#047857;cursor:pointer;background:#04785733;border:1px solid #0478574d;border-radius:6px;padding:8px 16px;font-size:13px}.players-no-results button:hover{background:#0478574d}.retry-btn{color:#000;cursor:pointer;background:#047857;border:none;border-radius:8px;margin-top:8px;padding:10px 24px;font-size:14px;font-weight:600}.retry-btn:hover{background:#16a34a}.players-error-hint{margin-top:-8px;color:#fff6!important;font-size:12px!important}@media (max-width:500px){.game-page-header{padding:16px}.team-abbrev{font-size:24px}.game-matchup{gap:16px}.betting-menu{padding:20px 16px}.betting-category{padding:14px 16px}.category-emoji{font-size:24px}.prop-builder-overlay{padding:10px}.prop-builder-modal{border-radius:12px;max-height:92vh}.prop-builder-header{padding:12px 16px}.prop-builder-header h2{font-size:15px}.prop-builder-progress{gap:6px;padding:10px 16px}.progress-step{padding:4px 10px;font-size:11px}.prop-builder-content{padding:16px}.player-grid,.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.player-btn,.stat-btn{padding:12px 10px;font-size:13px}.line-grid{grid-template-columns:repeat(3,1fr);gap:8px}.direction-btn{padding:16px;font-size:16px}.game-lines-step{gap:20px}.spread-columns,.total-columns{gap:8px}.spread-team-header{padding:8px 4px;font-size:11px}.spread-scroll,.total-scroll{gap:3px;max-height:160px}.spread-btn,.total-btn{padding:8px 10px;font-size:13px}.total-header{padding:10px 6px;font-size:12px}.prop-lines-step{gap:12px}.prop-header{padding:10px;font-size:13px}.prop-over-under-columns{gap:8px}.prop-column-header{padding:10px 6px;font-size:12px}.prop-lines-scroll{gap:4px;max-height:220px}.prop-line-btn{padding:10px 12px;font-size:14px}.game-line-options{gap:6px}.game-line-btn{padding:12px 14px}.gl-team{font-size:12px}.gl-line{padding:3px 8px;font-size:14px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}