.lobby-shell{justify-content:flex-start;width:100%;min-height:100vh}.lobby-page{box-sizing:border-box;width:100%;max-width:1100px;max-height:100vh;padding:clamp(12px,2.5vh,24px)var(--pt-space-md)clamp(14px,3.2vh,32px);color:var(--pt-ink);text-align:left;flex-direction:column;margin:auto;font-family:Barlow,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex}.lobby-header{text-align:center;flex-direction:column;flex:none;align-items:center;gap:2px;margin-bottom:clamp(10px,2.2vh,24px);display:flex}.lobby-brand{text-decoration:none;display:block}.lobby-header-logo{width:clamp(84px,15vh,190px);height:auto;transition:transform .2s;display:block}@media (hover:hover) and (pointer:fine){.lobby-header-logo:hover{transform:translateY(-2px)}}.lobby-tagline{color:var(--pt-ink);margin:0;font-size:clamp(.95rem,1.7vh,1.3rem);font-weight:400;line-height:1.3}.lobby-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lobby-online-pill{border:1px solid var(--pt-border-subtle);background:rgba(var(--pt-surface-base-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--pt-ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.9rem;display:flex}.lobby-online-dot{border-radius:var(--pt-radius-full);background:var(--pt-glow-primary);width:8px;height:8px;box-shadow:0 0 8px rgba(var(--pt-glow-primary-rgb),.6);flex:none}.lobby-live-strip{text-align:center;color:var(--pt-ink-subtle);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:6px;margin-top:clamp(6px,1.2vh,12px);font-size:.9rem;line-height:1.5;display:flex}.lobby-live-strip strong{color:var(--pt-ink);font-weight:600}.lobby-page .lobby-art{border-radius:inherit;opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.lobby-page .lobby-art-img{clip-path:inset(0 0 0 14%);width:auto;height:260%;position:absolute;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 12%,#000 55%);mask-image:linear-gradient(90deg,#0000 12%,#000 55%)}.lobby-page .lobby-art-img.art-unit{top:-38%}.lobby-page .lobby-art-img.art-event{top:-128%}.lobby-page .lobby-art-img.art-leader-unit{top:-38%;right:-40px}.lobby-page .lobby-art:after{content:"";background:linear-gradient(90deg,#000 0%,#000000d9 35%,#00000059 70%,#0000 100%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.lobby-page .mode-button:hover:not(:disabled) .lobby-art{opacity:1}}@media (prefers-reduced-motion:reduce){.lobby-page .lobby-art{transition:none}}.lobby-board{gap:var(--pt-space-md);grid-template-columns:1.55fr 1fr;align-items:stretch;min-height:0;margin-bottom:0;display:grid}.lobby-column{flex-direction:column;min-height:0;display:flex}.lobby-column-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.lobby-column .lobby-state{flex:1;justify-content:center}.lobby-board.lobby-board-single{grid-template-columns:1fr}.lobby-column{background:rgba(var(--pt-surface-base-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--pt-border-subtle);border-radius:var(--pt-radius-lg);overflow:hidden}.lobby-column-title{color:var(--pt-ink);border-bottom:1px solid var(--pt-border-subtle);justify-content:space-between;align-items:baseline;gap:8px;margin:0;padding:14px 18px 12px;font-size:1rem;font-weight:600;display:flex}.lobby-column-title span{color:var(--pt-ink-subtle);font-size:.8rem;font-weight:400}.lobby-subhead{color:var(--pt-ink-muted);border-top:1px solid var(--pt-border-subtle);border-bottom:1px solid var(--pt-border-subtle);background:rgba(var(--pt-ink-rgb),.03);padding:10px 18px 8px;font-size:.85rem;font-weight:600}.lobby-row{border-bottom:1px solid var(--pt-border-subtle);align-items:center;gap:12px;padding:12px 18px;transition:background .2s;display:flex}.lobby-row:last-child{border-bottom:none}@media (hover:hover) and (pointer:fine){.lobby-row:hover{background-color:rgba(var(--pt-ink-rgb),.04)}}.lobby-row--art{position:relative;overflow:hidden}.lobby-row--art:before{content:"";background-image:linear-gradient(90deg,rgba(var(--pt-surface-base-rgb),.9)0%,rgba(var(--pt-surface-base-rgb),.75)42%,rgba(var(--pt-surface-base-rgb),.4)100%),var(--row-art,none);opacity:0;z-index:0;background-position:50%,right 30%;background-repeat:no-repeat;background-size:cover,cover;transition:opacity .25s;position:absolute;inset:0}.lobby-row--art>*{z-index:1;position:relative}@media (hover:hover) and (pointer:fine){.lobby-row--art:hover:before{opacity:1}}@media (prefers-reduced-motion:reduce){.lobby-row--art:before{transition:none}}.lobby-row-avatar{border-radius:var(--pt-radius-full);border:1px solid var(--pt-border-subtle);object-fit:cover;background:var(--pt-surface-modal-from);flex:none;width:34px;height:34px}.lobby-row-who{flex:1;min-width:0}.lobby-row-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:.95rem;font-weight:600;display:flex;overflow:hidden}.lobby-row-name-text{text-overflow:ellipsis;overflow:hidden}.lobby-row-meta{color:var(--pt-ink-subtle);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.8rem;overflow:hidden}.lobby-host-dot{border-radius:var(--pt-radius-full);background:var(--pt-glow-primary);flex:none;width:7px;height:7px}.lobby-host-dot.lobby-host-away{border:1px solid var(--pt-ink-subtle);background:0 0}.lobby-badge{letter-spacing:.04em;border-radius:var(--pt-radius-xs);border:1px solid var(--pt-border);color:var(--pt-ink-muted);font-variant-numeric:tabular-nums;flex:none;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.lobby-badge-format-draft{border-color:rgba(var(--pt-glow-interactive-rgb),.45);color:var(--pt-glow-interactive)}.lobby-badge-format-sealed{border-color:rgba(var(--pt-glow-primary-rgb),.35);color:var(--pt-glow-primary)}.lobby-badge-ptp,.lobby-badge-karabast{border-color:var(--pt-border-subtle);color:var(--pt-ink-subtle);letter-spacing:.02em;font-weight:600}.lobby-row-avatar-unknown{background:0 0;border-style:dashed}a.lobby-row-link,a.lobby-row-link:visited,a.lobby-row-link:hover,a.lobby-row-link:active{color:var(--pt-ink);cursor:pointer;text-decoration:none}.lobby-warn{color:var(--pt-gold-warning);cursor:help;flex:none}.lobby-check{color:var(--pt-glow-primary);cursor:help;flex:none;font-weight:700}.lobby-tip{position:relative}.lobby-tip:after{content:attr(data-tip);border:1px solid var(--pt-border-subtle);border-radius:var(--pt-radius-md);width:250px;color:var(--pt-ink);text-align:left;white-space:normal;opacity:0;pointer-events:none;z-index:30;background:#000000f2;padding:8px 10px;font-size:.78rem;font-weight:400;line-height:1.4;transition:opacity .12s 80ms;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.lobby-tip:hover:after,.lobby-tip:focus-visible:after{opacity:1}.lobby-seats{flex:none;gap:4px;display:flex}.lobby-seat{border-radius:var(--pt-radius-full);border:1px solid var(--pt-ink-subtle);width:9px;height:9px}.lobby-seat.lobby-seat-filled{background:var(--pt-glow-primary);border-color:var(--pt-glow-primary)}.lobby-state{padding:clamp(14px,3.2vh,32px)var(--pt-space-md);text-align:center;color:var(--pt-ink-subtle);align-items:center;gap:var(--pt-space-xs);flex-direction:column;font-size:.9rem;display:flex}.lobby-state p{margin:0}.lobby-state-error{color:var(--pt-gold-warning)}.lobby-state-sub{white-space:nowrap;text-overflow:ellipsis;align-self:stretch;max-width:100%;font-size:.8rem;overflow:hidden}.lobby-skeleton-rows{flex-direction:column;gap:12px;padding:12px 18px;display:flex}.lobby-tile-row{gap:var(--pt-space-sm);flex:none;grid-template-columns:repeat(3,1fr);margin-top:clamp(6px,1.2vh,12px);display:grid}.lobby-tile-row-other{grid-template-columns:repeat(5,1fr);margin-top:clamp(10px,3vh,32px)}.lobby-page .mode-button.lobby-mode-tile{width:100%;min-width:0;height:clamp(60px,9vh,88px);min-height:0;padding:10px 14px}.lobby-page .mode-button.lobby-mode-tile .mode-button-title{font-size:.95rem}.lobby-page .mode-button.lobby-mode-tile .mode-button-subtitle{font-size:.75rem}.lobby-page a.lobby-discord-tile,.lobby-page a.lobby-discord-tile:visited,.lobby-page a.lobby-discord-tile:hover,.lobby-page a.lobby-discord-tile:active{box-sizing:border-box;color:var(--pt-ink);border-color:rgba(var(--pt-discord-rgb),.9);text-decoration:none}.lobby-page .lobby-discord-tile .mode-button-title{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.lobby-page .lobby-discord-tile .mode-button-title svg{flex:none}.lobby-page .lobby-discord-art{width:auto;height:78%;color:var(--pt-discord);opacity:.9;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}@media (max-width:900px){.lobby-page .lobby-discord-tile .lobby-art{opacity:1}.lobby-page .lobby-discord-art{opacity:.45}.lobby-page .lobby-discord-tile .mode-button-title svg{display:none}}@media (hover:hover) and (pointer:fine){.lobby-page a.lobby-discord-tile:hover:not(:disabled){background:rgba(var(--pt-surface-base-rgb),.85);border-color:var(--pt-discord);box-shadow:0 6px 16px rgba(var(--pt-discord-rgb),.55)}.lobby-page a.lobby-discord-tile:hover:not(:disabled):before{display:none}.lobby-page .mode-button:hover:not(:disabled){box-shadow:0 6px 16px rgba(var(--pt-surface-base-rgb),.6);border-color:#0000}.lobby-page .mode-button:hover:not(:disabled):before{content:"";border-radius:inherit;background:var(--rainbow-border-gradient);background-size:var(--rainbow-border-background-size);-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:2px;animation:3s linear infinite rainbow-border;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}@media (prefers-reduced-motion:reduce){.lobby-page .mode-button:hover:not(:disabled):before{animation:none}}.lobby-deck-picker{text-align:left;grid-template-columns:1fr 1fr;gap:10px;display:grid}.lobby-vis-toggle{gap:var(--pt-space-xs);margin:var(--pt-space-md)0 var(--pt-space-xs);justify-content:center;display:flex}.lobby-vis-note{text-align:center}.lobby-check-centered{margin:var(--pt-space-xs)0 0;justify-content:center}.lobby-check{margin-top:var(--pt-space-md);color:var(--pt-ink-subtle);cursor:pointer;text-align:left;align-items:flex-start;gap:9px;font-size:.85rem;display:flex}.lobby-check input{accent-color:var(--pt-glow-primary);margin-top:2px}.lobby-check strong{color:var(--pt-ink)}.lobby-match{width:100%;max-width:760px;padding:var(--pt-space-md)var(--pt-space-md)var(--pt-space-xl);color:var(--pt-ink);text-align:center;margin:0 auto;font-family:Barlow,system-ui,Avenir,Helvetica,Arial,sans-serif}.lobby-match-players{align-items:center;gap:var(--pt-space-md);margin:var(--pt-space-lg)0;flex-wrap:wrap;justify-content:center;display:flex}.lobby-match-vs{color:var(--pt-ink-subtle);font-weight:700}.lobby-match-player{border:1px solid var(--pt-border-subtle);border-radius:var(--pt-radius-md);background:rgba(var(--pt-surface-base-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:10px;padding:10px 16px;display:flex}.lobby-match-hero{border:1px solid var(--pt-border-subtle);border-radius:var(--pt-radius-lg);background:rgba(var(--pt-surface-base-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--pt-space-lg);text-align:center;margin-bottom:var(--pt-space-md)}.lobby-match-note{color:var(--pt-ink-subtle);margin-top:var(--pt-space-md);font-size:.85rem}.lobby-manual-panel{border:1px solid var(--pt-border-subtle);border-radius:var(--pt-radius-lg);background:rgba(var(--pt-surface-base-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--pt-space-lg);margin:var(--pt-space-md)0;text-align:left}.lobby-manual-kicker{color:var(--pt-glow-interactive);letter-spacing:.08em;margin-bottom:.35rem;font-size:.78rem;font-weight:700}.lobby-manual-title{margin:0 0 var(--pt-space-xs);color:var(--pt-ink);font-size:1.2rem;line-height:1.2}.lobby-manual-note{margin:0 0 var(--pt-space-md);color:var(--pt-ink-subtle);font-size:.9rem}.lobby-manual-steps{gap:var(--pt-space-md);flex-direction:column;display:flex}.lobby-manual-step{gap:var(--pt-space-md);align-items:flex-start;display:flex}.lobby-step-number{background:rgba(var(--pt-glow-primary-rgb),.12);border:2px solid rgba(var(--pt-glow-primary-rgb),.7);border-radius:var(--pt-radius-full);width:28px;height:28px;color:var(--pt-glow-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.lobby-manual-step-content h4{color:var(--pt-ink);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem;display:flex}.lobby-manual-step-content p{color:var(--pt-ink-muted);margin:0;font-size:.9rem}.lobby-manual-step-content a{color:var(--pt-glow-interactive);text-decoration:none}@media (hover:hover) and (pointer:fine){.lobby-manual-step-content a:hover{text-decoration:underline}}.lobby-copy-button{border:1px solid rgba(var(--pt-glow-primary-rgb),.5);background:rgba(var(--pt-glow-primary-rgb),.1);height:28px;color:var(--pt-glow-primary);border-radius:var(--pt-radius-xs);cursor:pointer;align-items:center;gap:.5rem;padding:0 .6rem;font-family:Barlow,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}@media (hover:hover) and (pointer:fine){.lobby-copy-button:hover{background:rgba(var(--pt-glow-primary-rgb),.2);border-color:var(--pt-glow-primary)}}.lobby-match--split{gap:var(--pt-space-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;max-width:1280px;display:grid}.lobby-match-main{min-width:0}.lobby-deck-pane{background:rgba(var(--pt-surface-base-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--pt-border-subtle);border-radius:var(--pt-radius-lg);text-align:left;min-width:0;top:var(--pt-space-md);max-height:calc(100vh - 2*var(--pt-space-md));flex-direction:column;display:flex;position:sticky;overflow:hidden}.lobby-deck-pane-body{min-height:0;padding:var(--pt-space-xs)var(--pt-space-sm)var(--pt-space-md);flex:1;overflow-y:auto}.lobby-match--split .lobby-deck-pane{max-height:calc(100vh - 60px - 2*var(--pt-space-md));margin-top:60px}.lobby-match-hero .lobby-manual-kicker{text-align:left;align-self:flex-start}.lobby-or-divider{margin:var(--pt-space-sm)0;color:var(--pt-ink-subtle);align-items:center;gap:12px;font-size:.85rem;display:flex}.lobby-or-divider:before,.lobby-or-divider:after{content:"";border-top:1px solid var(--pt-border-subtle);flex:1}.lobby-match-waiting{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.lobby-match-waiting strong{color:var(--pt-ink);font-size:1rem;font-weight:600}.lobby-match-waiting span{color:var(--pt-ink-subtle);font-size:.85rem}.lobby-match-bestof{gap:var(--pt-space-xs);margin:calc(var(--pt-space-sm)*-1)0 var(--pt-space-md);justify-content:center;display:flex}.lobby-match-bestof-static{color:var(--pt-ink-subtle);font-size:.85rem}.lobby-deck-actions{gap:6px;margin-left:auto;display:inline-flex}.lobby-deck-actions .play-instructions-action-button{min-width:0;padding:6px}.lobby-deck-pane .play-instructions-message{margin:0 var(--pt-space-sm)var(--pt-space-xs);padding:.4rem .75rem;font-size:.8rem}.deck-image-modal-overlay{z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.deck-image-modal-content{flex-direction:column;align-items:center;max-width:95vw;max-height:95vh;display:flex;position:relative}.deck-image-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:2rem;line-height:1;position:absolute;top:-40px;right:0}.deck-image-modal-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(95vh - 80px)}.deck-image-modal-actions{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.deck-image-modal-download,.deck-image-modal-toggle{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #fff6;border-radius:8px;padding:.75rem 1.5rem;font-family:Barlow,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.deck-image-modal-download{background:#0064004d;border-color:#0f09}@media (hover:hover) and (pointer:fine){.deck-image-modal-close:hover{color:#ff6b6b}.deck-image-modal-download:hover{background:#00640080;border-color:#0f0c;box-shadow:0 6px 16px #0f09}.deck-image-modal-toggle:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}}.deck-image-modal-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.lobby-deck-pane .leaders-bases-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.75rem;padding:8px 6px;display:flex}.lobby-deck-pane .cards-grid{flex-wrap:wrap;justify-content:center;align-items:start;gap:.5rem;padding:6px;display:flex}.lobby-deck-subhead{margin:var(--pt-space-sm)0 0;color:var(--pt-ink-muted);padding:0 6px;font-size:.85rem;font-weight:600}.lobby-deck-skeleton-leader{aspect-ratio:3.5/2.5;border-radius:var(--pt-radius-md);width:168px}.lobby-deck-skeleton-card{aspect-ratio:2.5/3.5;border-radius:var(--pt-radius-md);width:120px}@media (max-width:900px){.lobby-page{padding-top:var(--pt-space-md);max-height:none;display:block}.lobby-column-body{display:block;overflow-y:visible}.lobby-board{grid-template-columns:1fr}.lobby-tile-row,.lobby-tile-row-solo{grid-template-columns:repeat(2,1fr)}.lobby-match--split{grid-template-columns:1fr}.lobby-deck-pane,.lobby-match--split .lobby-deck-pane{max-height:70vh;margin-top:0;position:static}}