.arena-page.arena-tn{--line:#f3e3cf;--line-2:#f5ece0;--soft:#fff7ec;background:linear-gradient(#7cc6ee 0%,#b9e3f6 120px,#fbeedb 230px,#fdf3e4 100%);grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.arena-page.arena-tn:before{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.9;background:url(/trangnguyen/images/backdrop/account-backdrop.png) 50% 41%/560px no-repeat;width:560px;height:190px;position:absolute;top:0;left:46%;-webkit-mask-image:radial-gradient(60% 75% at 50% 60%,#000 55%,#0000 100%);mask-image:radial-gradient(60% 75% at 50% 60%,#000 55%,#0000 100%)}.arena-page.arena-tn>*{position:relative}.arena-page.arena-tn .atn-side{z-index:2;background:#fff;border-radius:0 36px 36px 0;flex-direction:column;gap:14px;height:100vh;padding:18px 16px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:6px 0 24px #783c0014}.arena-page.arena-tn .atn-profile{border-bottom:1px solid var(--line-2);align-items:center;gap:14px;padding:6px 4px 14px;display:flex}.arena-page.arena-tn .atn-profile b{font-size:18px;font-weight:800;line-height:1.25;display:block}.arena-page.arena-tn .atn-profile small{margin-top:4px;font-size:13px;font-weight:700;display:block}.arena-page.arena-tn .atn-avatar{background:conic-gradient(#f6c143,#e8a317,#fde68a,#f6c143);border-radius:50%;flex-shrink:0;padding:4px;box-shadow:0 6px 16px #e8a31759}.arena-page.arena-tn .atn-avatar .ch-avatar{border:3px solid #fff;border-radius:50%;display:block}.arena-page.arena-tn .atn-class{color:#0369a1;background:#e0f2fe;border-radius:8px;margin-top:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.arena-page.arena-tn .atn-menu{flex-direction:column;gap:4px;display:flex}.arena-page.arena-tn .atn-menu a{color:#3b2a1a;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;font-size:17px;font-weight:600;display:flex;position:relative}.arena-page.arena-tn .atn-menu a span{text-align:center;width:30px;font-size:22px}.arena-page.arena-tn .atn-menu a:hover{background:var(--soft);color:#b8140f}.arena-page.arena-tn .atn-menu a.active{color:#fff;background:linear-gradient(90deg,#e53935,#c62828);box-shadow:0 8px 18px #c628284d}.arena-page.arena-tn .atn-menu a.active:after{content:"";background:#c62828;border-radius:3px;width:18px;height:18px;position:absolute;top:50%;right:-9px;transform:translateY(-50%)rotate(45deg)}.arena-page.arena-tn .atn-daily{border:1px solid var(--line);background:linear-gradient(160deg,#fff5e5,#fffaf3);border-radius:18px;align-items:flex-end;gap:8px;margin-top:auto;padding:16px;display:flex}.arena-page.arena-tn .atn-daily>div{flex:1;min-width:0}.arena-page.arena-tn .atn-daily b{font-size:15px;font-weight:800;display:block}.arena-page.arena-tn .atn-daily small{color:#6b5a45;margin-top:6px;font-size:13px;line-height:1.4;display:block}.arena-page.arena-tn .atn-daily span{text-align:center;margin-top:6px;font-size:14px;font-weight:700;display:block}.arena-page.arena-tn .atn-daily img{object-fit:contain;mix-blend-mode:multiply;border-radius:12px;width:64px;height:64px}.arena-page.arena-tn .atn-daily-bar{background:#f1e3c8;border-radius:99px;height:8px;margin-top:12px;overflow:hidden}.arena-page.arena-tn .atn-daily-bar i{border-radius:inherit;background:linear-gradient(90deg,#fbbf24,#f59e0b);height:100%;display:block}.arena-page.arena-tn .atn-body{min-width:0;padding:0 24px 40px 0}.arena-page.arena-tn .atn-top{justify-content:space-between;align-items:center;gap:16px;min-height:120px;padding:22px 0 22px 34px;display:flex}.arena-page.arena-tn .atn-title{align-items:center;gap:14px;display:flex}.arena-page.arena-tn .atn-title h1{color:#2b1b12;text-shadow:0 2px #ffffffb3;margin:0;font-size:40px;font-weight:900}.arena-page.arena-tn .atn-title p{color:#3b2a1a;margin:2px 0 0;font-size:17px;font-weight:600}.arena-page.arena-tn .atn-title-ico{filter:drop-shadow(0 6px 8px #0003);font-size:58px}.arena-page.arena-tn .atn-top-right{align-items:center;gap:12px;display:flex}.arena-page.arena-tn .atn-wallet{background:#fffffff2;border-radius:99px;align-items:center;gap:4px;padding:8px 10px 8px 18px;display:flex;box-shadow:0 8px 22px #1e507826}.arena-page.arena-tn .atn-wallet>span{color:#2b1b12;border-right:1px solid #eadfd0;align-items:center;gap:8px;margin-right:12px;padding:0 16px 0 0;font-size:20px;font-weight:800;display:flex}.arena-page.arena-tn .atn-wallet .pt-ico.big{background-size:90px 90px;width:30px;height:30px;margin:0}.arena-page.arena-tn .atn-wallet .pt-ico.big.coin{background-position:-30px 0}.arena-page.arena-tn .atn-wallet .pt-ico.big.gem{background-position:-60px 0}.arena-page.arena-tn .atn-wallet .ar2-energy{background:0 0;border:0;padding:0}.arena-page.arena-tn .atn-wallet .ar2-energy b{color:#2b1b12;font-size:20px}.arena-page.arena-tn .atn-wallet .ar2-energy small{color:#92400e}.arena-page.arena-tn .atn-wallet .ar2-energy-ico{font-size:26px}.arena-page.arena-tn .atn-wallet .ar2-energy-add{color:#c2410c;background:#fff7ec;border-color:#f3d9b1;width:34px;height:34px;font-size:22px}.arena-page.arena-tn .atn-round{background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 22px #1e507826}.arena-page.arena-tn .atn-round .ex-theme-current{width:52px;height:52px;box-shadow:none;background:0 0;border:0;font-size:22px}.arena-page.arena-tn .atn-round .ex-theme-menu{top:calc(100% + 12px)}.arena-page.arena-tn .atn-panel{background:linear-gradient(#fffaf3,#fff6ea);border-radius:36px;grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:18px;margin-left:18px;padding:22px;display:grid;box-shadow:0 -4px 24px #783c000f}.arena-page.arena-tn .atn-main{flex-direction:column;gap:16px;min-width:0;display:flex}.arena-page.arena-tn .atn-right{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}.arena-page.arena-tn .ar2-tabs{background:#fff;border:0;border-radius:99px;align-self:flex-start;padding:6px;box-shadow:0 6px 18px #783c0014}.arena-page.arena-tn .ar2-tabs button{border-radius:99px;flex:none;padding:10px 20px;font-size:16px}.arena-page.arena-tn .ar2-tabs button.active{background:linear-gradient(#e53935,#c62828)}.arena-page.arena-tn .ar2-card,.arena-page.arena-tn .ar-box,.arena-page.arena-tn .ar-card,.arena-page.arena-tn .ar-table-wrap,.arena-page.arena-tn .ar2-tabs+.ar-empty{border:1px solid var(--line);background:#fff;border-radius:20px;box-shadow:0 6px 20px #783c000f}.arena-page.arena-tn .ar2-card-head h2{font-size:22px}.arena-page.arena-tn .ar2-rank>b{font-size:28px}.arena-page.arena-tn .ar2-subjects button{border-color:#efe3d3;border-radius:16px;box-shadow:0 2px #efe3d3}.arena-page.arena-tn .ar2-subjects button span{font-size:32px}.arena-page.arena-tn .ar2-modes button{border-color:#efe3d3;border-radius:16px}.arena-page.arena-tn .ar2-find-btn{border-radius:99px;font-size:20px}.arena-page.arena-tn .ar2-actions .ar-btn{border-radius:99px}.arena-page.arena-tn .ar2-solo-head .ar2-energy{display:none}.arena-page.arena-tn .ar2-seg{border-color:var(--line);background:#fff7ec}.arena-page.arena-tn .ar2-count,.arena-page.arena-tn .ar2-board li.me{background:#fff1d6}.arena-page.arena-tn .ar2-recent li,.arena-page.arena-tn .ar2-history li{border-color:#f3e8da}.arena-page.arena-tn .ar2-medal.m1{box-shadow:none}.arena-page.arena-tn{--cream:#fbf4ea;background:var(--cream)}.arena-page.arena-tn .atn-side{background:var(--cream);box-shadow:none;border-radius:0;gap:10px;padding:0 0 18px;overflow:visible}.arena-page.arena-tn .atn-profile{z-index:4;background:#fff;border:0;border-radius:0 0 48px;margin-right:-38px;padding:22px 22px 20px;position:relative;box-shadow:0 8px 18px #783c0012}.arena-page.arena-tn .atn-menu{padding:6px 16px 0}.arena-page.arena-tn .atn-menu a{color:#3b2a1a}.arena-page.arena-tn .atn-menu a:hover{background:#fff}.arena-page.arena-tn .atn-daily{background:#fff;border-color:#f1e3cf;margin:auto 16px 0}.arena-page.arena-tn .atn-body{background:linear-gradient(180deg, #74c2ec 0%, #a9dcf4 80px, #cfeaf5 190px, var(--cream) 190px);padding:0}.arena-page.arena-tn .atn-top{z-index:5;min-height:128px;padding:14px 24px 14px 60px;position:relative}.arena-page.arena-tn:before{z-index:1}.arena-page.arena-tn .atn-side{z-index:3}.arena-page.arena-tn .atn-panel{z-index:2;background:var(--cream);border-radius:48px 0 0;margin:0;padding:24px;position:relative;box-shadow:0 -6px 18px #3c6e8c14}.arena-page.arena-tn .ar2-card,.arena-page.arena-tn .ar-box,.arena-page.arena-tn .ar-card,.arena-page.arena-tn .ar-table-wrap{border-color:#f1e3cf;box-shadow:0 4px 14px #783c000d}.arena-page.arena-tn .ar2-tabs{border:1px solid #f1e3cf}@media (max-width:1400px){.arena-page.arena-tn .atn-panel{grid-template-columns:minmax(0,1fr)}.arena-page.arena-tn .atn-right{grid-template-columns:1fr 1fr;display:grid;position:static}}@media (max-width:1000px){.arena-page.arena-tn{grid-template-columns:minmax(0,1fr)}.arena-page.arena-tn .atn-side{border-radius:0 0 28px 28px;height:auto;position:static}.arena-page.arena-tn .atn-menu{flex-direction:row;overflow-x:auto}.arena-page.arena-tn .atn-menu a{white-space:nowrap}.arena-page.arena-tn .atn-menu a.active:after,.arena-page.arena-tn .atn-daily{display:none}.arena-page.arena-tn .atn-body{padding:0 12px 30px}.arena-page.arena-tn .atn-top{flex-direction:column;align-items:flex-start;padding-left:8px}.arena-page.arena-tn .atn-panel{margin-left:0;padding:14px}.arena-page.arena-tn .atn-right{grid-template-columns:1fr}}