:root{--bg-main:#0a0a0f;--bg-card:#141419;--bg-card-hover:#1e1e24;--primary:#cf0;--primary-dim:#ccff0026;--text-main:#fff;--text-muted:#9ca3af;--border-glass:#ffffff1a;--court-blue:#2c3e50;--court-lines:#fff9}.match-detail-main{background-color:var(--bg-main);width:100%;color:var(--text-main);box-sizing:border-box;flex-direction:column;flex:1;gap:32px;padding:40px;font-family:Inter,sans-serif;display:flex;overflow-y:auto}.match-detail-header{flex-direction:column;gap:16px;display:flex}.header-top{justify-content:space-between;align-items:center;display:flex}.btn-back{border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;display:flex}.btn-back:hover{color:#fff;background:#ffffff1a}.match-title-row h1{color:#fff;margin:0;font-family:Space Grotesk,sans-serif;font-size:2.2rem;line-height:1.2}.match-badges{gap:10px;margin-top:12px;display:flex}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:700}.badge-level{color:#fff;border:1px solid var(--border-glass);background:#ffffff1a}.badge-status{background:var(--primary-dim);color:var(--primary);border:1px solid #cf03}.match-content-grid{grid-template-columns:2fr 1fr;gap:24px;width:100%;display:grid}.court-section{flex-direction:column;width:100%;display:flex}.court-container{background:var(--court-blue);aspect-ratio:16/9;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:20px 20px;border:4px solid #ffffff26;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.court-net{z-index:5;background:#fffc;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #0000004d}.court-net:before,.court-net:after{content:"";background:#888;border-radius:50%;width:8px;height:8px;position:absolute;left:-2px}.court-net:before{top:0}.court-net:after{bottom:0}.line-service-v{background:var(--court-lines);width:2px;position:absolute;top:10%;bottom:10%}.line-service-v.left{left:15%}.line-service-v.right{right:15%}.line-center-h{background:var(--court-lines);height:2px;position:absolute;top:50%;transform:translateY(-50%)}.line-center-h.left{left:15%;right:50%}.line-center-h.right{left:50%;right:15%}.player-spot{z-index:10;justify-content:center;align-items:center;width:50%;height:50%;display:flex;position:absolute}.pos-tl{top:0;left:0}.pos-tr{top:0;right:0}.pos-bl{bottom:0;left:0}.pos-br{bottom:0;right:0}.court-player-card{backdrop-filter:blur(8px);cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50px;align-items:center;gap:10px;padding:8px 16px;transition:all .2s;display:flex}.court-player-card:hover{border-color:var(--primary);transform:scale(1.05)}.court-avatar{border:2px solid var(--primary);object-fit:cover;background:#333;border-radius:50%;width:40px;height:40px}.player-name{color:#fff;font-size:.9rem;font-weight:700;display:block}.player-lvl{color:var(--text-muted);font-size:.75rem}.add-player-btn{color:#ffffff80;cursor:pointer;border:2px dashed #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.add-player-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.info-column{flex-direction:column;gap:20px;width:100%;display:flex}.location-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.map-preview{background-color:#2a2a2a;width:100%;height:220px;position:relative}.match-map-iframe{pointer-events:none;border:none;width:100%;height:100%;display:block}.map-img{object-fit:cover;opacity:.8;width:100%;height:100%}.map-controls-mask{pointer-events:none;background:linear-gradient(#0a0a0f80,#0a0a0f00);border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:100%;height:36px;position:absolute;top:0;left:0}.location-details{padding:20px}.loc-title{color:#fff;margin-bottom:6px;font-size:1.1rem;font-weight:700;display:block}.loc-address{color:var(--text-muted);margin-bottom:16px;font-size:.9rem;line-height:1.4}.btn-directions{border:1px solid var(--border-glass);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-directions:hover{background:#ffffff1a}.details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-item{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;padding:16px}.detail-label{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;display:flex}.detail-value{color:#fff;font-size:1rem;font-weight:700}.footer-section{grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-top:20px;display:grid}.footer-section--single{grid-template-columns:1fr}.action-box{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:24px;flex-direction:column;justify-content:center;gap:16px;padding:24px;display:flex}.btn-join{background:var(--primary);color:#000;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:1.1rem;font-weight:700;display:flex}.btn-join:hover{opacity:.9;transform:translateY(-1px)}.chat-box{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:24px;padding:24px}.chat-messages{flex-direction:column;gap:10px;max-height:150px;margin-bottom:16px;display:flex;overflow-y:auto}.chat-bubble{border-radius:12px;max-width:85%;padding:8px 14px;font-size:.9rem}.chat-bubble.mine{background:var(--primary-dim);color:var(--primary);border:1px solid #cf03;align-self:flex-end}.chat-bubble.other{color:var(--text-muted);background:#ffffff0d;align-self:flex-start}.chat-input{background:var(--bg-main);border:1px solid var(--border-glass);color:#fff;border-radius:99px;outline:none;width:100%;padding:12px 16px}.chat-input-row{gap:10px;margin-top:8px;display:flex}.chat-send-btn{background:var(--primary);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s;display:flex}.chat-send-btn:disabled{opacity:.6;cursor:not-allowed}.chat-empty{color:var(--text-muted);text-align:center;width:100%;padding:12px 0;font-size:.9rem}.chat-empty--inactive{background:#ffffff05;border:1px dashed #fff3;border-radius:18px;padding:16px}.chat-error{color:#ff8a80;text-align:center;margin-top:8px;font-size:.8rem}.chat-timestamp{color:var(--text-muted);margin-top:4px;font-size:.7rem;display:block}@media (width<=1024px){.match-content-grid,.footer-section{grid-template-columns:1fr}.court-container{aspect-ratio:4/5}.court-net{width:100%;height:4px;top:50%;left:0;transform:translateY(-50%)}.line-center-h{width:2px;height:auto;top:15%;bottom:50%;left:50%;transform:translate(-50%)}}