:root{--bg:#020817;--panel:rgba(5,18,43,.94);--ink:#edfaff;--muted:#86b8d3;--line:rgba(86,220,255,.27);--blue:#00b8ff;--blue2:#315cff;--cyan:#72efff;--shadow:0 28px 90px rgba(0,184,255,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif;background:radial-gradient(circle at 15% 0%,rgba(0,184,255,.30),transparent 28%),radial-gradient(circle at 88% 8%,rgba(49,92,255,.25),transparent 30%),linear-gradient(180deg,#020817,#071b3e 55%,#020817)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(74,214,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(74,214,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 90%)}button,input,select{font:inherit}.page{position:relative;width:min(1240px,calc(100% - 28px));min-height:calc(100vh - 28px);margin:14px auto;padding:27px 34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(5,19,48,.96),rgba(2,9,25,.95));box-shadow:var(--shadow),inset 0 0 90px rgba(0,184,255,.05);overflow:hidden}.ambient-lines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 18%,rgba(111,239,255,.03) 19%,transparent 20%,transparent 76%,rgba(111,239,255,.03) 77%,transparent 78%)}.header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:21px;margin-bottom:18px;border-bottom:1px solid rgba(98,232,255,.34)}.brand{display:flex;align-items:center;gap:16px}.brand-logo{width:108px;height:62px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(98,232,255,.55))}.brand h1{margin:2px 0 0;font-size:37px;line-height:1;font-weight:1000;letter-spacing:-1.5px;text-shadow:0 0 22px rgba(98,232,255,.36)}.eyebrow{margin:0!important;color:#75e9ff!important;font-size:11px!important;font-weight:1000!important;letter-spacing:2px}.tabs{display:flex;gap:8px;padding:6px;border:1px solid rgba(98,232,255,.26);border-radius:16px;background:rgba(2,10,27,.72)}.tab{border:0;border-radius:11px;padding:12px 25px;background:transparent;color:#9ecbe3;font-weight:1000;cursor:pointer}.tab.active{color:#fff;background:linear-gradient(135deg,#00b8ff,#315cff);box-shadow:0 0 24px rgba(0,184,255,.4)}.summary-bar{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.summary-bar>div{min-height:76px;display:flex;flex-direction:column;justify-content:center;padding:13px 17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(9,34,78,.82),rgba(3,14,37,.88));box-shadow:inset 0 0 26px rgba(0,184,255,.04)}.summary-bar span{font-size:10px;letter-spacing:1.4px;color:#82b9d8;font-weight:1000}.summary-bar b{margin-top:5px;font-size:21px}.coin-value{color:#7cf2ff}.game-hero{position:relative;z-index:2;min-height:455px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px;padding:40px 54px;border:1px solid rgba(98,232,255,.29);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 75% 50%,rgba(0,184,255,.17),transparent 33%),linear-gradient(135deg,rgba(7,31,74,.95),rgba(3,12,31,.96));box-shadow:inset 0 0 65px rgba(0,184,255,.06),0 20px 60px rgba(0,0,0,.25)}.game-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 45%,rgba(255,255,255,.035) 45.5% 46.5%,transparent 47%);pointer-events:none}.hero-copy{position:relative;z-index:3}.hero-copy h2{font-size:50px;line-height:1.05;margin:10px 0 16px;letter-spacing:-2px}.hero-copy h2 em{font-style:normal;color:#78edff;text-shadow:0 0 24px rgba(98,232,255,.52)}.hero-copy>p:not(.eyebrow){color:#a0cee5;font-weight:800;line-height:1.65}.draw-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.btn{border:0;border-radius:13px;padding:14px 23px;min-width:155px;color:#fff;font-size:16px;font-weight:1000;cursor:pointer;background:linear-gradient(135deg,#00b8ff,#315cff);box-shadow:0 12px 28px rgba(0,184,255,.25),inset 0 1px 0 rgba(255,255,255,.25);transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn small{display:block;margin-bottom:4px;font-size:9px;letter-spacing:1px;opacity:.75}.btn.secondary{border:1px solid rgba(98,232,255,.34);background:rgba(98,232,255,.10)}.btn.dark{background:#07142e}.btn.hot{box-shadow:0 0 0 1px rgba(98,232,255,.3),0 15px 34px rgba(0,184,255,.3)}.premium-btn{background:linear-gradient(135deg,#6e39d6,#1f7bff)}.hero-pack-zone{position:relative;display:grid;place-items:center;min-height:350px}.pack-aura{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(143,247,255,.32),rgba(0,184,255,.08) 42%,transparent 68%);filter:blur(3px)}.pack-envelope{position:relative;z-index:2;width:220px;height:305px;border:1px solid rgba(119,239,255,.62);border-radius:18px;overflow:hidden;background:linear-gradient(155deg,#052554,#083f86 44%,#0b67d8);box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 46px rgba(0,184,255,.29),inset 0 0 38px rgba(255,255,255,.08);transform:perspective(900px) rotateX(4deg)}.pack-top{position:absolute;left:-20px;right:-20px;top:-42px;height:118px;border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(98,232,255,.05));transform:skewY(-10deg)}.pack-shine{position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.24),transparent 55%);transform:translateX(-20%) rotate(10deg)}.pack-energy{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle,rgba(110,239,255,.20),transparent 68%);box-shadow:0 0 50px rgba(110,239,255,.22)}.pack-brand-logo{position:absolute;z-index:2;left:50%;top:37px;transform:translateX(-50%);width:125px;height:68px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(255,255,255,.35))}.pack-name{position:absolute;z-index:2;top:138px;left:0;right:0;text-align:center;font-size:27px;font-weight:1000;letter-spacing:.5px}.pack-range{position:absolute;left:42px;right:42px;bottom:43px;text-align:center;padding:10px 0;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(1,8,25,.43);font-size:17px;font-weight:1000}.pack-cut{position:absolute;left:0;right:0;bottom:20px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.26) 0 8px,transparent 8px 15px)}.pack-crimp{position:absolute;z-index:4;left:0;right:0;height:18px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 3px,rgba(0,0,0,.12) 3px 6px)}.pack-crimp.top{top:0}.pack-crimp.bottom{bottom:0}.dashboard-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.45fr .55fr;gap:18px;margin-top:18px}.side-panel,.collection-panel{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(8,33,78,.83),rgba(3,14,37,.91))}.panel-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.panel-title h2,.collection-panel h2{margin:3px 0 0}.panel-title span{font-size:12px;color:#80b8d5}.recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.recent-item{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:11px;width:100%;padding:7px;border:1px solid rgba(98,232,255,.15);border-radius:12px;background:rgba(2,10,27,.54);color:#eaf8ff;text-align:left;cursor:pointer}.recent-item:hover{border-color:rgba(98,232,255,.46);background:rgba(0,184,255,.08)}.recent-item img{width:58px;height:66px;border-radius:8px;object-fit:cover}.recent-item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item small{display:block;margin-top:4px;color:#74e5ff}.empty-recent{min-height:145px;display:grid;place-content:center;text-align:center;color:#6f9fb8;line-height:1.7}.text-btn{margin-top:13px;border:0;background:transparent;color:#7cecff;font-weight:1000;cursor:pointer}.collection-panel{text-align:center}.progress-ring{--progress:0deg;width:170px;height:170px;margin:18px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#70efff var(--progress),rgba(255,255,255,.08) 0);box-shadow:0 0 35px rgba(0,184,255,.16)}.progress-ring:before{content:"";grid-area:1/1;width:134px;height:134px;border-radius:50%;background:#06152f;border:1px solid rgba(98,232,255,.18)}.progress-ring>div{grid-area:1/1;position:relative;z-index:2}.progress-ring b{display:block;font-size:30px}.progress-ring span{font-size:11px;color:#82b9d8}.collection-panel>p:last-child{color:#89b9d2}.dex-cover{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,rgba(0,184,255,.13),rgba(49,92,255,.07))}.dex-cover h2{font-size:36px;margin:6px 0}.dex-cover p:last-child{color:#8bbad3}.dex-total{text-align:right}.dex-total b{display:block;font-size:44px;color:#7ceeff}.dex-total span{font-weight:900;color:#8abbd4}.dex-search{display:grid;grid-template-columns:1fr 180px;gap:10px;margin:16px 0}.dex-search input,.dex-search select{height:46px;border:1px solid rgba(98,232,255,.25);border-radius:12px;padding:0 14px;background:#031126;color:#eaf8ff}.dex-section{margin:14px 0;padding:0 15px 15px;border:1px solid rgba(98,232,255,.16);border-radius:17px;background:rgba(3,14,37,.5);overflow:hidden}.dex-section-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0;border:0;background:transparent;color:#eaf8ff;cursor:pointer}.dex-section-head span{display:flex;align-items:center;gap:10px}.dex-section-head strong{font-size:23px}.dex-section-head small{font-size:9px;letter-spacing:1.5px;color:#6fa9c8}.dex-section-head b{color:#76e9ff}.fold-icon{font-style:normal;color:#73e4ff;transition:.2s}.dex-section.collapsed .fold-icon{transform:rotate(-90deg)}.dex-section.collapsed .album-grid{display:none}.album-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.coming-panel{min-height:470px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle,rgba(0,184,255,.16),transparent 52%)}.rank-emblem{width:80px;height:80px;display:grid;place-items:center;border:1px solid rgba(98,232,255,.35);border-radius:50%;font-size:34px;color:#78efff;box-shadow:0 0 36px rgba(0,184,255,.2)}.coming-panel span{margin-top:18px;color:#6de7ff;font-weight:1000;letter-spacing:3px}.coming-panel h2{font-size:42px;margin:10px}.coming-panel p{color:#8dbbd2}.modal{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(1,5,15,.9);backdrop-filter:blur(9px)}.modal.show{display:flex}.modal-panel{position:relative;width:100%;max-width:1000px;max-height:94vh;overflow:auto;padding:25px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(7,23,55,.99),rgba(3,11,28,.99));box-shadow:0 30px 100px rgba(0,0,0,.5),0 0 70px rgba(0,184,255,.22)}.draw-stage{text-align:center}.opening-panel{max-width:650px;overflow:hidden}.opening-panel h2{font-size:30px}.pack-open{position:relative;width:260px;height:345px;margin:25px auto;display:flex;align-items:center;justify-content:center}.message{font-size:22px;font-weight:1000}.tear-line{position:absolute;z-index:9;left:4px;right:4px;top:72px;height:3px;background:linear-gradient(90deg,transparent,#fff,#7cf0ff,#fff,transparent);box-shadow:0 0 15px #fff;opacity:0}.tearing .tear-line{opacity:1}.multi-result-panel{max-width:1180px}.result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.result-head h2{margin:4px 0 0}.icon-close{width:42px;height:42px;border:1px solid rgba(98,232,255,.28);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:26px;cursor:pointer}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px;justify-items:center}.result-grid.count-1{grid-template-columns:1fr}.result-grid.count-20{grid-template-columns:repeat(5,1fr)}.result-item{position:relative}.result-label{position:absolute;z-index:10;top:-7px;right:-8px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:1000;box-shadow:0 4px 14px rgba(0,0,0,.35)}.result-label.new{color:#001725;background:#7cf2ff}.result-label.dupe{color:#332000;background:#ffd06a}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:440px;margin:24px auto 0}.detail-panel{max-width:780px;overflow:visible}.detail-close{position:absolute;right:15px;top:15px}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:15px;background:radial-gradient(circle at 50% 25%,rgba(0,184,255,.28),transparent 34%),#020817}.loading-orbit{position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(98,232,255,.16);border-top-color:#78efff}.loading-logo{width:150px;height:84px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(98,232,255,.7))}.loading-screen strong{font-size:28px}.loading-bar{width:240px;height:8px;border:1px solid rgba(98,232,255,.24);border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.loading-bar i{display:block;height:100%;background:linear-gradient(90deg,#00b8ff,#7df3ff);animation:loadingFill .5s ease-out forwards}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 0%,rgba(0,184,255,.27),transparent 30%),linear-gradient(135deg,#020716,#061b42)}.login-box{width:min(470px,100%);padding:31px;text-align:center;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(6,20,48,.97),rgba(3,11,28,.97));box-shadow:0 25px 80px rgba(0,0,0,.4),0 0 45px rgba(0,184,255,.14)}.login-logo{width:140px;height:78px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(98,232,255,.5))}.login-box h1{font-size:36px;margin:7px 0}.login-box>p:not(.eyebrow){color:var(--muted);font-weight:700}.field{margin:18px 0;text-align:left}.field label{display:block;margin-bottom:8px;font-weight:900}.field input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(98,232,255,.3);border-radius:10px;background:#031126;color:#eaf7ff}.login-divider{height:1px;margin:24px 0;background:rgba(98,232,255,.18)}.login-help{font-size:12px!important;line-height:1.6}
@media(max-width:1050px){.page{width:min(920px,calc(100% - 22px));padding:24px}.game-hero{grid-template-columns:1fr .72fr;padding:35px}.hero-copy h2{font-size:42px}.album-grid{grid-template-columns:repeat(4,1fr)}.result-grid,.result-grid.count-20{grid-template-columns:repeat(4,1fr)}}
@media(max-width:767px){.page{width:100%;min-height:100vh;margin:0;padding:14px;border-radius:0}.header{display:block}.brand-logo{width:76px;height:48px}.brand h1{font-size:25px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px}.tab{padding:11px 5px;font-size:13px}.summary-bar{grid-template-columns:repeat(2,1fr);gap:8px}.summary-bar>div{min-height:66px;padding:10px 12px}.summary-bar b{font-size:17px}.game-hero{display:flex;flex-direction:column-reverse;padding:27px 16px;text-align:center}.hero-copy h2{font-size:34px}.draw-options{display:grid;grid-template-columns:1fr;gap:9px}.btn{width:100%;min-width:0}.hero-pack-zone{min-height:290px}.pack-envelope{width:180px;height:250px}.pack-brand-logo{width:100px;top:30px}.pack-name{top:112px;font-size:22px}.pack-range{bottom:37px}.dashboard-grid{grid-template-columns:1fr}.recent-grid{grid-template-columns:1fr}.progress-ring{width:145px;height:145px}.progress-ring:before{width:113px;height:113px}.dex-cover{display:block}.dex-total{text-align:left;margin-top:14px}.dex-search{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dex-section{padding:0 9px 10px}.dex-section-head strong{font-size:18px}.dex-section-head small{display:none}.modal{padding:8px}.modal-panel{padding:15px}.pack-open{width:210px;height:290px}.result-grid,.result-grid.count-20{grid-template-columns:repeat(2,1fr);gap:11px}.result-actions{grid-template-columns:1fr}.result-head h2{font-size:22px}}

/* V1.3 pack selection, attendance and score ranking */
.tabs{grid-auto-flow:column}.pack-selector{position:relative;z-index:2;margin-bottom:18px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(8,33,78,.72),rgba(3,14,37,.88))}.pack-selector-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.pack-selector-head h2{margin:4px 0 0}.pack-selector-head>span{color:#82b9d8;font-size:12px}.pack-list{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.pack-choice{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px;padding:13px;border:1px solid rgba(98,232,255,.17);border-radius:15px;background:rgba(2,10,27,.62);color:#eaf8ff;text-align:left;cursor:pointer;transition:.2s}.pack-choice:hover,.pack-choice.active{transform:translateY(-3px);border-color:rgba(115,238,255,.7);background:rgba(0,184,255,.11);box-shadow:0 12px 28px rgba(0,184,255,.15)}.pack-choice.active{box-shadow:inset 0 0 0 1px rgba(115,238,255,.18),0 0 26px rgba(0,184,255,.18)}.pack-choice strong{font-size:15px}.pack-choice small{min-height:30px;color:#8dbbd3;line-height:1.35}.pack-choice em{font-size:10px;font-style:normal;font-weight:900;color:#72efff}.mini-pack{position:relative;width:100%;height:54px;margin-bottom:3px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#07326a,#0b75dd);box-shadow:inset 0 0 24px rgba(255,255,255,.08)}.mini-pack:before,.mini-pack:after{content:"";position:absolute;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.17) 0 3px,rgba(0,0,0,.12) 3px 6px)}.mini-pack:before{top:0}.mini-pack:after{bottom:0}.mini-pack b{position:relative;z-index:2;font-size:10px;letter-spacing:1.4px}.mini-pack.advanced,.pack-envelope.advanced{background:linear-gradient(155deg,#143d26,#16854b 48%,#32c776)}.mini-pack.premium,.pack-envelope.premium{background:linear-gradient(155deg,#38204e,#8141b5 48%,#d07bff)}.mini-pack.pickup,.pack-envelope.pickup{background:linear-gradient(155deg,#4d1735,#b32e78 48%,#ff6ab5)}.pack-theme-advanced{background:radial-gradient(circle at 75% 50%,rgba(56,222,135,.18),transparent 33%),linear-gradient(135deg,rgba(7,50,43,.95),rgba(3,18,26,.96))}.pack-theme-premium{background:radial-gradient(circle at 75% 50%,rgba(198,111,255,.22),transparent 33%),linear-gradient(135deg,rgba(44,18,69,.95),rgba(13,8,30,.96))}.pack-theme-pickup{background:radial-gradient(circle at 75% 50%,rgba(255,93,179,.2),transparent 33%),linear-gradient(135deg,rgba(72,15,49,.95),rgba(25,5,24,.96))}.score-orb{width:170px;height:170px;margin:18px auto;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(124,242,255,.25),rgba(3,17,43,.95) 62%);border:1px solid rgba(124,242,255,.35);box-shadow:0 0 42px rgba(0,184,255,.2),inset 0 0 32px rgba(0,184,255,.12)}.score-orb b{font-size:29px}.score-orb span{font-size:10px;color:#7ceeff;font-weight:1000;letter-spacing:2px}.attendance-panel{position:relative;z-index:2;min-height:430px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:30px;padding:55px;border:1px solid var(--line);border-radius:25px;overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(0,184,255,.22),transparent 28%),linear-gradient(135deg,rgba(7,31,74,.96),rgba(2,10,27,.96))}.attendance-glow{position:absolute;right:7%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(124,242,255,.16),transparent 68%)}.attendance-copy{position:relative;z-index:2}.attendance-copy h2{font-size:44px;margin:8px 0 14px}.attendance-copy>p:not(.eyebrow){color:#98c6dd;line-height:1.7;font-weight:700}.attendance-stats{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.attendance-stats span{padding:11px 14px;border:1px solid rgba(98,232,255,.2);border-radius:11px;background:rgba(0,184,255,.07);color:#9ac8df}.attendance-stats b{color:#7ceeff}.attendance-claim:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55;transform:none}.attendance-reward{position:relative;z-index:2;width:260px;height:260px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(124,242,255,.42);background:radial-gradient(circle at 50% 38%,rgba(124,242,255,.3),rgba(4,20,50,.94) 62%);box-shadow:0 0 65px rgba(0,184,255,.25),inset 0 0 40px rgba(0,184,255,.13)}.attendance-reward span,.attendance-reward small{font-size:11px;font-weight:1000;letter-spacing:2px;color:#7ceeff}.attendance-reward strong{margin:10px 0;font-size:47px}.rank-panel{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.rank-main,.score-table{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(8,33,78,.82),rgba(3,14,37,.91))}.rank-main h2{font-size:38px;margin:7px 0 10px}.rank-main>p:not(.eyebrow){color:#8dbbd3;line-height:1.6}.my-rank-score{margin-top:30px;padding:23px;border:1px solid rgba(124,242,255,.22);border-radius:16px;background:rgba(0,184,255,.07)}.my-rank-score span,.my-rank-score small{display:block;color:#86b8d3}.my-rank-score strong{display:block;margin:7px 0;font-size:43px;color:#7cf2ff}.score-row{display:grid;grid-template-columns:.7fr .7fr 1fr 1fr;align-items:center;gap:12px;padding:13px 8px;border-bottom:1px solid rgba(98,232,255,.1)}.score-row.head{font-size:10px;font-weight:1000;letter-spacing:1px;color:#6fa9c8}.score-row:last-child{border-bottom:0}.score-row strong{text-align:right}.score-grade{font-size:18px}.grade-text-SSR{color:#74f4ff}.grade-text-UR{color:#ffd65e}.grade-text-HR{color:#ff5578}.grade-text-SR{color:#a868ff}.grade-text-R{color:#31adff}.grade-text-U{color:#47e47e}.grade-text-C{color:#aab4c2}
@media(max-width:1050px){.pack-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.tabs{grid-template-columns:repeat(4,1fr)}.tab{font-size:12px}.pack-selector{padding:14px}.pack-selector-head{display:block}.pack-selector-head>span{display:block;margin-top:5px}.pack-list{grid-template-columns:1fr 1fr;gap:8px}.pack-choice{padding:10px}.pack-choice small{display:none}.mini-pack{height:44px}.attendance-panel{grid-template-columns:1fr;padding:30px 18px;text-align:center}.attendance-copy h2{font-size:33px}.attendance-stats{justify-content:center}.attendance-reward{width:205px;height:205px}.rank-panel{grid-template-columns:1fr}.score-row{grid-template-columns:.65fr .65fr .9fr 1fr;font-size:12px}.my-rank-score strong{font-size:35px}}
.server-ranking{margin-top:18px;padding:14px;border:1px solid rgba(79,185,255,.24);border-radius:14px;background:rgba(3,13,22,.52);color:#9fc6dd}.rank-list{display:grid;gap:7px}.rank-list-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.035)}.rank-list-row>b{color:#42c9ff}.rank-list-row>strong{color:#fff}

/* V2.2.4 UR+ global acquisition ticker */
.high-grade-feed{position:relative;z-index:2;display:flex;align-items:center;min-height:44px;margin:-6px 0 18px;border:1px solid rgba(255,214,94,.26);border-radius:12px;background:linear-gradient(90deg,rgba(255,214,94,.08),rgba(168,104,255,.08),rgba(49,173,255,.08));overflow:hidden;box-shadow:inset 0 0 22px rgba(255,214,94,.04)}
.high-grade-label{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;padding:0 15px;border-right:1px solid rgba(255,255,255,.1);background:rgba(2,10,27,.66);color:#ffd65e;font-size:11px;font-weight:1000;letter-spacing:1px;white-space:nowrap}
.high-grade-viewport{min-width:0;flex:1;overflow:hidden}
.high-grade-track{display:flex;align-items:center;width:max-content;min-width:100%;animation:highGradeTicker 42s linear infinite}
.high-grade-track:hover{animation-play-state:paused}
.high-grade-track.static{animation:none}.high-grade-item,.high-grade-empty{display:inline-flex;align-items:center;min-height:42px;padding:0 25px;color:#d8ecf8;font-size:13px;font-weight:800;white-space:nowrap}
.high-grade-item:after{content:'◆';margin-left:25px;color:rgba(124,242,255,.38);font-size:8px}.high-grade-item b{margin-right:4px;color:#fff}.high-grade-item strong{margin:0 4px}.high-grade-item.grade-UR strong{color:#ffd65e;text-shadow:0 0 12px rgba(255,214,94,.28)}.high-grade-item.grade-SSR strong{color:#74f4ff;text-shadow:0 0 14px rgba(116,244,255,.38)}.high-grade-empty{color:#7fa9c1;font-weight:700}
@keyframes highGradeTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){.high-grade-feed{min-height:40px;margin-top:-4px}.high-grade-label{padding:0 10px;font-size:9px}.high-grade-item,.high-grade-empty{min-height:38px;padding:0 18px;font-size:11px}}