.online-reward-launcher{z-index:38;width:62px;height:66px;border-color:#d4bd73;border-radius:13px;background:linear-gradient(155deg,#244332f5,#0a1d16f7);box-shadow:0 4px 0 #07130f,0 10px 24px #0008,inset 0 0 0 1px #7da88a}
.online-reward-launcher-icon{display:block;width:34px;height:34px;background:url("/assets/ui-icons/online-reward-tier-01.png") center/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 3px 3px #0008);transition:transform .18s ease,filter .18s ease}
.online-reward-launcher:hover .online-reward-launcher-icon{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 7px #f1d476aa)}
.online-reward-launcher>small{color:#eddfa7;font:850 9px/1.2 "Segoe UI",Tahoma,sans-serif}
.online-reward-launcher>i{border-color:#10251c;background:linear-gradient(#ffe88f,#df9c3e);box-shadow:0 2px 8px #0009}

.online-rewards-panel{position:fixed;z-index:160;inset:50% auto auto 50%;display:flex;flex-direction:column;gap:0;width:min(760px,calc(100vw - 32px));height:min(780px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);overflow:hidden;padding:18px 20px 13px;transform:translate(-50%,-50%);border:1px solid #c5a85d;border-radius:15px;background:radial-gradient(ellipse at 84% 0%,#31513a88 0%,transparent 36%),linear-gradient(148deg,#102a20fa 0%,#091912fc 68%,#0a1b14fa 100%);color:#edf5e5;box-shadow:0 24px 76px #000d,0 0 0 2px #171a11,0 0 32px #e6c86612,inset 0 1px #fff3d41f;backdrop-filter:blur(14px)}
.online-rewards-panel.hidden{display:none!important}
.online-rewards-panel::before{position:absolute;inset:0 0 auto;height:2px;content:"";background:linear-gradient(90deg,transparent,#83d4a0 12%,#f0d882 50%,#8bce98 88%,transparent);opacity:.9}
.online-rewards-panel>.service-close{z-index:3;top:12px;right:12px;width:36px;height:36px;border:1px solid #c9ad60;border-radius:9px;background:linear-gradient(150deg,#6e4930,#402b24);color:#fff0d1;box-shadow:0 3px 8px #0009}
.online-rewards-hero{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:116px;margin:0 0 13px;padding:10px 45px 10px 8px;border-bottom:1px solid #9d8a513e}
.online-rewards-hero-art{position:relative;display:grid;place-items:center;width:86px;height:86px;border:1px solid #bda65e88;border-radius:13px;background:radial-gradient(circle,#f5cf5f26 0%,#153527cc 58%,#0d1c15 78%);box-shadow:inset 0 1px #fff2ca2a,0 8px 18px #0006}
.online-rewards-hero-art>span{width:72px;height:72px;background:url("/assets/ui-icons/online-reward-tier-08.png") center/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 2px 8px #f5d8755e);animation:online-reward-relic-breathe 3.8s ease-in-out infinite}
.online-rewards-hero-art>i{position:absolute;inset:9px;border:1px solid #e3cb7952;border-radius:50%;transform:rotate(-28deg) scaleY(.42);box-shadow:0 0 7px #d8c06a19}
.online-rewards-hero-copy{display:grid;gap:5px;min-width:0}
.online-rewards-hero-copy .service-kicker{display:flex;align-items:center;gap:7px;color:#e1c874;font:850 9px/1.3 "Segoe UI",Tahoma,sans-serif;letter-spacing:.12em}
.online-rewards-hero-copy .service-kicker>i{width:6px;height:6px;border-radius:50%;background:#9ee4a3;box-shadow:0 0 9px #9ee4a3;animation:online-reward-live 2s ease-in-out infinite}
.online-rewards-panel h2{margin:1px 0 0;color:#fff1be;font:950 24px/1.15 "Segoe UI",Tahoma,sans-serif;letter-spacing:.01em;text-shadow:0 2px #080f0b,0 0 20px #efd47a1c}
.online-rewards-intro{margin:0;color:#b7ccbb;font:600 11px/1.5 "Segoe UI",Tahoma,sans-serif}
.online-rewards-claimed-stat{display:grid;justify-items:end;gap:4px;align-self:center;white-space:nowrap}
.online-rewards-claimed-stat>b{color:#f4dfa0;font:950 23px/1 "Segoe UI",Tahoma,sans-serif;text-shadow:0 0 12px #e8ca6a35}
.online-rewards-claimed-stat>small{color:#9db6a4;font:700 9px "Segoe UI",Tahoma,sans-serif}

.online-rewards-progress-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:14px;padding:12px 14px;border:1px solid #53725c;border-radius:10px;background:linear-gradient(115deg,#11281fef,#0b1b14ef);box-shadow:inset 0 1px #ffffff0c,0 5px 15px #0003}
.online-rewards-progress{display:grid;gap:7px;min-width:0}
.online-rewards-progress>div{display:flex;justify-content:space-between;gap:12px;color:#c5d7c7;font:750 10px/1.35 "Segoe UI",Tahoma,sans-serif}
.online-rewards-progress>div>b{color:#f5e3a5;font-size:12px;font-variant-numeric:tabular-nums}
.online-rewards-progress>i{position:relative;display:block;height:9px;overflow:visible;border:1px solid #35483a;border-radius:9px;background:#06120d;box-shadow:inset 0 2px 4px #000b}
.online-rewards-progress>i>u{position:relative;z-index:1;display:block;width:0;height:100%;overflow:hidden;border-radius:8px;background:linear-gradient(90deg,#398f6a,#79c989 62%,#f1d17b);box-shadow:0 0 12px #75d69891;transition:width .6s cubic-bezier(.18,.68,.28,1);text-decoration:none}
.online-rewards-progress>i>span{position:absolute;top:-3px;z-index:2;width:1px;height:13px;background:#c8d8bc77;pointer-events:none}
.online-rewards-progress>i>span:nth-of-type(1){left:12.5%}.online-rewards-progress>i>span:nth-of-type(2){left:25%}.online-rewards-progress>i>span:nth-of-type(3){left:37.5%}.online-rewards-progress>i>span:nth-of-type(4){left:50%}.online-rewards-progress>i>span:nth-of-type(5){left:62.5%}.online-rewards-progress>i>span:nth-of-type(6){left:75%}.online-rewards-progress>i>span:nth-of-type(7){left:87.5%}
.online-rewards-progress>small{min-height:14px;color:#a9c6ad;font:700 9px/1.4 "Segoe UI",Tahoma,sans-serif}
.online-rewards-daily-cap{display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 6px;padding-left:15px;border-left:1px solid #4a6854}
.online-rewards-daily-cap>span{grid-row:span 2;color:#e7cf79;font-size:19px;text-shadow:0 0 12px #e0c66b55}
.online-rewards-daily-cap>b{color:#e7d695;font:900 13px/1.1 "Segoe UI",Tahoma,sans-serif}
.online-rewards-daily-cap>small{color:#9ab09e;font:700 8px "Segoe UI",Tahoma,sans-serif;white-space:nowrap}
.online-rewards-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 1px 8px}
.online-rewards-section-heading>b{color:#e8d79c;font:900 12px "Segoe UI",Tahoma,sans-serif}
.online-rewards-section-heading>small{color:#91a99a;font:600 9px "Segoe UI",Tahoma,sans-serif}
.online-rewards-list{display:grid;flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;overflow:auto;padding:2px 4px 5px 1px;scrollbar-color:#738758 #0c1913;scrollbar-width:thin;overscroll-behavior:contain}
.online-reward-row{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:76px;padding:8px 9px;border:1px solid #3f5d49;border-radius:10px;background:linear-gradient(120deg,#172c22f2,#102019f5);box-shadow:inset 0 1px #ffffff0b,0 4px 10px #0003;transition:transform .15s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.online-reward-row:hover{transform:translateY(-1px);border-color:#718d69;background:linear-gradient(120deg,#1b3528f5,#12241bf5)}
.online-reward-row.is-ready{border-color:#d2b962;background:linear-gradient(115deg,#3b3823,#1c3023 72%);box-shadow:inset 0 0 20px #f3d47613,0 0 13px #e3ca6d14,0 4px 12px #0005}
.online-reward-row.is-ready::before{position:absolute;inset:7px auto 7px -1px;width:2px;border-radius:3px;background:#f0d479;box-shadow:0 0 9px #f0d479a8;content:""}
.online-reward-row.is-claimed{border-color:#365642;background:linear-gradient(115deg,#10271d,#0d1c15);opacity:.72}
.online-reward-icon{position:relative;display:block;width:50px;height:50px;border:1px solid #637d60;border-radius:8px;background-color:#0c1a13;background-position:center;background-size:contain;background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #0008);transition:filter .2s ease,transform .2s ease}
.online-reward-icon-tier-1{background-image:url("/assets/ui-icons/online-reward-tier-01.png")}.online-reward-icon-tier-2{background-image:url("/assets/ui-icons/online-reward-tier-02.png")}.online-reward-icon-tier-3{background-image:url("/assets/ui-icons/online-reward-tier-03.png")}.online-reward-icon-tier-4{background-image:url("/assets/ui-icons/online-reward-tier-04.png")}.online-reward-icon-tier-5{background-image:url("/assets/ui-icons/online-reward-tier-05.png")}.online-reward-icon-tier-6{background-image:url("/assets/ui-icons/online-reward-tier-06.png")}.online-reward-icon-tier-7{background-image:url("/assets/ui-icons/online-reward-tier-07.png")}.online-reward-icon-tier-8{background-image:url("/assets/ui-icons/online-reward-tier-08.png")}
.online-reward-row.is-ready .online-reward-icon{border-color:#e3c96b;filter:drop-shadow(0 0 7px #e4ca6d66)}
.online-reward-row.is-ready:hover .online-reward-icon{transform:scale(1.05)}
.online-reward-row.is-claimed .online-reward-icon{border-color:#65a987;filter:saturate(.68) drop-shadow(0 2px 4px #0008)}
.online-reward-row.is-claimed .online-reward-icon::after{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:17px;height:17px;border:1px solid #b4ecc1;border-radius:50%;background:#235b3a;color:#d5f7d7;font:900 11px/1 "Segoe UI",Tahoma,sans-serif;content:"✓";box-shadow:0 2px 5px #0009}
.online-reward-copy{display:grid;gap:3px;min-width:0}
.online-reward-copy>b{overflow:hidden;color:#f3f1d9;font:850 11px/1.25 "Segoe UI",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.online-reward-copy>small{display:-webkit-box;overflow:hidden;color:#afc5b4;font:600 9px/1.35 "Segoe UI",Tahoma,sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.online-reward-claim{min-width:75px;min-height:34px;padding:6px 8px;border:1px solid #4f7860;border-radius:7px;background:linear-gradient(#1b4534,#153325);color:#c4e8cf;font:850 9px/1.2 "Segoe UI",Tahoma,sans-serif;cursor:pointer;transition:transform .12s ease,filter .15s ease,box-shadow .15s ease}
.online-reward-claim:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 4px 10px #0006}
.online-reward-claim:focus-visible,.online-reward-launcher:focus-visible,.online-rewards-panel button:focus-visible{outline:2px solid #f4dc85;outline-offset:3px}
.online-reward-row.is-ready .online-reward-claim{border-color:#e5cd77;background:linear-gradient(145deg,#f0d783,#cda448);color:#302513;box-shadow:inset 0 1px #fff8d8a8,0 3px 8px #0005}
.online-reward-row.is-claimed .online-reward-claim,.online-reward-claim:disabled{border-color:#3b5143;background:#17251d;color:#83968a;cursor:default;box-shadow:none}
.online-rewards-feedback{display:block;min-height:15px;margin:4px 0 0;color:#efda91;font:750 10px/1.5 "Segoe UI",Tahoma,sans-serif;text-align:center}
.online-rewards-feedback:empty{display:none}
.online-rewards-reset{display:block;flex:none;margin-top:auto;padding-top:7px;border-top:1px solid #54705a55;color:#91aa99;font:650 9px/1.5 "Segoe UI",Tahoma,sans-serif;text-align:center}
.online-rewards-empty{grid-column:1/-1;padding:22px 12px;border:1px dashed #58735b;border-radius:10px;color:#adc5b1;text-align:center;font:650 11px/1.5 "Segoe UI",Tahoma,sans-serif}
@keyframes online-reward-relic-breathe{0%,100%{transform:translateY(1px) scale(.98);filter:drop-shadow(0 2px 7px #f5d8754b)}50%{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 2px 11px #f5d87588)}}
@keyframes online-reward-live{0%,100%{opacity:.7}50%{opacity:1}}
@media(max-width:720px){.online-rewards-panel{inset:50% auto auto 50%;width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:13px 12px 10px}.online-rewards-panel>.service-close{top:10px;right:10px;width:34px;height:34px}.online-rewards-hero{grid-template-columns:66px minmax(0,1fr) auto;gap:9px;min-height:93px;margin-bottom:9px;padding:7px 40px 8px 1px}.online-rewards-hero-art{width:62px;height:62px;border-radius:10px}.online-rewards-hero-art>span{width:54px;height:54px}.online-rewards-hero-art>i{inset:7px}.online-rewards-hero-copy{gap:3px}.online-rewards-hero-copy .service-kicker{font-size:7px;letter-spacing:.08em}.online-rewards-panel h2{font-size:18px}.online-rewards-intro{font-size:9px}.online-rewards-claimed-stat>b{font-size:17px}.online-rewards-claimed-stat>small{font-size:7px}.online-rewards-progress-card{gap:10px;margin-bottom:10px;padding:10px}.online-rewards-progress>div{font-size:9px}.online-rewards-progress>div>b{font-size:11px}.online-rewards-daily-cap{gap:1px 4px;padding-left:9px}.online-rewards-daily-cap>span{font-size:16px}.online-rewards-daily-cap>b{font-size:11px}.online-rewards-daily-cap>small{font-size:7px}.online-rewards-section-heading{margin-bottom:6px}.online-rewards-list{grid-template-columns:minmax(0,1fr);gap:6px}.online-reward-row{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;min-height:64px;padding:6px 8px}.online-reward-icon{width:46px;height:46px}.online-reward-copy>b{font-size:10px}.online-reward-copy>small{font-size:8px}.online-reward-claim{min-width:67px;min-height:32px;padding:5px 6px;font-size:8px}.online-rewards-feedback{margin-top:2px;font-size:9px}}
@media(max-width:380px){.online-rewards-hero{grid-template-columns:56px minmax(0,1fr) auto;gap:7px}.online-rewards-hero-art{width:53px;height:53px}.online-rewards-hero-art>span{width:47px;height:47px}.online-rewards-claimed-stat>b{font-size:15px}.online-rewards-hero-copy .service-kicker{font-size:6px}.online-rewards-panel h2{font-size:16px}.online-reward-row{grid-template-columns:41px minmax(0,1fr) auto;gap:6px;padding:5px}.online-reward-icon{width:40px;height:40px}.online-reward-claim{min-width:62px}}
@media(max-height:650px){.online-rewards-panel{padding-top:10px;padding-bottom:8px}.online-rewards-hero{min-height:84px;margin-bottom:7px}.online-rewards-hero-art{width:66px;height:66px}.online-rewards-hero-art>span{width:56px;height:56px}.online-rewards-progress-card{margin-bottom:8px;padding:8px 11px}.online-rewards-section-heading{margin-bottom:4px}.online-reward-row{min-height:60px;padding:5px 8px}.online-reward-icon{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.online-reward-launcher-icon,.online-reward-row,.online-reward-icon,.online-rewards-progress>i>u,.online-rewards-hero-art>span,.online-rewards-hero-copy .service-kicker>i{animation:none!important;transition:none!important}}