body.ar3-page,body.arh-page,html body:has(.arh),html body:has(.ar3),.app-container:has(>.arh),.app-container:has(>.ar3){background:#070d1f!important}.arh,.ar3{box-sizing:border-box;width:100%}.ar3{--gold:#f5b83d;--gold-2:#ffd77a;--ink:#eef3ff;--mute:#9fb0d4;--glass:#091126cc;--line:#f5b83d52;--me:#3b9dff;--opp:#ff8a3d;height:calc(100dvh - var(--p-topbar-height,var(--site-nav-height,56px)));min-height:560px;color:var(--ink);isolation:isolate;background:#070d1f;position:relative;overflow:hidden}.ar3-canvas{touch-action:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ar3 [hidden]{display:none!important}.ar3-top{z-index:3;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:16px;right:16px}.ar3-top>*{pointer-events:auto}.ar3-top h1{letter-spacing:.01em;color:var(--gold-2);text-shadow:0 2px 12px #0009;margin:0;font-size:17px;font-weight:800}.ar3-back{background:var(--glass);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;text-decoration:none}.ar3-online{color:var(--mute);font-variant-numeric:tabular-nums;background:#09112699;border:1px solid #9fb0d440;border-radius:999px;margin-left:auto;padding:6px 12px;font-size:12.5px}.ar3-card{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0f}.ar3-card h2{text-wrap:balance;margin:0 0 8px;font-size:24px;line-height:1.2}.ar3-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 6px;font-size:11.5px;font-weight:800}.ar3-desc{color:#c9d5f0;margin:0 0 14px;font-size:14.5px;line-height:1.55}.ar3-lobby,.ar3-wait{z-index:2;width:min(420px,100% - 32px);max-height:calc(100% - 90px);position:absolute;top:50%;left:24px;overflow-y:auto;transform:translateY(-50%)}.ar3-wait{text-align:center}.ar3-levels{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.ar3-chip{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #9fb0d459;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:700}.ar3-chip.is-on{background:var(--gold);border-color:var(--gold);color:#1b1405}.ar3-rules,.ar3-fair ul{color:#c9d5f0;flex-direction:column;gap:5px;margin:0 0 16px;padding-left:18px;font-size:13.5px;line-height:1.5;display:flex}.ar3-fair{color:var(--mute);margin-top:12px;font-size:13.5px}.ar3-fair summary{cursor:pointer;color:var(--gold-2);font-weight:700}.ar3-fair ul{margin:8px 0 0}.ar3-who{color:var(--mute);margin:12px 0 0;font-size:13px;line-height:1.5}.ar3-who a{color:var(--gold-2)}.ar3-acts{flex-wrap:wrap;gap:10px;display:flex}.ar3-btn{min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:0 20px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.ar3-btn--gold{color:#241703;background:linear-gradient(#ffd77a,#f0a92a);box-shadow:0 8px 24px #f5b83d59}.ar3-btn--gold:hover{filter:brightness(1.06)}.ar3-btn--ghost{color:var(--ink);background:#ffffff0a;border-color:#9fb0d466}.ar3-btn--red{color:#fff;background:#e5484d}.ar3-btn--small{color:#ffb4b6;background:#091126bf;border-color:#e5484d8c;min-height:36px;padding:0 14px;font-size:13px}.ar3-radar{width:110px;height:110px;margin:4px auto 16px;position:relative}.ar3-radar i{border:2px solid var(--gold);opacity:0;border-radius:50%;animation:2.4s ease-out infinite ar3-ping;position:absolute;inset:0}.ar3-radar i:nth-child(2){animation-delay:.8s}.ar3-radar i:nth-child(3){animation-delay:1.6s}@keyframes ar3-ping{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.ar3-wait p{color:#c9d5f0;margin:0 0 16px;font-size:14px}.ar3-players{z-index:2;align-items:center;gap:10px;width:min(720px,100% - 32px);display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}.ar3-pl{background:var(--glass);border:1px solid #9fb0d438;border-radius:16px;flex:1 1 0;align-items:center;gap:10px;min-width:0;padding:9px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.ar3-pl.is-opp{text-align:right;flex-direction:row-reverse}.ar3-pl.is-turn{border-color:var(--gold);box-shadow:0 0 0 2px #f5b83d40,0 0 26px #f5b83d40}.ar3-pl>div{flex-direction:column;min-width:0;display:flex}.ar3-pl b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.ar3-pl small{color:var(--mute);font-size:11.5px}.ar3-pl__mark{background:#22304f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-style:normal;font-weight:900;display:grid}.ar3-pl__mark.is-x{color:#fff;background:#ff5d73}.ar3-pl__mark.is-o{color:#fff;background:#4fb0ff}.ar3-pl__mark.is-white{background:#f3ead7}.ar3-pl__mark.is-black{color:#f6e6c4;background:#232a3d;border:1px solid #f5b83d}.ar3-pl__mark.is-red{color:#b3261e;background:#f6e6c4}.ar3-pl__mark.is-blue{background:var(--me)}.ar3-pl__mark.is-orange{background:var(--opp)}.ar3-pl__score{font-variant-numeric:tabular-nums;color:var(--gold-2);margin-left:auto;font-size:20px}.ar3-pl.is-opp .ar3-pl__score{margin-left:0;margin-right:auto}.ar3-pl__clock{font-variant-numeric:tabular-nums;color:#c9d5f0;text-align:center;min-width:2.6em;font-size:15px;font-weight:800}.ar3-pl__clock.is-low{color:#ff6b6b}.ar3-vs{letter-spacing:.12em;color:var(--gold);flex:none;font-size:13px;font-weight:900}.ar3-status{z-index:2;background:var(--glass);color:var(--mute);border:1px solid #9fb0d44d;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.ar3-status.is-mine{color:#1b1405;background:var(--gold);border-color:var(--gold)}.ar3-tools{z-index:2;position:absolute;bottom:18px;right:16px}.ar3-quiz{z-index:2;background:var(--glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:22px;width:min(780px,100% - 32px);max-height:calc(100% - 150px);padding:16px 18px 18px;position:absolute;bottom:18px;left:50%;overflow-y:auto;transform:translate(-50%)}.ar3-quiz__top{color:var(--mute);align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:flex}.ar3-quiz__round{color:var(--gold-2)}.ar3-quiz__opp{color:#ffc49b;margin-left:auto}.ar3-quiz__bar{background:#ffffff14;border-radius:99px;height:5px;margin:10px 0 12px;overflow:hidden}.ar3-quiz__bar i{background:linear-gradient(90deg,#f0a92a,#ffd77a);width:100%;height:100%;transition:width .1s linear;display:block}.ar3-quiz__bar i.is-low{background:#ff6b6b}.ar3-quiz__stem{text-wrap:pretty;margin:0 0 14px;font-size:clamp(16px,2vw,20px);font-weight:700;line-height:1.45}.ar3-quiz__opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ar3-opt{min-height:52px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #9fb0d44d;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:15px;transition:background .15s,border-color .15s,transform .1s;display:flex}.ar3-opt i{width:28px;height:28px;color:var(--gold-2);background:#f5b83d29;border-radius:9px;flex:none;place-items:center;font-style:normal;font-weight:900;display:grid}.ar3-opt:hover:not(:disabled){border-color:var(--gold);background:#f5b83d1a}.ar3-opt:active:not(:disabled){transform:scale(.99)}.ar3-opt:disabled{cursor:default}.ar3-opt.is-pick{border-color:var(--me);background:#3b9dff29}.ar3-opt.is-right{background:#2fd28a2e;border-color:#2fd28a}.ar3-opt.is-right i{color:#04140c;background:#2fd28a}.ar3-opt.is-wrong{background:#ff6b6b29;border-color:#ff6b6b}.ar3-opt.is-opp:after{content:"Đối thủ";color:#ffc49b;background:#ff8a3d38;border-radius:99px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:800}.ar3-banner{z-index:4;border:1px solid var(--gold);text-align:center;pointer-events:none;background:#070d1fd1;border-radius:20px;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:18px 30px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.ar3-banner strong{color:var(--gold-2);font-size:clamp(20px,3vw,30px)}.ar3-banner span{color:#c9d5f0;font-size:14px}.ar3-banner.is-in{animation:.45s cubic-bezier(.2,1.4,.4,1) ar3-pop}@keyframes ar3-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}.ar3-toast{z-index:5;text-align:center;background:#070d1fe6;border:1px solid #9fb0d459;border-radius:12px;max-width:calc(100% - 32px);padding:9px 16px;font-size:14px;font-weight:700;position:absolute;top:118px;left:50%;transform:translate(-50%)}.ar3-modal{z-index:6;background:#03060f8c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.ar3-modal>.ar3-card{text-align:center;width:min(400px,100%)}.ar3-modal .ar3-acts{justify-content:center;margin-top:16px}.ar3-modal p{color:#c9d5f0;margin:0;line-height:1.55}.ar3-modal--warn>.ar3-card{border-color:#ff6b6b}.ar3-warn__ico{background:#ff6b6b;border-radius:50%;place-items:center;width:54px;height:54px;font-size:30px;font-weight:900;display:grid;color:#fff!important;margin:0 auto 10px!important}.ar3-modal--warn h2{color:#ffb4b6}.ar3-modal--warn .ar3-btn{margin-top:16px}.ar3-end h2{font-size:34px}.ar3-modal[data-result=win] .ar3-end h2{color:var(--gold-2)}.ar3-modal[data-result=lose] .ar3-end h2{color:#ffb4b6}.ar3-end__score{font-variant-numeric:tabular-nums;font-size:28px;font-weight:900;color:var(--ink)!important;margin:6px 0 0!important}.ar3.no-webgl .ar3-canvas{display:none}@media (width<=760px){.ar3{min-height:520px}.ar3-top h1{display:none}.ar3-top{gap:8px;top:10px;left:12px;right:12px}.ar3-back{white-space:nowrap;padding:6px 10px;font-size:12.5px}.ar3-online{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:5px 10px;font-size:11.5px;overflow:hidden}.ar3-lobby,.ar3-wait{width:auto;max-height:70%;padding:18px;inset:auto 12px 12px;transform:none}.ar3-card h2{font-size:20px}.ar3-players{gap:6px;top:52px}.ar3-pl{gap:7px;padding:7px 9px}.ar3-pl b{font-size:12.5px}.ar3-pl__mark{width:24px;height:24px;font-size:12px}.ar3-pl__score{font-size:16px}.ar3-vs{font-size:11px}.ar3-quiz{max-height:calc(100% - 120px);padding:12px;bottom:10px}.ar3-quiz__opts{grid-template-columns:1fr;gap:8px}.ar3-opt{min-height:46px;font-size:14px}.ar3-status{bottom:64px}.ar3:not([data-kind=board]) .ar3-tools{top:104px;bottom:auto;right:12px}.ar3-toast{top:108px}}