.boya02-lobby{position:absolute;inset:0;display:block;color-scheme:dark;--stage-w:1485;--stage-h:775;--stage-u:clamp(0.24px,min(0.0673400673vw,0.1290322581vh),1px);--modal-u:var(--stage-u);--compact-card-w:74px;--compact-card-h:64px;--card-w:clamp(var(--compact-card-w),calc(278 * var(--stage-u)),278px);--card-h:clamp(var(--compact-card-h),calc(242 * var(--stage-u)),242px);--gap:clamp(4px,calc(12 * var(--stage-u)),12px);--blue:#0a6ea8;--cyan:#44d9ff;--gold:#ffd35c;--green:#48d27b;--ink:#08223b}.boya02-lobby *{box-sizing:border-box}.boya02-lobby{width:100%;height:100%;margin:0;overflow:hidden;background:#0c1828;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.boya02-lobby button{font:inherit;color:inherit}.boya02-lobby .viewport{position:relative;display:grid;width:100vw;height:100vh;place-items:center;overflow:hidden;background:#162238}.boya02-lobby .viewport:before{content:"";position:absolute;inset:-28px;background:linear-gradient(180deg,rgba(20,27,47,.28),rgba(13,20,36,.42)),url(/boya02/ui/lobby-bg-worldcup.png) 50% /cover no-repeat;filter:blur(20px) saturate(1.1);transform:scale(1.08)}.boya02-lobby .stage{position:relative;z-index:1;width:min(100vw,calc(100vh * var(--stage-w) / var(--stage-h)));height:min(100vh,calc(100vw * var(--stage-h) / var(--stage-w)));max-width:calc(var(--stage-w) * 1px);max-height:calc(var(--stage-h) * 1px);aspect-ratio:var(--stage-w) /var(--stage-h);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,hsla(0,0%,100%,.06),transparent 44%,rgba(24,46,70,.16)),url(/boya02/ui/lobby-bg-worldcup.png) 50% /cover no-repeat}.boya02-lobby .stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 12%,hsla(0,0%,100%,.2) 31%,transparent 48%),linear-gradient(180deg,rgba(213,245,255,.14),transparent 38%),linear-gradient(90deg,rgba(3,13,31,.06),rgba(8,41,63,.08) 45%,rgba(5,14,27,.08));background-size:180% 100%,100% 100%,100% 100%;animation:stadiumSweep 6.5s ease-in-out infinite}.boya02-lobby .stage:after{content:"";position:absolute;inset:auto 0 0;height:calc(118 * var(--stage-u));pointer-events:none;background:linear-gradient(180deg,transparent,rgba(15,39,60,.58))}.boya02-lobby .loading-screen{position:fixed;inset:0;z-index:10000;overflow:hidden;background:var(--ink);opacity:1;pointer-events:auto;transition:opacity .26s ease,visibility .26s ease}.boya02-lobby .loading-stage{position:absolute;left:50%;top:50%;width:100vw;height:100vh;overflow:hidden;transform:translate(-50%,-50%);transform-origin:center}.boya02-lobby .loading-screen.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.boya02-lobby .loading-poster{position:absolute;inset:0;background:var(--ink) url(/boya02/ui/initial-loading-football.jpg) center /cover no-repeat}.boya02-lobby .loading-poster:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(180deg,transparent,rgba(3,24,48,.38))}.boya02-lobby .loading-panel{position:absolute;left:50%;bottom:clamp(22px,8vh,74px);display:grid;width:min(560px,calc(100% - 80px));gap:8px;transform:translateX(-50%)}.boya02-lobby .loading-progress-track{height:clamp(14px,2.5vh,22px);padding:3px;border:1px solid hsla(0,0%,100%,.36);border-radius:999px;background:linear-gradient(180deg,rgba(27,69,112,.9),rgba(8,33,71,.94));box-shadow:inset 0 0 8px rgba(0,8,20,.72),0 3px 8px rgba(0,9,20,.38)}.boya02-lobby .loading-progress-fill{width:var(--loading-progress,0);height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue) 52%,#83ebff);box-shadow:inset 0 2px 3px hsla(0,0%,100%,.5),0 0 12px rgba(62,203,255,.62)}.boya02-lobby .loading-progress-label{color:#f0fbff;font-size:clamp(12px,2.3vh,20px);font-weight:900;text-align:center;text-shadow:0 2px 4px rgba(0,19,43,.78)}.boya02-lobby .topbar{position:absolute;inset:calc(13 * var(--stage-u)) calc(14 * var(--stage-u)) auto;z-index:8;display:grid;grid-template-columns:calc(360 * var(--stage-u)) 1fr calc(470 * var(--stage-u));align-items:start;gap:calc(20 * var(--stage-u));pointer-events:none}.boya02-lobby .coin-card,.boya02-lobby .network-readout,.boya02-lobby .player-card{display:flex;align-items:center;min-height:calc(58 * var(--stage-u));border:1px solid hsla(0,0%,100%,.2);border-radius:calc(30 * var(--stage-u));background:rgba(57,102,128,.58);box-shadow:inset 0 0 calc(18 * var(--stage-u)) rgba(119,216,255,.22);color:rgba(241,249,255,.92);text-shadow:0 2px 4px rgba(2,15,28,.5)}.boya02-lobby .player-card{position:relative;gap:calc(13 * var(--stage-u));padding:0 calc(24 * var(--stage-u)) 0 calc(84 * var(--stage-u));pointer-events:auto;cursor:pointer}.boya02-lobby .player-card:focus-visible{outline:calc(3 * var(--stage-u)) solid rgba(255,231,95,.92);outline-offset:calc(3 * var(--stage-u))}.boya02-lobby .avatar-ring{position:absolute;left:calc(4 * var(--stage-u));top:calc(-5 * var(--stage-u));display:grid;width:calc(78 * var(--stage-u));height:calc(78 * var(--stage-u));place-items:center;border:calc(4 * var(--stage-u)) solid rgba(255,213,83,.94);border-radius:50%;background:linear-gradient(145deg,#2f95cb,#153f77);overflow:hidden}.boya02-lobby .avatar-ring img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.28)}.boya02-lobby .coin-card span,.boya02-lobby .player-id{font-size:clamp(18px,calc(30 * var(--stage-u)),30px);font-weight:800;letter-spacing:0;white-space:nowrap}.boya02-lobby .coin-card{position:relative;justify-self:center;gap:calc(10 * var(--stage-u));min-width:calc(260 * var(--stage-u));height:calc(48 * var(--stage-u));padding:0 calc(70 * var(--stage-u)) 0 calc(28 * var(--stage-u));pointer-events:auto}.boya02-lobby .coin-card img{width:calc(46 * var(--stage-u));height:calc(46 * var(--stage-u));-o-object-fit:contain;object-fit:contain}.boya02-lobby .recharge-trigger{position:absolute;right:calc(7 * var(--stage-u));top:50%;display:grid;width:calc(44 * var(--stage-u));height:calc(44 * var(--stage-u));place-items:center;border:calc(2 * var(--stage-u)) solid rgba(255,245,170,.92);border-radius:50%;background:radial-gradient(circle at 35% 24%,hsla(0,0%,100%,.78),transparent 28%),linear-gradient(180deg,#ffe777,#ff961c 72%,#c85d0d);box-shadow:0 calc(3 * var(--stage-u)) calc(6 * var(--stage-u)) rgba(63,27,3,.38),inset 0 0 0 calc(2 * var(--stage-u)) hsla(0,0%,100%,.16);color:#7b3200;cursor:pointer;font-size:clamp(18px,calc(34 * var(--stage-u)),34px);font-weight:1000;line-height:1;text-shadow:0 1px 0 rgba(255,244,180,.72);transform:translateY(-50%);transition:transform .15s ease,filter .15s ease}.boya02-lobby .recharge-trigger:hover{filter:brightness(1.08);transform:translateY(calc(-50% - calc(1 * var(--stage-u))))}.boya02-lobby .top-actions{display:flex;justify-content:flex-end;align-items:flex-start;gap:calc(18 * var(--stage-u));pointer-events:auto}.boya02-lobby .network-readout{display:grid;min-width:calc(135 * var(--stage-u));padding:calc(6 * var(--stage-u)) calc(14 * var(--stage-u));border:0;background:transparent;box-shadow:none;cursor:default;color:#19c657;font-size:clamp(13px,calc(18 * var(--stage-u)),18px);font-weight:800}.boya02-lobby .network-readout span{display:inline-flex;align-items:center;gap:calc(8 * var(--stage-u))}.boya02-lobby .network-readout img{width:calc(24 * var(--stage-u));height:calc(24 * var(--stage-u));-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 calc(4 * var(--stage-u)) rgba(53,246,106,.78));animation:statusPulse 1.85s ease-in-out infinite}.boya02-lobby .round-action{display:grid;min-width:calc(82 * var(--stage-u));justify-items:center;padding:0;border:0;background:transparent;cursor:pointer;color:#fff8db;text-shadow:0 2px 4px rgba(43,44,50,.7);font-size:clamp(10px,calc(18 * var(--stage-u)),18px);font-weight:900}.boya02-lobby .round-action img{width:calc(66 * var(--stage-u));height:calc(66 * var(--stage-u));-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(8,18,32,.48));transition:transform .16s ease,filter .16s ease}.boya02-lobby .game-card:hover,.boya02-lobby .nav-action:hover img,.boya02-lobby .round-action:hover img{transform:translateY(calc(-2 * var(--stage-u)))}.boya02-lobby .language-trigger img{width:calc(66 * var(--stage-u));height:calc(66 * var(--stage-u))}.boya02-lobby .marquee{position:absolute;left:calc(410 * var(--stage-u));top:calc(118 * var(--stage-u));z-index:7;display:flex;align-items:center;max-width:calc(650 * var(--stage-u));height:calc(38 * var(--stage-u));padding:0 calc(22 * var(--stage-u));border-radius:calc(20 * var(--stage-u));background:rgba(43,83,107,.52);color:#fff;font-size:clamp(14px,calc(23 * var(--stage-u)),23px);font-weight:800;white-space:nowrap;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.45)}.boya02-lobby .marquee span{display:inline-block;animation:marquee 14s linear infinite}@keyframes marquee{0%{transform:translateX(58%)}to{transform:translateX(-105%)}}.boya02-lobby .left-hero{position:absolute;left:calc(38 * var(--stage-u));top:calc(145 * var(--stage-u));z-index:3;width:calc(308 * var(--stage-u));height:calc(520 * var(--stage-u));pointer-events:none}.boya02-lobby .hero-platform{position:absolute;left:calc(48 * var(--stage-u));bottom:calc(18 * var(--stage-u));width:calc(190 * var(--stage-u));height:calc(40 * var(--stage-u));border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,18,34,.36),rgba(0,18,34,.16) 58%,transparent 75%);filter:blur(1px)}.boya02-lobby .football-girl{position:absolute;left:calc(18 * var(--stage-u));bottom:calc(40 * var(--stage-u));width:calc(270 * var(--stage-u));height:calc(430 * var(--stage-u));-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;filter:drop-shadow(0 calc(11 * var(--stage-u)) calc(13 * var(--stage-u)) rgba(1,12,25,.36));animation:footballGirlIdle 3.6s ease-in-out infinite}.boya02-lobby .game-window{position:absolute;left:calc(410 * var(--stage-u));right:calc(0 * var(--stage-u));top:calc(140 * var(--stage-u));bottom:calc(86 * var(--stage-u));z-index:4;max-height:calc(548 * var(--stage-u));overflow:hidden}.boya02-lobby .game-strip{display:grid;grid-auto-flow:column;grid-auto-columns:var(--card-w);grid-template-rows:repeat(2,var(--card-h));gap:var(--gap);height:calc((2 * var(--card-h)) + var(--gap));max-height:100%;overflow-x:auto;overflow-y:hidden;padding:calc(2 * var(--stage-u)) calc(96 * var(--stage-u)) calc(8 * var(--stage-u)) calc(0 * var(--stage-u));scroll-behavior:smooth;scrollbar-width:none;touch-action:none;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.boya02-lobby .game-strip::-webkit-scrollbar{display:none}.boya02-lobby .game-strip.is-dragging{cursor:grabbing;scroll-behavior:auto}.boya02-lobby .game-card-shell{position:relative;width:100%;height:100%;min-width:0}.boya02-lobby .game-card-shell.is-wide{grid-column:span 2}.boya02-lobby .game-card{position:relative;width:100%;height:100%;min-width:0;border:0;border-radius:6px;padding:0;overflow:hidden;background:rgba(12,104,154,.55);box-shadow:0 2px 0 hsla(0,0%,100%,.44),inset 0 0 0 2px hsla(0,0%,100%,.34),0 calc(5 * var(--stage-u)) calc(8 * var(--stage-u)) rgba(4,23,40,.22);transform:translateZ(0);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,filter .16s ease}.boya02-lobby .game-card:hover{filter:brightness(1.05) saturate(1.08)}.boya02-lobby .favorite-toggle{position:absolute;right:calc(10 * var(--stage-u));bottom:calc(8 * var(--stage-u));z-index:4;display:grid;width:max(24px,calc(36 * var(--stage-u)));height:max(24px,calc(36 * var(--stage-u)));place-items:center;border-radius:50%;background:rgba(14,67,105,.78);border:1px solid rgba(255,232,119,.7);padding:0;cursor:pointer;color:#ffe877;font-size:clamp(13px,calc(30 * var(--stage-u)),30px);text-shadow:0 2px 3px rgba(92,41,0,.62)}.boya02-lobby .card-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.boya02-lobby .card-entry-animation{position:absolute;inset:0;z-index:1;display:block;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;opacity:0;pointer-events:none;transition:opacity .18s ease}.boya02-lobby .game-card.has-entry-animation .card-entry-animation{opacity:1}.boya02-lobby .player-count{position:absolute;left:calc(9 * var(--stage-u));top:calc(8 * var(--stage-u));z-index:2;display:inline-flex;align-items:center;gap:calc(5 * var(--stage-u));min-width:max(40px,calc(76 * var(--stage-u)));height:max(19px,calc(31 * var(--stage-u)));padding:0 calc(10 * var(--stage-u));border-radius:calc(16 * var(--stage-u));background:rgba(15,114,179,.84);color:#fff;font-size:clamp(9px,calc(18 * var(--stage-u)),18px);font-style:italic;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.35)}.boya02-lobby .player-count img{width:max(10px,calc(18 * var(--stage-u)));height:max(10px,calc(18 * var(--stage-u)));-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.boya02-lobby .game-card.is-wide .player-count{left:auto;right:calc(72 * var(--stage-u));top:auto;bottom:calc(27 * var(--stage-u));gap:calc(12 * var(--stage-u));min-width:calc(150 * var(--stage-u));height:calc(54 * var(--stage-u));padding:0 calc(20 * var(--stage-u));border-radius:calc(28 * var(--stage-u));background:rgba(8,89,139,.72);font-size:clamp(12px,calc(25 * var(--stage-u)),25px)}.boya02-lobby .game-card.is-wide .player-count img{width:calc(38 * var(--stage-u));height:calc(38 * var(--stage-u))}.boya02-lobby .game-tag{position:absolute;right:calc(8 * var(--stage-u));top:calc(8 * var(--stage-u));z-index:2;min-width:max(34px,calc(54 * var(--stage-u)));height:max(19px,calc(31 * var(--stage-u)));padding:0 calc(9 * var(--stage-u));border-radius:4px;background:linear-gradient(180deg,#ffad3a,#f05b23);color:#fff9d8;font-size:clamp(9px,calc(18 * var(--stage-u)),18px);font-weight:900;line-height:max(19px,calc(31 * var(--stage-u)));text-shadow:0 1px 2px rgba(74,28,2,.55)}.boya02-lobby .game-title{position:absolute;left:calc(12 * var(--stage-u));right:calc(12 * var(--stage-u));bottom:calc(12 * var(--stage-u));z-index:2;color:#fff;font-size:clamp(15px,calc(38 * var(--stage-u)),38px);font-weight:900;letter-spacing:0;line-height:.95;text-align:center;text-shadow:0 2px 0 rgba(33,113,154,.92),2px 0 0 rgba(33,113,154,.92),-2px 0 0 rgba(33,113,154,.92),0 calc(4 * var(--stage-u)) calc(4 * var(--stage-u)) rgba(0,0,0,.3)}.boya02-lobby .game-title.long-title{font-size:clamp(13px,calc(31 * var(--stage-u)),31px)}.boya02-lobby .game-card.is-wide .game-title{left:calc(28 * var(--stage-u));right:calc(190 * var(--stage-u));bottom:calc(36 * var(--stage-u));font-size:clamp(22px,calc(58 * var(--stage-u)),58px);line-height:.9;text-align:left}.boya02-lobby .bottom-nav{position:absolute;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:calc(105 * var(--stage-u));height:calc(92 * var(--stage-u));padding:0 0 calc(7 * var(--stage-u)) calc(88 * var(--stage-u));background:linear-gradient(180deg,rgba(48,77,103,.1),rgba(38,55,82,.42));justify-content:flex-start}.boya02-lobby .nav-action{display:inline-flex;align-items:center;gap:calc(9 * var(--stage-u));border:0;background:transparent;color:#fff;cursor:pointer;font-size:clamp(11px,calc(26 * var(--stage-u)),26px);font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.52)}.boya02-lobby .nav-action img{width:calc(62 * var(--stage-u));height:calc(62 * var(--stage-u));-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(3,15,28,.55));transition:transform .16s ease,filter .16s ease}.boya02-lobby .language-menu{position:fixed;right:max(8px,calc(16 * var(--modal-u)));top:max(8px,calc(92 * var(--modal-u)));z-index:10;display:grid;gap:max(6px,calc(9 * var(--modal-u)));min-width:116px;padding:max(8px,calc(8 * var(--modal-u)));opacity:0;pointer-events:none;transform:translateY(calc(-8 * var(--stage-u)));transition:opacity .16s ease,transform .16s ease}.boya02-lobby .language-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.boya02-lobby .language-menu button{display:grid;justify-items:center;gap:max(2px,calc(2 * var(--modal-u)));border:0;background:transparent;color:#fff8d4;cursor:pointer;font-size:clamp(10px,calc(16 * var(--stage-u)),16px);font-weight:900;text-shadow:0 2px 3px rgba(4,17,30,.56)}.boya02-lobby .language-menu img{width:clamp(40px,calc(66 * var(--modal-u)),66px);height:clamp(40px,calc(66 * var(--modal-u)),66px);-o-object-fit:contain;object-fit:contain}.boya02-lobby .modal-root{position:absolute;inset:0;z-index:50;display:none}.boya02-lobby .modal-root.is-open{display:block}.boya02-lobby .scrim{position:absolute;inset:0;background:rgba(4,8,15,.58)}.boya02-lobby .profile-scrim{background:rgba(3,10,22,.28)}.boya02-lobby .panel{position:absolute;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}.boya02-lobby .panel-close{position:absolute;right:calc(-25 * var(--modal-u));top:calc(70 * var(--modal-u));z-index:2;width:calc(66 * var(--modal-u));height:calc(66 * var(--modal-u));min-width:42px;min-height:42px;border:0;padding:0;border-radius:50%;background:transparent;cursor:pointer}.boya02-lobby .panel-close img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.boya02-lobby .profile-panel{left:0;top:0;width:calc(1018 * var(--modal-u));height:calc(766 * var(--modal-u));border:0;border-radius:0;background:url(/boya02/ui/profile-panel-frame.png) 0 0/100% 100% no-repeat;box-shadow:0 calc(18 * var(--modal-u)) calc(30 * var(--modal-u)) rgba(0,8,19,.3);overflow:visible;animation:profileSlideIn .18s ease-out both}.boya02-lobby .profile-panel.is-collapsing{pointer-events:none;animation:profileCollapseOut .16s ease-in both}.boya02-lobby .profile-panel:before{content:none}.boya02-lobby .profile-page-viewport{position:absolute;left:calc(62 * var(--modal-u));top:calc(134 * var(--modal-u));z-index:1;width:calc(304 * var(--modal-u));height:calc(430 * var(--modal-u));overflow:hidden}.boya02-lobby .profile-page-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.boya02-lobby .profile-page-track::-webkit-scrollbar{display:none}.boya02-lobby .profile-avatar-page{flex:0 0 100%;display:grid;grid-template-columns:repeat(2,calc(112 * var(--modal-u)));align-content:start;gap:calc(44 * var(--modal-u)) calc(45 * var(--modal-u));scroll-snap-align:start}.boya02-lobby .profile-avatar{position:relative;width:calc(112 * var(--modal-u));height:calc(112 * var(--modal-u));border:calc(4 * var(--modal-u)) solid rgba(34,88,154,.88);border-radius:calc(8 * var(--modal-u));padding:0;background:linear-gradient(180deg,rgba(89,224,255,.35),rgba(48,98,187,.35));box-shadow:inset 0 0 calc(5 * var(--modal-u)) hsla(0,0%,100%,.34),0 calc(3 * var(--modal-u)) calc(7 * var(--modal-u)) rgba(0,13,35,.28);cursor:pointer;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.boya02-lobby .profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.boya02-lobby .profile-avatar.active,.boya02-lobby .profile-avatar:hover{border-color:#74f7d9;box-shadow:0 0 calc(14 * var(--modal-u)) rgba(94,255,217,.58),inset 0 0 calc(6 * var(--modal-u)) hsla(0,0%,100%,.48);transform:translateY(calc(-2 * var(--modal-u)))}.boya02-lobby .profile-avatar.active:after{content:"✓";position:absolute;right:0;bottom:0;display:grid;width:calc(30 * var(--modal-u));height:calc(30 * var(--modal-u));place-items:center;border-radius:calc(12 * var(--modal-u)) 0 calc(4 * var(--modal-u)) 0;background:#69e9ef;color:#fff;font-size:clamp(13px,calc(22 * var(--stage-u)),22px);font-weight:900;text-shadow:0 1px 2px rgba(14,70,103,.45)}.boya02-lobby .profile-character-wrap{position:absolute;left:calc(410 * var(--modal-u));top:calc(78 * var(--modal-u));z-index:1;width:calc(380 * var(--modal-u));height:calc(610 * var(--modal-u))}.boya02-lobby .profile-platform{position:absolute;left:50%;bottom:0;width:calc(320 * var(--modal-u));height:calc(62 * var(--modal-u));border-radius:50%;background:radial-gradient(ellipse at center,rgba(241,251,255,.96),rgba(172,203,222,.72) 58%,rgba(61,103,136,.12) 74%,transparent 80%);box-shadow:0 calc(5 * var(--modal-u)) calc(12 * var(--modal-u)) rgba(0,16,38,.28);transform:translateX(-50%)}.boya02-lobby .profile-character{position:absolute;left:50%;bottom:calc(40 * var(--modal-u));height:calc(540 * var(--modal-u));max-width:calc(342 * var(--modal-u));-o-object-fit:contain;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 calc(10 * var(--modal-u)) calc(12 * var(--modal-u)) rgba(0,15,32,.35));animation:profileCharacterIdle 3.4s ease-in-out infinite}.boya02-lobby .profile-dots{position:absolute;left:calc(166 * var(--modal-u));bottom:calc(145 * var(--modal-u));z-index:1;display:flex;gap:calc(12 * var(--modal-u))}.boya02-lobby .profile-dots button{width:calc(12 * var(--modal-u));height:calc(12 * var(--modal-u));border:0;border-radius:50%;padding:0;background:rgba(213,244,255,.42);cursor:pointer}.boya02-lobby .profile-dots button.active{background:#e6faff}.boya02-lobby .profile-handle{position:absolute;right:calc(8 * var(--modal-u));top:50%;z-index:2;display:grid;width:calc(96 * var(--modal-u));height:calc(126 * var(--modal-u));min-width:44px;min-height:58px;place-items:center;border:0;border-radius:999px;background:transparent;cursor:pointer;box-shadow:none;transform:translateY(-50%)}.boya02-lobby .profile-handle:after,.boya02-lobby .profile-handle:before{content:"";position:absolute;left:calc(44 * var(--modal-u));width:calc(8 * var(--modal-u));height:calc(40 * var(--modal-u));border-radius:calc(7 * var(--modal-u));background:linear-gradient(180deg,#fff,#c6ecff);box-shadow:0 calc(2 * var(--modal-u)) calc(4 * var(--modal-u)) rgba(24,34,99,.45)}.boya02-lobby .profile-handle:before{top:calc(31 * var(--modal-u));transform:rotate(45deg)}.boya02-lobby .profile-handle:after{bottom:calc(31 * var(--modal-u));transform:rotate(-45deg)}.boya02-lobby .ranking-panel{left:50%;top:50%;width:min(calc(1320 * var(--modal-u)),calc(100% - calc(32 * var(--modal-u))));height:min(calc(672 * var(--modal-u)),calc(100% - calc(28 * var(--modal-u))));transform:translate(-50%,-50%);border-radius:8px;animation:panelPop .18s ease-out both}.boya02-lobby .ranking-panel:before{content:"";position:absolute;inset:calc(-24 * var(--modal-u)) 0 calc(-15 * var(--modal-u));background:url(/boya02/ui/ranking-frame.png) 50%/100% 100% no-repeat}.boya02-lobby .ranking-panel .panel-close{right:calc(70 * var(--modal-u));top:calc(82 * var(--modal-u))}.boya02-lobby .rank-tabs{position:absolute;left:50%;top:calc(29 * var(--modal-u));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(540 * var(--modal-u));height:calc(66 * var(--modal-u));padding:calc(4 * var(--modal-u));border-radius:calc(18 * var(--modal-u));background:linear-gradient(180deg,rgba(12,97,159,.42),rgba(10,77,138,.58));z-index:1;transform:translateX(-50%)}.boya02-lobby .rank-games button,.boya02-lobby .rank-tabs button{border:0;background:transparent;cursor:pointer;font-weight:900}.boya02-lobby .rank-tabs button{min-width:0;height:100%;border-radius:calc(12 * var(--modal-u));color:#e5f8ff;font-size:clamp(17px,calc(25 * var(--modal-u)),25px);text-shadow:0 2px 3px rgba(0,48,89,.72)}.boya02-lobby .rank-tabs button.active{background:linear-gradient(180deg,rgba(118,222,255,.52),rgba(23,111,165,.72));box-shadow:inset 0 0 calc(14 * var(--modal-u)) rgba(135,232,255,.38)}.boya02-lobby .rank-tabs button:before{content:"";display:inline-block;width:calc(28 * var(--modal-u));height:calc(28 * var(--modal-u));margin-right:calc(10 * var(--modal-u));vertical-align:calc(-5 * var(--modal-u));border-radius:50%;background:radial-gradient(circle at 40% 35%,#e9ffff,#55d7ff 42%,#1978b8 76%);box-shadow:inset 0 0 calc(5 * var(--modal-u)) rgba(4,57,105,.65)}.boya02-lobby .rank-side-title{position:absolute;left:calc(-34 * var(--stage-u));top:calc(106 * var(--stage-u));width:calc(120 * var(--stage-u));color:#ffe66e;font-size:clamp(34px,calc(62 * var(--stage-u)),62px);font-weight:900;line-height:1.02;writing-mode:vertical-rl;text-orientation:upright;text-shadow:0 0 calc(8 * var(--stage-u)) rgba(255,147,36,.8),calc(3 * var(--stage-u)) calc(3 * var(--stage-u)) 0 rgba(101,61,21,.72);animation:titleGlow 2.6s ease-in-out infinite}.boya02-lobby .rank-games{position:absolute;left:calc(125 * var(--stage-u));top:calc(100 * var(--stage-u));z-index:1;display:grid;width:calc(230 * var(--stage-u));gap:calc(7 * var(--stage-u))}.boya02-lobby .rank-games button{height:calc(56 * var(--stage-u));border-bottom:1px solid rgba(141,98,51,.28);color:#9e5d35;font-size:clamp(15px,calc(22 * var(--stage-u)),22px)}.boya02-lobby .rank-games button.active{border-radius:0;background:linear-gradient(90deg,#ff982d,#ffe953);color:#fff}.boya02-lobby .rank-list{position:absolute;left:calc(358 * var(--stage-u));top:calc(122 * var(--stage-u));z-index:1;display:grid;width:calc(535 * var(--stage-u));gap:calc(11 * var(--stage-u))}.boya02-lobby .rank-row{display:grid;grid-template-columns:calc(42 * var(--stage-u)) calc(54 * var(--stage-u)) 1fr calc(188 * var(--stage-u));align-items:center;min-height:calc(57 * var(--stage-u));padding:0 calc(18 * var(--stage-u));border-radius:calc(30 * var(--stage-u));background:hsla(37,98%,84%,.58);color:#73452d;font-size:clamp(14px,calc(22 * var(--stage-u)),22px);font-weight:800}.boya02-lobby .rank-row img{width:calc(46 * var(--stage-u));height:calc(46 * var(--stage-u));-o-object-fit:cover;object-fit:cover;border-radius:50%}.boya02-lobby .rank-row b{color:#8b5030;text-align:right}.boya02-lobby .rank-art{position:absolute;right:calc(32 * var(--stage-u));bottom:calc(68 * var(--stage-u));z-index:1;width:calc(280 * var(--stage-u));height:calc(340 * var(--stage-u));border-radius:50%;background:radial-gradient(circle at 52% 54%,#ffe38a,#ffb53f 48%,rgba(255,155,65,.2) 66%,transparent 72%);animation:rankArtFloat 3.2s ease-in-out infinite}.boya02-lobby .rank-art img{position:absolute;left:50%;top:50%;width:auto;height:calc(342 * var(--stage-u));transform:translate(-50%,-50%)}.boya02-lobby .rank-note{bottom:calc(43 * var(--stage-u));padding:calc(8 * var(--stage-u));border-radius:5px;background:rgba(122,212,255,.42);color:#1e6897;font-size:clamp(12px,calc(17 * var(--stage-u)),17px);font-weight:800}.boya02-lobby .rank-feedback,.boya02-lobby .rank-note{position:absolute;left:calc(430 * var(--stage-u));z-index:1;width:calc(450 * var(--stage-u));text-align:center}.boya02-lobby .rank-feedback{right:auto;top:auto;bottom:calc(77 * var(--stage-u));min-width:0;padding:calc(6 * var(--stage-u)) calc(14 * var(--stage-u));border-radius:calc(18 * var(--stage-u));background:rgba(255,234,156,.66);color:#7d4f2d;font-size:clamp(11px,calc(15 * var(--stage-u)),15px);font-weight:900;box-shadow:inset 0 0 calc(8 * var(--stage-u)) hsla(0,0%,100%,.55)}.boya02-lobby .compact-rank-list,.boya02-lobby .rank-feedback[hidden]{display:none}.boya02-lobby .drawer-panel{top:calc(8 * var(--modal-u));bottom:calc(8 * var(--modal-u));width:min(calc(690 * var(--modal-u)),calc(100% - calc(16 * var(--modal-u))));max-width:calc(100% - calc(16 * var(--modal-u)));border:calc(4 * var(--modal-u)) solid rgba(121,78,169,.78);border-radius:8px;background:linear-gradient(180deg,rgba(6,109,166,.95),rgba(4,82,128,.92));box-shadow:inset 0 0 calc(36 * var(--modal-u)) rgba(57,192,255,.17);overflow:hidden}.boya02-lobby .drawer-panel .panel-close{right:max(8px,calc(14 * var(--modal-u)));top:max(8px,calc(34 * var(--modal-u)))}.boya02-lobby .drawer-left{left:0}.boya02-lobby .drawer-right{right:0}.boya02-lobby .drawer-panel h2,.boya02-lobby .settings-panel h2{margin:calc(42 * var(--modal-u)) calc(68 * var(--modal-u)) calc(20 * var(--modal-u)) calc(36 * var(--modal-u));color:#e6fbff;font-size:clamp(22px,calc(34 * var(--modal-u)),34px);line-height:1}.boya02-lobby .favorite-list,.boya02-lobby .record-list,.boya02-lobby .settings-list{display:grid;gap:calc(16 * var(--modal-u));padding:0 calc(36 * var(--modal-u)) calc(24 * var(--modal-u));max-height:calc(100% - calc(104 * var(--modal-u)));overflow-y:auto}.boya02-lobby .favorite-item,.boya02-lobby .record-item{display:grid;grid-template-columns:calc(94 * var(--modal-u)) 1fr auto;align-items:center;gap:calc(18 * var(--modal-u));min-height:calc(92 * var(--modal-u));padding:calc(12 * var(--modal-u));border-radius:7px;background:rgba(9,115,169,.54)}.boya02-lobby .favorite-item img,.boya02-lobby .record-item img{width:calc(88 * var(--modal-u));height:calc(72 * var(--modal-u));border-radius:6px;-o-object-fit:cover;object-fit:cover}.boya02-lobby .favorite-item strong,.boya02-lobby .record-item strong{display:block;margin-bottom:calc(6 * var(--modal-u));font-size:clamp(17px,calc(25 * var(--modal-u)),25px)}.boya02-lobby .favorite-item span,.boya02-lobby .record-item span{color:#bdefff;font-size:clamp(12px,calc(17 * var(--modal-u)),17px)}.boya02-lobby .small-action{border:0;border-radius:calc(18 * var(--modal-u));padding:calc(7 * var(--modal-u)) calc(18 * var(--modal-u));background:linear-gradient(180deg,#ffe16e,#ff8d32);color:#7d3b11;cursor:pointer;font-weight:900}.boya02-lobby .empty-state{display:grid;place-items:center;min-height:calc(270 * var(--modal-u));color:rgba(217,247,255,.72);font-size:clamp(18px,calc(28 * var(--modal-u)),28px);font-weight:800}.boya02-lobby .settings-panel{right:0}.boya02-lobby .recharge-panel{right:0;background:radial-gradient(circle at 80% 12%,rgba(255,221,93,.22),transparent 28%),linear-gradient(180deg,rgba(8,123,177,.97),rgba(3,74,125,.94))}.boya02-lobby .recharge-panel h2{margin:calc(42 * var(--modal-u)) calc(68 * var(--modal-u)) calc(16 * var(--modal-u)) calc(36 * var(--modal-u));color:#fff5ad;font-size:clamp(22px,calc(34 * var(--modal-u)),34px);line-height:1;text-shadow:0 2px 0 rgba(27,71,108,.84)}.boya02-lobby .recharge-panel-body{display:grid;gap:calc(14 * var(--modal-u));padding:0 calc(36 * var(--modal-u)) calc(26 * var(--modal-u));max-height:calc(100% - calc(104 * var(--modal-u)));overflow-y:auto}.boya02-lobby .recharge-methods,.boya02-lobby .recharge-tabs{display:flex;gap:calc(10 * var(--modal-u))}.boya02-lobby .recharge-amount-grid button,.boya02-lobby .recharge-methods button,.boya02-lobby .recharge-tabs button{border:0;border-radius:calc(18 * var(--modal-u));background:rgba(5,57,92,.72);box-shadow:inset 0 0 0 1px rgba(160,229,255,.22);color:#c7f5ff;cursor:pointer;font-weight:900}.boya02-lobby .recharge-tabs button{min-width:calc(128 * var(--modal-u));height:calc(42 * var(--modal-u));font-size:clamp(13px,calc(20 * var(--modal-u)),20px)}.boya02-lobby .recharge-amount-grid button.active,.boya02-lobby .recharge-methods button.active,.boya02-lobby .recharge-tabs button.active{background:linear-gradient(180deg,#ffe777,#ff941f);box-shadow:0 calc(4 * var(--modal-u)) calc(8 * var(--modal-u)) rgba(92,40,0,.25),inset 0 1px 0 hsla(0,0%,100%,.54);color:#6e3005}.boya02-lobby .recharge-methods button{display:grid;min-width:calc(142 * var(--modal-u));min-height:calc(62 * var(--modal-u));padding:calc(8 * var(--modal-u)) calc(14 * var(--modal-u));text-align:left}.boya02-lobby .recharge-methods span{font-size:clamp(15px,calc(23 * var(--modal-u)),23px)}.boya02-lobby .recharge-methods b{color:inherit;font-size:clamp(11px,calc(16 * var(--modal-u)),16px);opacity:.78}.boya02-lobby .recharge-address,.boya02-lobby .recharge-input-row{display:grid;grid-template-columns:calc(120 * var(--modal-u)) minmax(0,1fr) auto;align-items:center;gap:calc(12 * var(--modal-u));min-height:calc(66 * var(--modal-u));padding:calc(10 * var(--modal-u)) calc(12 * var(--modal-u));border-radius:7px;background:rgba(8,93,145,.62);box-shadow:inset 0 0 0 1px rgba(177,239,255,.16)}.boya02-lobby .recharge-address span,.boya02-lobby .recharge-input-row span{color:#c9f6ff;font-size:clamp(12px,calc(18 * var(--modal-u)),18px);font-weight:900}.boya02-lobby .recharge-address strong{min-width:0;overflow:hidden;color:#fff9be;font-size:clamp(15px,calc(23 * var(--modal-u)),23px);text-overflow:ellipsis;white-space:nowrap}.boya02-lobby .recharge-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--modal-u))}.boya02-lobby .recharge-amount-grid button{min-height:calc(56 * var(--modal-u));font-size:clamp(17px,calc(28 * var(--modal-u)),28px)}.boya02-lobby .recharge-input-row{grid-template-columns:calc(120 * var(--modal-u)) minmax(0,1fr)}.boya02-lobby .recharge-input-row input{width:100%;min-width:0;height:calc(42 * var(--modal-u));border:0;border-radius:calc(21 * var(--modal-u));padding:0 calc(16 * var(--modal-u));background:rgba(4,47,78,.72);box-shadow:inset 0 0 0 1px rgba(177,239,255,.16);color:#fff;font:inherit;font-size:clamp(13px,calc(19 * var(--modal-u)),19px);outline:none}.boya02-lobby .recharge-input-row input::-moz-placeholder{color:rgba(218,247,255,.46)}.boya02-lobby .recharge-input-row input::placeholder{color:rgba(218,247,255,.46)}.boya02-lobby .recharge-submit{min-height:calc(58 * var(--modal-u));border:0;border-radius:calc(30 * var(--modal-u));background:linear-gradient(180deg,#fff19d,#ff9b21 70%,#d46c10);box-shadow:0 calc(7 * var(--modal-u)) calc(14 * var(--modal-u)) rgba(79,34,0,.3),inset 0 1px 0 hsla(0,0%,100%,.62);color:#743408;cursor:pointer;font-size:clamp(17px,calc(27 * var(--modal-u)),27px);font-weight:1000}.boya02-lobby .recharge-record-item,.boya02-lobby .recharge-record-list{display:grid;gap:calc(12 * var(--modal-u))}.boya02-lobby .recharge-record-item{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:calc(72 * var(--modal-u));padding:calc(12 * var(--modal-u));border-radius:7px;background:rgba(8,93,145,.62)}.boya02-lobby .recharge-record-item strong{display:block;color:#fff;font-size:clamp(15px,calc(22 * var(--modal-u)),22px)}.boya02-lobby .recharge-record-item span{color:#bdefff;font-size:clamp(11px,calc(15 * var(--modal-u)),15px)}.boya02-lobby .recharge-record-item b,.boya02-lobby .recharge-record-item em{color:#fff7aa;font-size:clamp(13px,calc(19 * var(--modal-u)),19px);font-style:normal;font-weight:900}.boya02-lobby .setting-row{display:grid;grid-template-columns:calc(58 * var(--modal-u)) 1fr auto;align-items:center;gap:calc(18 * var(--modal-u));min-height:calc(70 * var(--modal-u));border-bottom:1px solid rgba(178,236,255,.22);font-size:clamp(17px,calc(25 * var(--modal-u)),25px);font-weight:900}.boya02-lobby .setting-row img{width:calc(42 * var(--modal-u));height:calc(42 * var(--modal-u));-o-object-fit:contain;object-fit:contain}.boya02-lobby .toggle{position:relative;width:calc(72 * var(--modal-u));height:calc(36 * var(--modal-u));border:0;border-radius:calc(20 * var(--modal-u));background:rgba(9,57,88,.72);cursor:pointer}.boya02-lobby .toggle:after{content:"";position:absolute;top:calc(4 * var(--modal-u));left:calc(5 * var(--modal-u));width:calc(28 * var(--modal-u));height:calc(28 * var(--modal-u));border-radius:50%;background:#8aa4b5;transition:transform .16s ease,background .16s ease}.boya02-lobby .toggle[aria-pressed=true]{background:rgba(15,174,191,.72)}.boya02-lobby .toggle[aria-pressed=true]:after{transform:translateX(calc(34 * var(--modal-u)));background:#7ef2ff}.boya02-lobby .toast{position:absolute;left:50%;bottom:calc(108 * var(--stage-u));z-index:30;max-width:calc(520 * var(--stage-u));padding:calc(12 * var(--stage-u)) calc(24 * var(--stage-u));border-radius:calc(28 * var(--stage-u));background:rgba(8,37,61,.84);color:#fff;font-size:clamp(14px,calc(20 * var(--stage-u)),20px);font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,calc(10 * var(--stage-u)));transition:opacity .16s ease,transform .16s ease}.boya02-lobby .toast.is-visible{opacity:1;transform:translate(-50%)}@media (orientation:portrait){.boya02-lobby{--stage-u:clamp(0.24px,min(calc(100vw / var(--stage-h)),calc(100vh / var(--stage-w))),1px);--modal-u:min(var(--stage-u),calc((100vw - 16px) / 672),calc((100vh - 24px) / 1320))}.boya02-lobby .loading-stage{width:100vh;height:100vw;transform:translate(-50%,-50%) rotate(90deg)}.boya02-lobby .stage{position:absolute;left:50%;top:50%;width:calc(var(--stage-w) * var(--stage-u));height:calc(var(--stage-h) * var(--stage-u));max-width:none;max-height:none;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}.boya02-lobby .bottom-nav{bottom:calc(46 * var(--stage-u))}.boya02-lobby .drawer-panel{top:calc(62 * var(--modal-u));bottom:calc(62 * var(--modal-u))}.boya02-lobby .profile-panel{left:calc(32 * var(--modal-u));top:calc(38 * var(--modal-u));height:calc(650 * var(--modal-u))}}@media (orientation:landscape) and (max-height:420px),(orientation:landscape) and (max-width:700px){.boya02-lobby .scrim{background:rgba(4,8,15,.62)}.boya02-lobby .panel-close{right:10px;top:10px;width:44px;height:44px}.boya02-lobby .drawer-panel{top:calc(8 * var(--modal-u));bottom:calc(8 * var(--modal-u));width:min(calc(690 * var(--modal-u)),calc(100% - calc(16 * var(--modal-u))));border-width:2px}.boya02-lobby .drawer-right{right:calc(8 * var(--modal-u))}.boya02-lobby .drawer-left{left:calc(8 * var(--modal-u))}.boya02-lobby .drawer-panel h2,.boya02-lobby .settings-panel h2{margin:calc(42 * var(--modal-u)) calc(68 * var(--modal-u)) calc(20 * var(--modal-u)) calc(36 * var(--modal-u));font-size:clamp(10px,calc(34 * var(--modal-u)),24px)}.boya02-lobby .favorite-list,.boya02-lobby .record-list,.boya02-lobby .settings-list{gap:calc(12 * var(--modal-u));max-height:calc(100% - calc(92 * var(--modal-u)));padding:0 calc(28 * var(--modal-u)) calc(20 * var(--modal-u))}.boya02-lobby .favorite-item,.boya02-lobby .record-item{grid-template-columns:calc(78 * var(--modal-u)) minmax(0,1fr) auto;gap:calc(12 * var(--modal-u));min-height:calc(72 * var(--modal-u));padding:calc(8 * var(--modal-u))}.boya02-lobby .favorite-item img,.boya02-lobby .record-item img{width:calc(74 * var(--modal-u));height:calc(60 * var(--modal-u))}.boya02-lobby .favorite-item strong,.boya02-lobby .record-item strong{margin-bottom:calc(3 * var(--modal-u));font-size:clamp(9px,calc(20 * var(--modal-u)),17px)}.boya02-lobby .favorite-item span,.boya02-lobby .record-item span{font-size:clamp(8px,calc(14 * var(--modal-u)),12px)}.boya02-lobby .small-action{padding:6px 10px;border-radius:16px;font-size:13px}.boya02-lobby .record-panel .rank-tabs{left:calc(36 * var(--modal-u))!important;top:calc(74 * var(--modal-u))!important}.boya02-lobby .record-panel .empty-state,.boya02-lobby .record-panel .record-list{margin-top:0!important}.boya02-lobby .setting-row{grid-template-columns:calc(36 * var(--modal-u)) 1fr auto;gap:calc(10 * var(--modal-u));min-height:calc(52 * var(--modal-u));font-size:clamp(9px,calc(20 * var(--modal-u)),18px)}.boya02-lobby .setting-row img{width:calc(30 * var(--modal-u));height:calc(30 * var(--modal-u))}.boya02-lobby .toggle{width:58px;height:30px;border-radius:16px}.boya02-lobby .toggle:after{top:4px;left:5px;width:22px;height:22px}.boya02-lobby .toggle[aria-pressed=true]:after{transform:translateX(26px)}.boya02-lobby .profile-panel{left:calc(8 * var(--modal-u));top:calc(4 * var(--modal-u));width:min(calc(1018 * var(--modal-u)),calc(100% - calc(16 * var(--modal-u))));height:min(calc(766 * var(--modal-u)),calc(100% - calc(8 * var(--modal-u))));overflow:visible;animation:profileSlideIn .18s ease-out both}.boya02-lobby .profile-panel.is-collapsing{animation:profileCollapseOut .16s ease-in both}.boya02-lobby .profile-page-viewport{left:calc(62 * var(--modal-u));top:calc(134 * var(--modal-u));width:calc(304 * var(--modal-u));height:calc(430 * var(--modal-u))}.boya02-lobby .profile-avatar-page{grid-template-columns:repeat(2,calc(112 * var(--modal-u)));gap:calc(44 * var(--modal-u)) calc(45 * var(--modal-u))}.boya02-lobby .profile-avatar{width:calc(112 * var(--modal-u));height:calc(112 * var(--modal-u));border-width:max(1px,calc(4 * var(--modal-u)));border-radius:calc(8 * var(--modal-u))}.boya02-lobby .profile-avatar.active:after{width:18px;height:18px;font-size:13px}.boya02-lobby .profile-character-wrap{left:calc(410 * var(--modal-u));top:calc(78 * var(--modal-u));width:calc(380 * var(--modal-u));height:calc(610 * var(--modal-u))}.boya02-lobby .profile-platform{bottom:0;width:calc(320 * var(--modal-u));height:calc(62 * var(--modal-u))}.boya02-lobby .profile-character{bottom:calc(40 * var(--modal-u));height:min(calc(540 * var(--modal-u)),calc(100% - calc(42 * var(--modal-u))));max-width:calc(342 * var(--modal-u))}.boya02-lobby .profile-dots{left:calc(166 * var(--modal-u));bottom:calc(145 * var(--modal-u));gap:calc(12 * var(--modal-u))}.boya02-lobby .profile-dots button{width:calc(12 * var(--modal-u));height:calc(12 * var(--modal-u))}.boya02-lobby .profile-handle{right:-2px;width:54px;height:72px;min-width:44px;min-height:58px}.boya02-lobby .profile-handle:after,.boya02-lobby .profile-handle:before{left:25px;width:5px;height:24px}.boya02-lobby .profile-handle:before{top:17px}.boya02-lobby .profile-handle:after{bottom:17px}.boya02-lobby .ranking-panel{width:min(calc(1320 * var(--modal-u)),calc(100% - calc(32 * var(--modal-u))));height:min(calc(672 * var(--modal-u)),calc(100% - calc(28 * var(--modal-u))));top:50%}.boya02-lobby .ranking-panel:before{inset:0}.boya02-lobby .ranking-panel .panel-close{right:8px;top:8px}.boya02-lobby .ranking-panel .rank-tabs{left:50%;top:calc(12 * var(--modal-u));width:min(calc(540 * var(--modal-u)),calc(100% - calc(120 * var(--modal-u))));height:calc(66 * var(--modal-u));transform:translateX(-50%)}.boya02-lobby .ranking-panel .rank-tabs button{min-width:0;height:100%;font-size:clamp(10px,calc(25 * var(--modal-u)),14px)}.boya02-lobby .ranking-panel .rank-tabs button:before{width:16px;height:16px;margin-right:5px;vertical-align:-2px}.boya02-lobby .rank-art,.boya02-lobby .rank-feedback,.boya02-lobby .rank-games,.boya02-lobby .rank-list,.boya02-lobby .rank-note,.boya02-lobby .rank-side-title{display:none}.boya02-lobby .compact-rank-list{position:absolute;left:14px;right:14px;top:54px;bottom:12px;z-index:1;display:grid;gap:4px;overflow-y:auto}.boya02-lobby .compact-rank-row{display:grid;grid-template-columns:28px 36px minmax(48px,1fr) auto;align-items:center;gap:7px;min-height:36px;padding:4px 8px;border-radius:18px;background:hsla(37,98%,84%,.68);color:#73452d;font-size:13px;font-weight:800}.boya02-lobby .compact-rank-row img{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.boya02-lobby .compact-rank-row b{text-align:right}}@keyframes statusPulse{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes stadiumSweep{0%,to{background-position:130% 0,0 0,0 0;opacity:.72}50%{background-position:-40% 0,0 0,0 0;opacity:1}}@keyframes footballGirlIdle{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(calc(-6 * var(--stage-u))) rotate(.5deg)}}@keyframes panelPop{0%{opacity:0;transform:translate(-50%,-48%) scale(.965)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes profileSlideIn{0%{opacity:0;transform:translateX(calc(-38 * var(--stage-u))) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes profileCollapseOut{0%{opacity:1;transform:translateX(0) scaleX(1)}to{opacity:0;transform:translateX(calc(-46 * var(--stage-u))) scaleX(.965)}}@keyframes profileCompactSlideIn{0%{opacity:0;transform:translate(-12px,-50%) scale(.985)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes profileCompactCollapseOut{0%{opacity:1;transform:translateY(-50%) scaleX(1)}to{opacity:0;transform:translate(-18px,-50%) scaleX(.965)}}@keyframes profileCharacterIdle{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(calc(-7 * var(--stage-u)))}}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes rankArtFloat{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-9 * var(--stage-u)))}}