@font-face{font-family:Maplestory OTF;src:url(/fonts/MaplestoryOTF-Light.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Maplestory OTF;src:url(/fonts/MaplestoryOTF-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--font-button: "Pretendard", sans-serif;--font-body: "Pretendard", sans-serif;--font-maple: "Maplestory OTF", sans-serif;--color-leafupBrown: #382C28;--color-leafupGreen: #7CB5A9;--color-accent: #FF4A4A;--color-bg: #FFF8E8;--color-border: #B29E99;--vh: 1vh}*{margin:0;padding:0;box-sizing:border-box}body,#root{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;overflow-y:auto;background-color:#f0f0f0;height:calc(var(--vh) * 100);min-height:100vh;display:flex;justify-content:center;align-items:center}#root{width:100%;max-width:390px;height:calc(var(--vh) * 100);min-height:calc(var(--vh, 1vh) * 100);background-color:#fff8e8;overflow-y:auto;border-radius:0}@media (min-width: 768px){#root{height:95vh;box-shadow:0 0 10px #00000026}}.headerContainer{width:100%;height:80px;background-color:#5c4d49;max-width:393px;box-sizing:border-box;display:flex}.dayStyle{right:20px;font-family:Maplestory OTF,system-ui,sans-serif;position:absolute;text-align:center;font-weight:700;font-size:16px;color:#ffe8b3;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom,#ffe8b3,#ffc870)}.headerBetween{width:100%;background-color:#5c4d49;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5px}.nickNameStyle{font-family:SUITE Variable,Maplestory OTF,system-ui,sans-serif;color:var(--nick-color, #5c4d49);font-size:16px;margin-left:40px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:-.408px;white-space:nowrap}.pointStyle{margin-left:15px;color:#7cb29e;text-shadow:0 2px 0 #382c28;-webkit-text-stroke:1px #000;font-family:Maplestory OTF,system-ui,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:-.408px}.myRankingBoard{width:306px;height:57px;display:flex;margin-left:8px;align-items:center;border-width:2px 1px 1px 1px;border-style:solid;background-color:ivory;border-radius:3px;box-sizing:border-box;position:relative}.graphContainer{display:flex;align-items:center;justify-content:flex-end;margin-right:5px;height:90%}.imgBtn{width:65px;height:76px;border:none;background-color:#5c4d49;padding:0;cursor:pointer;align-items:center;justify-content:center}.graphImgStyle{width:100%;height:100%;object-fit:contain;display:block}.gradientNumber{text-align:right;font-family:Maplestory OTF,system-ui,sans-serif;position:absolute;transform:translate(-50%,-50%);top:50%;left:0;font-weight:700;font-size:24px;color:#ffe8b3;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#281900;background-image:linear-gradient(to bottom,#ffe8b3,#ffc870)}.leftContainer{background:linear-gradient(to bottom,#5b4c48,#463733);width:76px;height:57px;flex:0 0 76px}.profileCon{position:absolute;left:0;width:51px;height:51px}.imgContainer{display:flex;left:51px;width:51px;height:55px;border-radius:50%;box-sizing:border-box;align-items:center;justify-content:center;position:absolute}.imgStyle{border-radius:50%;width:41px;height:41px;object-fit:cover;position:absolute;z-index:99}.leafImgStyle{width:24px;height:22px;object-fit:cover;flex-shrink:0;margin-right:5px}.centerContainer{width:230px;display:flex;align-items:center;justify-content:space-between;min-width:0;position:relative}.point-margin{padding-left:10px}.leaf-margin{padding-left:5px}@font-face{font-family:Maplestory OTF;src:url(/assets/Maplestory%20OTF%20Bold-Uqc3ay_m.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SUITE Variable;src:url(/assets/SUITE-Variable-Duw2-o8M.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.topNavSection{width:100%;display:flex;justify-content:center;align-items:center}.nonClickButton{width:115px;height:29px;flex-shrink:0;background:#261b18;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.buttonContainer{margin:2px;width:119px;height:27px;justify-content:center;align-items:center}.clickedButton{width:115px;height:26px;flex-shrink:0;border:none;background-image:url(/assets/nav-button-YWr0TeSt.png);background-size:cover;background-position:center;cursor:pointer;display:flex;justify-content:center;align-items:center}.nonClickFont{color:#b29e99;font-family:SUITE Variable,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:22px;letter-spacing:-.408px;cursor:pointer}.clickedFont{font-family:SUITE Variable,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:22px;letter-spacing:-.408px;color:#fff8e8}.topNavContainer{width:365px;height:31px;flex-shrink:0;border-radius:5px;background:#261b18;margin:4px 10px;display:flex;align-items:center;justify-content:space-between}@font-face{font-family:SUITE Variable;src:url(/assets/SUITE-Variable-Duw2-o8M.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.rankingItemContainer{width:100%;box-sizing:border-box}.profileCon{width:51px;height:51px}.dayStyle{font-family:Maplestory OTF,system-ui,sans-serif;position:absolute;text-align:center;font-weight:700;font-size:16px;color:#ffe8b3;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to bottom,#ffe8b3,#ffc870);text-shadow:0 1px 0 #ffc870;-webkit-text-stroke:1px #000}.rankingFrame{min-height:57px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:4px 26px 4px 8px;width:360px;height:57px;border-radius:3px;background:linear-gradient(180deg,#fff8e8 0% 100%);box-sizing:border-box}.starStyle{margin-top:90%;position:absolute;width:36px;height:19px;z-index:999}.shadow{width:284px;height:55px;align-items:center;display:flex;box-shadow:-1px 0 #b29e99,1px 0 #b29e99,0 1px #b29e99,0 -2px #b29e99}.userInfo{display:flex;align-items:center;text-align:center;justify-content:space-between;position:relative}.rankContainer{position:relative;width:76px;height:57px;background:url(/assets/rank-bg-C5m2WBIc.png);background-size:cover;background-position:center}.profileImgContainer{display:flex;width:51px;height:51px;border-radius:50%;align-items:center;justify-content:center;position:absolute;left:50px}.profileImgStyle{border-radius:50%;width:40.8px;height:40.8px;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99}.rankStyle{font-family:Maplestory OTF,system-ui,sans-serif;position:absolute;text-align:center;transform:translate(-50%,-50%);top:50%;left:25px;font-weight:700;font-size:24px;color:#ffe8b3;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#281900;background-image:linear-gradient(to bottom,#ffe8b3,#ffc870)}.nickNameStyle{color:var(--nick-color, #5c4d49);font-family:SUITE Variable,system-ui,sans-serif;font-size:16px;font-style:normal;font-weight:800;line-height:22px;letter-spacing:-.408px}.pointContainer{display:flex;justify-content:flex-end;align-items:center;height:57px;position:relative;width:100%}.pointStyles{color:#7cb29e;text-shadow:0 2px 0 #382c28;-webkit-text-stroke:1px #000;font-family:Maplestory OTF,system-ui,sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:-.408px;margin-right:10px}.leafIconStyle{width:23px;height:22px;object-fit:cover;margin-right:10px;flex-shrink:0}.rankStyleGold{position:absolute;left:25px;top:50%;transform:translate(-50%,-50%);font-family:Maplestory OTF,system-ui,sans-serif;font-size:40px;color:#ffe8b3;background-image:linear-gradient(to bottom,#ff9e87,#d92620);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rankStyleSilver{position:absolute;left:25px;top:50%;transform:translate(-50%,-50%);font-family:Maplestory OTF,system-ui,sans-serif;font-size:36px;color:#ffe8b3;background-image:linear-gradient(to bottom,#ffe8b3,#ffc870);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rankStyleBronze{position:absolute;left:25px;top:50%;transform:translate(-50%,-50%);font-family:Maplestory OTF,system-ui,sans-serif;font-size:36px;color:#ffe8b3;background-image:linear-gradient(to bottom,#eaeaea,#a39f97);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@font-face{font-family:SUITE Variable;src:url(/assets/SUITE-Variable-Duw2-o8M.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Maplestory OTF;src:url(/assets/Maplestory%20OTF%20Bold-Uqc3ay_m.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}.appContainer{min-height:100vh;width:100%;max-width:393px;height:100vh;display:flex;flex-direction:column;background-color:#5c4d49;padding-top:110px}.loadApp{height:100vh;width:100%;max-width:393px;margin:0 auto;display:flex;justify-content:center;align-items:center;background:#fff;text-align:center}.rankingList{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:101px}.rankingList::-webkit-scrollbar-track{background:#382c28}.rankingList::-webkit-scrollbar-thumb{background:#5c4d49;border-radius:4px}.rankingList::-webkit-scrollbar{width:8px}.scrollGap{padding-right:5px}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden}.dashContainer{width:100%;height:100%;background-color:#382c28;max-width:393px;min-height:100vh}.fontBox{width:100%;display:flex}.staticImg{width:100%;max-width:350px;height:auto;text-align:center;justify-content:center;display:flex;margin:auto}.staticIamge{width:100%;height:auto;object-fit:contain}.dashSection{box-sizing:border-box;width:100%;align-items:center;position:relative;min-height:calc(100vh - 176px)}.stat-container{margin-top:40px;display:flex}.flexBox{display:flex;width:100%;margin:30px 10px 0;position:relative}.envCon{display:flex;width:100%;margin:0 10px;position:relative}.marginBox{width:100%}.fontStyle{font-family:Maplestory OTF,system-ui,sans-serif;position:absolute;font-weight:700;font-size:20px;color:#ffe8b3;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom,#ffe8b3,#ffc870);margin-left:25px;margin-top:35px}.imgCon{width:100%;height:100%;object-fit:contain;display:block}.topMargin{margin-top:65px}.inner-text{font-family:SUITE Variable,system-ui,sans-serif;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:10px;white-space:nowrap;color:ivory}.inner-value{font-family:SUITE Variable,system-ui,sans-serif;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);font-size:12px;white-space:nowrap;color:ivory}.dashInfo{position:relative;width:122px;height:50px}.dashProtected{position:relative;width:183px;height:50px}.dashProtected .inner-text{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;color:ivory;font-size:12px;font-family:SUITE Variable,system-ui,sans-serif}.dashProtected .inner-value{font-family:SUITE Variable,system-ui,sans-serif;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;color:ivory;font-size:10px}.dashHeader{width:100%;height:75px;align-items:center;justify-content:space-between;display:flex;position:relative;background-color:#5c4d49}.backButton{width:13px;height:29px;margin-left:20px;border:none;background-color:#5c4d49}.backImg{width:100%;height:100%;cursor:pointer}.statistics{width:40px;height:22px;position:absolute;left:50%;transform:translate(-50%)}@font-face{font-family:Maplestory OTF;src:url(/assets/Maplestory%20OTF%20Bold-Uqc3ay_m.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}