body:has(#lobby:not([hidden])){background:#dce7f3}body:has(#lobby:not([hidden])):before{content:none}#lobby.clubHome{position:relative;width:100%;min-height:100svh;display:flex;align-items:center;flex-direction:column;padding:0;margin:0;overflow:clip;color:#303e68}#lobby .roomScene{position:relative;isolation:isolate;display:flex;flex-direction:column;width:min(100%,480px);height:100dvh;min-height:100svh;flex:none;container-type:inline-size;overflow:hidden;padding:0;background:#b7b7d4;box-shadow:0 0 36px #63718c20}#lobby .roomArt{position:absolute;z-index:-1;inset:auto 0 0;width:100%;height:auto;max-width:none;display:block;pointer-events:none;mask-image:none;object-fit:initial}#lobby .souvenirDisplay{display:none}#lobby button,#lobby a,#lobby h2,#lobby button span,#lobby strong{font-family:var(--font-text)!important;font-style:normal;line-height:1.25;text-shadow:none}#lobby button,#lobby a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#lobby button:focus-visible,#lobby a:focus-visible{outline:3px solid #6f6eae;outline-offset:5px}#lobby .homeIcon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}#lobby .homeUtility{position:absolute;top:calc(14px + env(safe-area-inset-top));left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;z-index:3;flex:none}#lobby .homeProfile{display:flex;align-items:center;gap:9px;max-width:calc(100% - 60px);min-height:50px;padding:5px 15px 5px 5px;border:1px solid #ffffffdc;border-radius:28px;background:#fffffff0;color:#303e68;box-shadow:0 3px 10px #5a66831c;text-align:left}#lobby .homeAvatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:linear-gradient(135deg,#d8f6ee,#e0dff9);color:#718bba}#lobby .homeIdentity{display:flex;flex-direction:column;min-width:0;gap:2px}#lobby .homeIdentity strong{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lobby .homeIdentity>span{font-size:10px;color:#72829a;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lobby .homeUtilityButton{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #fff;border-radius:17px;background:#fffffff0;box-shadow:0 3px 10px #5a66831c;color:#6378a6}#lobby .homeUtility{gap:8px;min-height:50px}#lobby .homeProfile{max-width:calc(50% - 76px);min-width:0;padding-right:10px;gap:6px}#lobby .homeUtilityActions{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}#lobby .homeUtilityActions .homeUtilityButton{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:16px}#lobby .homeNoticeLatest{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:7px;width:128px;min-height:50px;padding:9px 10px;border:1px solid #ffffffdc;border-radius:28px;background:#fffffff0;color:#526b97;box-shadow:0 3px 10px #5a66831c;font-size:12px;font-weight:600;white-space:nowrap}#lobby .homeNoticeLatest .homeIcon{width:20px;height:20px;color:#8b8fc1}#lobby #homeNoticeLabel{min-width:0;overflow:hidden;text-overflow:ellipsis}#lobby .homeNoticeLatest:active{transform:translate(-50%) scale(.97)}#lobby .homeNoticeDot{position:absolute;top:3px;right:3px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#df728d;box-shadow:0 1px 3px #a84f6c20;pointer-events:none}#lobby .homeNoticeLatest .homeNoticeDot{top:5px;right:8px}#lobby .homeMenu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:1.16;width:min(92cqw,calc((100dvh - 338px)*1.16));margin:0;padding:0;isolation:isolate}#lobby .homeSticker{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;width:24.5%;height:32%;min-height:76px;padding:10px 2px;border:2px solid #fffffff2;border-radius:32% 28% 35% 25%/29% 35% 26% 33%;background:var(--sticker);color:#3e4e76;box-shadow:0 4px 0 var(--edge),0 7px 12px #526e8e20;text-decoration:none;transition:transform .16s ease;z-index:2}#lobby .homeMusic{--sticker:#eefaffed;--edge:#b5dff0;--ink:#4a9ac4;left:2%;top:3%;transform:rotate(-5deg)}#lobby .homeGallery{--sticker:#f5f0ffed;--edge:#d3c5ef;--ink:#9a82c7;right:2%;top:3%;transform:rotate(5deg)}#lobby .homeStory{--sticker:#fff1f6ed;--edge:#edbed1;--ink:#d58caa;left:2%;bottom:2%;transform:rotate(4deg)}#lobby .homeNovel{--sticker:#edfcf6ed;--edge:#b1e2d0;--ink:#59a895;right:2%;bottom:2%;transform:rotate(-4deg)}#lobby .homePlay{position:absolute;left:50%;top:50%;width:44%;aspect-ratio:220/232;transform:translate(-50%,-50%);padding:0;border:0;background:none;box-shadow:none;border-radius:42% 42% 48% 48%;color:#fff;isolation:isolate;z-index:3;transition:transform .16s ease}#lobby .homePlay>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.08);pointer-events:none}@media(hover:hover){#lobby .homeSticker:hover{transform:translateY(-3px) rotate(0)}#lobby .homePlay:hover{transform:translate(-50%,-52%) scale(1.035)}}#lobby .homeSticker:active{transform:translateY(3px) rotate(0) scale(.97)}#lobby .homePlay:active{transform:translate(-50%,-48%) scale(.96)}#lobby .homeUtilityButton:active,#lobby .homeProfile:active,#lobby .homeRankOpen:active{transform:scale(.95)}#lobby .homeDoodles{position:absolute;inset:0;pointer-events:none;z-index:1}#lobby .homeDoodles>svg{position:absolute;width:100%;height:100%;fill:none;stroke:#fff9d7;stroke-width:3;stroke-linecap:round}#lobby .homeStar{position:absolute;width:23px;height:23px;background:#fff2a6;clip-path:polygon(50% 0,63% 34%,100% 39%,72% 64%,79% 100%,50% 81%,16% 99%,24% 62%,0 37%,37% 33%)}#lobby .starOne{left:33%;top:2%;transform:rotate(16deg)}#lobby .starTwo{right:32%;bottom:0;width:17px;height:17px;background:#c9f5ee;transform:rotate(-12deg)}#lobby .homeSpark{position:absolute;right:30%;top:9%;width:17px;height:24px;background:#fff;clip-path:polygon(50% 0,63% 38%,100% 50%,63% 62%,50% 100%,37% 62%,0 50%,37% 38%)}#lobby .homeDots{position:absolute;left:32%;bottom:9%;width:32px;height:28px;transform:rotate(12deg);background:radial-gradient(circle,#b3c8e4 1.1px,transparent 1.3px) 0 0/6px 6px;opacity:.65;clip-path:polygon(0 100%,100% 0,100% 100%)}#lobby .homeSticker{border-color:transparent;border-radius:0;background:none;box-shadow:none}#lobby .homeMenuArt{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;user-select:none}#lobby .homeMusic .homeMenuArt{--idle-angle:5deg;--idle-duration:5.8s;--idle-delay:-1.4s}#lobby .homeGallery .homeMenuArt{--idle-angle:-5deg;--idle-duration:6.6s;--idle-delay:-4.1s}#lobby .homeStory .homeMenuArt{--idle-angle:-4deg;--idle-duration:6.2s;--idle-delay:-2.7s}#lobby .homeNovel .homeMenuArt{--idle-angle:4deg;--idle-duration:7.1s;--idle-delay:-5.3s}#lobby .homeMenuArt,#lobby .homePlay>img{--idle-scale:1.12;--idle-sway:.7deg;--idle-lift:1.5px;transform:rotate(var(--idle-angle,0deg)) scale(var(--idle-scale));transform-origin:50% 57%;animation:home-art-sway var(--idle-duration,6.8s) ease-in-out var(--idle-delay,-3.6s) infinite}#lobby .homePlay>img{--idle-scale:1.08;--idle-sway:.55deg;--idle-lift:1.7px}@keyframes home-art-sway{0%,to{transform:translateY(calc(-1 * var(--idle-lift))) rotate(calc(var(--idle-angle,0deg) - var(--idle-sway))) scale(var(--idle-scale))}50%{transform:translateY(var(--idle-lift)) rotate(calc(var(--idle-angle,0deg) + var(--idle-sway))) scale(var(--idle-scale))}}#lobby .homeRanking{position:absolute;left:4%;right:4%;bottom:calc(24px + env(safe-area-inset-bottom));margin:0;border:1px solid #ffffffed;border-radius:19px;padding:5px 11px 7px;background:#fffffff0;box-shadow:0 5px 15px #516c9822;isolation:isolate}#lobby .homeRanking:before{content:"";position:absolute;left:25px;top:-5px;width:40px;height:9px;background:#d6f3eee8;transform:rotate(-6deg);z-index:-1}#lobby .homeRankingHeader{display:flex;align-items:center;gap:7px;height:40px;margin-bottom:3px}#lobby .homeRankCover{width:30px;height:30px;object-fit:cover;flex:none;border-radius:6px}#lobby .homeRankHeadingText{display:flex;flex-direction:column;gap:2px;min-width:0}#lobby .homeRankingTitle{display:flex;gap:4px;align-items:center}#lobby .homeCrown{width:13px;height:13px;color:#c89b45}#lobby .homeRankingHeader h2{margin:0;font-size:10px;font-weight:800;letter-spacing:.04em;color:#7886a6;white-space:nowrap}#lobby #homeRankSong{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lobby .homeRankDifficulty{margin-left:auto;padding:3px 5px;border-radius:7px;font:600 10px var(--font-text);background:#eef1fc;color:#647299;white-space:nowrap}#lobby .homeRankOpen{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0 -7px 0 0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#7486b2}#lobby .homeRankOpen .homeIcon{width:21px;height:21px}#lobby .homeRankRows{height:78px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#bacbdd transparent;list-style:none;margin:0;padding:0 3px 0 0}#lobby .homeRankRow{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;height:26px;min-height:26px;padding:0;border-top:1px solid #e8edf5}#lobby .homeRankNumber{font-size:13px;font-weight:800;text-align:center;color:#8a9ab0}#lobby .homeRankRow:first-child .homeRankNumber{color:#c59a44}#lobby .homeRankRow:nth-child(2) .homeRankNumber{color:#6c9fc7}#lobby .homeRankRow:nth-child(3) .homeRankNumber{color:#ca7d9a}#lobby .homeRankPlayer{font-size:12px;font-weight:600;color:#4f5f80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lobby .homeRankScore{font-size:13px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#4b6088}#lobby .homeRankStatus{height:78px;display:flex;align-items:center;justify-content:center;gap:8px;color:#687993;font-size:12px;text-align:center;line-height:1.5}#lobby .homeRankStatus button{height:44px;flex:none;border:0;border-radius:10px;padding:6px 8px;background:#eaf4fc;color:#557aa3;font-size:11px;box-shadow:none}#lobby .homeCopyright{position:absolute;bottom:calc(6px + env(safe-area-inset-bottom));left:0;width:100%;height:auto;margin:0;padding:0;border:0;background:none;color:#455879;font-size:8px;letter-spacing:.015em;text-align:center;line-height:1.5;opacity:.8}#lobby [hidden]{display:none!important}@media(max-width:350px){#lobby .homeRanking{padding-inline:9px}#lobby .homeRankingHeader{gap:4px}#lobby .homeRankDifficulty{font-size:9px;padding-inline:4px}#lobby .homeSticker{gap:7px}#lobby .homeSticker .homeIcon{width:28px;height:28px}}@media(max-width:350px){#lobby .homeUtility{left:12px;right:12px}#lobby .homeProfile{max-width:calc(50% - 64px);padding:5px 7px 5px 5px;gap:5px}#lobby .homeAvatar{width:30px;height:34px}#lobby .homeAvatar .homeIcon{width:20px;height:20px}#lobby .homeIdentity strong{font-size:12px}#lobby .homeIdentity>span{font-size:8px}#lobby .homeUtilityActions{gap:4px}#lobby .homeNoticeLatest{width:108px;gap:5px;padding-inline:7px;font-size:10px}#lobby .homeNoticeLatest .homeIcon{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){#lobby .homeSticker,#lobby .homePlay{transition:none}#lobby .homeMenuArt,#lobby .homePlay>img{animation:none}}body.reduced #lobby .homeSticker,body.reduced #lobby .homePlay{transition:none}body.reduced #lobby .homeMenuArt,body.reduced #lobby .homePlay>img{animation:none}#lobby .homeUtility:has(.homeNoticeLatest[hidden]) .homeProfile{max-width:calc(100% - 108px)}