/* Presentation of MEIN LEVEL only. No XP, award or ownership rules. */
.my-level .current-level-panel{background:linear-gradient(125deg,#f7fcff,#faf8ff);grid-template-columns:220px minmax(0,1fr);gap:26px;padding:28px 32px}.my-level .current-level-panel .level-circle{width:184px;height:184px;background:radial-gradient(circle at 35% 25%,#163e83,#111c50 70%);border:0;box-shadow:0 12px 24px #204b9020;border-radius:50%;margin:10px auto}.my-level .current-level-panel .level-circle:after{inset:-7px;border:0;border-radius:0;background:url('collection-hub/ring.webp') center/contain no-repeat;box-shadow:none;z-index:1}.my-level .current-level-panel .level-circle:before{inset:-12px;z-index:3;mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));background:conic-gradient(#19c9d5,#1477f2 var(--ring-progress),#c7d9ee var(--ring-progress))}.my-level .current-level-panel .level-circle>span,.my-level .current-level-panel .level-circle>strong,.my-level .current-level-panel .level-circle>small{position:relative;z-index:2}.my-level .current-level-panel .level-circle>strong{font-size:52px}.my-level .current-level-panel .level-circle>small{font-size:9px;max-width:105px}.my-level .level-journey{padding:24px;background:#fff;border-color:#d7e4f7}.my-level .level-route{background:linear-gradient(180deg,#f6fbff,#fbfaff 70%,#fff);border:1px solid #e8effa;border-radius:18px}.my-level .journey-object .level-reference-art{width:116px;height:116px;filter:drop-shadow(0 5px 6px #266de31c)}.my-level .journey-ring{width:82px;height:82px;position:relative;isolation:isolate;border:0;background:radial-gradient(circle at 35% 20%,#164e99,#101f51 70%);box-shadow:none;flex:none}.my-level .journey-ring:before{content:'';position:absolute;inset:-6px;background:url('collection-hub/ring.webp') center/contain no-repeat;z-index:1}.my-level .journey-ring>span{position:relative;z-index:2;color:#fff;font-size:27px}.my-level .level-station.future .journey-ring{background:#34465e;border:0;box-shadow:none}.my-level .level-station.future .journey-object{filter:saturate(.3);opacity:.64}.my-level .level-station.reached .journey-object{filter:none;opacity:1}.my-level .journey-podium{width:84%;max-width:120px;height:17px;margin-top:-6px;border-radius:50% / 35%;border:1px solid #96dcf7;border-bottom:5px solid #66a8eb;background:linear-gradient(#fff,#e3f3ff);box-shadow:0 7px 10px #20539018}.my-level .level-station.future .journey-podium{background:linear-gradient(#f9fbff,#eaf0f8);border-color:#bfd0e5;border-bottom-color:#aebfd5}.my-level .level-station.is-current .journey-station-content{background:linear-gradient(155deg,#eafaff,#f0ecff);border:1px solid #92c8f4;box-shadow:0 5px 16px #246fd015}.my-level .my-award-grid img{max-width:135px;height:135px}.my-level .my-award-grid .future img{filter:saturate(.35);opacity:.64}.my-level .my-award-grid button{background:linear-gradient(155deg,#fff,#f3f7ff);border-color:#dbe5f5;min-height:210px}.my-level .my-award-grid .reached{border-color:#a4d8f0;background:linear-gradient(155deg,#f4fdff,#f7f3ff)}.my-level .level-next-award img{width:108px;height:108px}.level-award-detail .level-reference-art{width:min(220px,70vw);height:auto;object-fit:contain;filter:drop-shadow(0 8px 10px #235bb623)}
@media(min-width:701px){.my-level .level-route-line{display:none}.my-level .level-route-wrap-line{display:block;height:500px}.my-level .level-route>ol{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:20px;padding:0 14px}.my-level .level-route>ol:before,.my-level .level-route>ol:after{content:none}.my-level .level-station{height:240px}.my-level .level-station:nth-child(n+6){grid-row:2}.my-level .level-station:nth-child(6){grid-column:5}.my-level .level-station:nth-child(7){grid-column:4}.my-level .level-station:nth-child(8){grid-column:3}.my-level .level-station:nth-child(9){grid-column:2}.my-level .level-station:nth-child(10){grid-column:1}.my-level .journey-object{height:112px}.my-level .journey-station-content{gap:8px;padding:10px 8px 16px}.my-level .journey-station-content>strong{font-size:14px}.my-level .journey-status{font-size:10px}.my-level .journey-award-name{font-size:11px}.my-level .level-route-wrap-line{inset:28px 0 auto}}
@media(min-width:701px) and (max-width:1050px){.my-level .journey-object .level-reference-art{width:95px;height:95px}.my-level .journey-ring{width:70px;height:70px}.my-level .journey-station-content{padding:10px 4px}.my-level .journey-station-content>strong{font-size:12px}.my-level .journey-status{font-size:9px}.my-level .my-award-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.my-level .current-level-panel{grid-template-columns:174px minmax(0,1fr);padding:24px;gap:20px}.my-level .current-level-panel .level-circle{width:144px;height:144px}.my-level .current-level-panel .level-circle>strong{font-size:40px}.my-level .current-level-panel .level-circle>small{font-size:8px}}
@media(max-width:700px){.my-level .current-level-panel{grid-template-columns:1fr;padding:24px 18px;gap:12px}.my-level .current-level-panel .level-circle{width:160px;height:160px;margin:12px auto}.my-level .current-level-panel .level-circle>strong{font-size:45px}.my-level .level-journey{padding:20px 12px}.my-level .journey-object .level-reference-art{width:100px;height:100px}.my-level .journey-object{width:100px;height:110px}.my-level .journey-station-content{grid-template-columns:104px minmax(0,1fr);column-gap:14px;min-height:140px}.my-level .journey-podium{left:17px;top:114px;width:80px;height:16px}.my-level .level-station,.my-level .level-station:nth-child(even){min-height:140px}.my-level .journey-ring{width:78px;height:78px}.my-level .my-award-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.my-level .my-award-grid img{height:100px}.my-level .my-award-grid button{min-height:180px}.my-level .level-next-award img{width:90px;height:90px}.my-level .level-route:before{left:60px;top:70px;bottom:78px}}
@media(max-width:359px){.my-level .journey-station-content{grid-template-columns:92px minmax(0,1fr);column-gap:6px}.my-level .journey-object{width:88px}.my-level .journey-object .level-reference-art{width:88px;height:88px}.my-level .journey-podium{left:14px;width:72px}.my-level .journey-ring{width:70px;height:70px}.my-level .my-award-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-level .level-next-award img{width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){.my-level *{animation:none!important;transition:none!important}}