/*! 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--blue:#1595f4;--deep-blue:#0f5f9c;--line:#c7dcea;--soft-blue:#f3faff;--ink:#17212b;--muted:#8393a0}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#eef3f7;margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.home-page{background:#fff;place-items:start center;min-height:100svh;display:grid}.home-stage{aspect-ratio:497/377;background:#fff;width:min(100vw,497px);position:relative;overflow:hidden}.home-reference{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.ranking-entry{color:#132233;cursor:pointer;background:linear-gradient(135deg,#fafdfffa,#e1f3fffa);border:0;border-radius:18px 0 0 18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:13.3%;height:19.3%;padding:5px 2px 4px;font-size:clamp(9px,2.4vw,12px);font-weight:800;line-height:1.05;display:flex;position:absolute;top:31.7%;right:.9%;box-shadow:inset 0 0 0 1px #76b8e738}.ranking-entry:focus-visible{outline-offset:-3px;outline:3px solid #087ee5}.ranking-entry:active{transform:scale(.96)}.ranking-icon{background:linear-gradient(145deg,#fff2b8,#ffd465);border:1px solid #daa52059;border-radius:50%;place-items:center;width:clamp(31px,9.1vw,45px);height:clamp(31px,9.1vw,45px);font-size:clamp(18px,5.2vw,27px);display:grid;box-shadow:0 2px 7px #325d7d26}.ranking-page{background:#eef3f7;justify-content:center;align-items:flex-start;min-height:100svh;display:flex;overflow-y:auto}.ranking-card{background:#fff;border-left:1px solid #d8e6f0;border-right:1px solid #d8e6f0;width:min(100%,480px);min-height:100svh;padding:10px 8px 24px}.ranking-header{justify-content:space-between;align-items:flex-start;padding:10px 17px 8px;display:flex}.ranking-header>div:first-child{position:relative}.title-line{align-items:center;gap:8px;display:flex}.title-line span{color:#0874c5;white-space:nowrap;background:#e8f5ff;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:800}.ranking-header h1{letter-spacing:-.6px;margin:0;font-size:22px;font-weight:800}.ranking-header p{color:#6e8798;margin:5px 0 0;font-size:11px}.ranking-header .season-period{align-items:center;gap:5px;margin-top:6px;display:flex}.season-period>span{color:#168ff0;font-size:9px}.season-period>b{color:#0874c5;background:#e8f5ff;border-radius:99px;padding:3px 6px;font-size:8px}.season-period>strong{color:#4c6575;white-space:nowrap;font-size:9px;font-weight:700}.back-button{color:#152739;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:32px;line-height:1;display:none;position:absolute;top:-4px;left:-20px}.header-actions{align-items:center;gap:6px;display:flex}.search-square,.group-count{color:#fff;border-radius:9px;place-items:center;width:35px;height:35px;font-size:12px;font-weight:800;display:grid}.search-square{background:var(--blue);cursor:pointer;border:0}.search-square.active{background:#0b6eb7}.group-count{background:var(--deep-blue)}.search-square svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px}.reward-button{color:#fff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#168ff0,#0676d1);border:0;border-radius:9px;align-items:center;gap:4px;height:35px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 4px 10px #1595f433}.reward-button span{font-size:14px}.search-panel{background:#fbfdff;border:1px solid #bed8ea;border-radius:14px;margin:0 8px 12px;padding:10px;animation:.15s ease-out reveal}.search-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.search-tabs button{color:#7a8994;cursor:pointer;background:#fff;border:1px solid #c2d6e6;border-radius:9px;height:34px;font-size:12px;font-weight:700}.search-tabs button.active{color:#0877d3;background:#eff8ff;border-color:#168ff0}.search-input{background:#fff;border:1px solid #9fcdf0;border-radius:10px;align-items:center;gap:7px;height:40px;margin-top:8px;padding:0 10px;display:flex}.search-input:focus-within{box-shadow:0 0 0 3px #1595f421}.search-input svg{fill:none;stroke:#198de4;stroke-width:1.7px;width:14px}.search-input input{color:#20303f;border:0;outline:0;flex:1;min-width:0;font-size:12px}.search-input input::placeholder{color:#a4adb5}.search-input button{color:#7a8b97;cursor:pointer;background:0 0;border:0;font-size:20px}.table-heading{color:#718895;background:#f1f7f7;border-radius:10px 10px 0 0;grid-template-columns:42px minmax(0,1fr) 108px 50px;align-items:center;height:34px;margin:0 10px;padding:0 10px;font-size:10px;display:grid}.table-heading span:nth-child(3),.table-heading span:nth-child(4){text-align:center}.ranking-list{scrollbar-width:thin;scrollbar-color:#94999d transparent;height:min(55svh,520px);min-height:360px;margin:0 10px;padding-bottom:8px;overflow-y:auto}.ranking-card.search-active .ranking-list{height:min(43svh,420px)}.ranking-list::-webkit-scrollbar{width:7px}.ranking-list::-webkit-scrollbar-thumb{background:#94999d;border-radius:99px}.ranking-row{border-bottom:1px solid #d0e1ed;margin:0 1px}.ranking-row.my-team-row{background:#eef8ff;border:2px solid #168ff0;border-radius:11px;margin:3px 0;overflow:hidden}.ranking-row-main{text-align:left;background:#fff;grid-template-columns:42px minmax(0,1fr) 108px 50px;align-items:center;width:100%;min-height:63px;padding:5px 7px;display:grid}.my-team-row .ranking-row-main{background:#eef8ff}.plain-rank{text-align:center;font-size:17px;font-weight:800}.medal{place-items:end center;width:31px;height:39px;margin:0 auto;display:grid;position:relative}.medal-ribbon{background:linear-gradient(135deg,#0000 45%,#6aa3ea 46% 60%,#0000 61%),linear-gradient(225deg,#0000 45%,#1747a8 46% 60%,#0000 61%);width:28px;height:14px;position:absolute;top:1px}.medal-number{z-index:1;color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid;box-shadow:inset 0 -2px #0000001f}.medal-1 .medal-number{background:#f2a92b}.medal-2 .medal-number{background:#a99bd8}.medal-3 .medal-number{background:#b8754c}.group-name{align-items:center;min-width:0;display:flex}.group-name strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.25px;font-size:15px;overflow:hidden}.finish-time{text-align:center;white-space:nowrap;font-size:14px}.rank-change{font-size:9px;font-style:normal;font-weight:800}.rank-change.up{color:#097bcf}.rank-change.down{color:#e4495c}.rank-change.new{color:#8054db}.rank-change.same{color:#748694}.members-toggle{color:#243746;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:34px;font-size:15px;transition:transform .18s,background .18s;display:grid}.members-toggle:hover{background:#e0f1fd}.members-toggle:focus-visible{outline-offset:-2px;outline:2px solid #1595f4}.members-toggle.open{transform:rotate(180deg)}.member-list{color:#39546a;background:#eff8ff;border-radius:10px;margin:-1px 7px 8px 49px;padding:10px 12px;animation:.16s ease-out reveal}.member-list p{color:#1784d7;margin:0 0 7px;font-size:10px;font-weight:800}.member-list div{flex-wrap:wrap;gap:6px;display:flex}.member-list span{background:#fff;border:1px solid #c7e1f3;border-radius:99px;padding:5px 8px;font-size:10px}.empty-state{color:#728490;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.empty-state span{font-size:30px}.empty-state strong{color:#263746;margin-top:10px;font-size:15px}.empty-state p{margin:6px 0 0;font-size:11px}.my-team-banner{color:#fff;text-align:left;cursor:pointer;background:#0769ba;border:0;border-radius:15px;grid-template-columns:72px minmax(0,1fr) 88px 24px;align-items:center;gap:7px;width:calc(100% - 12px);min-height:76px;margin:12px 6px 0;padding:10px 10px 9px;display:grid;box-shadow:0 9px 24px #054b8447}.my-team-banner:focus-visible{outline-offset:2px;outline:3px solid #72c5ff}.my-team-banner small{color:#d6edff;font-size:9px;font-weight:600;display:block}.my-rank strong{margin-top:2px;font-size:19px;display:block}.my-rank i{margin-top:3px;font-style:normal;display:block}.my-rank .rank-change{color:#fff}.my-team-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.my-team-time{text-align:right}.my-team-time strong{white-space:nowrap;margin-top:2px;font-size:13px;display:block}.banner-chevron{text-align:center;font-size:14px;transition:transform .18s}.banner-chevron.open{transform:rotate(180deg)}.cheer-fab{z-index:51;color:#0868b6;cursor:pointer;background:#fff;border:1px solid #b7daf4;border-radius:99px;align-items:center;gap:4px;height:39px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex;position:fixed;bottom:94px;right:max(12px,50vw - 222px);box-shadow:0 6px 18px #1b578033}.cheer-overlay{z-index:90;background:#0c151d8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.cheer-sheet{background:#fff;border-radius:22px 22px 0 0;flex-direction:column;width:min(100%,480px);max-height:min(78svh,650px);animation:.2s ease-out sheet-up;display:flex;overflow:hidden;box-shadow:0 -12px 38px #0003}.cheer-sheet>header{border-bottom:1px solid #e2ebf2;justify-content:space-between;align-items:flex-start;padding:17px 18px 13px;display:flex}.cheer-sheet>header>div{align-items:center;gap:10px;display:flex}.cheer-sheet>header>div>span{background:#e8f5ff;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.cheer-sheet h2{margin:0;font-size:17px}.cheer-sheet header p{color:#7b8d99;margin:3px 0 0;font-size:10px}.cheer-sheet header>button{color:#334653;cursor:pointer;background:0 0;border:0;width:36px;height:36px;font-size:27px}.cheer-comments{flex:1;min-height:150px;padding:5px 17px;overflow-y:auto}.cheer-comments article{border-bottom:1px solid #edf2f5;padding:11px 35px 11px 0;position:relative}.cheer-comments article>div{align-items:center;gap:7px;display:flex}.cheer-comments article strong{font-size:12px}.cheer-comments article span{color:#0877c8;background:#eaf6ff;border-radius:99px;padding:3px 6px;font-size:9px}.cheer-comments article p{color:#3d505d;margin:6px 0 0;font-size:12px;line-height:1.45}.cheer-comments article>button{color:#8897a1;cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:20px;position:absolute;top:17px;right:3px}.cheer-form{padding:11px 14px max(12px, env(safe-area-inset-bottom));background:#f7fbfe;border-top:1px solid #dce8f0}.cheer-form select{color:#2d4453;background:#fff;border:1px solid #c5dcec;border-radius:9px;width:100%;height:36px;padding:0 10px;font-size:11px}.cheer-form>div{gap:7px;margin-top:7px;display:flex}.cheer-form input{border:1px solid #a8cee9;border-radius:9px;outline:0;flex:1;min-width:0;height:42px;padding:0 11px;font-size:12px}.cheer-form input:focus{box-shadow:0 0 0 3px #1595f421}.cheer-form button{color:#fff;cursor:pointer;background:#168ff0;border:0;border-radius:9px;width:60px;font-size:11px;font-weight:800}.cheer-form button:disabled{cursor:not-allowed;background:#bed5e5}@keyframes sheet-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.community-panel{background:#fff;border:1px solid #cfe1ed;border-radius:15px;margin:12px 6px 0;overflow:hidden}.community-panel>header{justify-content:space-between;align-items:center;padding:14px 14px 10px;display:flex}.community-panel h2{margin:0;font-size:16px}.community-panel header p{color:#82929d;margin:3px 0 0;font-size:10px}.community-panel header>strong{color:#0874c5;text-align:center;background:#e8f5ff;border-radius:99px;min-width:30px;padding:5px 8px;font-size:10px}.community-write{background:#f8fcff;border:1px solid #b9d8ec;border-radius:11px;margin:0 12px 8px;padding:8px}.writer-identity{align-items:center;gap:6px;margin-bottom:7px;display:flex}.writer-identity>span{color:#fff;background:#168ff0;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:9px;font-weight:900;display:grid}.writer-identity strong{font-size:10px}.writer-identity i,.writer-identity b{border-radius:99px;padding:3px 6px;font-size:8px;font-style:normal}.writer-identity i{color:#577284;background:#e9f5fd}.writer-identity b{color:#0874c5;background:#ddecff}.write-row{align-items:center;gap:7px;display:flex}.community-write input{background:#fff;border:1px solid #d2e2ed;border-radius:7px;outline:0;flex:1;min-width:0;height:32px;padding:0 8px;font-size:11px}.community-write button,.reply-write button{color:#fff;cursor:pointer;background:#168ff0;border:0;border-radius:8px;height:31px;padding:0 11px;font-size:10px;font-weight:800}.community-write button:disabled,.reply-write button:disabled{cursor:not-allowed;background:#bdd5e5}.community-comments article{border-top:1px solid #edf2f5;padding:12px 14px}.comment-meta{align-items:center;gap:6px;display:flex}.comment-meta button,.reply-item>button{color:#086db8;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:800}.comment-meta span{color:#667d8d;background:#eff7fc;border-radius:99px;padding:3px 6px;font-size:8px}.comment-meta b{color:#0874c5;background:#e2f1ff;border-radius:99px;padding:3px 6px;font-size:8px}.comment-meta time{color:#a0abb3;margin-left:auto;font-size:8px}.community-comments article>p{color:#344a59;margin:7px 0;font-size:11px;line-height:1.5}.comment-actions{gap:10px;display:flex}.comment-actions button{color:#718591;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px}.reply-item{background:#f4f9fc;border-radius:9px;margin-top:9px;padding:9px 10px}.reply-item>button:before{content:"↳ ";color:#8ea1ad}.reply-item p{color:#455a68;margin:4px 0 0 13px;font-size:10px;line-height:1.45}.reply-write{gap:6px;margin-top:9px;display:flex}.reply-write input{border:1px solid #bdd8e9;border-radius:8px;outline:0;flex:1;min-width:0;height:33px;padding:0 9px;font-size:10px}.more-comments{color:#0874c5;cursor:pointer;background:#f8fbfd;border:0;border-top:1px solid #e5edf2;width:100%;height:40px;font-size:10px;font-weight:800}.message-overlay{z-index:130;background:#0a131b99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.message-modal{background:#fff;border-radius:16px;width:min(100%,390px);padding:0 16px 16px;box-shadow:0 18px 60px #0000004d}.message-modal header{border-bottom:1px solid #e8eef2;justify-content:space-between;align-items:center;min-height:54px;display:flex}.message-modal h2{margin:0;font-size:17px}.message-modal header button{cursor:pointer;background:0 0;border:0;width:35px;height:35px;font-size:27px}.message-modal>p{color:#536a79;margin:15px 0 8px;font-size:11px}.message-modal textarea{resize:none;border:1px solid #bfd7e7;border-radius:10px;outline:0;width:100%;min-height:130px;padding:11px;font-size:11px}.send-message,.message-sent button{color:#fff;cursor:pointer;background:#168ff0;border:0;border-radius:9px;width:100%;height:42px;margin-top:9px;font-size:11px;font-weight:800}.message-sent{text-align:center;flex-direction:column;align-items:center;padding:24px 0 2px;display:flex}.message-sent>span{color:#168ff0;background:#e5f5ff;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:13px;font-size:25px;font-weight:900;display:grid}.message-sent strong{font-size:13px}.reward-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0910179e;place-items:center;padding:0;display:grid;position:fixed;inset:0}.reward-center-overlay{align-items:center;padding:10px}.reward-center-overlay>.reward-overlay{z-index:120}.reward-center{background:#f4f8fb;border-radius:18px;width:min(100%,460px);max-height:calc(100svh - 20px);overflow-y:auto;box-shadow:0 20px 70px #0000005c}.reward-center>header{z-index:3;background:#fff;border-bottom:1px solid #e1eaf0;justify-content:space-between;align-items:flex-start;padding:16px 17px 12px;display:flex;position:sticky;top:0}.reward-center>header h2{margin:0;font-size:20px}.reward-center>header p{color:#7a8d99;margin:4px 0 0;font-size:10px}.reward-center>header button{color:#273945;cursor:pointer;background:0 0;border:0;width:36px;height:36px;font-size:28px}.reward-deadline{background:#fff9ed;border:1px solid #ffd3a0;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;margin:12px;padding:11px 13px;display:grid}.reward-deadline span{color:#80552a;font-size:10px;font-weight:800}.reward-deadline strong{color:#e06b25;letter-spacing:.3px;font-size:16px}.reward-deadline small{color:#9b7a5c;grid-column:1/-1;font-size:8px}.earned-rewards{background:#f0fcf8;border:1px solid #bee4da;border-radius:12px;margin:0 12px 12px;padding:12px}.earned-rewards h3{margin:0 0 9px;font-size:13px}.earned-rewards div{flex-wrap:wrap;gap:6px;display:flex}.earned-rewards span{color:#40615a;background:#fff;border-radius:8px;padding:6px 8px;font-size:9px;box-shadow:0 2px 6px #195e4c14}.reward-center-body{gap:10px;padding:0 12px 15px;display:grid}.reward-category{background:#fff;border:1px solid #d4e2ec;border-radius:14px;overflow:hidden}.reward-category-title{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;display:grid}.reward-category-title>span{background:#eaf7ff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.reward-category-title h3{margin:0;font-size:14px}.reward-category-title p{color:#82929d;margin:3px 0 0;font-size:9px}.reward-category-title b{color:#0874c5;background:#e8f5ff;border-radius:99px;padding:4px 7px;font-size:8px}.milestone-list{border-top:1px solid #edf2f5}.milestone-list>div,.single-reward-row{border-top:1px solid #eef2f5;justify-content:space-between;align-items:center;gap:8px;min-height:57px;padding:9px 12px;display:flex}.milestone-list>div:first-child{border-top:0}.milestone-list span,.single-reward-row span{flex-direction:column;gap:3px;display:flex}.milestone-list strong,.single-reward-row strong{font-size:11px}.milestone-list small,.single-reward-row small{color:#7d909c;font-size:8px}.milestone-list button,.single-reward-row button,.final-claim{color:#fff;cursor:pointer;background:#168ff0;border:0;border-radius:8px;height:33px;padding:0 12px;font-size:9px;font-weight:800}.milestone-list button:disabled,.single-reward-row button:disabled,.final-claim:disabled{cursor:default;background:#b8c9d5}.top3-category .reward-category-title>span{background:#fff6d9}.top3-category .reward-category-title b{color:#8a640c;background:#fff0bb}.single-reward-row{border-top:1px solid #eef2f5}.top3-podium{background:linear-gradient(#fff,#fbfdff);border-top:1px solid #eef2f5;grid-template-columns:repeat(3,1fr);align-items:end;gap:7px;padding:10px 12px 7px;display:grid}.top3-place{text-align:center;background:#fff;border:1px solid #dce6ed;border-radius:12px 12px 8px 8px;flex-direction:column;justify-content:center;align-items:center;min-height:96px;padding:8px 4px;display:flex;position:relative}.top3-place.first{background:linear-gradient(#fff8dc,#fff);border:2px solid #f1bd39;min-height:112px;box-shadow:0 7px 18px #b9801024}.top3-place.second{background:linear-gradient(#f4f8fb,#fff);border-color:#bdcbd6}.top3-place.third{background:linear-gradient(#fff4eb,#fff);border-color:#d9b493}.top3-place>em{color:#fff;background:#168ff0;border-radius:99px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:900;position:absolute;top:-7px;right:-4px}.top3-place>strong{color:#4a5d69;font-size:10px}.top3-place.first>strong{color:#98700f}.mint-coin{color:#fff;background:linear-gradient(145deg,#25cbb3,#0b9c8e);border:3px solid #81d9cc;border-radius:50%;place-items:center;width:31px;height:31px;margin:5px 0 3px;font-size:14px;font-style:normal;font-weight:900;display:grid;box-shadow:inset 0 -3px #0000001a,0 3px 7px #078c7d2e}.top3-place b{color:#132c3b;font-size:14px}.top3-place small{color:#7e909a;margin-top:1px;font-size:7px}.top3-claim{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1dbfa9,#0a9d90);border:0;border-radius:9px;width:calc(100% - 24px);height:38px;margin:4px 12px 12px;font-size:10px;font-weight:900;box-shadow:0 5px 12px #07978733}.top3-claim:disabled{box-shadow:none;cursor:default;background:#b8c9d5}.final-category .reward-category-title>span{background:#eef0ff}.final-items{grid-template-columns:1fr 20px 1fr;align-items:center;gap:7px;padding:2px 12px 11px;display:grid}.final-items>span{text-align:center;border:1px solid #d8e2ea;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:8px;display:flex}.final-items i{background:#f0f9ff;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:5px;font-size:28px;font-style:normal;display:grid}.final-items .mint-badge{color:#fff;background:linear-gradient(145deg,#25d9b0,#168ff0);font-size:25px;font-weight:900}.final-items strong{font-size:10px}.final-items small{color:#8998a2;margin-top:3px;font-size:7px}.final-items em{color:#71828d;text-align:center;font-size:18px;font-style:normal;font-weight:900}.final-claim{width:calc(100% - 24px);height:38px;margin:0 12px 12px}.roulette-modal{background:#ededed;border-radius:9px;flex-direction:column;width:min(100vw,440px);height:min(100svh,620px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 70px #00000061}.roulette-header{text-align:center;background:#fff;min-height:80px;padding:16px 42px 10px;position:relative}.roulette-header h2{letter-spacing:-.6px;margin:0;font-size:19px;font-weight:900}.roulette-header small{color:#899199;border:1px solid #ececec;margin-top:12px;padding:2px 5px;font-size:8px;display:inline-block}.roulette-header button{color:#23272b;cursor:pointer;background:0 0;border:0;width:36px;height:36px;font-size:32px;line-height:1;position:absolute;top:8px;right:10px}.roulette-header button:disabled{opacity:.25;cursor:not-allowed}.wheel-area{flex:1;place-items:center;min-height:0;padding:35px 16px 22px;display:grid;position:relative}.wheel-pointer{z-index:4;filter:drop-shadow(0 2px 2px #0003);border-top:34px solid #fff;border-left:20px solid #0000;border-right:20px solid #0000;width:0;height:0;position:absolute;top:9px;left:50%;transform:translate(-50%)}.roulette-wheel{aspect-ratio:1;will-change:transform;background:conic-gradient(#f7a0c4 0deg 36deg,#ffe6a0 36deg 108deg,#86baf0 108deg 216deg,#8edfcf 216deg 360deg);border:14px solid #fff;border-radius:50%;width:min(87vw,390px);transition:transform 3.8s cubic-bezier(.12,.72,.12,1);position:relative;box-shadow:0 4px 13px #00000029}.wheel-center{background:#fff;border:10px solid #ffffffa6;border-radius:50%;width:62px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-label{z-index:2;color:#050505;font-size:29px;font-weight:900;line-height:1;position:absolute}.label-1{top:16%;left:56%;transform:rotate(18deg)}.label-2{top:37%;right:13%;transform:rotate(-16deg)}.label-3{bottom:14%;left:56%;transform:rotate(-18deg)}.label-4{top:38%;left:14%;transform:rotate(22deg)}.spinning-label{color:#7e39e9;margin:0;font-size:12px;font-weight:800;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.roulette-actions{background:#fff;grid-template-columns:1fr 1fr;gap:8px;padding:14px 15px;display:grid}.roulette-actions button{cursor:pointer;border-radius:7px;height:44px;font-size:12px;font-weight:800}.roulette-actions button:disabled{opacity:.55;cursor:not-allowed}.probability-button{color:#7831df;background:#fff;border:1px solid #8a35f2}.spin-button{color:#fff;background:#8a35f2;border:1px solid #8a35f2}.probability-backdrop{z-index:10;background:#0000009e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.probability-modal{background:#fff;border-radius:8px;width:100%;padding:18px 15px 15px;box-shadow:0 12px 40px #00000040}.probability-modal h3{text-align:center;margin:0 0 15px;font-size:14px}.probability-modal ul{margin:0 0 27px;padding:0;list-style:none}.probability-modal li{color:#525c65;align-items:center;gap:5px;min-height:24px;font-size:11px;display:flex}.probability-modal li strong{color:#fff;text-align:center;border-radius:3px;min-width:30px;padding:3px 5px;font-size:10px}.probability-modal li span{white-space:nowrap}.probability-modal li i{border-top:1px dashed #b9b9b9;flex:1}.probability-modal li b{text-align:right;min-width:27px;font-weight:500}.probability-modal>button{color:#fff;cursor:pointer;background:#8a35f2;border:0;border-radius:5px;width:100%;height:37px;font-size:12px;font-weight:800}.reward-result-screen{background:#000;place-items:center;width:min(100vw,512px);height:min(100svh,384px);display:grid;position:relative;overflow:hidden}.reward-result-card{z-index:2;text-align:center;background:#90e2d2;border-radius:13px;width:66%;padding:26px 16px 16px;position:relative}.reward-result-card p{margin:0 0 8px;font-size:12px}.reward-result-card h2{margin:0 0 23px;font-size:20px}.reward-result-card button{color:#fff;cursor:pointer;background:#101010;border:0;border-radius:7px;width:100%;height:44px;font-weight:800}.confetti{position:absolute;inset:0}.confetti i{width:9px;height:20px;animation:2.2s linear infinite confetti-fall;position:absolute}.confetti i:nth-child(5n+1){background:#f72559}.confetti i:nth-child(5n+2){background:#ffad49}.confetti i:nth-child(5n+3){background:#18a9f5}.confetti i:nth-child(5n+4){background:#7cb342}.confetti i:nth-child(5n){background:#f25ee5}.confetti i:first-child{top:-6%;left:3%;transform:rotate(-11deg)}.confetti i:nth-child(2){top:18%;left:12%;transform:rotate(25deg)}.confetti i:nth-child(3){top:-10%;left:21%;transform:rotate(7deg)}.confetti i:nth-child(4){top:12%;left:29%;transform:rotate(40deg)}.confetti i:nth-child(5){top:-13%;left:38%;transform:rotate(-18deg)}.confetti i:nth-child(6){top:7%;left:47%;transform:rotate(12deg)}.confetti i:nth-child(7){top:-8%;left:55%;transform:rotate(-28deg)}.confetti i:nth-child(8){top:13%;left:64%;transform:rotate(17deg)}.confetti i:nth-child(9){top:-12%;left:73%;transform:rotate(8deg)}.confetti i:nth-child(10){top:16%;left:82%;transform:rotate(-19deg)}.confetti i:nth-child(11){top:-9%;left:91%;transform:rotate(26deg)}.confetti i:nth-child(12){top:46%;left:7%;transform:rotate(12deg)}.confetti i:nth-child(13){top:72%;left:18%;transform:rotate(-22deg)}.confetti i:nth-child(14){top:54%;left:31%;transform:rotate(37deg)}.confetti i:nth-child(15){top:80%;left:43%;transform:rotate(9deg)}.confetti i:nth-child(16){top:62%;left:57%;transform:rotate(-34deg)}.confetti i:nth-child(17){top:83%;left:69%;transform:rotate(21deg)}.confetti i:nth-child(18){top:51%;left:78%;transform:rotate(6deg)}.confetti i:nth-child(19){top:75%;left:88%;transform:rotate(-17deg)}.confetti i:nth-child(20){top:43%;left:97%;transform:rotate(31deg)}.confetti i:nth-child(21){top:42%;left:51%;transform:rotate(-9deg)}.confetti i:nth-child(22){top:36%;left:25%;transform:rotate(18deg)}@keyframes confetti-fall{0%{translate:0 -30px;rotate:none}to{translate:20px 430px;rotate:260deg}}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width>=560px){.ranking-card{border:1px solid #cbdfea;border-radius:20px;min-height:calc(100svh - 30px);margin:15px 0;box-shadow:0 14px 40px #1a45631f}.back-button{place-items:center;display:grid}.ranking-header>div:first-child{padding-left:18px}}@media (width<=390px){.ranking-card{padding-left:3px;padding-right:3px}.ranking-row-main,.table-heading{grid-template-columns:38px minmax(0,1fr) 92px 42px;padding-left:3px;padding-right:3px}.group-name strong{font-size:14px}.finish-time{font-size:13px}.reward-button{padding:0 7px;font-size:10px}.reward-button span{display:none}.search-square,.group-count{width:33px;height:33px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
