#q404-concept .r-wallet{margin-top:20px;color:#51315d}#q404-concept .r-wallet>div{display:flex;justify-content:space-between;font-size:14px;font-weight:800}#q404-concept .r-wallet progress{display:block;width:100%;height:8px;margin:9px 0 12px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#b5837830}#q404-concept .r-wallet progress::-webkit-progress-bar{background:#b5837830}#q404-concept .r-wallet progress::-webkit-progress-value{background:#704097;border-radius:10px}#q404-concept .r-wallet progress::-moz-progress-bar{background:#704097}#q404-concept .r-wallet p{font-size:14px;line-height:1.5;margin:0 0 16px}#q404-concept .r-wallet button{display:flex;justify-content:space-between;gap:12px;width:100%;min-height:48px;border:0;border-radius:15px;padding:13px 16px;background:#573476;color:#fff5df;font:inherit;font-size:15px;font-weight:900;text-align:left}#q404-concept .r-wallet button span{color:#ffe17b}
.r-dialog{box-sizing:border-box;width:calc(100% - 24px);max-width:530px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #846798;border-radius:28px;background:#291e40;color:#fff4de;font-family:'Nunito','Trebuchet MS','Segoe UI',sans-serif;overscroll-behavior:contain}.r-dialog::backdrop{background:#140a2cbf;backdrop-filter:blur(4px)}.r-dialog *{box-sizing:border-box}.r-dialog button{font:inherit;cursor:pointer}.r-dialog button:focus-visible{outline:3px solid #ffe477;outline-offset:3px}.r-dialog button:disabled{cursor:default;opacity:.65}.r-dialog header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 16px;background:#291e4afa;backdrop-filter:blur(12px)}.r-dialog header small{font-size:12px;font-weight:800;letter-spacing:1px;color:#caabf2}.r-dialog h2{margin:4px 0 0;font-size:27px;line-height:1.1;color:#fff4de}.r-dialog header button{background:#493364;color:#ffedbe;border:0;border-radius:14px;width:44px;height:44px;font-size:28px;flex-shrink:0}.r-body{padding:0 22px 24px}.r-total{padding:16px 18px;background:linear-gradient(120deg,#fce88f,#ffc97f);border-radius:20px;color:#412553}.r-total>span{font-size:14px;font-weight:800}.r-total>strong{display:block;font-size:32px;line-height:1.1;margin:7px 0}.r-total p{font-size:14px;line-height:1.45;margin:0;color:#67416b}.r-ladder{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 12px;margin:12px -2px 0;scrollbar-width:thin;scrollbar-color:#ab88dc #3a2a50}.r-ladder>button{scroll-snap-align:center;flex:0 0 148px;display:flex;flex-direction:column;gap:12px;min-height:184px;padding:16px 12px;border:1px solid #6b507e;border-radius:20px;text-align:left;background:#362746;color:#e0ccea}.r-ladder .r-selected{background:#594073;border:2px solid #ffe085;padding:15px 11px;box-shadow:inset 0 0 20px #ffe08510}.r-medal{display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(135deg,#8e64b3,#533767);border-radius:15px;font-size:29px;color:#ffe387}.r-unlocked .r-medal{background:linear-gradient(135deg,#fff0ac,#ffc669);color:#523160;box-shadow:0 3px 0 #ad7037}.r-ladder>button>span:last-child{display:grid;gap:4px}.r-ladder small{font-size:11px;font-weight:900;letter-spacing:.4px}.r-ladder b{font-size:16px;line-height:1.2;color:#fff5df}.r-ladder em{font-size:13px;font-style:normal}.r-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 18px;font-size:14px;color:#dcc8ef}.r-switch button{border:1px solid #775b91;background:#403058;color:#ffe597;width:44px;height:40px;border-radius:12px;font-size:23px}.r-prize{padding:18px;background:#3c2b52;border:1px solid #74578c;border-radius:22px}.r-prize-head{display:grid;gap:5px;margin-bottom:15px}.r-prize-head>span{font-size:13px;color:#dac1f1}.r-prize-head>strong{font-size:22px;line-height:1.2}.r-preview{display:flex;gap:20px;align-items:center;min-height:104px;padding:20px;border-radius:17px;background:#281c3b;color:#fff4de}.r-preview .q-avatar{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border-radius:20px;background:#fff0be;color:#56376a;font-size:20px;font-weight:900}.r-preview b{font-size:17px;line-height:1.3}.r-prize p{font-size:14px;line-height:1.5;margin:15px 0;color:#e0d0ed}.r-prize .r-status:empty{display:none}.r-prize .r-equip{min-height:48px;width:100%;padding:13px 15px;border:0;border-radius:14px;background:#ffe16b;color:#482c57;font-weight:900;font-size:16px}.r-prize .r-equip:disabled{background:#5d496e;color:#ddc9eb}.r-prize [data-r-retry]{width:100%;margin-top:10px;border:1px solid #b590d0;border-radius:12px;background:transparent;color:#f2e5ff;padding:12px}
.shop-frame-rank-100 .q-avatar,.q-shop-swatch.shop-frame-rank-100>span{outline:3px solid #fbc985;outline-offset:3px;box-shadow:0 0 16px #ffe09966}.shop-frame-rank-1000 .q-avatar,.q-shop-swatch.shop-frame-rank-1000>span{border:3px double #fff4ba;outline:3px solid #d49dff;outline-offset:3px;box-shadow:0 0 20px #bd7ff080}.shop-frame-rank-10000 .q-avatar,.q-shop-swatch.shop-frame-rank-10000>span{border:3px solid #7fe9d6;outline:2px solid #b798ff;outline-offset:4px;box-shadow:0 0 0 8px #57c9cd30}.shop-frame-rank-50000 .q-avatar,.q-shop-swatch.shop-frame-rank-50000>span{border:3px solid #fff5c6;outline:3px double #ffdf85;outline-offset:5px;box-shadow:0 0 0 10px #bd81ed50,0 0 25px #ffdc9288}.shop-background-rank-300{background:repeating-linear-gradient(135deg,#a779c015 0 1px,transparent 1px 16px),linear-gradient(135deg,#563b73,#271c46)!important}.shop-background-rank-2500{background:radial-gradient(ellipse at 10% 10%,#a7557166,transparent 70%),linear-gradient(130deg,#723952,#503260)!important}.shop-background-rank-25000{background:radial-gradient(ellipse at 75% -20%,#80efc580,transparent 70%),linear-gradient(135deg,#1e555c,#3f356f 70%,#674785)!important}:is(.shop-background-rank-300,.shop-background-rank-2500,.shop-background-rank-25000){color:#fff5e7!important}:is(.shop-background-rank-300,.shop-background-rank-2500,.shop-background-rank-25000) :is(h2,p,small,.q-handle,.q-match,.q-match-fact){color:#fff5e7!important}@media(max-width:350px){.r-body{padding:0 16px 18px}.r-dialog header{padding:18px 16px 14px}.r-dialog h2{font-size:24px}.r-preview{padding:16px;gap:17px}}