.pt-ico{vertical-align:-.28em;background:url(/trangnguyen/images/icons/point.png) 0 0/3.75em 3.75em no-repeat;width:1.25em;height:1.25em;margin-right:4px;display:inline-block}.pt-ico.coin{background-position:-1.25em 0}.pt-ico.gem{background-position:-2.5em 0}.pt-ico.big{background-size:78px 78px;width:26px;height:26px;margin:0 auto 2px;display:block}.pt-ico.big.coin{background-position:-26px 0}.pt-ico.big.gem{background-position:-52px 0}.pt-toasts{top:calc(84px + var(--eco-h,0px));z-index:1300;pointer-events:none;flex-direction:column;gap:10px;width:360px;display:flex;position:fixed;right:20px}.pt-toast{--pt-accent:#c1272d;box-sizing:border-box;color:#1f2937;pointer-events:auto;background:#fff;border:1px solid #0f172a14;border-radius:16px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;width:100%;padding:14px 40px 16px 14px;animation:.35s cubic-bezier(.2,1.2,.4,1) pt-in;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 44px -16px #0f172a59,0 2px 6px #0f172a0f}.pt-toast.streak{--pt-accent:#ea580c}.pt-toast.plain{align-items:center}.pt-badge{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--pt-accent) 70%, #fff), var(--pt-accent));width:44px;height:44px;box-shadow:0 6px 14px -6px color-mix(in srgb, var(--pt-accent) 70%, transparent),inset 0 1px 0 #ffffff4d;border-radius:12px;place-items:center;font-size:22px;display:grid}.pt-badge svg{filter:drop-shadow(0 1px 1px #0000002e);animation:.6s cubic-bezier(.2,1.6,.4,1) 50ms both pt-pop}.streak .pt-badge{background:linear-gradient(135deg,#fb923c,#f43f5e);box-shadow:0 6px 14px -4px #f43f5e80}.plain .pt-badge{color:#64748b;box-shadow:none;background:#f1f5f9}.pt-main{flex-direction:column;gap:3px;min-width:0;display:flex}.pt-title{color:var(--pt-accent);font-size:15px;font-weight:800;line-height:1.3}.pt-sub,.pt-msg{color:#4b5563;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.pt-msg{color:#1f2937;font-size:14px;font-weight:600}.pt-items{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));grid-column:1/-1;gap:8px;margin:2px -26px 0 0;display:grid}.pt-items[data-n="1"]{--n:1}.pt-items[data-n="2"]{--n:2}.pt-items[data-n="3"]{--n:3}.pt-item{border-radius:12px;grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:6px;min-width:0;padding:8px;display:grid}.pt-item .pt-ico{vertical-align:0;background-size:72px 72px;grid-row:1/span 2;width:24px;height:24px;margin:0}.pt-item .pt-ico.coin{background-position:-24px 0}.pt-item .pt-ico.gem{background-position:-48px 0}.pt-item .pt-val{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:900;line-height:1.1;overflow:hidden}.pt-item .pt-val small{font-size:.62em;font-weight:800}.pt-item .pt-unit{opacity:.75;white-space:nowrap;letter-spacing:-.01em;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.pt-item .pt-unit em{font-style:normal;font-weight:600}.pt-item.xp{color:#b91c1c;background:#fff1f1}.pt-item.coin{color:#b45309;background:#fff6e0}.pt-item.gem{color:#4338ca;background:#eef2ff}.pt-items:not([data-n="1"]) .pt-item .pt-val small{display:none}.pt-items[data-n="1"] .pt-item{border:1px solid color-mix(in srgb, currentColor 18%, transparent);background-image:radial-gradient(120% 140% at 0% 50%, color-mix(in srgb, currentColor 14%, transparent), transparent 60%);grid-template-columns:48px minmax(0,1fr);column-gap:12px;padding:10px 14px 10px 10px;position:relative;overflow:hidden}.pt-items[data-n="1"] .pt-item .pt-ico{width:40px;height:40px;filter:drop-shadow(0 4px 8px color-mix(in srgb, currentColor 40%, transparent));background-size:120px 120px;justify-self:center;animation:.6s cubic-bezier(.2,1.6,.4,1) .1s both pt-pop}.pt-items[data-n="1"] .pt-item .pt-ico.coin{background-position:-40px 0}.pt-items[data-n="1"] .pt-item .pt-ico.gem{background-position:-80px 0}.pt-items[data-n="1"] .pt-item:before{content:"";background:color-mix(in srgb, currentColor 10%, #fff);border-radius:50%;width:48px;height:48px;margin-top:-24px;position:absolute;top:50%;left:4px}.pt-items[data-n="1"] .pt-item .pt-ico{position:relative}.pt-items[data-n="1"] .pt-item .pt-val{letter-spacing:-.02em;font-size:26px}.pt-items[data-n="1"] .pt-item .pt-unit{opacity:.85;font-size:12px}.pt-items[data-n="1"] .pt-item:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffffb3 50%,#0000 65%);animation:1.4s .35s pt-shine;position:absolute;inset:0;transform:translate(-100%)}.pt-level{flex-direction:column;grid-column:1/-1;gap:6px;margin-right:-26px;display:flex}.pt-level-head{align-items:baseline;gap:6px;min-width:0;font-size:12px;display:flex}.pt-level-head b{color:#1f2937;font-size:12.5px;font-weight:800}.pt-level-head span{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pt-level-head em{color:#6b7280;white-space:nowrap;margin-left:auto;font-style:normal;font-weight:600}.pt-level-bar{background:#f1f1f4;border-radius:99px;height:8px;position:relative;overflow:hidden}.pt-level-bar i{border-radius:99px;position:absolute;top:0;bottom:0}.pt-level-bar .old{background:linear-gradient(90deg,#fca5a5,#ef4444);left:0}.pt-level-bar .gain{background:linear-gradient(90deg,#f6c143,#fbbf24);width:0;animation:.9s cubic-bezier(.3,.9,.3,1) .45s forwards pt-gain;box-shadow:0 0 8px #fbbf24cc}.levelup .pt-level-head em{color:#b45309;font-weight:800}.pt-toast.levelup{--pt-accent:#d97706}.levelup .pt-badge{background:linear-gradient(135deg,#fde68a,#f59e0b);animation:.6s cubic-bezier(.2,1.6,.4,1) pt-pop;box-shadow:0 6px 14px -4px #f59e0b8c}@keyframes pt-pop{0%{opacity:0;transform:scale(.4)rotate(-20deg)}}@keyframes pt-shine{to{transform:translate(100%)}}@keyframes pt-gain{to{width:var(--w)}}.pt-close{color:#9ca3af;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;top:10px;right:10px}.pt-close:hover{color:#374151;background:#0f172a0f}.pt-time{background:linear-gradient(90deg, var(--pt-accent), #f6c143);transform-origin:0;width:100%;height:3px;animation:pt-time var(--pt-life,4.5s) linear forwards;position:absolute;bottom:0;left:0}.paused .pt-time{animation-play-state:paused}html[data-theme=dark] .pt-toast{color:#e8eaf6;background:#1b1d2e;border-color:#ffffff1a;box-shadow:0 20px 44px -16px #000000b3}html[data-theme=dark] .plain .pt-badge{color:#c7cbe0;background:#ffffff14}html[data-theme=dark] .pt-title{color:#ff8a8a}html[data-theme=dark] .streak .pt-title{color:#fdba74}html[data-theme=dark] .pt-sub{color:#a9a5d6}html[data-theme=dark] .pt-msg{color:#e8eaf6}html[data-theme=dark] .pt-item.xp{color:#fca5a5;background:#ef444424}html[data-theme=dark] .pt-item.coin{color:#fcd34d;background:#f59e0b24}html[data-theme=dark] .pt-item.gem{color:#c7d2fe;background:#6366f129}html[data-theme=dark] .pt-close:hover{color:#fff;background:#ffffff14}html[data-theme=dark] .pt-items[data-n="1"] .pt-item:before{background:#ffffff14}html[data-theme=dark] .pt-items[data-n="1"] .pt-item:after{background:linear-gradient(105deg,#0000 35%,#ffffff2e 50%,#0000 65%)}html[data-theme=dark] .pt-level-head b{color:#e8eaf6}html[data-theme=dark] .pt-level-head span,html[data-theme=dark] .pt-level-head em{color:#a9a5d6}html[data-theme=dark] .levelup .pt-level-head em{color:#fcd34d}html[data-theme=dark] .pt-level-bar{background:#ffffff14}@media (max-width:600px){.pt-toasts{top:calc(10px + var(--eco-h,0px));width:auto;left:10px;right:10px}.pt-toast{grid-template-columns:40px minmax(0,1fr);padding:12px 38px 14px 12px}.pt-badge{width:40px;height:40px;font-size:20px}.pt-item{grid-template-columns:22px minmax(0,1fr);column-gap:6px;padding:7px 8px}.pt-item .pt-ico{background-size:66px 66px;width:22px;height:22px}.pt-item .pt-ico.coin{background-position:-22px 0}.pt-item .pt-ico.gem{background-position:-44px 0}.pt-item .pt-val{font-size:15px}}@keyframes pt-in{0%{opacity:0;transform:translate(24px)}}@keyframes pt-time{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.pt-toast,.pt-time,.pt-item:after,.pt-ico,.pt-badge{animation:none!important}.pt-level-bar .gain{width:var(--w);animation:none}}
.li-stack{z-index:380;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;left:270px}.li-card{background:#fff;border:1px solid #ffd9d9;border-radius:16px;align-items:center;gap:12px;width:380px;max-width:calc(100vw - 32px);padding:12px 14px;animation:.35s cubic-bezier(.2,1.4,.4,1) li-in;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #9f3a3e33}.li-text{flex:1;min-width:0}.li-text b{color:#1f2937;font-size:14px;display:block}.li-text small{color:#6b7280;font-size:12px}.li-timer{transform-origin:0;background:linear-gradient(90deg,#9f3a3e,#c1272d);width:100%;height:3px;animation:linear forwards li-shrink;position:absolute;bottom:0;left:0}.li-actions{flex-direction:column;gap:4px;display:flex}.li-accept{color:#fff;text-align:center;background:linear-gradient(45deg,#9f3a3e,#c1272d);border-radius:10px;padding:7px 12px;font-size:13px;font-weight:800}.li-accept:hover{color:#fff;filter:brightness(1.06)}.li-decline{color:#6b7280;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;font-size:12px}@keyframes li-in{0%{opacity:0;transform:translateY(16px)scale(.95)}}@keyframes li-shrink{to{transform:scaleX(0)}}@media (max-width:900px){.li-stack{left:16px}}