.top-sweat-banner{cursor:pointer;background:linear-gradient(#000000f2 0%,#000000fa 100%);border-bottom:1px solid #22c55e33;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(#22c55e14 0%,#000000fa 100%)}.matrix-rain{pointer-events:none;opacity:.15;position:absolute;inset:0;overflow:hidden}.matrix-char{color:#22c55e;text-shadow:0 0 8px #22c55e;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:#22c55e;text-shadow:0 0 20px #22c55e80;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:#22c55e;font-weight:600}.top-sweat-users{color:#888;font-size:12px}.top-sweat-empty{color:#22c55e4d;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 #22c55ecc}60%{text-shadow:0 0 40px #22c55e}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%,#22c55e26 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:#22c55e;--matrix-green-dim:#22c55e4d;--matrix-green-glow:#22c55e26;--black:#000;--white:#fff;--gray:#888;--gray-dim:#444;--sidebar-width:220px;--right-panel-width:320px}*{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(--matrix-green-dim);background:var(--black);flex-direction:column;padding:16px;display:flex;overflow:hidden}.market-tabs{flex-wrap:wrap;flex-shrink:0;gap:6px;margin-bottom:16px;display:flex}.market-tab{border:1px solid var(--matrix-green-dim);color:var(--gray);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.market-tab:hover{border-color:var(--matrix-green);color:var(--matrix-green)}.market-tab.active{background:var(--matrix-green);border-color:var(--matrix-green);color:var(--black);font-weight:600}.room-search{flex-shrink:0;margin-bottom:16px;position:relative}.room-search-input{background:var(--black);border:1px solid var(--matrix-green-dim);width:100%;color:var(--white);border-radius:4px;padding:10px 12px;font-size:13px;transition:all .15s}.room-search-input:focus{border-color:var(--matrix-green);outline:none;box-shadow:0 0 0 2px #22c55e1a}.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{cursor:pointer;background:var(--black);border:1px solid var(--matrix-green-dim);border-radius:4px;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px;transition:all .15s;display:flex}.room:hover{border-color:var(--matrix-green)}.room.active{border-color:var(--matrix-green);background:var(--matrix-green-glow)}.room-info{flex:1;min-width:0}.room-name{color:var(--white);margin-bottom:4px;font-size:13px;font-weight:600}.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}.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}.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 #22c55e80;text-decoration:underline}.message-timestamp{color:var(--gray-dim);font-size:10px}.message-bubble{background:var(--gray-dim);border-radius:6px;width:fit-content;padding:6px 10px}.message-bubble+.message-bubble{margin-top:2px}.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{border-top:1px solid var(--matrix-green-dim);flex-shrink:0;gap:8px;margin-top:12px;padding-top:12px;display:flex}.input-row input{background:var(--black);border:1px solid var(--matrix-green-dim);color:var(--white);border-radius:4px;flex:1;padding:10px 14px;font-size:14px}.input-row input:focus{border-color:var(--matrix-green);outline:none}.input-row input::placeholder{color:var(--gray-dim)}.input-row button{background:var(--matrix-green);color:var(--black);cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.input-row button:hover{filter:brightness(1.1)}.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}.admin-btn{color:#22c55e;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e66;border-radius:4px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.admin-btn:hover{background:#22c55e33;border-color:#22c55e}.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-slider{cursor:pointer;background:var(--gray-dim);border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--white);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.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 #22c55e33}.submit-field .prop-input::placeholder{color:#22c55e66;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:#22c55e26;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:#22c55e1a}.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}.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:#22c55e1a}.dm-conversation-item.unread{background:#22c55e0d}.dm-conv-avatar{border:2px solid var(--matrix-green-dim);background:#22c55e1a;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:#22c55e1a}.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:#22c55e1a;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-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:8px;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(--matrix-green-dim);background:var(--black);cursor:pointer;border-radius:4px;padding:10px 12px;transition:all .15s}.game-card:hover{border-color:var(--matrix-green);background:var(--matrix-green-glow)}.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-abbr{color:var(--white);width:36px;font-size:12px;font-weight:600}.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}.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 #22c55e99,0 0 40px #22c55e66;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700}.username-setup-tagline{color:#22c55e80;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:#22c55e66}.username-setup-input:focus{border-color:var(--matrix-green);outline:none;box-shadow:0 0 0 3px #22c55e26}.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 #22c55e66}.username-setup-btn:disabled{opacity:.7;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{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:4px;margin-bottom:12px;overflow-x:auto}.market-tabs::-webkit-scrollbar{display:none}.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{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}}.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:#22c55e;text-shadow:0 0 10px #22c55e;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:#22c55e;text-shadow:0 0 20px #22c55e99,0 0 40px #22c55e66,0 0 60px #22c55e33;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 #22c55e99,0 0 40px #22c55e66,0 0 60px #22c55e33}50%{text-shadow:0 0 30px #22c55ecc,0 0 50px #22c55e80,0 0 80px #22c55e4d}}.auth-tagline{color:#22c55e80;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:#22c55e99;letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #22c55e4d;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:#22c55e;background:#22c55e1a;border-color:#22c55e80}.auth-toggle-btn.active{color:#000;background:#22c55e;border-color:#22c55e}.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-input{color:#fff;box-sizing:border-box;background:#000c;border:1px solid #22c55e4d;border-radius:6px;width:100%;padding:16px 18px;font-size:15px;transition:all .2s}.auth-input::placeholder{color:#22c55e66}.auth-input:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 3px #22c55e26}.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:#22c55e;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 #22c55e66,0 0 40px #22c55e33}.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}@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:#22c55e}.auth-checkbox{opacity:0;width:0;height:0;position:absolute}.auth-checkbox-custom{background:0 0;border:1px solid #22c55e66;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:#22c55e;border-radius:2px;width:10px;height:10px;transition:all .15s;transform:scale(0)}.auth-checkbox:checked+.auth-checkbox-custom{border-color:#22c55e}.auth-checkbox:checked+.auth-checkbox-custom:after{opacity:1;transform:scale(1)}.auth-checkbox:focus+.auth-checkbox-custom{box-shadow:0 0 0 3px #22c55e26}.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:#22c55e}.auth-forgot-link:disabled{opacity:.5;cursor:not-allowed}.auth-success{color:#22c55e;text-align:center;background:#22c55e1a;border:1px solid #22c55e4d;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:#22c55e}.auth-divider{align-items:center;gap:16px;width:100%;margin:28px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#22c55e33;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 #22c55e4d;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:#22c55e1a;border-color:#22c55e}.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,#22c55e14 0%,#22c55e08 40%,#0000 70%);width:400px;height:400px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}:root{--matrix-green:#22c55e;--matrix-green-dim:#22c55e40;--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:#22c55e1a}.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:#22c55e1a}.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 #22c55e4d}.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 #22c55e66;margin:28px 0 12px;font-size:36px;font-weight:700}.level-badge{border:1px solid var(--matrix-green-dim);color:var(--matrix-green);background:#22c55e1a;border-radius:20px;margin-bottom:16px;padding:8px 20px;font-size:14px;font-weight:500;display:inline-block}.xp-bar{background:#22c55e26;border-radius:2px;width:240px;height:4px;margin-bottom:36px;overflow:hidden}.xp-fill{background:var(--matrix-green);border-radius:2px;height:100%;transition:width .3s;box-shadow:0 0 10px #22c55e80}.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:#22c55e1a;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:#22c55e33}.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:#22c55e1a}.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:#22c55e1a}.friend-action{margin-bottom:36px}.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:#22c55e1a}.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)}.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 #22c55e4d;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 #22c55e33}.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 #22c55e33;border-top-color:var(--matrix-green);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.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 h2{color:var(--white);text-align:center;margin:0 0 24px;font-size:20px;font-weight:600}.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:#22c55e0d;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:#22c55e1a;margin-bottom:12px}.modal .admin-link:hover{border-color:var(--matrix-green);background:#22c55e33}.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:#22c55e0d;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:#22c55e1a}.friend-emoji{font-size:28px}.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:#22c55e0d;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.request-card:hover{border-color:#22c55e66}.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:#22c55e1a;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-level{color:#ffffff80;font-size:12px}.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:#22c55e0d;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:#22c55e1a}.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:#22c55e26}.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}.avatar{width:120px;height:120px}.avatar-emoji{font-size:52px}.avatar-hover{font-size:28px}.username{margin:20px 0 10px;font-size:26px}.level-badge{padding:6px 16px;font-size:13px}.xp-bar{width:200px;margin-bottom:28px}.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}.xp-bar{width:160px}.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{justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-header{background:#000;border-bottom:1px solid #22c55e40;align-items:center;gap:20px;padding:16px 24px;display:flex}.admin-header .back-btn{color:#22c55e;cursor:pointer;background:0 0;border:1px solid #22c55e40;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.admin-header .back-btn:hover{background:#22c55e1a;border-color:#22c55e}.admin-header h1{color:#22c55e;margin:0;font-size:22px;font-weight:700}.admin-content{max-width:1000px;margin:0 auto;padding:32px 24px}.admin-section{margin-bottom:40px}.admin-section h2{color:#22c55e;margin:0 0 12px;font-size:18px;font-weight:600}.admin-description{color:#fff9;margin:0 0 20px;font-size:14px}.admin-empty{text-align:center;color:#ffffff80;background:#22c55e0d;border:1px dashed #22c55e40;border-radius:8px;padding:48px 24px}.admin-empty span{margin-bottom:12px;font-size:40px;display:block}.admin-empty p{margin:0;font-size:14px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.admin-stat{text-align:center;background:#22c55e0d;border:1px solid #22c55e40;border-radius:8px;padding:24px}.stat-value{color:#22c55e;margin-bottom:4px;font-size:36px;font-weight:700;display:block}.stat-label{color:#fff9;font-size:13px;display:block}.admin-actions{gap:12px;display:flex}.admin-action-btn{color:#22c55e;cursor:pointer;background:0 0;border:1px solid #22c55e40;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .15s}.admin-action-btn:hover{background:#22c55e1a;border-color:#22c55e}.spinner{border:3px solid #22c55e33;border-top-color:#22c55e;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.admin-loading-inline{justify-content:center;padding:40px;display:flex}.submissions-list{flex-direction:column;gap:16px;display:flex}.submission-card{background:#22c55e0d;border:1px solid #22c55e40;border-radius:8px;padding:16px;transition:border-color .15s}.submission-card:hover{border-color:#22c55e80}.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:#22c55e;background:#22c55e33;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:#22c55e;letter-spacing:.5px;font-size:18px;font-weight:700}.submission-actions{justify-content:flex-end;gap:10px;display:flex}.action-btn{cursor:pointer;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s}.reject-btn{color:#ef4444;background:0 0;border:1px solid #ef444466}.reject-btn:hover{background:#ef44441a;border-color:#ef4444}.approve-btn{color:#000;background:#22c55e;border:none}.approve-btn:hover{filter:brightness(1.1)}.modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.approve-modal{background:#111;border:1px solid #22c55e40;border-radius:12px;width:100%;max-width:450px;padding:28px}.approve-modal h2{color:#22c55e;text-align:center;margin:0 0 24px;font-size:20px;font-weight:600}.approve-preview{background:#22c55e0d;border:1px solid #22c55e26;border-radius:8px;margin-bottom:20px;padding:16px}.preview-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.preview-row:last-child{border-bottom:none}.preview-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.preview-value{color:#fff;font-size:14px;font-weight:500}.preview-value.prop{color:#22c55e;font-weight:700}.approve-odds-field{margin-bottom:24px}.approve-odds-field label{color:#22c55e;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.approve-odds-field input{color:#fff;background:#000;border:1px solid #22c55e40;border-radius:6px;width:100%;padding:12px 14px;font-size:16px;font-weight:600}.approve-odds-field input:focus{border-color:#22c55e;outline:none}.approve-odds-field .field-hint{color:#fff6;margin:8px 0 0;font-size:12px}.approve-actions{gap:12px;display:flex}.approve-actions .modal-btn{cursor:pointer;border-radius:6px;flex:1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .15s}.approve-actions .cancel-btn{color:#ffffffb3;background:0 0;border:1px solid #fff3}.approve-actions .cancel-btn:hover{color:#fff;border-color:#fff6}.approve-actions .confirm-btn{color:#000;background:#22c55e;border:none}.approve-actions .confirm-btn:hover:not(:disabled){filter:brightness(1.1)}.approve-actions .confirm-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:600px){.admin-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-stats{grid-template-columns:1fr}.admin-content{padding:24px 16px}}: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}}