body[data-page=lobby]{min-height:100svh;background:#17142c}body[data-page=lobby]:before{content:"";position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,#16102cd1,#14112af0),url(/assets/shifra-home-desktop_99d29893.webp) center / cover no-repeat;pointer-events:none}body[data-page=lobby]:after{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse 58% 44% at 50% 24%,rgba(133,97,232,.18),transparent 72%),radial-gradient(ellipse 46% 40% at 9% 72%,rgba(255,104,79,.13),transparent 70%);pointer-events:none}.lobby-layout{display:grid;gap:clamp(1.2rem,2.8vw,2.5rem);width:min(1240px,100%);margin-inline:auto;padding:clamp(.7rem,2.5vw,1.8rem) clamp(.75rem,3vw,2.2rem) 3rem}.lobby-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.6rem}.lobby-how-button{padding:.35rem .6rem;border:0;border-bottom:1px solid rgba(255,255,255,.48);background:transparent;color:#f7efe8;font:800 .72rem/1 Alexandria,sans-serif;text-decoration:none;text-underline-offset:.3rem}.lobby-how-button:hover{color:#ffd661}.lobby-how-button:active{transform:scale(.97)}.room-code-panel{display:grid;grid-template-columns:auto minmax(5.2rem,1fr) auto auto;gap:.28rem;align-items:center;max-width:22rem;padding:.3rem .35rem;border:2px solid rgba(255,255,255,.82);border-radius:999px;background:#1b1530bd;box-shadow:0 5px #05031270}.room-code-label{color:#dcd4e9;font-size:.58rem;font-weight:800;white-space:nowrap}.room-code-value{color:#fff7e2;font-family:ui-monospace,monospace;font-size:.88rem;font-weight:900;letter-spacing:.11em;text-align:center}.room-code-panel .mini-action{display:grid;place-items:center;min-width:2rem;min-height:2rem;padding:.3rem;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#8561e8;color:#fff}.room-code-panel .mini-action:last-child{background:#ff684f}.room-code-panel .mini-action span{display:none}.room-code-panel .mini-action svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lobby-category-stage{display:grid;gap:clamp(.85rem,2vw,1.35rem)}.lobby-category-header{display:grid;justify-items:center;gap:.18rem;text-align:center}.lobby-category-header h1{margin:0;color:#fff5e7;font-family:Lalezar,Alexandria,sans-serif;font-size:clamp(2.4rem,6vw,5rem);font-weight:400;letter-spacing:.025em;line-height:.92;text-shadow:0 4px 0 #291a47,0 10px 22px rgba(0,0,0,.3);transform:rotate(-1.3deg)}.lobby-category-header p{margin:0;color:#d8d0e8;font-size:clamp(.73rem,1.4vw,.92rem);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.55rem,1.35vw,1rem)}.category-choice{position:relative;isolation:isolate;display:block;min-width:0;aspect-ratio:1 / .96;padding:0;overflow:hidden;border:3px solid rgba(255,255,255,.9);border-radius:18px;background:#1b1530;color:#fff;box-shadow:0 7px #090617bf,0 14px 24px #00000030;text-align:inherit;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1),border-color .16s cubic-bezier(.23,1,.32,1)}.category-choice:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#0a071c00 35%,#0a071c21 52%,#0a071cd1);pointer-events:none}.category-choice:hover:not(:disabled){transform:translateY(-4px) rotate(-.5deg);box-shadow:0 11px #090617b8,0 18px 26px #0000003b}.category-choice:active:not(:disabled){transform:translateY(2px) scale(.986);box-shadow:0 4px #090617b8}.category-choice:disabled:not(.is-selected){cursor:default;opacity:.82}.category-choice.is-selected{border-color:#ffd661;box-shadow:0 7px #090617bf,0 0 0 4px #8bd640b3,0 0 24px #8bd6404d}.category-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.category-copy{position:absolute;z-index:2;inset-inline:0;inset-block-end:0;display:grid;place-items:center;min-height:36%;padding:.55rem .45rem;background:linear-gradient(180deg,#2a1e4ae0,#1b1530)}.category-copy strong{color:#fff;font-family:Alexandria,sans-serif;font-size:clamp(.72rem,1.4vw,1rem);font-weight:900;line-height:1.25;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.32)}.category-count{position:absolute;z-index:3;inset-block-start:.62rem;inset-inline-start:.65rem;display:inline-flex;align-items:baseline;gap:.18rem;color:#fff5e7;font-family:Lalezar,Alexandria,sans-serif;font-size:1.04rem;line-height:1;text-shadow:0 2px 0 #291a47,0 5px 10px rgba(0,0,0,.32);transform:rotate(-6deg)}.category-count b{font-size:1.28em;font-weight:400}.category-count small{font:800 .55rem/1 Alexandria,sans-serif}.category-note{margin:0;color:#d8d0e8;font-size:.7rem;font-weight:700;text-align:center}.category-empty{grid-column:1/-1;margin:0;color:#fff5e7;text-align:center}.lobby-team-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2.4vw,1.5rem)}.lobby-team-card{position:relative;display:grid;gap:.75rem;min-width:0;padding:clamp(.75rem,2vw,1.1rem);overflow:hidden;border:3px solid rgba(255,255,255,.88);border-radius:22px;background:#1b1530e0;box-shadow:0 8px #070416a3,0 16px 32px #00000038}.lobby-team-card:before{content:"";position:absolute;z-index:0;inset:0;opacity:.45;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 45%);pointer-events:none}.lobby-team-card>*{position:relative;z-index:1}.lobby-team-card[data-team=red]{border-color:#ff9b83;background:linear-gradient(140deg,#ff684fde,#4d1935f0)}.lobby-team-card[data-team=blue]{border-color:#cbbaff;background:linear-gradient(140deg,#8561e8e8,#281a5bf2)}.lobby-team-card header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.lobby-team-card h2{margin:0;color:#fff7e8;font-family:Lalezar,Alexandria,sans-serif;font-size:clamp(1.35rem,2.9vw,2rem);font-weight:400;line-height:1;text-shadow:0 3px 0 rgba(27,21,48,.56)}.lobby-team-card header>span{display:grid;place-items:center;min-width:1.7rem;min-height:1.7rem;border-radius:50%;background:#1b153080;color:#fff7e8;font-size:.72rem;font-weight:900}.lobby-role-seats{display:grid;gap:.55rem}.lobby-role-seat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:4.1rem;padding:.56rem .65rem;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:#1b153075}.lobby-role-heading{display:grid;gap:.08rem;min-width:4.2rem}.lobby-role-heading strong{color:#fff8ed;font-size:.8rem;font-weight:900}.lobby-role-heading small{color:#ffffffb8;font:800 .54rem/1 Alexandria,sans-serif}.lobby-seat-roster{display:flex;flex-wrap:wrap;gap:.3rem;min-width:0}.lobby-seat-player,.lobby-seat-open{max-width:100%;overflow:hidden;padding:.28rem .48rem;border-radius:999px;color:#fff;font-size:.66rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.lobby-seat-player{background:#ffffff30}.lobby-seat-player.is-current{background:#fff7e8;color:#1b1530}.lobby-seat-open{color:#ffffffbd;font-style:italic}.lobby-seat-join,.lobby-seat-status{justify-self:end;min-width:4.35rem;padding:.42rem .58rem;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:#fff5e7;color:#1b1530;box-shadow:0 3px #1b15308c;font:900 .68rem/1 Alexandria,sans-serif;text-align:center}.lobby-seat-join:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #1b15308c}.lobby-seat-join:disabled{opacity:.55;cursor:not-allowed}.lobby-seat-status{border-color:#ffffff59;background:transparent;box-shadow:none;color:#ffffffc7}.lobby-seat-status.is-current{background:#8bd640eb;border-color:#f0ffcf;color:#20311b}.lobby-start-zone{display:grid;justify-items:center;gap:.6rem;padding-block:.15rem}.lobby-readiness-line{margin:0;color:#eee8f5;font-size:.76rem;font-weight:800;text-align:center}.lobby-readiness-line.is-ready{color:#d9ff96}.lobby-ready-button,.lobby-start-button{min-width:min(100%,18rem);min-height:3rem;border:3px solid #1b1530;border-radius:999px;font-family:Alexandria,sans-serif;font-weight:900}.lobby-ready-button{background:#fff5e7;color:#1b1530;box-shadow:0 5px #08051694}.lobby-ready-button.is-ready{background:#cbe987}.lobby-start-button{background:#ff684f;color:#fff;box-shadow:0 6px #7e2a3b}.lobby-start-button:disabled{opacity:.5;cursor:not-allowed}.lobby-ready-button:active:not(:disabled),.lobby-start-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #08051694}.lobby-leave-button{justify-self:center;min-width:min(100%,15rem);min-height:2.7rem;margin-top:.1rem;border:2px solid rgba(255,255,255,.85);border-radius:999px;background:#d9434f;color:#fff;box-shadow:0 5px #741f35;font:900 .78rem Alexandria,sans-serif}.lobby-leave-button:active{transform:translateY(3px);box-shadow:0 2px #741f35}@media (max-width:720px){body[data-page=lobby]:before{background-image:linear-gradient(180deg,#16102ccc,#14112af2),url(/assets/shifra-home-mobile-sky_226b8802.webp);background-position:center}.lobby-layout{gap:1.1rem;padding-inline:.7rem}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.category-choice{aspect-ratio:1 / .9}.lobby-team-stage{grid-template-columns:1fr;gap:.75rem}.lobby-team-card{border-radius:18px}.lobby-role-seat{grid-template-columns:4.4rem minmax(0,1fr) auto}.room-code-panel{max-width:none}.category-copy{min-height:37%}}@media (max-width:430px){.lobby-topbar{align-items:flex-start}.room-code-panel{grid-template-columns:auto minmax(4.2rem,1fr) auto auto}.room-code-label{display:none}.lobby-category-header h1{font-size:2.75rem}.lobby-role-seat{grid-template-columns:1fr auto;align-items:start}.lobby-role-heading{grid-column:1/-1;grid-template-columns:auto auto;align-items:baseline}.lobby-seat-roster{align-self:center}.lobby-seat-join,.lobby-seat-status{align-self:center;min-width:4rem}}@media (prefers-reduced-motion: no-preference){[data-lobby-root].is-rematch-arrival{animation:rematch-lobby-arrival .26s cubic-bezier(.23,1,.32,1) both}@keyframes rematch-lobby-arrival{0%{opacity:0;transform:translateY(.55rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}body[data-page=lobby] .site-header{padding-block:.72rem}body[data-page=lobby] .header-actions{gap:.82rem}.lobby-header-room-code{min-width:0}.lobby-header-room-code .room-code-panel{display:grid;grid-template-columns:auto minmax(5.4rem,1fr) auto auto;gap:.32rem;align-items:center;min-width:13.3rem;max-width:none;padding:.28rem .35rem .28rem .48rem;border:2px solid #fff7e2;border-radius:13px 5px;background:linear-gradient(145deg,#3e2d74f2,#1b1530fa);box-shadow:0 4px #050312b8,inset 0 1px #ffffff2e}.lobby-header-room-code .room-code-label{color:#ffd661;font:900 .55rem/1 Alexandria,sans-serif;white-space:nowrap}.lobby-header-room-code .room-code-value{color:#fff;direction:ltr;font-family:Arial Black,Arial Bold,Helvetica Neue,sans-serif;font-size:1.05rem;font-weight:900;letter-spacing:.12em;text-align:center;text-shadow:0 2px 0 #211738;unicode-bidi:plaintext}.lobby-header-room-code .mini-action{display:grid;place-items:center;min-width:1.92rem;min-height:1.92rem;padding:.25rem;border:1px solid rgba(255,255,255,.82);border-radius:7px 3px;background:#8561e8;color:#fff;box-shadow:0 2px #110c2ab8}.lobby-header-room-code .mini-action:last-child{background:#ff684f}.lobby-header-room-code .mini-action span{display:none}.lobby-header-room-code .mini-action svg{width:.94rem;height:.94rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lobby-category-header{gap:0}.lobby-team-card h2{font-family:Kafa,Alexandria,sans-serif;font-weight:900}.lobby-category-header h1{color:#fff7e2;font-family:Alexandria,Noto Sans Arabic,sans-serif;font-size:clamp(2.05rem,4.65vw,4rem);font-weight:800;letter-spacing:.035em;text-shadow:0 2px 0 #ff9b83,0 4px 0 #8561e8,0 7px 0 #261a46,0 11px 20px rgba(0,0,0,.28);transform:rotate(-1.1deg)}.category-count{display:grid;justify-items:center;gap:.08rem;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff7e2;line-height:.82;text-shadow:0 2px 0 #ff684f,0 4px 0 #4b338e;box-shadow:none;filter:drop-shadow(0 4px 4px rgba(8,5,22,.42));transform:rotate(-4deg) translateY(.06rem)}.category-count b{font-family:Arial Black,Arial Bold,Helvetica Neue,sans-serif;font-size:1.95rem;font-weight:900;letter-spacing:-.06em}.category-count small{display:block;margin-top:.1rem;color:#fff7e2;font:900 clamp(.84rem,1.25vw,1.05rem)/.84 "Kafa","Alexandria",sans-serif;letter-spacing:.01em;text-shadow:0 2px 0 #ff684f,0 4px 0 #4b338e}.lobby-team-stage{gap:clamp(.65rem,1.5vw,1rem);width:min(100%,57rem);margin-inline:auto}.lobby-team-card{gap:.58rem;padding:clamp(.65rem,1.45vw,.9rem);border-radius:18px;box-shadow:0 6px #070416a3,0 12px 24px #00000030}.lobby-team-card h2{font-size:clamp(1.2rem,2.35vw,1.65rem)}.lobby-team-card header>span{min-width:1.58rem;min-height:1.58rem;font-size:.67rem}@media (max-width:720px){.lobby-team-stage{gap:.7rem}.lobby-team-card{border-radius:16px}}@media (max-width:430px){body[data-page=lobby] .site-header{gap:.55rem}.header-actions{gap:.38rem;flex:1;min-width:0;justify-content:flex-end}.lobby-header-room-code{flex:0 1 min(10.2rem,calc(100vw - 13rem));width:min(10.2rem,calc(100vw - 13rem));max-width:none}.lobby-header-room-code .room-code-panel{grid-template-columns:minmax(0,1fr) auto auto;gap:.2rem;min-width:0;width:100%;padding:.24rem}.lobby-header-room-code .room-code-label{display:none}.lobby-header-room-code .room-code-value{min-width:0;font-size:clamp(.7rem,3.7vw,.9rem);letter-spacing:.1em}.lobby-header-room-code .mini-action{min-width:1.72rem;min-height:1.72rem}.lobby-category-header h1{font-size:2.35rem}}