.play-lol-page{--panel-bg:#15181edb;--accent-rgb:var(--theme-primary-rgb,177, 15, 52);--panel-border:rgba(var(--accent-rgb), .2);--panel-border-soft:rgba(var(--accent-rgb), .14);--panel-border-strong:rgba(var(--accent-rgb), .34);--text-strong:#f4f6ff;--text-muted:#d6dff0ad;--danger:#ff9a9a;background:radial-gradient(900px 420px at 10% -8%, rgba(var(--accent-rgb), .2), transparent 70%), radial-gradient(1000px 420px at 90% -16%, rgba(var(--accent-rgb), .1), transparent 72%), transparent;min-height:100vh;padding:94px 20px 24px;position:relative;overflow:hidden}.play-lol-page:before{content:"";pointer-events:none;opacity:.1;mix-blend-mode:soft-light;background-image:url(/backgrounds/triangle-texture.svg);background-position:50%;background-size:360px 360px;position:absolute;inset:0}.play-lol-page.is-loading{color:rgba(var(--accent-rgb), .88);place-items:center;display:grid}.play-top-header{justify-content:space-between;gap:20px;max-width:1450px;margin:0 auto 16px;display:flex}.play-top-header h1{letter-spacing:.03em;text-transform:uppercase;color:#f6f8ff;text-shadow:0 10px 30px #00000059;margin:2px 0 4px;font-size:clamp(32px,5vw,52px);font-weight:900}.play-header-status{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.status-pill,.queue-pill{text-transform:uppercase;letter-spacing:.1em;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.status-pill{border:1px solid rgba(var(--accent-rgb), .35);color:#e3ecffeb;background:#16161cb8;padding-right:10px}.status-pill.is-searching{border-color:rgba(var(--accent-rgb), .5);color:var(--theme-text-on-accent-soft);background:linear-gradient(120deg, rgba(var(--accent-rgb), .38), rgba(var(--accent-rgb), .2));box-shadow:inset 0 1px 0 #f0f7ff1a, 0 0 0 1px rgba(var(--accent-rgb), .16)}.status-dot{background:currentColor;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #ffffff0f}.status-pill-text{line-height:1}.status-pill-time{background:rgba(var(--accent-rgb), .14);min-height:22px;color:var(--theme-text-on-accent-soft);letter-spacing:.08em;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.queue-pill{border:1px solid rgba(var(--accent-rgb), .3);color:var(--theme-text-on-accent-soft);background:rgba(var(--accent-rgb), .14)}.play-layout-grid{grid-template-columns:minmax(0,1fr) 340px;gap:16px;max-width:1450px;margin:0 auto;display:grid}.play-main-stage{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.dev-notice{color:#ffe2af;background:linear-gradient(135deg,#432a0ddb,#231708eb);border:1px solid #f1bb685c;border-radius:14px;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px 14px;display:flex}.dev-notice strong{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.dev-notice span{color:#ffe2afd6;font-size:12px}.play-stage-shell{grid-template-columns:minmax(0,1.32fr) minmax(320px,.78fr);gap:14px;display:grid}.play-builder-column,.play-party-column{min-width:0}.queue-hero-panel,.play-party-column{border:1px solid rgba(var(--accent-rgb), .1);box-shadow:none;background:#12141ab8;border-radius:14px}.queue-hero-panel{flex-direction:column;gap:10px;margin-bottom:12px;padding:16px;display:flex;position:relative;overflow:hidden}.queue-hero-panel:after{content:"";background:radial-gradient(circle, rgba(var(--accent-rgb), .16), transparent 68%);pointer-events:none;border-radius:999px;width:170px;height:170px;position:absolute;inset:auto -60px -80px auto}.queue-hero-panel:before{content:"";pointer-events:none;opacity:.08;background-image:url(/backgrounds/triangle-texture.svg);background-size:260px 260px;position:absolute;inset:0}.queue-hero-copy h2{color:var(--text-strong);letter-spacing:-.02em;text-transform:uppercase;max-width:460px;margin:10px 0 8px;font-size:clamp(25px,2.7vw,38px);line-height:.92}.queue-hero-copy p{max-width:430px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.queue-hero-inline-meta{z-index:1;flex-wrap:wrap;gap:8px;margin-top:10px;display:flex;position:relative}.queue-hero-inline-meta span{border:1px solid rgba(var(--accent-rgb), .2);min-height:30px;color:var(--theme-text-on-accent-soft);letter-spacing:.03em;background:#0a0c1294;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.mode-label{color:#cfdefce6;text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex}.stage-action-btn{border:1px solid rgba(var(--accent-rgb), .3);color:var(--theme-text-on-accent-soft);background:rgba(var(--accent-rgb), .16);text-transform:uppercase;letter-spacing:.12em;border-radius:999px;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:11px;font-weight:800;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.stage-action-btn:hover{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .28);color:#fff}.stage-action-btn:disabled{opacity:.48;cursor:not-allowed;border-color:rgba(var(--accent-rgb), .18);background:rgba(var(--accent-rgb), .1)}.stage-action-btn.danger{color:#ffd5d5;background:#401b1b8f;border-color:#e9838347}.stage-action-btn.danger:hover{background:#522323bd;border-color:#f5a8a86b}.play-party-column{padding:14px}.party-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.party-panel-header h2{color:var(--text-strong);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:20px}.party-panel-meta{color:rgba(var(--accent-rgb), .92);text-transform:uppercase;letter-spacing:.16em;margin-top:8px;font-size:10px;font-weight:800}.party-panel-header p{color:var(--text-muted);margin:6px 0 0;font-size:12px;line-height:1.45}.party-list{flex-direction:column;gap:8px;display:flex}.party-list-item{border:1px solid rgba(var(--accent-rgb), .16);background:#0f11169e;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.party-list-item.empty{opacity:.8;border-style:dashed}.party-list-main{align-items:center;gap:10px;min-width:0;display:flex}.party-list-empty-icon{border:1px dashed rgba(var(--accent-rgb), .3);color:#c1d2ee9e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.party-list-avatar{object-fit:cover;border:1px solid rgba(var(--accent-rgb), .36);border-radius:10px;flex-shrink:0;width:38px;height:38px}.party-list-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.party-list-name{color:#f2f7ff;text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}.party-list-username{color:#c0d0ee9e;font-size:11px;line-height:1.2}.party-list-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.banner-role-row{flex-wrap:wrap;justify-content:flex-start;gap:4px;margin-top:0;display:flex}.role-chip{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:8px;font-weight:800;display:inline-flex}.role-chip.leader{background:rgba(var(--accent-rgb), .2);color:var(--theme-text-on-accent-soft);border:1px solid rgba(var(--accent-rgb), .38)}.role-chip.member{color:#dde7ff;background:#a1b5dd1f;border:1px solid #a3b8db33}.role-chip.invite{color:#b6ecda;background:#507c6e29;border:1px solid #7fc8b038}.permission-btn{border:1px solid rgba(var(--accent-rgb), .3);color:var(--theme-text-on-accent-soft);background:rgba(var(--accent-rgb), .16);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:5px;margin-top:0;padding:6px 8px;font-size:9px;font-weight:800;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.permission-btn:hover{border-color:rgba(var(--accent-rgb), .48);background:rgba(var(--accent-rgb), .28);color:#fff}.permission-btn.active{border-color:rgba(var(--accent-rgb), .5);color:#f2f7ff;background:rgba(var(--accent-rgb), .34)}.permission-btn.active:hover{border-color:rgba(var(--accent-rgb), .62);background:rgba(var(--accent-rgb), .42)}.play-queue-controls{border:1px solid rgba(var(--accent-rgb), .12);box-shadow:none;background:#101116b3;border-radius:14px;padding:12px}.play-queue-controls.redesigned{flex-direction:column;gap:10px;display:flex}.queue-current-game{border:1px solid rgba(var(--accent-rgb), .16);background:#12131994;border-radius:12px;padding:12px}.queue-current-game-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.queue-current-game-actions{align-items:center;gap:8px;display:inline-flex}.queue-current-game-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.queue-current-game-subtitle{color:#d3e0fa9e;max-width:420px;margin-top:5px;font-size:11px;line-height:1.45}.queue-current-game-value{margin-top:12px}.queue-current-game-empty{color:#d5e1f8bd;font-size:13px}.queue-current-game-footnote{color:#c3d2eea3;letter-spacing:.04em;font-size:10px}.game-picker-toggle{border:1px solid rgba(var(--accent-rgb), .3);color:#eaf1ff;background:rgba(var(--accent-rgb), .16);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:6px 12px;font-size:10px;font-weight:800;transition:all .18s}.game-picker-toggle:hover,.game-picker-toggle.open{border-color:rgba(var(--accent-rgb), .5);color:#fff;background:rgba(var(--accent-rgb), .3)}.game-picker-toggle.subtle{color:#c9e9dc;background:#1c372f7a;border-color:#99bcab3d}.game-picker-toggle.subtle:hover:not(:disabled){color:#ebfdf6;background:#25493fa3;border-color:#abd3c15c}.game-picker-toggle:disabled{opacity:.4;cursor:not-allowed}.game-picker-panel,.style-selector-panel{border:1px solid rgba(var(--accent-rgb), .12);background:#1112188a;border-radius:12px;padding:10px}.selection-panel-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.selection-panel-header strong{color:var(--text-strong);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.selection-panel-header span{color:var(--text-muted);font-size:11px}.game-selector-overlay{z-index:1700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bd;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.game-selector-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e0e10f2;border-radius:22px;width:min(1080px,100%);max-height:calc(100vh - 50px);padding:24px;position:relative;overflow:hidden;box-shadow:0 32px 64px #0009}.game-selector-drawer:before{content:"";pointer-events:none;opacity:.12;background-image:url(/backgrounds/triangle-texture.svg);background-size:280px 280px;position:absolute;inset:0}.game-selector-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.game-selector-header h3{color:#f2f6ff;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:18px}.game-selector-header p{color:#c9d8f5a8;margin:6px 0 0;font-size:12px}.game-selector-close{border:1px solid rgba(var(--accent-rgb), .26);color:#e5f0ff;background:rgba(var(--accent-rgb), .16);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.game-selector-search-row{margin-top:14px}.game-selector-section{margin-top:16px}.queue-search-input{border:1px solid rgba(var(--accent-rgb), .22);color:#f0f6ff;background:#0c0c0ed6;border-radius:12px;width:100%;height:40px;padding:0 12px;font-size:12px}.queue-search-input::placeholder{color:#b6c8eb80}.queue-search-input:focus{border-color:rgba(var(--accent-rgb), .45);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .16);outline:none}.queue-search-input:disabled{opacity:.5}.game-picker-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;min-height:0;margin-top:10px;display:grid}.game-picker-list.compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;min-height:0}.game-modal-option{background:#ffffff05;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.game-modal-option:before{content:"";pointer-events:none;opacity:.12;mix-blend-mode:screen;background-image:url(/backgrounds/triangle-texture.svg);background-size:180px 180px;position:absolute;inset:0}.game-modal-option>*{z-index:1;position:relative}.game-modal-option-icon{width:38px;height:38px;color:var(--game-accent-fg,#e9f2ff);background:#ffffff08;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.game-modal-option-name{color:var(--game-accent-fg,#f1f6ff);text-align:left;letter-spacing:.01em;font-size:13px;font-weight:800;line-height:1.2}.style-badge-btn{background:0 0;border:none;border-radius:999px;justify-content:flex-start;align-items:center;min-height:0;padding:0;transition:transform .18s,box-shadow .18s;display:inline-flex}.game-modal-option:hover,.style-badge-btn:hover:not(:disabled){transform:translateY(-1px)}.game-modal-option:hover{background:#ffffff0f;transform:scale(1.02)}.game-modal-option.selected{background:rgba(var(--accent-rgb,255, 255, 255), .1);border-color:rgba(var(--accent-rgb,255, 255, 255), .4);box-shadow:0 8px 24px rgba(var(--accent-rgb,0, 0, 0), .2)}.game-modal-option.selected .game-modal-option-icon{background:rgba(var(--accent-rgb,255, 255, 255), .2);transform:scale(1.1)}.style-badge-btn.selected{box-shadow:0 0 0 2px rgba(var(--accent-rgb), .34);background:0 0}.game-modal-option:focus-visible,.style-badge-btn:focus-visible{outline:2px solid rgba(var(--accent-rgb), .52);outline-offset:3px}.game-picker-pagination{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.game-picker-page-btn{border:1px solid rgba(var(--accent-rgb), .26);color:#e8f0ff;text-transform:uppercase;letter-spacing:.12em;background:#1a1c22eb;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:10px;font-weight:800;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.game-picker-page-btn:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .44);background:rgba(var(--accent-rgb), .22);color:#fff}.game-picker-page-btn:disabled{opacity:.42;cursor:not-allowed}.game-picker-page-indicator{color:#c3d2eebd;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.style-scroll-grid{flex-wrap:wrap;align-items:flex-start;gap:10px;max-height:180px;margin-top:10px;padding-right:3px;display:flex;overflow-y:auto}.style-scroll-grid.is-disabled{opacity:.55}.style-badge-btn:disabled{opacity:.55;cursor:not-allowed}.picker-empty{border:1px dashed rgba(var(--accent-rgb), .26);color:#c5d6f2a8;border-radius:14px;place-items:center;min-height:72px;margin-top:10px;font-size:12px;display:grid}.empty-games-link{color:rgba(var(--accent-rgb), .95);font-size:12px;text-decoration:underline}.member-lock-msg{color:rgba(var(--accent-rgb), .95);align-items:center;gap:6px;font-size:11px;display:inline-flex}.find-match-btn{border:1px solid rgba(var(--accent-rgb), .4);background:linear-gradient(120deg, rgba(var(--accent-rgb), .54), rgba(var(--accent-rgb), .84));color:#f8fbff;text-transform:uppercase;letter-spacing:.16em;width:100%;min-height:54px;box-shadow:inset 0 1px 0 #f4f9ff29, 0 14px 28px rgba(var(--accent-rgb), .24);border-radius:12px;font-size:13px;font-weight:900;transition:all .2s}.find-match-btn:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .58);background:linear-gradient(120deg, rgba(var(--accent-rgb), .64), rgba(var(--accent-rgb), .92));transform:translateY(-1px)}.find-match-btn.cancel{background:#5f1e1edb;border-color:#f5707080}.find-match-btn.cancel:hover:not(:disabled){background:#702727eb;border-color:#f588888f}.find-match-btn:disabled{opacity:.5;cursor:not-allowed}.social-rail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff08;border-radius:20px;flex-direction:column;gap:10px;min-height:520px;padding:16px;display:flex}.social-header{justify-content:space-between;align-items:center;display:flex}.social-header h2{color:#f1f6ff;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:14px;font-weight:800}.social-header span{color:rgba(var(--accent-rgb), .92);font-size:11px;font-weight:800}.friend-search{border:1px solid rgba(var(--accent-rgb), .24);color:#eef5ff;background:#0e0e10d1;border-radius:10px;width:100%;height:34px;padding:0 10px;font-size:12px}.friend-list{flex-direction:column;gap:8px;padding-right:2px;display:flex;overflow-y:auto}.friend-row{border:1px solid rgba(var(--accent-rgb), .14);background:#16181e8a;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:7px;display:flex}.friend-main{align-items:center;gap:8px;min-width:0;display:flex}.friend-avatar{object-fit:cover;border-radius:8px;width:34px;height:34px}.friend-main p{color:#f2f7ff;text-overflow:ellipsis;white-space:nowrap;max-width:155px;margin:0;font-size:12px;font-weight:700;overflow:hidden}.friend-main span{color:#c0d0ee94;font-size:10px}.invite-btn,.friend-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:7px;align-items:center;height:28px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.invite-btn{border:1px solid rgba(var(--accent-rgb), .3);color:#e8f1ff;background:rgba(var(--accent-rgb), .2);transition:border-color .18s,background-color .18s,color .18s}.invite-btn:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .34);color:#fff}.invite-btn:disabled{opacity:.48;cursor:not-allowed}.friend-badge{border:1px solid rgba(var(--accent-rgb), .3);color:#e8f1ff;background:rgba(var(--accent-rgb), .24)}.social-empty{border:1px dashed rgba(var(--accent-rgb), .26);color:#c1d2ee99;text-align:center;border-radius:14px;place-items:center;min-height:90px;font-size:12px;line-height:1.5;display:grid}.social-note{border:1px solid rgba(var(--accent-rgb), .34);background:rgba(var(--accent-rgb), .18);color:#e8f2ff;border-radius:8px;margin-top:auto;padding:8px;font-size:11px}.ready-toast{color:#96ffe0;text-transform:uppercase;letter-spacing:.1em;z-index:1200;background:#05352aeb;border:1px solid #6de6be7a;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:900;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.match-overlay{z-index:1100;background:radial-gradient(620px 340px at 50% 8%, rgba(var(--accent-rgb), .18), transparent 72%), #02060ed1;-webkit-backdrop-filter:blur(5px)saturate(1.15);backdrop-filter:blur(5px)saturate(1.15);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.match-modal{border:1px solid var(--panel-border-strong);background:linear-gradient(180deg, #12161efa, #0a0d14fa), linear-gradient(150deg, rgba(var(--accent-rgb), .18), transparent 62%), #0a0c12fa;width:min(92vw,430px);box-shadow:inset 0 1px 0 #f4f9ff12, 0 24px 60px #0000008f, 0 0 0 1px rgba(var(--accent-rgb), .14);border-radius:18px;padding:16px;position:relative;overflow:hidden}.match-modal:before{content:"";pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url(/backgrounds/triangle-texture.svg);background-size:260px 260px;position:absolute;inset:0}.match-modal>*{z-index:1;position:relative}.match-modal h2{color:var(--text-strong);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:20px;font-weight:900}.match-timer{color:rgba(var(--accent-rgb), .95);text-shadow:0 0 24px rgba(var(--accent-rgb), .36);margin:8px 0 13px;font-size:44px;font-weight:900;line-height:1}.match-timer.urgent{color:#ffb0b0;text-shadow:0 0 24px #ff797957;animation:.6s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.match-players{flex-direction:column;gap:8px;display:flex}.match-player-row{border:1px solid rgba(var(--accent-rgb), .22);background:linear-gradient(135deg, rgba(var(--accent-rgb), .14), #121e30d6 52%, #0a101ce6);border-radius:10px;align-items:center;gap:9px;padding:8px 9px;display:flex}.match-player-row.accepted{background:linear-gradient(135deg,#22705c94,#111d28d1 60%,#0a101aeb);border-color:#63e0bd66}.match-player-avatar{object-fit:cover;border:1px solid rgba(var(--accent-rgb), .3);border-radius:8px;width:34px;height:34px;box-shadow:0 4px 12px #00000059}.match-player-info{flex:1}.match-player-name{color:#eaf4ff;font-size:12px;font-weight:700}.match-player-tier{color:#bfd6efa8;font-size:10px}.match-player-status.accepted{color:#c9ffe8;text-transform:uppercase;letter-spacing:.1em;background:#185e4a94;border:1px solid #60dfbd85;border-radius:999px;justify-content:center;align-items:center;min-width:46px;height:22px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.match-player-row.pending-urgent{background:linear-gradient(135deg,#50280a94,#111d28d1 60%,#0a101aeb);border-color:#ffa06466;animation:1s ease-in-out infinite alternate pending-pulse}@keyframes pending-pulse{0%{border-color:#ffa06440}to{border-color:#ffa0648c}}.match-player-status.pending{border:1px solid rgba(var(--accent-rgb), .28);background:rgba(var(--accent-rgb), .2);color:#ebf4ffe6;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;justify-content:center;align-items:center;min-width:46px;height:22px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.match-actions{gap:8px;margin-top:12px;display:flex}.accept-btn,.decline-btn{text-transform:uppercase;letter-spacing:.12em;cursor:pointer;border:1px solid #0000;border-radius:10px;height:40px;font-size:11px;font-weight:900;transition:all .2s;box-shadow:inset 0 1px #f8fbff14}.accept-btn:focus-visible,.decline-btn:focus-visible{outline:2px solid rgba(var(--accent-rgb), .55);outline-offset:2px}.accept-btn{color:#effcff;background:linear-gradient(120deg,#217c64cc,#32a485db);border-color:#6de6be7a;flex:1}.accept-btn:hover:not(:disabled){border-color:#83f1d49e;transform:translateY(-1px);box-shadow:inset 0 1px #f8fbff29,0 10px 18px #19645057}.accept-btn.is-waiting{border-color:rgba(var(--accent-rgb), .4);background:linear-gradient(120deg, rgba(var(--accent-rgb), .3), rgba(var(--accent-rgb), .56));color:#f3f8ff}.decline-btn{color:#ffd8d8;background:linear-gradient(120deg,#602323db,#7c2c2ce6);border-color:#ee808075;flex:.6}.decline-btn:hover:not(:disabled){border-color:#f69a9a94;transform:translateY(-1px);box-shadow:inset 0 1px #f8fbff24,0 10px 18px #581c1c5c}.accept-btn:disabled,.decline-btn:disabled{opacity:.68;cursor:not-allowed;transform:none}@media (max-width:1320px){.play-stage-shell{grid-template-columns:1fr}}@media (max-width:1024px){.play-layout-grid{grid-template-columns:1fr}.social-rail{min-height:320px}.game-picker-list{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}}@media (max-width:700px){.play-lol-page{padding-inline:10px}.play-top-header{flex-direction:column}.play-header-status{justify-content:flex-start}.party-panel-header,.queue-current-game-header,.selection-panel-header{flex-direction:column;align-items:stretch}.queue-current-game-actions{justify-content:stretch}.queue-current-game-actions .game-picker-toggle{justify-content:center;width:100%}.queue-hero-panel,.play-queue-controls,.play-party-column{padding:10px}.party-list-item{flex-direction:column;align-items:flex-start}.party-list-right{justify-content:flex-start;width:100%}.game-picker-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.game-picker-pagination{flex-direction:column;align-items:stretch}.game-selector-overlay{padding:10px}.game-selector-drawer{border-radius:16px;width:100%;max-height:calc(100vh - 20px);padding:12px}.match-overlay{padding:12px}.match-modal{border-radius:14px;width:100%;padding:14px}.match-timer{font-size:38px}.match-actions{flex-direction:column}.accept-btn,.decline-btn{flex:1;width:100%}}.setup-shell-container{background:0 0;border:none;flex-direction:column;gap:32px;padding:0;display:flex}.setup-stepper-header{border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;gap:12px;padding-bottom:24px;display:flex}.step-indicator{opacity:.4;align-items:center;gap:10px;transition:all .3s;display:flex}.step-indicator.active{opacity:1}.step-indicator.completed{opacity:.7;color:#4ade80}.step-number{border:2px solid;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.step-label{letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:700}.step-line{background:#ffffff1a;width:40px;height:2px}.setup-step{animation:.4s ease-out fadeIn}.step-header{margin-bottom:8px}.step-badge{background:rgba(var(--accent-rgb), .15);color:rgba(var(--accent-rgb), 1);text-transform:uppercase;letter-spacing:.1em;border-radius:99px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.step-header h2{color:#fff;margin-bottom:4px;font-size:28px;font-weight:800}.step-header p{color:var(--text-muted);font-size:14px}.style-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.style-card{text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.style-card:hover{border-color:rgba(var(--accent-rgb,255, 255, 255), .2);background:#ffffff0d;transform:translateY(-2px)}.style-card.active{background:rgba(var(--accent-rgb,255, 255, 255), .1);border-color:rgba(var(--accent-rgb,255, 255, 255), .4);box-shadow:0 12px 30px rgba(var(--accent-rgb,0, 0, 0), .2)}.style-icon{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;place-items:center;width:56px;height:56px;transition:all .2s;display:grid}.style-card.active .style-icon{background:rgba(var(--accent-rgb,255, 255, 255), .2);border-color:rgba(var(--accent-rgb,255, 255, 255), .4)}.style-content{flex:1;min-width:0}.style-content h3{color:#fff;margin-bottom:4px;font-size:18px;font-weight:800}.style-content p{color:var(--text-muted);font-size:13px}.review-card{background:#ffffff03;border:1px solid #ffffff0a;border-radius:24px;padding:12px}.review-row{align-items:center;gap:16px;padding:16px;display:flex}.review-icon{width:40px;height:40px;color:rgba(var(--accent-rgb), .8);background:#ffffff0d;border-radius:10px;place-items:center;display:grid}.review-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:2px;font-size:11px;display:block}.review-divider{background:#ffffff0d;height:1px;margin:0 16px}.step-primary-btn{background:var(--theme-primary);height:40px;color:var(--theme-text-on-primary);text-transform:uppercase;letter-spacing:.06em;box-shadow:0 6px 14px -4px rgba(var(--accent-rgb), .35), 0 2px 4px -1px #0000001a;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.step-primary-btn:hover:not(:disabled){background:var(--theme-primary);filter:brightness(1.1);box-shadow:0 15px 30px -8px rgba(var(--accent-rgb), .5), 0 8px 12px -4px #0003;transform:translateY(-2px)}.step-primary-btn:active:not(:disabled){transform:translateY(0)}.step-primary-btn:disabled{opacity:.5;filter:grayscale();cursor:not-allowed;box-shadow:none}.step-secondary-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.step-secondary-btn:hover:not(:disabled){background:#ffffff14}.glowing-btn{position:relative;overflow:hidden}.glowing-btn:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff3 0%,#0000 70%);width:200%;height:200%;animation:4s linear infinite glowMove;position:absolute;top:-50%;left:-50%}@keyframes glowMove{0%{transform:translate(-30%,-30%)}50%{transform:translate(10%,10%)}to{transform:translate(-30%,-30%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.play-page-container{--panel-bg:#15181edb;--accent-rgb:var(--theme-primary-rgb,177, 15, 52);--panel-border:rgba(var(--accent-rgb), .2);--text-strong:#f4f6ff;--text-muted:#d6dff0ad;background:radial-gradient(900px 420px at 10% -8%, rgba(var(--accent-rgb), .2), transparent 70%), radial-gradient(1000px 420px at 90% -16%, rgba(var(--accent-rgb), .1), transparent 72%), transparent;min-height:100vh;padding:104px 20px 24px;position:relative;overflow:hidden}.play-page-container:before{content:"";pointer-events:none;position:absolute;inset:0}.play-main-layout{z-index:1;grid-template-columns:minmax(0,1fr) 340px;gap:16px;max-width:1450px;margin:0 auto;display:grid;position:relative}.play-content{min-width:0}.play-page-loading{min-height:60vh;color:rgba(var(--accent-rgb), .88);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.queue-active-display{justify-content:center;align-items:center;min-height:420px;display:flex}.searching-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;background:#0a0c12d9;border:1px solid #ffffff0d;border-radius:32px;flex-direction:column;align-items:center;gap:20px;padding:48px;display:flex;position:relative;overflow:hidden}.searching-card:before{content:"";pointer-events:none;opacity:.08;background-image:url(/backgrounds/triangle-texture.svg);background-size:260px 260px;position:absolute;inset:0}.searching-card h2{color:var(--text-strong,#f4f6ff);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:24px;font-weight:800;position:relative}.searching-card p{color:var(--text-muted,#d6dff0ad);margin:0;font-size:14px;position:relative}.searching-spinner{border:3px solid rgba(var(--accent-rgb), .2);border-top-color:rgba(var(--accent-rgb), .9);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.searching-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.searching-elapsed{color:rgba(var(--accent-rgb), .85);letter-spacing:-.02em;font-size:22px;font-weight:900;line-height:1}.searching-estimate{color:rgba(var(--accent-rgb), .75);background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .2);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.searching-count{color:var(--text-muted,#d6dff0ad);background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.searching-hint{color:rgba(var(--accent-rgb), .75);margin:0;font-size:12px;font-style:italic;animation:.5s ease-out fadeIn;position:relative}.searching-cooldown{color:#ffc878d9;background:#5a3c0a66;border:1px solid #c8963c4d;border-radius:999px;margin:0;padding:4px 12px;font-size:12px;font-weight:700;animation:.3s ease-out fadeIn;position:relative}.queue-summary-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.queue-summary-item{border:1px solid rgba(var(--accent-rgb), .22);background:rgba(var(--accent-rgb), .1);color:var(--theme-text-on-accent-soft);border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.cancel-queue-btn{color:#ffd5d5;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#401b1b8f;border:1px solid #ee80805c;border-radius:999px;padding:10px 20px;font-size:11px;font-weight:800;transition:all .18s;position:relative}.cancel-queue-btn:hover{color:#fff;background:#522323bd;border-color:#f5a8a885}.game-status-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.game-status-card:hover{border-color:rgba(var(--accent-rgb,255, 255, 255), .2);background:#ffffff0a;transform:translateY(-2px);box-shadow:0 12px 30px #0003}.selected-game-display{align-items:center;gap:20px;padding:20px;display:flex;position:relative}.selected-game-banner{object-fit:cover;border:1px solid #ffffff1a;border-radius:16px;width:64px;height:64px}.selected-game-info{flex:1;min-width:0}.game-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted,#d6dff0ad);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.selected-game-info h3{color:#fff;margin:0;font-size:18px;font-weight:800}.queue-player-count{color:rgba(var(--accent-rgb), .9);background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .2);border-radius:999px;align-items:center;gap:4px;width:fit-content;margin-top:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.queue-player-count.style-count{white-space:nowrap;flex-shrink:0;margin-top:0;font-size:11px}.change-game-btn{border:1px solid rgba(var(--accent-rgb), .3);color:var(--theme-text-on-accent-soft);background:rgba(var(--accent-rgb), .16);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:10px;font-weight:800;transition:all .18s}.change-game-btn:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .5);color:#fff;background:rgba(var(--accent-rgb), .3)}.no-game-selected{align-items:center;gap:16px;padding:24px 20px;display:flex}.placeholder-icon{border:1px dashed rgba(var(--accent-rgb), .3);width:56px;height:56px;color:rgba(var(--accent-rgb), .7);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.placeholder-text h3{color:#fff;margin:0;font-size:15px;font-weight:700}.placeholder-text p{color:var(--text-muted,#d6dff0ad);margin:4px 0 0;font-size:13px}.quick-selection{flex-direction:column;gap:10px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted,#d6dff0ad);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.quick-grid{flex-wrap:wrap;gap:8px;display:flex}.quick-item{border:1px solid rgba(var(--accent-rgb), .2);background:rgba(var(--accent-rgb), .1);color:var(--theme-text-on-accent-soft);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .18s}.quick-item:hover{border-color:rgba(var(--accent-rgb), .4);background:rgba(var(--accent-rgb), .22);color:#fff}.party-setup-area{flex-direction:column;gap:16px;display:flex}.party-list-container{border:1px solid rgba(var(--accent-rgb), .12);background:#ffffff05;border-radius:16px;padding:16px}.party-list-header{color:var(--text-muted,#d6dff0ad);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.party-slots{flex-direction:column;gap:8px;display:flex}.party-list-item.filled{border:1px solid rgba(var(--accent-rgb), .16);background:#0f11169e;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.empty-slot-icon{border:1px dashed rgba(var(--accent-rgb), .3);width:40px;height:40px;color:rgba(var(--accent-rgb), .6);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.empty-state{border:1px dashed rgba(var(--accent-rgb), .2);min-height:100px;color:var(--text-muted,#d6dff0ad);border-radius:14px;place-items:center;font-size:13px;display:grid}.style-check{border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-left:auto;transition:all .2s;display:grid}.style-card.active .style-check{border-color:rgba(var(--accent-rgb), .8);background:rgba(var(--accent-rgb), .6)}.style-card.active .style-check .inner-check{background:#fff;border-radius:50%;width:8px;height:8px}.setup-content-area{min-height:0}.step-footer-actions{gap:12px;width:fit-content;margin-top:8px;display:flex}.review-data{flex-direction:column;gap:2px;display:flex}.review-value{color:var(--global-text-primary);font-size:15px;font-weight:700}@media (max-width:1024px){.play-main-layout{grid-template-columns:1fr}}@media (max-width:700px){.play-page-container{padding-inline:10px}}