:root{--deep-purple:#1a0b33;--violet:#3a1a66;--panel:#2a1548;--panel-dark:#1f0f38;--royal-blue:#1b2a6b;--cyan:#35e0ff;--pink:#ff2e9d;--pink-dark:#c1136f;--gold:#ffc83a;--gold-hi:#ffe27a;--gold-lo:#b97a12;--green:#35d435;--cream:#fff6e5;--font-heavy:"Arial Black", "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{background:var(--deep-purple);width:100%;height:100%;font-family:var(--font-heavy);color:var(--cream);margin:0;padding:0;overflow:hidden}.app-root,#root{background:var(--deep-purple);width:100%;height:100%;position:relative;overflow:hidden}ion-app{background:var(--deep-purple)}.screen{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background-position:top;background-repeat:no-repeat;background-size:cover;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.screen-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:0 16px 28px;overflow-y:auto}.gbtn{cursor:pointer;font-family:var(--font-heavy);color:#fff;text-shadow:0 2px 3px #00000073;letter-spacing:1px;border:none;border-radius:22px;outline:none;justify-content:center;align-items:center;gap:8px;padding:16px 26px;font-size:22px;font-weight:900;transition:transform 80ms;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #00000059,0 10px 22px #00000073}.gbtn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff0f);border-radius:18px 18px 40px 40px;height:40%;position:absolute;top:6%;left:6%;right:6%}.gbtn:active{transform:scale(.96)translateY(2px);box-shadow:0 3px #00000059,0 5px 12px #0006,inset 0 4px 8px #00000059}.gbtn:active:before{opacity:.4}.gbtn-pink{background:linear-gradient(180deg, #ff67c0 0%, var(--pink) 45%, var(--pink-dark) 100%);border:3px solid #ffd7ef;box-shadow:0 6px #7d0a49,0 10px 24px #ff2e9d80}.gbtn-green{background:linear-gradient(180deg, #7dff7d 0%, var(--green) 45%, #159415 100%);border:3px solid #d8ffd8;box-shadow:0 6px #0c5c0c,0 10px 22px #35d43566}.gbtn-blue{background:linear-gradient(#6ea8ff 0%,#2f63e0 45%,#1a3a9e 100%);border:3px solid #cfe0ff;box-shadow:0 6px #0e2266,0 10px 22px #2f63e073}.gbtn-purple{background:linear-gradient(#b06bff 0%,#7d2fe0 45%,#4d179e 100%);border:3px solid #e6cfff;box-shadow:0 6px #2d0d66,0 10px 22px #7d2fe073}.gbtn-gold{color:#5a3300;text-shadow:0 1px 1px #ffffff80;background:linear-gradient(#ffe27a 0%,#ffb02e 45%,#c97a08 100%);border:3px solid #fff3c9;box-shadow:0 6px #7a4a00,0 10px 22px #ffb02e73}.gbtn-violet{background:linear-gradient(#8f7fc9 0%,#5b4a99 45%,#382a6b 100%);border:3px solid #d5ccf2;box-shadow:0 6px #1e1440,0 10px 22px #5b4a9973}.gbtn-cyan{background:linear-gradient(#8ef2ff 0%,#22b8e0 45%,#0e6f96 100%);border:3px solid #d2f8ff;box-shadow:0 6px #06405c,0 10px 22px #22b8e073}.gbtn:disabled{filter:grayscale(.7)brightness(.7);pointer-events:none}.gbtn-big{letter-spacing:2px;border-radius:28px;padding:20px 30px;font-size:30px}.gbtn-small{border-radius:14px;padding:10px 16px;font-size:15px;box-shadow:0 4px #00000059,0 6px 12px #0006}.panel{background:linear-gradient(#3a1a66eb,#1f0f38f0);border:3px solid #ffc258bf;border-radius:24px;padding:16px;box-shadow:0 4px #0000004d,0 12px 26px #00000080,inset 0 2px 8px #ffffff1f}.panel-title{letter-spacing:2px;color:var(--gold-hi);text-shadow:0 2px #7a4a00,0 4px 10px #0009;text-align:center;margin:14px 0 10px;font-size:22px}.points-badge{aspect-ratio:440/131;width:148px;box-shadow:none;filter:drop-shadow(0 3px 6px #0006);background:0 0;border:none;padding:0;position:relative}.points-badge .pts-plate{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.points-badge .pts-value{text-align:center;color:#fff8e8;text-shadow:0 2px #3a1468,0 2px 6px #0000008c;z-index:1;font-size:15px;line-height:1;position:absolute;top:50%;left:44%;right:7%;transform:translateY(-52%)}.home-menu{z-index:5;pointer-events:none;flex-direction:column;justify-content:center;gap:9px;display:flex;position:absolute;inset:30% 7% 13% 30%}.home-menu-btn{pointer-events:auto;filter:drop-shadow(0 5px 10px #0006);-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:88%;max-width:300px;margin-left:auto;padding:0;transition:transform 80ms;display:block}.home-menu-btn img{pointer-events:none;object-fit:contain;width:100%;height:auto;max-height:64px;display:block}.home-menu-btn-big{width:96%;max-width:320px}.home-menu-btn-big img{max-height:72px}.home-menu-btn:active{filter:drop-shadow(0 3px 6px #00000059);transform:scale(.96)translateY(2px)}.crown-float{transform-origin:50% 80%;filter:drop-shadow(0 0 6px #ffd246d9);animation:1.5s ease-in-out infinite crownFloat}@keyframes crownFloat{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-6px)rotate(8deg)}}.skills-panel{left:5%;right:5%;bottom:calc(84px + env(safe-area-inset-bottom,0px));background:linear-gradient(#5a2ca8 0%,#35186e 52%,#1c0d3e 100%);border:3px solid #ffe27a;border-radius:22px;padding:14px 12px 12px;position:absolute;overflow:hidden;box-shadow:0 5px #6a3a10,0 12px 24px #00000080,inset 0 2px #ffffff38}.skills-panel:before{content:"";pointer-events:none;background:linear-gradient(#ffffff38,#fff0);border-radius:16px 16px 40px 40px;height:36px;position:absolute;top:6px;left:6%;right:6%}.skill-card{-webkit-tap-highlight-color:transparent;background:linear-gradient(#6b38c4 0%,#3a1878 55%,#241048 100%);border:2px solid #ffe27a;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #4a2080,inset 0 1px #ffffff40}.skill-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff47,#fff0);border-radius:12px;height:30%;position:absolute;top:3px;left:10%;right:10%}.skill-card-on{border-color:#8ef2ff;box-shadow:0 0 12px #35e0ff8c,0 3px #0a4060,inset 0 1px #ffffff4d}.skill-name{color:#fff;text-align:center;text-shadow:0 1px 3px #000c;font-size:10px;line-height:1.1}.skill-count{color:#ffe27a;text-shadow:0 1px 2px #0009;font-size:11px}.skill-dot{background:linear-gradient(#8ef2ff,#22b8e0);border:1.5px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:5px;right:5px;box-shadow:0 0 6px #35e0ffcc}.shop-label-wrap{justify-content:center;margin:2px 0 10px;display:flex}.shop-label{letter-spacing:2px;color:#5a3300;text-shadow:0 1px #ffffff8c;background:linear-gradient(#fff3c9 0%,#ffd54a 38%,#ffb02e 62%,#c97a08 100%);border:2px solid #fff8e0;border-radius:999px;padding:8px 26px;font-size:16px;position:relative;overflow:hidden;box-shadow:0 3px #7a4a00,0 6px 14px #00000059,inset 0 2px #ffffff8c}.shop-label:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:999px;height:42%;position:absolute;top:6%;left:10%;right:10%}.shop-card{box-shadow:none;filter:drop-shadow(0 4px 8px #00000059);background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;gap:3px;padding:16px 16px 12px;display:flex;position:relative;overflow:hidden}.shop-plate{object-fit:fill;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.shop-card>:not(.shop-plate){z-index:1;position:relative}.shop-card-flash{filter:drop-shadow(0 0 10px #7dff7db3)brightness(1.08)}.shop-card-on{filter:drop-shadow(0 0 10px #35e0ff73)}.lb-row{min-height:58px;box-shadow:none;filter:drop-shadow(0 4px 6px #00000059);background:0 0;border:none;align-items:center;gap:10px;padding:8px 39px 8px 33px;display:flex;position:relative}.lb-plate{object-fit:fill;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.lb-row>:not(.lb-plate){z-index:1;position:relative}.lb-row-me{filter:drop-shadow(0 4px 8px #148cbe59)}.lb-rank{width:32px;height:32px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.lb-rank img{object-fit:contain;pointer-events:none;width:100%;height:100%}.lb-rank span{color:#fff8e8;text-shadow:0 2px #3a1468;pointer-events:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.lb-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:50px;height:50px;display:block;box-shadow:0 3px 8px #0006}.lb-name{text-shadow:0 2px 3px #0000008c;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;overflow:hidden}.lb-score{background:0 0;flex-shrink:0;align-items:center;gap:5px;padding:4px 2px;display:flex}.lb-score img{width:18px;height:18px}.lb-score span{color:#ffe27a;text-shadow:0 1px 2px #00000080;text-align:right;min-width:48px;font-size:14px}.gift-card{filter:drop-shadow(0 3px 6px #00000059);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:92px;padding:8px 6px;display:flex;position:relative}.gift-card-wide{flex-direction:row;grid-column:1/-1;gap:12px;min-height:68px;padding:8px 18px}.gift-plate{object-fit:fill;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.gift-card>:not(.gift-plate){z-index:1;position:relative}.gift-day{color:#ffe27a;text-shadow:0 1px 2px #000000b3;font-size:11px}.gift-card-wide .gift-day{font-size:14px}.gift-icon{object-fit:cover;border-radius:8px;width:36px;height:36px}.gift-card-wide .gift-icon{width:52px;height:52px}.gift-label{text-align:center;color:#fff;text-shadow:0 1px 2px #000000b3;font-size:10px;line-height:1.15}.gift-card-wide .gift-label{font-size:13px}.hdr-btn{color:#fff;width:52px;height:52px;font-size:24px;font-family:var(--font-heavy);background:linear-gradient(#8f7fc9,#4d3a8f 60%,#32245e);border:3px solid #d5ccf2;border-radius:16px;justify-content:center;align-items:center;transition:transform 80ms;display:flex;box-shadow:0 4px #1e1440,0 8px 16px #00000080}.hdr-btn:active{transform:scale(.94)translateY(2px);box-shadow:0 2px #1e1440}.set-row{justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:2px 4px;display:flex}.set-label{letter-spacing:1px;white-space:nowrap;color:#fff6d8;text-shadow:0 2px #3a1468,0 3px 8px #000000bf;font-size:15px}.img-press{filter:drop-shadow(0 4px 8px #0000006b);-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;transition:transform 80ms;display:block}.img-press img{pointer-events:none;width:100%;height:auto;display:block}.img-press:active{transform:scale(.96)translateY(2px)}.tgl-img{width:108px}.apply-img{width:210px;margin:4px auto 0}input[type=range].gslider{appearance:none;width:148px;height:48px;box-shadow:none;background:0 0;border:none;outline:none;margin:0;padding:0}input[type=range].gslider::-webkit-slider-runnable-track{height:18px;box-shadow:none;background:url(./slider_track.png) 50%/100% 100% no-repeat;border:none}input[type=range].gslider::-webkit-slider-thumb{appearance:none;width:34px;height:47px;box-shadow:none;cursor:pointer;background:url(./slider_knob.png) 50%/contain no-repeat;border:none;border-radius:0;margin-top:-20px}.big-title{letter-spacing:2px;color:var(--gold-hi);text-shadow:0 3px #7a4a00,0 0 18px #ff2e9d8c,0 6px 14px #000000b3;text-align:center;font-size:34px}.fade-in{animation:.35s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:1.1s ease-in-out infinite pulse}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.15)}30%{transform:translate(-50%,-6px)scale(1)}to{opacity:0;transform:translate(-50%,-90px)scale(1)}}.screen-scroll::-webkit-scrollbar{display:none}