.medal-screen{position:absolute;inset:0;z-index:6;overflow:hidden;background:linear-gradient(208deg,#eefffd 7%,#fff 42%);color:rgba(0,0,0,.95)}
.medal-status{position:absolute;left:0;top:0;width:375px;height:44px;pointer-events:none}
.medal-header{position:absolute;left:0;top:44px;width:375px;height:60px}
.medal-header button{position:absolute;left:14px;top:24px;width:26px;height:26px;padding:0;border:0;background:none}
.medal-header button img{display:block}
.medal-header strong{position:absolute;left:0;right:0;top:29px;text-align:center;font-size:18px;line-height:18px;font-weight:700;pointer-events:none}
.medal-scroll{position:absolute;left:0;right:0;top:104px;bottom:34px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}
.medal-scroll::-webkit-scrollbar{display:none}
.medal-content{position:relative;width:375px;height:740px}
.medal-tabs{position:absolute;left:12px;top:16px;width:351px;height:43px;display:flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border-radius:10px;background:rgba(204,248,245,.4)}
.medal-tabs button{width:107px;height:35px;flex:none;padding:0;border:0;border-radius:10px;background:none;color:#797a97;font-size:14px;font-weight:700}
.medal-tabs button.selected{background:#fff}
.medal-section-title{position:absolute;left:12px;display:flex;align-items:center;gap:8px;height:22px;margin:0;color:#221d55;font-size:18px;line-height:22px;font-weight:700}
.medal-section-title img{display:block;flex:none}
.medal-section-growth{top:99px}
.medal-section-habit{top:525px}
.medal-grid{position:absolute;left:12px;width:351px;display:grid;grid-template-columns:repeat(3,117px)}
.medal-grid-food{top:135px}
.medal-grid-growth{top:327px}
.medal-grid-habit{top:563px}
.medal-item{position:relative;width:117px;height:166px;text-align:center}
.medal-art{position:absolute;left:50%;display:block;max-width:none;object-fit:cover;transform:translateX(-50%)}
.medal-food-3{top:0;width:104px;height:104px}.medal-food-14{top:2px;width:111px;height:102px}.medal-food-30{top:2px;width:98px;height:96px}
.medal-growth-7{top:0;width:105px;height:105px}.medal-growth-30{top:3px;width:105px;height:97px}.medal-growth-100{top:2px;width:96px;height:96px}
.medal-habit-3{top:0;width:105px;height:97px}.medal-habit-14{top:1px;width:103px;height:95px}.medal-habit-30{top:0;width:105px;height:97px}
.medal-item strong{position:absolute;left:0;right:0;top:118px;display:block;color:rgba(0,0,0,.95);font-size:14px;line-height:17px;font-weight:700;white-space:nowrap}
.medal-grid-growth .medal-item strong{top:115px}.medal-grid-habit .medal-item strong{top:114px}
.medal-item strong.muted{color:rgba(0,0,0,.55)}
.medal-item small{position:absolute;left:0;right:0;top:144px;display:block;color:rgba(0,0,0,.55);font-size:12px;line-height:15px;font-weight:700;white-space:nowrap}
.medal-grid-growth .medal-item small{top:141px}
.medal-item small b{color:#03988b;font-weight:700}
.medal-homebar{position:absolute;left:0;bottom:0;width:375px;height:34px;pointer-events:none}