@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer components{.scoreBar{--score:0%;--add-value-position-y:0;--add-value-position-x:0;position:relative}.scoreBar:first-child .scoreBar-score:after{display:block}.scoreBar:first-child .scoreBar-scoreText{padding-right:.078125rem}.scoreBar[style*="--score: 1"] .scoreBar-addScore{left:calc(var(--score) * 100% + calc(5 / 320 * 1rem))}.scoreBar-icon{--logo-width:calc(39 / 320 * 1rem);--logo-height:calc(35 / 320 * 1rem);z-index:10;position:relative}.scoreBar-score{--bar-color:#000;z-index:0;clip-path:polygon(.06875rem 0,calc(100% + 2px) 0,calc(100% + 2px) 100%,.06875rem 100%);width:100%;height:.06875rem;display:block;position:absolute}.scoreBar-score:before{content:"";background:var(--bar-color);width:0;height:100%;box-shadow:inset 0 0 0 1px var(--bar-color);will-change:width;border-radius:0 .03125rem .03125rem 0;display:block}.scoreBar-score:after{top:50%;left:calc(var(--spacing,.25rem) * 0);--tw-translate-y: -50% ;height:100%;translate:var(--tw-translate-x) var(--tw-translate-y);content:"";background:var(--icon-ball) right 0 / .06875rem no-repeat,url(/_astro/bg-fire-animate.I6CIK9yg.png) .06875rem bottom / 0 150% no-repeat;width:0;display:none;position:absolute}.scoreBar-score--unit{--bar-color:#ec6c00;top:.021875rem}.scoreBar-score--brother{--bar-color:#ffcd00;top:.021875rem}.scoreBar-score--rakuten{--bar-color:#a02b2b;top:.01875rem}.scoreBar-score--dragon{--bar-color:#ce0e2d;top:.028125rem}.scoreBar-score--fubong{--bar-color:#003da6;top:.021875rem}.scoreBar-score--tsg{--bar-color:#004738;top:.01875rem}.scoreBar-transition:before{width:calc(50% + var(--score) * 50%);transition:width .4s cubic-bezier(.87,0,.13,1)}.scoreBar-transition:after{width:calc(50% + var(--score) * 50% + 2px);background-size:.06875rem,100% 150%;transition:all .6s cubic-bezier(.87,0,.13,1),background-size .1s cubic-bezier(0,.55,.45,1)}.scoreBar-transition:nth-last-child(5):before,.scoreBar-transition:nth-last-child(5):after{transition-delay:.2s}.scoreBar-addScore{z-index:30;white-space:nowrap;opacity:0;top:50%;left:calc(50% + var(--score) * 50% + .03125rem);transform-origin:0 0;animation:1s cubic-bezier(.33,1,.68,1) both add-score;display:block;position:absolute;transform:translate(-120%)translateY(-50%)}.scoreBar-addScoreText{color:var(--color-yellow,#fee43f);font-size:calc(calc(15 / 320 * 1rem) * var(--font-ratio,1));letter-spacing:.1em;paint-order:stroke;transform-origin:0;-webkit-text-stroke:4px var(--color-black);font-weight:900;line-height:1.4375;transform:scaleX(.88)}.scoreBar-addScoreText:before{content:"+";display:inline-block}.scoreBar-scoreText{inset:calc(var(--spacing,.25rem) * 0);z-index:20;height:100%;color:var(--color-white,#fff);width:calc(50% + var(--score) * 50%);font-size:calc(12 / 320 * 1rem * var(--font-ratio,1));filter:drop-shadow(0 3px #000)drop-shadow(-1px 0 #000)drop-shadow(1px 0 #000);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);paint-order:stroke;-webkit-text-stroke:2px #000;justify-content:flex-end;align-items:center;padding-right:.03125rem;font-weight:900;transition:transform .2s cubic-bezier(.85,0,.15,1) .3s,clip-path .2s cubic-bezier(.85,0,.15,1) .3s;display:flex;position:absolute;transform:translate(3%)}.scoreBar-scoreText--transition{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0)}.scoreRank{background-color:var(--color-white,#fff);border-radius:.028125rem;flex-direction:column;justify-content:center;align-items:flex-start;height:.778125rem;padding-inline:.040625rem .078125rem;display:flex}.scoreRank>*{width:100%}.scoreRank>*+*{margin-top:.0125rem}}@keyframes add-score{5%,45%{opacity:0;transform:translate(-120%)translateY(-50%)}70%{opacity:1;transform:translate(0)translateY(-50%)}to{opacity:0;transform:translate(0)translateY(-50%)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer pages{.rank{height:100%;padding-top:.04375rem}.rank-heading{width:86.25%;margin-inline:auto;padding-bottom:.034375rem}.rank-scroll{height:calc(100% - .209375rem);overflow-y:auto}.rank-container{width:86.25%;margin-inline:auto;padding-bottom:.0625rem}.rank-container .rank-bar,.rank-container .rank-userInfo,.rank-container .rank-buttonContainer,.rank-container .rank-notice{opacity:0;transition:transform .3s cubic-bezier(.25,1,.5,1),opacity .2s cubic-bezier(.25,1,.5,1);transform:translateY(50%)}.rank-container .rank-buttonContainer,.rank-container .rank-notice{transform:translateY(30%)}.rank-bar{z-index:10;position:relative}.rank-userInfo{margin-top:.028125rem}.rank-buttonContainer{padding-inline:.046875rem .05625rem;justify-content:center;gap:.015625rem;margin-top:-.059375rem;padding-bottom:.0625rem;display:flex}.rank--transition .rank-bar,.rank--transition .rank-userInfo,.rank--transition .rank-buttonContainer,.rank--transition .rank-notice{opacity:1;transform:translateY(0)}.rank--transition .rank-userInfo{transition-delay:.2s}.rank--transition .rank-buttonContainer,.rank--transition .rank-notice{transition-delay:.3s}}@layer components{.userInfo{background-color:var(--color-black,#000);width:100%;color:var(--color-white,#fff);border-radius:.028125rem;justify-content:center;align-items:center;gap:.04375rem;height:.29375rem;padding-block:.059375rem .096875rem;display:flex;position:relative}.userInfo-title{text-align:center;flex:none}.userInfo-score{text-align:center;border-left:1px solid var(--color-white);flex:0 0 68%;justify-content:center;align-items:flex-start;gap:.046875rem;height:100%;padding-left:.04375rem;line-height:1;display:flex}.userInfo-score>*{flex-direction:column;justify-content:space-between;height:100%;display:flex}.userInfo-scoreTitle{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);color:var(--color-button-text-yellow,#ff0);font-size:calc(calc(12 / 320 * 1rem) * var(--font-ratio,1));letter-spacing:.02em}.userInfo-personalScore,.userInfo-lotteryScore{font-size:var(--text-h1,calc(24 / 320 * 1rem * var(--font-ratio,1)));line-height:var(--tw-leading,var(--text-h1--line-height,1.15));letter-spacing:var(--tw-tracking,var(--text-h1--letter-spacing,.1em));font-weight:var(--tw-font-weight,var(--text-h1--font-weight,900));color:var(--color-button-text-yellow,#ff0);letter-spacing:0}.userInfo-addScore{top:calc(var(--spacing,.25rem) * 0);z-index:30;white-space:nowrap;opacity:0;transform-origin:0 0;display:block;position:absolute;left:.08125rem;transform:translateY(0)}.userInfo-addScoreText{color:var(--color-yellow,#fee43f);font-size:calc(calc(15 / 320 * 1rem) * var(--font-ratio,1));letter-spacing:.1em;paint-order:stroke;transform-origin:0;-webkit-text-stroke:4px var(--color-black);font-weight:900;line-height:1.4375;transform:scaleX(.88)}.userInfo-addScoreText:before{content:"+";display:inline-block}.userInfo-addScore--transition{animation:1s cubic-bezier(.33,1,.68,1) both add-value}.rank-notice{text-align:right;--tw-font-weight:var(--font-weight-bold,700);width:100%;font-weight:var(--font-weight-bold,700);font-size:calc(calc(12 / 320 * 1rem) * var(--font-ratio,1));letter-spacing:.02em;margin-top:.040625rem;padding-right:.021875rem;line-height:1.2}}@keyframes add-value{0%{opacity:0}40%,70%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-100%)}}@property --tw-font-weight{syntax:"*";inherits:false}