.match-room-shell{background:#0e1428;min-height:calc(100vh - 120px)}.match-room-app{background:radial-gradient(circle at top,rgba(76,141,255,.25),transparent 60%),var(--match-room-bg, #12172b);color:var(--match-room-text, #f6f7fb);border-radius:36px;padding:clamp(1.5rem,4vw,2.75rem);box-shadow:0 30px 80px -40px #0000008c}.match-room-header{display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}@media (min-width: 992px){.match-room-header{flex-direction:row;align-items:flex-start}}.match-room-eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;display:inline-block;color:var(--match-room-muted, #9ca9c9)}.match-room-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:700;margin-bottom:.5rem}.match-room-meta{color:var(--match-room-muted, #9ca9c9);margin:0}.match-room-share{flex:0 0 320px}.share-control{display:flex;gap:.75rem;align-items:center}.share-control input{flex:1;padding:.65rem .9rem;border-radius:16px;background:#ffffff0d;color:inherit;font-size:.95rem}.share-control input:focus{outline:none;border-color:#4c8dff8c;box-shadow:0 0 0 .2rem #4c8dff40}.match-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media (min-width: 992px){.match-room-grid{grid-template-columns:1.35fr 1fr}}@media (min-width: 1400px){.match-room-grid{grid-template-columns:1.4fr 1fr .75fr}}.match-room-column{display:flex;flex-direction:column;gap:1.5rem}.match-room-sidebar{display:flex;flex-direction:column;gap:1.75rem;min-height:100%}.card-surface{background:#12172fe6;border-radius:24px;padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 36px -28px #0000008c}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-header h2{margin:0;font-size:1.05rem;font-weight:600}.badge{display:inline-flex;align-items:center;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.35rem .9rem;color:#fff}.badge-blue{background:linear-gradient(135deg,#3cc6ff,#517bff)}.badge-purple{background:linear-gradient(135deg,#f92eff,#7568ff)}.badge-cyan{background:linear-gradient(135deg,#38f9d7,#43b3ff);color:llinear-gradient(120deg,#2563eb 0%,#7c3aed 45%,#ec4899 100%)}.btn-share{border:none;border-radius:14px;padding:.65rem 1.2rem;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn-share:hover{transform:translateY(-1px);box-shadow:0 16px 32px -24px #6366f1bf}.stage-video{position:relative;border-radius:20px;height:clamp(200px,30vw,280px);background:radial-gradient(circle at center,#4c8dff40,#050816e6);border:1px solid rgba(76,141,255,.25);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#ffffff8c;font-weight:600;gap:.5rem}.stage-placeholder{text-align:center}.stage-placeholder i{font-size:2.2rem;display:block;margin-bottom:.5rem}.go-live-indicator{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.5rem;background:#dc2626d9;padding:.4rem .85rem;border-radius:999px;font-size:.85rem;color:#fff}.pulse-dot{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 #ffffffb3;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.btn-live{margin-top:1.25rem;width:100%;border-radius:14px;border:none;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-weight:700;padding:.9rem;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s ease,box-shadow .2s ease}.btn-live:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 36px -22px #ef44448c}.record-preview{margin:1.25rem 0;position:relative;border-radius:18px;overflow:hidden;background:#000}.record-preview video{width:100%;display:block}.record-countdown{position:absolute;top:.75rem;right:.75rem;background:#0f172acc;padding:.35rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.05em}.upload-dropzone{margin-top:1rem;border:1px dashed rgba(148,163,184,.35);border-radius:18px;padding:1.75rem;display:flex;align-items:center;justify-content:center;gap:1.25rem;cursor:pointer;transition:border-color .2s ease,background .2s ease}.upload-dropzone.disabled{opacity:.6;cursor:not-allowed}.upload-dropzone input{display:none}.dropzone-icon i{font-size:2.5rem;color:#94a3b8cc}.dropzone-copy{color:inherit;font-size:.95rem}.upload-list{margin-top:1rem;display:grid;gap:.75rem}.upload-item{display:flex;align-items:center;gap:.75rem;background:#ffffff0a;border-radius:16px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.05)}.upload-item video{width:72px;height:48px;border-radius:12px;-o-object-fit:cover;object-fit:cover;background:#000}.upload-placeholder{width:72px;height:48px;border-radius:12px;background:#0f172a99;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#94a3b8e6;text-transform:uppercase;letter-spacing:.08em}.chat-panel{display:flex;flex-direction:column;gap:1rem}.chat-messages{background:#00000014;border-radius:18px;padding:1rem;max-height:320px;overflow-y:auto;display:grid;gap:.75rem}.chat-message{background:#ffffff0d;border-radius:16px;padding:.75rem 1rem;line-height:1.5;font-size:.95rem}.chat-message.system{text-align:center;background:#4c8dff12;color:var(--match-room-muted, #9ca9c9);font-size:.85rem}.chat-message .meta{display:inline-block;font-size:.8rem;color:#94a3b8bf}.chat-form textarea{background:#ffffff0d;border-radius:18px;color:inherit;padding:.75rem 1rem}.chat-form textarea:focus{outline:none;border-color:#4c8dff66;box-shadow:0 0 0 .2rem #4c8dff2e}.chat-form textarea:disabled,.upload-dropzone.disabled,.btn-live:disabled,.btn-send:disabled{opacity:.6;cursor:not-allowed}.chat-form-actions{margin-top:.75rem;display:flex;gap:.75rem;flex-wrap:wrap}.chat-form-actions input{flex:1;min-width:200px;border-radius:14px;background:#ffffff0a;color:inherit;padding:.6rem .9rem}.btn-send{border-radius:14px;border:none;background:linear-gradient(135deg,#3cc6ff,#517bff);color:#fff;padding:.6rem 1.4rem;font-weight:600;letter-spacing:.04em;display:inline-flex;align-items:center}.games-table .table{margin-bottom:0;color:inherit}.games-table .table thead th{background:#ffffff0d;border:none;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8bf}.games-table .table tbody td{font-size:.95rem;border-color:#ffffff0f}.games-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.games-footnotes{font-size:.85rem;color:#94a3b8bf;margin-top:1rem}.claimed-card{background:#12172fe6;border-radius:24px;padding:1.5rem}.claimed-card h4{margin-bottom:.75rem;font-weight:600}.claimed-row{display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.claimed-row:last-child{border-bottom:none}.claimed-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8bf;flex:0 0 160px}.claimed-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.claimed-actions .btn{border-radius:999px;padding:.6rem 1.4rem;font-weight:600}.match-room-sidebar h3{font-size:.95rem;font-weight:600;margin-bottom:.75rem}.participant-list{display:flex;flex-direction:column;gap:.85rem;max-height:360px;overflow-y:auto;padding-right:.25rem}.participant-row{display:flex;align-items:center;gap:.85rem;padding:.4rem .2rem}.participant-row .avatar{width:36px;height:36px;border-radius:12px;background:#4c8dff2e;display:flex;align-items:center;justify-content:center;font-weight:600;color:#e0e7ff}.participant-row .info{flex:1;min-width:0}.participant-row .name{font-weight:600;display:inline-flex;align-items:center;gap:.4rem}.participant-row .tag{font-size:.65rem;background:#4c8dff59;padding:.1rem .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.status-dot{width:10px;height:10px;border-radius:50%;background:#94a3b873;margin-left:.5rem}.status-dot.online{background:#34d399}.participant-row.is-you .avatar{background:#38bdf866;color:#fff}.quick-reactions{margin-top:auto}.reaction-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.75rem}.reaction-btn{background:#ffffff0f;border-radius:16px;padding:.6rem 0;font-size:1.2rem;transition:transform .2s ease,background .2s ease}.reaction-btn:hover{transform:translateY(-2px);background:#ffffff24}.match-room-hotels{margin-top:2.5rem}.hotel-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hotel-card{background:#0f172a99;border-radius:18px;padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;min-height:180px}.hotel-card footer{margin-top:auto}.hotel-card header{display:flex;justify-content:space-between;align-items:baseline;gap:.65rem}.hotel-card h3{font-size:1.05rem;margin:0}.hotel-card .stars{color:#facc15;display:inline-flex;gap:.2rem}.hotel-meta{display:grid;grid-template-columns:repeat(2,auto);gap:.35rem 1.25rem;font-size:.85rem}.hotel-meta dt{color:#94a3b8e6}.hotel-meta dd{margin:0;font-weight:600}.btn-hotel{align-self:flex-start;border:none;border-radius:12px;padding:.55rem 1.1rem;background:linear-gradient(135deg,#3cc6ff,#517bff);color:llinear-gradient(120deg,#2563eb 0%,#7c3aed 45%,#ec4899 100%);font-weight:600;text-decoration:none}.match-room-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#090d1bd9;display:flex;align-items:center;justify-content:center;z-index:1050;padding:2rem 1.5rem}.match-room-modal .modal-content{max-width:420px;width:100%;text-align:center;gap:1rem;display:flex;flex-direction:column;align-items:stretch}.join-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.join-form input{padding:.75rem .9rem;border-radius:14px;border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:inherit}.join-form input:focus{outline:none;border-color:#6366f1a6;box-shadow:0 0 0 .2rem #6366f126}.join-actions{margin-top:1.5rem}@media (max-width: 991px){.match-room-app{border-radius:24px}.match-room-share{width:100%}.match-room-header{gap:1rem}}