.cn-nen{background:var(--nen);min-height:100dvh}.cn{--cn-dung:#16a34a;--cn-vang:#f59e0b;max-width:560px;min-height:100dvh;color:inherit;flex-direction:column;gap:12px;margin:0 auto;padding:12px 16px 24px;display:flex}.cn-dau{justify-content:space-between;align-items:center;gap:8px;display:flex}.cn-ten{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.cn-nut-nho{color:inherit;background:var(--nen-phu);width:40px;height:40px;box-shadow:var(--bong);border:0;border-radius:12px;place-items:center;font-size:18px;display:grid}.cn-the{background:var(--nen-phu);box-shadow:var(--bong);border-radius:24px;padding:20px}.cn-tieu{font-size:22px;font-weight:900;line-height:1.2}.cn-luat{opacity:.8;margin-top:8px;font-size:14px}.cn-luoi-che-do{gap:10px;margin-top:14px;display:grid}.cn-che-do{color:#fff;text-align:left;border:0;border-radius:20px;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 18px;transition:transform .15s;display:flex}.cn-che-do:hover,.cn-che-do:focus-visible{transform:scale(1.02)}.cn-che-do--de{background:linear-gradient(135deg,#22c55e,#15803d)}.cn-che-do--tb{background:linear-gradient(135deg,#3b82f6,#6d28d9)}.cn-che-do--kho{background:linear-gradient(135deg,#f97316,#dc2626)}.cn-che-do__ten{font-size:22px;font-weight:900}.cn-che-do__giay{opacity:.9;font-size:14px;font-weight:700}.cn-che-do__ky{background:#00000038;border-radius:999px;margin-top:4px;padding:2px 10px;font-size:12px;font-weight:800}.cn-san{flex-direction:column;flex:1;gap:10px;display:flex;position:relative}.cn-hud{background:var(--nen-phu);box-shadow:var(--bong);border-radius:18px;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.cn-lv{color:var(--tim-dam);font-size:18px;font-weight:900}.cn-tim{gap:2px;display:flex}.cn-tim--con{fill:#ef4444;color:#ef4444}.cn-tim--mat{color:currentColor;opacity:.25}.cn-diem{font-variant-numeric:tabular-nums;font-size:18px;font-weight:900}.cn-phu{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.cn-nitro{color:var(--cn-vang);flex:1;align-items:center;gap:6px;max-width:180px;display:flex}.cn-nitro__vach{background:var(--nen-phu);border-radius:999px;flex:1;height:8px;overflow:hidden}.cn-nitro__vach>span{background:linear-gradient(90deg,#facc15,#f97316);height:100%;transition:width .25s;display:block}.cn-buff-dang{align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.cn-buff-dang>span{background:var(--tim-nhat);color:var(--tim-dam);border-radius:999px;align-items:center;gap:2px;padding:2px 8px;display:inline-flex}.cn-buff-dang>.cn-combo{background:var(--cn-vang);color:#fff;animation:.3s cn-nay}.cn-gio{background:var(--nen-phu);border-radius:999px;height:10px;overflow:hidden}.cn-gio>span{height:100%;transition:width .1s linear,background-color .3s;display:block}.cn-gio--xanh>span{background:#22c55e}.cn-gio--vang>span{background:#f59e0b}.cn-gio--do>span{background:#ef4444;animation:.5s infinite alternate cn-dap}.cn-cau{background:var(--nen-phu);min-height:clamp(150px,30vh,260px);box-shadow:var(--bong);border-radius:24px;flex:none;place-items:center;padding:16px;animation:.25s ease-out cn-vao;display:grid}.cn-de{letter-spacing:.5px;text-align:center;font-variant-numeric:tabular-nums;word-break:break-word;font-size:clamp(34px,11vw,56px);font-weight:900;line-height:1.15}.cn-de--nho{font-size:clamp(26px,8vw,44px)}.cn-nhan{text-transform:uppercase;color:var(--tim-dam);font-size:13px;font-weight:800}.cn-o{background:var(--tim-nhat);min-width:1.3em;color:var(--tim-dam);border-radius:12px;place-items:center;display:inline-grid}.cn-doc{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-size:clamp(32px,10vw,52px);font-weight:900;line-height:1.1;display:inline-flex}.cn-doc__dong{gap:.3em;display:flex}.cn-doc__dau{text-align:left;min-width:.7em}.cn-doc__gach{background:currentColor;border-radius:2px;align-self:stretch;height:4px;margin:4px 0}.cn-doc__hoi{color:var(--tim-dam)}.cn-dap{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cn-dap--3{grid-template-columns:repeat(3,1fr)}.cn-o-dap{color:inherit;background:var(--nen-phu);min-height:76px;box-shadow:var(--bong);font-variant-numeric:tabular-nums;border:3px solid #0000;border-radius:20px;font-size:clamp(24px,7.5vw,36px);font-weight:900;transition:transform .12s,border-color .15s;position:relative}.cn-o-dap:not(:disabled):hover{transform:scale(1.04)}.cn-o-dap:not(:disabled):active{transform:scale(.97)}.cn-o-dap__phim{opacity:.45;font-size:11px;font-weight:800;position:absolute;top:6px;left:10px}.cn-o-dap--dung{border-color:var(--cn-dung);background:#22c55e2e;animation:.3s cn-nay}.cn-o-dap--sai{background:#ef444426;border-color:#ef4444;animation:.35s cn-lac}.cn-o-dap--mo{opacity:.45}.cn-o-dap--xoa{opacity:.15;text-decoration:line-through}.cn-phu-buff{z-index:2;background:#00000073;border-radius:24px;place-items:center;padding:8px;display:grid;position:absolute;inset:0}.cn-luoi-buff{gap:10px;margin-top:14px;display:grid}.cn-buff{text-align:left;background:var(--nen);border:2px solid var(--tim-nhat);border-radius:18px;grid-template-rows:auto auto;grid-template-columns:48px 1fr;align-items:center;column-gap:12px;padding:12px 14px;transition:transform .15s;display:grid}.cn-buff:hover,.cn-buff:focus-visible{border-color:var(--tim-dam);transform:scale(1.02)}.cn-buff__icon{background:var(--tim-nhat);width:48px;height:48px;color:var(--tim-dam);border-radius:14px;grid-row:span 2;place-items:center;font-size:18px;font-weight:900;display:grid}.cn-buff__ten{font-weight:900}.cn-buff__mo{opacity:.8;font-size:13px}.cn-ket-lv{color:var(--tim-dam);margin-top:8px;font-size:56px;font-weight:900}.cn-ket-diem{font-size:20px;font-weight:800}@media (min-width:640px){.cn-luoi-che-do,.cn-luoi-buff{grid-template-columns:repeat(3,1fr)}.cn-o-dap{min-height:92px}}@keyframes cn-vao{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cn-nay{50%{transform:scale(1.08)}}@keyframes cn-lac{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes cn-dap{to{opacity:.55}}@media (prefers-reduced-motion:reduce){.cn *{transition:none!important;animation:none!important}}