*{box-sizing:border-box;border-radius:0!important}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#1d4a52 0,#0b1418 55%) fixed,#0b1418;color:#dff3ea;font-family:"Times New Roman","Liberation Serif",Tinos,Times,serif}
button,input,select,textarea{font-family:inherit}
.w{max-width:760px;margin:auto;padding:12px}h1,h3{color:#e0b050;margin:.4em 0}
.c{background:#12262b;border:1px solid #3f6a66;padding:12px;margin:10px 0}
button{background:#1f6f78;color:#fff;border:0;padding:9px 14px;margin:3px;font-size:15px;cursor:pointer}
button.g{background:#2c4a4c}input,select{padding:8px;margin:3px;border:1px solid #3f6a66;background:#0a161a;color:#dff3ea;max-width:100%}
.bar{height:14px;background:#0a161a;overflow:hidden;margin:3px 0}.bar i{display:block;height:100%}
#log{height:160px;overflow:auto;background:#0a161a;padding:8px;font-size:14px}
#cb,#log,#opt{overflow-wrap:anywhere;word-break:break-word}#cbt{display:flex;flex-wrap:wrap;gap:4px 0}#cvh,#cvh canvas{max-width:100%}.w{overflow-wrap:anywhere}
table{width:100%;font-size:13px;border-collapse:collapse}td,th{border-bottom:1px solid #2c4a4c;padding:4px;text-align:left}td input{width:70px}
.eqw{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:8px 0}.eqw>.eqg{border:1px solid #2c5558;background:#081316;border-radius:6px;padding:6px 8px 8px}.eqw>.eqg>small{color:#e0b050;font-weight:bold;font-size:12px;border-bottom:1px solid #244446;padding-bottom:4px;margin-bottom:8px}.eqc{display:grid;grid-template-columns:repeat(2,112px);gap:8px}.eqc>.sl:last-child:nth-child(odd){grid-column:span 2;width:auto}
.sl{width:112px;min-height:96px;border:1px solid #3f6a66;background:#0a161a;padding:19px 4px 4px;position:relative;font-size:11px;text-align:center}.sl.on{background:#10262a}
.sl .ch{position:absolute;top:0;left:0;right:0;font-style:normal;font-size:11px;font-weight:bold;color:#0a161a;padding:1px}.mu{color:#7fa39a}.act{color:#6f6}.off{color:#888}
h1{letter-spacing:2px;text-shadow:0 0 12px #4fe0c8aa}h3{text-shadow:0 0 8px #4fe0c855}.c{box-shadow:0 0 16px rgba(80,210,190,.10) inset,0 0 0 1px #0a161a,0 0 0 2px #2c5558;position:relative}button{box-shadow:0 0 8px rgba(90,230,210,.35);border:1px solid #6fd8c8!important;letter-spacing:.3px}button.g{box-shadow:none;border:1px solid #2c5558!important}.bar{box-shadow:0 0 6px #4fe0c855}
.ski{display:inline-block;flex:none;border-radius:50%;background-repeat:no-repeat;vertical-align:middle;margin-right:6px;box-shadow:0 0 0 1px #0008}.sl button{padding:2px 8px;font-size:11px;margin:2px 0}.sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;border:1px solid #fff6}.wi{display:inline-block;width:32px;height:32px;vertical-align:middle;margin-right:6px;background:url(sprites/weapons.webp) no-repeat;background-size:192px 160px;image-rendering:auto}.eqg>small{display:block;text-align:center;color:#9fd0c0;margin-bottom:4px;font-size:11px}.eqr{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sl small.ds{display:block;color:#86b0a4;font-size:10px}
#bg{display:none;position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(#040b12 0%,#0a1f2c 42%,#12404a 72%,#1b4d4b 100%)}
body.auth{background:#040b12;min-height:100vh}body.auth #bg{display:block}
#bg .moon{position:absolute;top:8%;right:13%;width:104px;height:104px;border-radius:50%!important;background:radial-gradient(circle at 38% 36%,#fffdf0,#f6ebc2 52%,#d8c488);box-shadow:0 0 50px 16px rgba(255,240,190,.32),0 0 170px 70px rgba(255,230,160,.13)}
#bg .moon::after{content:"";position:absolute;inset:0;border-radius:50%!important;background:radial-gradient(circle at 62% 60%,rgba(150,130,80,.28) 0,transparent 22%),radial-gradient(circle at 30% 68%,rgba(150,130,80,.2) 0,transparent 16%)}
#bg canvas{position:absolute;left:0;top:0;width:100%;height:100%}
#bg .fm{position:absolute;left:50%;top:57%;width:min(120vmin,860px);height:min(120vmin,860px);margin:calc(min(120vmin,860px)/-2) 0 0 calc(min(120vmin,860px)/-2);opacity:.2}
#bg .fm svg{width:100%;height:100%;animation:spin 140s linear infinite}
#bg .fm svg.r2{position:absolute;left:0;top:0;animation-duration:90s;animation-direction:reverse;transform:scale(.7)}
#bg .mt{position:absolute;left:0;bottom:0;width:100%}
#bg .m1{height:46%;fill:#133a42;opacity:.55}#bg .m2{height:34%;fill:#0c2a33;opacity:.8}#bg .m3{height:21%;fill:#06161d}
#bg .mist{position:absolute;left:-20%;width:70%;height:150px;background:radial-gradient(ellipse at center,rgba(190,235,228,.2),transparent 68%);animation:drift 60s linear infinite}
#bg .mist.a{bottom:22%}#bg .mist.b{bottom:12%;animation-duration:85s;animation-delay:-30s;opacity:.8}#bg .mist.d{bottom:34%;animation-duration:110s;animation-delay:-60s;opacity:.6}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(160vw)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes glow{0%,100%{text-shadow:0 0 16px rgba(224,176,80,.55),0 2px 0 #3a2a08}50%{text-shadow:0 0 30px rgba(255,214,120,.9),0 2px 0 #3a2a08}}
.auth .w{max-width:440px;padding:14px 14px 50px;position:relative}
.auth br{display:none}
.brand{text-align:center;margin:26px 0 18px}
.brand .em{width:92px;height:92px;margin:0 auto 10px;filter:drop-shadow(0 0 14px rgba(224,176,80,.7))}
.brand .em svg,.brand .em img{width:100%;height:100%;object-fit:contain;animation:spin 30s linear infinite}
.brand .em img{animation:none}
.brand h1{margin:0;font-size:34px;line-height:1.15;letter-spacing:5px;font-weight:bold;color:#f3d98a;background:linear-gradient(180deg,#fff2c4 0,#e8b94f 48%,#a8741c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #2b1d04) drop-shadow(0 0 14px rgba(224,176,80,.45))}
.brand .sub{margin:9px 0 3px;color:#a9dccf;font-size:13px;letter-spacing:6px;text-shadow:0 0 8px rgba(79,224,200,.5)}
.brand .realm{margin:7px 0 0;color:#c9a54e;font-size:11.5px;letter-spacing:1px;opacity:.9;white-space:nowrap}
.auth .c{background:linear-gradient(180deg,rgba(14,36,40,.9),rgba(7,19,24,.93));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid #b8913f;box-shadow:0 0 0 3px rgba(6,16,20,.92),0 0 0 4px #5e4b22,0 14px 44px rgba(0,0,0,.65),0 0 40px rgba(224,176,80,.1) inset;padding:22px 22px 18px;margin:12px 0}
.auth .c::before{content:"";position:absolute;inset:-7px;pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(#e8b94f,#e8b94f),linear-gradient(#e8b94f,#e8b94f),linear-gradient(#e8b94f,#e8b94f),linear-gradient(#e8b94f,#e8b94f),linear-gradient(#e8b94f,#e8b94f),linear-gradient(#e8b94f,#e8b94f),linear-gradient(#e8b94f,#e8b94f),linear-gradient(#e8b94f,#e8b94f);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:20px 3px,3px 20px,20px 3px,3px 20px,20px 3px,3px 20px,20px 3px,3px 20px}
.auth .c::after{content:none}
.auth .c h3{text-align:center;font-size:21px;letter-spacing:4px;margin:0 0 14px;color:#f0cf7a;text-shadow:0 0 12px rgba(224,176,80,.5)}
.auth .c h3::before{content:"❖ ";color:#8fe8d6;font-size:14px}.auth .c h3::after{content:" ❖";color:#8fe8d6;font-size:14px}
.auth input{display:block;width:100%;margin:8px 0;padding:12px 14px;font-size:16px;background:rgba(3,11,15,.85);border:1px solid #2f6a68;color:#e6f7ef;transition:border-color .2s,box-shadow .2s}
.auth input::placeholder{color:#6f958c;letter-spacing:.5px}
.auth input:focus{outline:0;border-color:#e8b94f;box-shadow:0 0 14px rgba(232,185,79,.4),0 0 0 1px rgba(232,185,79,.4) inset}
.auth button{display:block;width:100%;margin:10px 0 0;padding:12px;font-size:16px;letter-spacing:2px;font-weight:bold;background:linear-gradient(180deg,#e2b24a,#9a6f1d);color:#201400;border:1px solid #f4d783!important;box-shadow:0 0 16px rgba(232,185,79,.4),0 1px 0 rgba(255,255,255,.35) inset;text-shadow:0 1px 0 rgba(255,255,255,.3);transition:transform .15s,box-shadow .2s,filter .2s}
.auth button:hover{filter:brightness(1.12);box-shadow:0 0 26px rgba(255,214,120,.65),0 1px 0 rgba(255,255,255,.4) inset;transform:translateY(-1px)}
.auth button:active{transform:translateY(1px)}
.auth button.g{background:rgba(24,86,92,.4);color:#cdeee5;font-weight:normal;border:1px solid #3a8e8c!important;box-shadow:none;text-shadow:none;letter-spacing:1px}
.auth button.g:hover{background:rgba(31,111,120,.6);box-shadow:0 0 14px rgba(79,224,200,.35)}
.auth .c small.mu{display:block;margin:10px 0 0;text-align:center;color:#8db8ad}
.auth .c p{text-align:center}.auth .c a{color:#e8b94f;text-decoration:none;letter-spacing:1px}.auth .c a:hover{text-shadow:0 0 10px rgba(232,185,79,.7)}
@media(max-width:480px){.brand h1{font-size:27px;letter-spacing:3px}.brand .sub{font-size:11px;letter-spacing:4px}.brand .realm{font-size:10.5px;letter-spacing:.3px}#bg .moon{width:52px;height:52px;right:5%;top:2.5%}.auth .c{padding:18px 16px 14px}}
@media(prefers-reduced-motion:reduce){#bg .fm svg,.brand .em svg,#bg .mist{animation:none}}
:root{--ink:#070d10;--ink2:#0c171b;--panel:#10202400;--jade:#2fae9a;--jade2:#8fe8d6;--gold:#e8b94f;--gold2:#f3d98a;--gold3:#a8741c;--cinn:#c8402f;--paper:#e9e4cf;--mut:#8aa89f}
body:not(.auth){background:radial-gradient(ellipse 90% 45% at 50% -8%,rgba(47,174,154,.22),transparent 70%),radial-gradient(ellipse 60% 30% at 85% 105%,rgba(232,185,79,.08),transparent 70%),linear-gradient(180deg,#05090c 0,#0a1519 55%,#061014 100%) fixed,#070d10;color:var(--paper);min-height:100vh}
body:not(.auth)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;background:linear-gradient(transparent 55%,rgba(6,22,29,.9)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpath fill='%2312363d' fill-opacity='.35' d='M0 300V190C60 150 100 120 150 150S230 60 290 110 370 170 430 120 520 40 590 100 660 180 730 120 820 50 890 110 980 170 1050 120 1130 90 1200 140V300Z'/%3E%3C/svg%3E") bottom/100% 38% no-repeat}
body:not(.auth) *{scrollbar-width:thin;scrollbar-color:#8a6a2a #0a1519}
::selection{background:rgba(232,185,79,.35);color:#fff}
body:not(.auth) ::-webkit-scrollbar{width:9px;height:9px}body:not(.auth) ::-webkit-scrollbar-track{background:#0a1519}body:not(.auth) ::-webkit-scrollbar-thumb{background:linear-gradient(#b8913f,#6b4f1c);border:1px solid #0a1519}
.hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:4px 0 8px;padding:10px 14px;position:relative;background:linear-gradient(90deg,rgba(14,36,40,.92),rgba(8,20,25,.92) 60%,rgba(14,36,40,.92));border:1px solid #b8913f;box-shadow:0 0 0 3px rgba(6,16,20,.9),0 0 0 4px #5e4b22,0 10px 30px rgba(0,0,0,.5)}
.hd::before{content:"";position:absolute;inset:-7px;pointer-events:none;background:linear-gradient(var(--gold),var(--gold)) left top/14px 3px no-repeat,linear-gradient(var(--gold),var(--gold)) left top/3px 14px no-repeat,linear-gradient(var(--gold),var(--gold)) right top/14px 3px no-repeat,linear-gradient(var(--gold),var(--gold)) right top/3px 14px no-repeat,linear-gradient(var(--gold),var(--gold)) left bottom/14px 3px no-repeat,linear-gradient(var(--gold),var(--gold)) left bottom/3px 14px no-repeat,linear-gradient(var(--gold),var(--gold)) right bottom/14px 3px no-repeat,linear-gradient(var(--gold),var(--gold)) right bottom/3px 14px no-repeat}
.hd .bn{display:flex;align-items:center;gap:10px;min-width:0}
.hd .bn .tj{width:40px;height:40px;flex:none;filter:drop-shadow(0 0 8px rgba(224,176,80,.65))}.hd .bn .tj svg,.hd .bn .tj img{width:100%;height:100%;object-fit:contain;animation:spin 40s linear infinite}.hd .bn .tj img{animation:none}
.hd h1{margin:0;font-size:24px;letter-spacing:4px;line-height:1.1;font-weight:bold;background:linear-gradient(180deg,#fff2c4 0,#e8b94f 50%,#a8741c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #2b1d04);text-shadow:none}
.hd .pl{text-align:right;line-height:1.3}.hd .pl b{display:block;color:var(--gold2);font-size:17px;letter-spacing:1px;text-shadow:0 0 10px rgba(224,176,80,.4)}.hd .pl small{color:var(--jade2);letter-spacing:1.5px;font-size:12px}
.tabs{display:flex;gap:6px;overflow-x:auto;margin:10px 0 6px;padding:2px 2px 4px;border-bottom:0;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;margin:0;padding:10px 16px 9px;background:transparent;color:#9fc3b8;border:1px solid #3d6f6b!important;border-radius:0!important;box-shadow:none;letter-spacing:1px;font-size:15px;position:relative;transition:color .2s,background .2s}
.tabs button:hover{color:var(--gold2);background:rgba(232,185,79,.07)}
.tabs button:not(.g){background:linear-gradient(180deg,rgba(232,185,79,.22),rgba(232,185,79,.04));color:var(--gold2);font-weight:bold;border:1px solid #b8913f!important;border-radius:0!important;text-shadow:0 0 10px rgba(232,185,79,.5)}
.tabs button:not(.g)::after{content:"";position:absolute;left:14%;right:14%;bottom:3px;height:2px;border-radius:0!important;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.tabs .sp{flex:1}.tabs button.out{color:#d69a8e}.tabs button.out:hover{color:#ffb4a4;background:rgba(200,64,47,.12)}
body:not(.auth) .c{background:linear-gradient(180deg,rgba(15,36,40,.88),rgba(8,20,25,.92));border:1px solid #8a6f33;box-shadow:0 0 0 2px rgba(6,16,20,.9),0 0 0 3px #3e3216,0 8px 26px rgba(0,0,0,.45),0 0 30px rgba(232,185,79,.05) inset;padding:14px 16px;margin:14px 0}
body:not(.auth) .c::before{content:"";position:absolute;inset:-5px;pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(var(--gold),var(--gold)),linear-gradient(var(--gold),var(--gold)),linear-gradient(var(--gold),var(--gold)),linear-gradient(var(--gold),var(--gold)),linear-gradient(var(--gold),var(--gold)),linear-gradient(var(--gold),var(--gold)),linear-gradient(var(--gold),var(--gold)),linear-gradient(var(--gold),var(--gold));background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px}
body:not(.auth) .c h3{margin:0 0 10px;padding-bottom:7px;font-size:18px;letter-spacing:2px;color:var(--gold2);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,#b8913f,rgba(184,145,63,.05)) 1;text-shadow:0 0 10px rgba(224,176,80,.35)}
body:not(.auth) .c h3::before{content:"❖ ";color:var(--jade2);font-size:13px}
body:not(.auth) button:not(.tabs button){background:linear-gradient(180deg,#2a8a86,#165a60);color:#f1fff9;border:1px solid #6fd8c8!important;box-shadow:0 0 10px rgba(90,230,210,.25),0 1px 0 rgba(255,255,255,.18) inset;letter-spacing:.5px;text-shadow:0 1px 0 rgba(0,0,0,.4);transition:filter .15s,box-shadow .2s,transform .12s}
body:not(.auth) button:not(.tabs button):hover{filter:brightness(1.15);box-shadow:0 0 18px rgba(120,240,220,.5),0 1px 0 rgba(255,255,255,.2) inset}
body:not(.auth) button:not(.tabs button):active{transform:translateY(1px)}
body:not(.auth) button.g:not(.tabs button){background:linear-gradient(180deg,rgba(32,64,66,.9),rgba(18,40,44,.9));border:1px solid #3d6f6b!important;box-shadow:none;color:#c6e6dc}
body:not(.auth) button.g:not(.tabs button):hover{border-color:#b8913f!important;color:var(--gold2);box-shadow:0 0 12px rgba(232,185,79,.25)}
button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}
body:not(.auth) input,body:not(.auth) select,body:not(.auth) textarea{background:rgba(3,11,15,.88);border:1px solid #2f6a68;color:#e6f7ef;transition:border-color .2s,box-shadow .2s}
body:not(.auth) input:focus,body:not(.auth) select:focus,body:not(.auth) textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 12px rgba(232,185,79,.35)}
input[type=checkbox]{accent-color:var(--gold)}
body:not(.auth) table th{color:var(--gold2);letter-spacing:1px;border-bottom:1px solid #8a6f33;background:rgba(232,185,79,.06)}
body:not(.auth) td{border-bottom:1px solid #20393a}body:not(.auth) tr:hover>td{background:rgba(47,174,154,.06)}
body:not(.auth) .bar{background:#050c0f;border:1px solid #3a3118;box-shadow:0 0 8px rgba(232,185,79,.12) inset}
body:not(.auth) #opt,body:not(.auth) #ptv,body:not(.auth) #cb,body:not(.auth) #log{background:rgba(4,11,14,.88)!important;border:1px solid #2a4a49;border-top-color:#5e4b22}
body:not(.auth) .eqw>.eqg{background:rgba(5,13,16,.85);border:1px solid #6b5522}body:not(.auth) .eqw>.eqg>small,.eqg>small{color:var(--gold)!important;border-bottom-color:#4a3c1a}
body:not(.auth) .sl{background:rgba(5,13,16,.9);border:1px solid #3d6360;transition:border-color .2s,box-shadow .2s}body:not(.auth) .sl:hover{border-color:var(--gold);box-shadow:0 0 12px rgba(232,185,79,.25)}body:not(.auth) .sl.on{background:linear-gradient(180deg,rgba(232,185,79,.12),rgba(16,38,42,.95));border-color:#b8913f}
.mu{color:var(--mut)}.act{color:#7fe08a}
body:not(.auth) b{color:#f4e6b8}
body:not(.auth) a{color:var(--gold)}
body:not(.auth) hr{border:0;height:1px;background:linear-gradient(90deg,transparent,#8a6f33,transparent)}
@media(max-width:560px){.hd{padding:8px 10px}.hd h1{font-size:19px;letter-spacing:2px}.hd .bn .tj{width:32px;height:32px}.hd .pl b{font-size:15px}.tabs button{padding:9px 11px;font-size:14px}body:not(.auth) .c{padding:12px 11px}}
@media(prefers-reduced-motion:reduce){.hd .bn .tj svg{animation:none}}
#cvh{padding:10px 0 8px}
#cvh>*{box-shadow:0 0 0 2px #060d10,0 0 0 3px #b8913f,0 0 0 5px #060d10,0 0 0 6px #5e4b22,0 12px 34px rgba(0,0,0,.65),0 0 40px rgba(232,185,79,.08)}
#cvh canvas{display:block}
#cvh+small{display:block;margin:10px 0 2px;padding:7px 10px;color:#9fc3b8;font-size:12.5px;line-height:1.55;background:rgba(4,11,14,.55);border-left:2px solid #b8913f}
#cbt button{margin:0 3px 3px 0;padding:5px 12px;font-size:13px;letter-spacing:.5px}
#ci,#cto{width:100%;padding:9px 12px;margin:3px 0;border:1px solid #2f6a68;background:rgba(3,11,15,.88);color:#f0ead2}
#ci::placeholder,#cto::placeholder{color:#6f958c}
#cb{line-height:1.6;border-left:2px solid #5e4b22!important}
#mp,#sel_ch{background:rgba(3,11,15,.9);border:1px solid #8a6f33;color:var(--gold2)}
#ptb>div>div{background:rgba(5,13,16,.9)!important;border-color:#6b5522!important}
body:not(.auth) .c.st{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:4px 4px 6px;margin:10px 0 0;background:transparent;border:0;box-shadow:none;scrollbar-width:none}
body:not(.auth) .c.st::before{display:none}.c.st::-webkit-scrollbar{display:none}
body:not(.auth) .c.st button{flex:none;margin:0;padding:8px 14px 7px!important;font-size:14px;background:transparent;border:1px solid #3d6f6b!important;border-radius:0!important;box-shadow:none;color:#9fc3b8;text-shadow:none;position:relative}
body:not(.auth) .c.st button:hover{color:var(--gold2);background:rgba(232,185,79,.07);filter:none}
body:not(.auth) .c.st button:not(.g){background:linear-gradient(180deg,rgba(232,185,79,.22),rgba(232,185,79,.03));color:var(--gold2);font-weight:bold;border:1px solid #b8913f!important;text-shadow:0 0 8px rgba(232,185,79,.45)}
body:not(.auth) .c.st button:not(.g)::after{content:"";position:absolute;left:14%;right:14%;bottom:3px;height:2px;border-radius:0!important;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.cl{border:1px solid #3d6360;border-left:3px solid #b8913f;background:linear-gradient(180deg,rgba(16,38,42,.8),rgba(5,13,16,.9));padding:7px 10px;transition:border-color .2s,box-shadow .2s}
.cl:hover{border-color:var(--gold);box-shadow:0 0 12px rgba(232,185,79,.2)}.cl b{color:#f6e9bd;font-size:15px}
body:not(.auth) [style*="background:#0a161a"]:not(.sl):not(canvas){background-color:rgba(5,13,16,.88)!important}
body:not(.auth) [style*="background:#1c1510"]{background:linear-gradient(180deg,rgba(60,42,12,.55),rgba(20,14,6,.8))!important}
body:not(.auth) [style*="border:1px solid #2c4a4c"],body:not(.auth) [style*="border:2px solid #2c4a4c"]{border-color:#3d6360!important}
body:not(.auth) table td button{padding:4px 11px;font-size:13px;margin:0}
body:not(.auth) td small{color:#9fc3b8}
.wi{filter:drop-shadow(0 0 4px rgba(232,185,79,.35))}
body:not(.auth) .c label{color:#cfe2da}
body:not(.auth) .c small.mu{line-height:1.55}
@media(max-width:560px){body:not(.auth) .c.st button{padding:8px 10px 7px!important;font-size:13px}.cl b{font-size:14px}}
body:not(.auth) .c[style*="border-color:#c33"]{background:linear-gradient(90deg,rgba(120,26,18,.55),rgba(30,10,8,.85))!important;border-color:#c8402f!important;color:#ffcfc4;box-shadow:0 0 0 2px #1a0806,0 0 0 3px #7a2a1e,0 0 22px rgba(200,64,47,.22)}
body:not(.auth) .c[style*="border-color:#c33"]::before{display:none}
select option{background:#0a161a;color:#e6f7ef}
input[type=number]{-moz-appearance:textfield}
input[type=file]{color:#cfe2da;max-width:100%}
input[type=file]::file-selector-button{margin-right:10px;padding:7px 14px;color:#f1fff9;background:linear-gradient(180deg,#2a8a86,#165a60);border:1px solid #6fd8c8;cursor:pointer;font-family:inherit}
input[type=file]::file-selector-button:hover{filter:brightness(1.15)}
input[type=color]{border:1px solid #8a6f33;background:#0a161a;cursor:pointer}
body:not(.auth) .c a[href*="backup"]{display:inline-block;margin:4px 0 8px;padding:7px 14px;color:var(--gold2);text-decoration:none;border:1px solid #b8913f;background:linear-gradient(180deg,rgba(232,185,79,.16),rgba(232,185,79,.03))}
body:not(.auth) .c a[href*="backup"]:hover{box-shadow:0 0 14px rgba(232,185,79,.35)}
body:not(.auth) .c table input{min-width:56px}
body:not(.auth) .c table tr:first-child th:first-child{border-left:3px solid #b8913f}
body:not(.auth) .c h2{color:var(--gold2)}
body:not(.auth) .c textarea{width:100%;min-height:70px}
@media(min-width:561px){body:not(.auth) .c.st{flex-wrap:wrap;overflow-x:visible}.tabs{flex-wrap:wrap;overflow-x:visible}.tabs .sp{display:none}.tabs button.out{margin-left:auto}}
body:not(.auth) .c.st button.g:not(.x){background:transparent!important;border:1px solid #2f5551!important;box-shadow:none!important;color:#9fc3b8!important;filter:none}
body:not(.auth) .c.st button.g:not(.x):hover{color:#f3d98a!important;background:rgba(232,185,79,.07)!important}
@media(max-width:560px){.hd .pl{text-align:left;width:100%;padding-left:50px;margin-top:-2px}}
button,a,select,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}
button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold,#e8b94f);outline-offset:2px}
.tabs,.c.st{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.tabs button,.c.st button{scroll-snap-align:start}
@media(prefers-reduced-motion:reduce){.hd .bn .tj svg,.brand .em svg{animation:none!important}}
.gdst{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin:8px 0}.gdst>div{border:1px solid #2c5558;background:#081316;padding:6px 8px;text-align:center}.gdst small{display:block;color:#9fd0c0;font-size:11px}.gdst b{display:block;font-size:15px;color:#f0cf7a;margin-top:2px}
.gdr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.gdr button,.gdr input{margin:0}
.gdsec{border-top:1px solid #244446;margin-top:10px;padding-top:8px}.gdsec>small.gdh{display:block;color:#e0b050;font-weight:bold;font-size:12px;margin-bottom:6px}
.gdtb{overflow-x:auto}.gdtb td,.gdtb th{white-space:nowrap}
.tabs,body:not(.auth) .c.st{gap:8px;padding:5px 5px 6px}
.tabs button,body:not(.auth) .c.st button{--cc:#6fb9ad;border:1px solid #4f8f88!important;border-radius:0!important}
.tabs button:not(.g),body:not(.auth) .c.st button:not(.g){--cc:#ffd34d;border:1px solid #d9b255!important}
.tabs button:hover,body:not(.auth) .c.st button:hover{--cc:#ffe49a;border-color:#e8c76a!important}
.tabs button.out{--cc:#e08a7b;border-color:#8a4a41!important}
.tabs button::before,body:not(.auth) .c.st button::before{content:"";position:absolute;inset:-3px;pointer-events:none;border-radius:0;
background:
linear-gradient(var(--cc),var(--cc)) 0 0/7px 2px no-repeat,linear-gradient(var(--cc),var(--cc)) 0 0/2px 7px no-repeat,
linear-gradient(var(--cc),var(--cc)) 100% 0/7px 2px no-repeat,linear-gradient(var(--cc),var(--cc)) 100% 0/2px 7px no-repeat,
linear-gradient(var(--cc),var(--cc)) 0 100%/7px 2px no-repeat,linear-gradient(var(--cc),var(--cc)) 0 100%/2px 7px no-repeat,
linear-gradient(var(--cc),var(--cc)) 100% 100%/7px 2px no-repeat,linear-gradient(var(--cc),var(--cc)) 100% 100%/2px 7px no-repeat}
@media(min-width:561px){.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:stretch}.tabs button.out{margin-left:0}.tabs button{width:100%}}
@media(max-width:560px){.tabs{padding-right:34px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 38px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 38px),transparent)}}
body:not(.auth) .cbr{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:2px 0 4px}
body:not(.auth) .cbr select{margin:0;flex:1 1 180px;min-width:0}
body:not(.auth) .chs{display:flex;gap:4px;align-items:center;flex:0 0 auto}
body:not(.auth) .chs select{margin:0;width:auto}
body:not(.auth) .chs button{margin:0!important;padding:7px 11px!important;font-size:13px;box-shadow:none!important}
.cbn{font-size:12px;margin:0 0 4px}
body:not(.auth) .seg{display:flex;gap:0;margin:8px 0 0;overflow-x:auto;scrollbar-width:none;border:1px solid #3d6f6b;background:#0a161a}
.seg::-webkit-scrollbar{display:none}
body:not(.auth) .seg button{flex:1 0 auto;margin:0!important;padding:7px 12px!important;font-size:13px;background:transparent!important;color:#9fc3b8;border:0!important;border-right:1px solid #24413f!important;border-radius:0!important;box-shadow:none!important;letter-spacing:0;white-space:nowrap}
body:not(.auth) .seg button:last-child{border-right:0!important}
body:not(.auth) .seg button:not(.g){background:linear-gradient(180deg,rgba(232,185,79,.24),rgba(232,185,79,.06))!important;color:var(--gold2);font-weight:bold;box-shadow:inset 0 -2px 0 var(--gold)!important}
body:not(.auth) .seg.sm button{padding:5px 10px!important;font-size:12.5px}
.cbp{background:#0a161a;border:1px solid #24413f;border-top:0;padding:8px 10px;font-size:14px;line-height:1.5}
.cbg{border:1px solid #24413f;background:rgba(255,255,255,.015);padding:6px 10px 8px;margin:8px 0 0}
.cbg:first-child{margin-top:4px}
.cbh{font-size:12px;letter-spacing:1px;color:var(--gold2);text-transform:uppercase;opacity:.9;margin:0 0 3px}
.cbk{display:flex;gap:9px;align-items:flex-start;padding:5px 0;cursor:pointer;border-top:1px dashed #1d3036}
.cbh+.cbk{border-top:0}
.cbk input{margin:3px 0 0;flex:none;width:17px;height:17px}
.cbk span{flex:1;min-width:0}
.cbk small{display:block;color:var(--mut);font-size:12px;line-height:1.4}
.cbf{padding:4px 0 4px 26px;font-size:13px;border-top:1px dashed #1d3036}
.cbm{display:block;font-size:12px;color:var(--mut);margin-top:6px;line-height:1.45}
#optmsg:empty{display:none}
.cbk small.in{display:inline}
#ci,#cto{box-sizing:border-box;margin:4px 0 0!important}
@media(max-width:560px){body:not(.auth) .chs{flex:1 1 100%}body:not(.auth) .chs select{flex:1}}
.hlp{margin:6px 0}.hlp summary{cursor:pointer;color:var(--gold2,#f3d98a);font-size:13px;padding:5px 0;list-style:none}.hlp summary::-webkit-details-marker{display:none}.hlp summary::after{content:" ▾";opacity:.7}.hlp[open] summary::after{content:" ▴"}.hlp small{display:block;line-height:1.5}
@media(pointer:coarse){body:not(.auth) .c button,body:not(.auth) .c select{min-height:38px}}
body{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
body.auth{min-height:100vh;min-height:100dvh}
button,canvas,select{touch-action:manipulation;-webkit-touch-callout:none}
canvas,button{-webkit-user-select:none;user-select:none}
.cir{display:flex;gap:6px;align-items:stretch;margin:4px 0 0}
.cir #ci{flex:1 1 auto;min-width:0;margin:0!important;font-size:16px}
.cir #cis{flex:0 0 auto;margin:0!important;padding:0 18px;font-size:14px;letter-spacing:.5px}
#cb>div{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04)}
#cb>div:last-child{border-bottom:0}
#cb{scrollbar-width:thin;scrollbar-color:#5e4b22 transparent;overscroll-behavior:contain}
@media(max-width:560px){
#cbt{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0;-webkit-overflow-scrolling:touch}
#cbt::-webkit-scrollbar{display:none}
#cbt button{flex:0 0 auto;white-space:nowrap;margin:0 3px 3px 0}
body:not(.auth) .c{padding-left:8px;padding-right:8px}
#cvh{padding:6px 0 4px;margin:0 -4px}
.hlp{display:none}
}
@media(max-height:520px) and (orientation:landscape){
.hd{margin:2px 0 4px;padding:4px 10px}.hd .bn .tj{width:26px;height:26px}.hd h1{font-size:15px;letter-spacing:1.5px}.hd .pl{display:none}
.tabs{margin:0 0 4px}.tabs button{padding:5px 10px;font-size:13px}
body:not(.auth) .c{padding-top:6px;padding-bottom:6px}
#cvh{padding:2px 0}
#cvh>div:not([style*="fixed"]){width:min(100%,calc((100vh - 70px)*16/9))!important;margin-left:auto!important;margin-right:auto!important}
.cbr{margin:0 0 2px!important}.cbr select{padding:4px 8px}
}
@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=button]):not([type=submit]),select,textarea{font-size:16px}}
html:has(body.live){height:100%;overflow:hidden}body.live{background:#000;overflow:hidden;margin:0;height:100%}body.live .w{max-width:none;margin:0;padding:0}
#lvw{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100vw,calc(100vh*16/9));width:min(100vw,calc(100dvh*16/9));margin:0;background:#000}body.live #lvw #cvh>div:not([style*="fixed"]){width:100%!important;margin:0!important}#lvw #cvh{padding:0;margin:0}body.live #cvh>*{box-shadow:none}#lvw canvas{display:block;width:100%;height:auto}
#lvtop{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:8px;align-items:center;padding:4px 12px 4px 4px;background:rgba(8,18,22,.78);border:1px solid #8a6f33;border-radius:18px!important;color:#fff;font-size:13px;white-space:nowrap;max-width:92%;overflow:hidden;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 10px rgba(0,0,0,.45)}
#lvtop .lvb{flex:none;display:flex;align-items:center;gap:5px;padding:2px 9px;border-radius:14px!important;background:#c62828;font-weight:bold;letter-spacing:.8px;font-size:12px}#lvtop i{flex:none;width:7px;height:7px;border-radius:50%!important;background:#fff;animation:lvb 1.2s infinite}#lvtop.off .lvb{background:#555}#lvtop.off i{animation:none;opacity:.6}#lvtop.idl .lvb{background:#b8791f}@keyframes lvb{50%{opacity:.25}}
#lvn{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}#lvn b{overflow:hidden;text-overflow:ellipsis;font-size:14px}#lvn em{flex:none;font-style:normal;font-size:12px;color:#cfe9e0;padding-left:6px;border-left:1px solid #3f6a66}
#lvhp{flex:none;width:56px;height:6px;border-radius:3px!important;background:#0a161a;border:1px solid #2c4a4c;overflow:hidden}#lvhp u{display:block;height:100%;width:100%;text-decoration:none;background:#3fbf8a;transition:width .4s,background .4s}
#lvchat{position:absolute;left:8px;bottom:8px;max-width:56%;z-index:4;pointer-events:none;font-size:12.5px;line-height:1.35;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000}#lvchat div{background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.25));border-left:2px solid #b8913f;padding:2px 8px;margin-top:3px;overflow-wrap:anywhere}#lvchat b{color:#e8b94f}
body.live.clean #lvtop,body.live.clean #lvchat,body.live.clean #lvfs{display:none!important}
#lvidle{display:none;position:absolute;left:8px;top:8px;z-index:4;padding:3px 10px;font-size:12px;color:#fff;background:rgba(8,18,22,.72);border:1px solid #b8791f;border-radius:14px!important;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#lvfs{position:absolute;right:8px;bottom:8px;z-index:5;margin:0;width:36px;height:36px;padding:0;font-size:18px;line-height:34px;text-align:center;color:#fff;opacity:.8;cursor:pointer;transition:opacity .2s}body.live #lvfs{background:rgba(8,18,22,.7)!important;border:1px solid #8a6f33!important;border-radius:8px!important;box-shadow:none!important}#lvfs:hover{opacity:1}
#lvov{position:absolute;left:0;top:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;font-size:clamp(14px,3.4vw,22px);animation:lvf .3s}
.lvob{display:flex;flex-direction:column;align-items:center;gap:12px}.lvsp{width:34px;height:34px;border:3px solid rgba(255,255,255,.2);border-top-color:#4fe0c8;border-radius:50%!important;animation:lvr .8s linear infinite}@keyframes lvr{to{transform:rotate(360deg)}}@keyframes lvf{from{opacity:0}}
@media(max-width:480px){#lvn .lvx{display:none}#lvhp{width:40px}#lvtop{top:5px;font-size:12px}}@media(prefers-reduced-motion:reduce){#lvtop i,.lvsp{animation:none}}
#lvw:fullscreen{left:0;top:0;transform:none;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#lvw:fullscreen #cvh{width:min(100vw,calc(100vh*16/9))}
#lvw:-webkit-full-screen{left:0;top:0;transform:none;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#lvw:-webkit-full-screen #cvh{width:min(100vw,calc(100vh*16/9))}

.chh{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cha{width:84px;height:84px;border:3px solid #8a6a30;background:#0a161a;display:flex;align-items:center;justify-content:center;font-size:46px;border-radius:50%!important;overflow:hidden;flex:none}
.chn{flex:1;min-width:190px}.chnm{font-size:21px;letter-spacing:.5px}
.chs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.chp{display:inline-block;padding:1px 10px;border:1px solid #3d6360;border-radius:12px;background:#10262a;font-size:13px;color:#cfe9e0}
.chb{margin-top:12px}.chbl{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px}.chbl b{font-size:14px}
.chb .bar{height:12px;border-radius:6px!important;border:1px solid #2c4a4c}.chb .bar i{border-radius:5px!important}
.cht{margin:16px 0 8px;padding-bottom:4px;font-size:13px;letter-spacing:1px;color:var(--gold2);border-bottom:1px dashed #3e3216}
.chg{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.chc{background:#0a161a;border:1px solid #2c4a4c;border-left:3px solid #b8913f;padding:6px 10px;min-width:0;word-break:break-word}
.chc small{display:block;color:#7fa39a;font-size:12px;margin-bottom:2px}.chc b{font-size:16px;color:#e9f8f1}.chc em{display:block;font-style:normal;font-size:11px;color:#7fa39a;margin-top:2px}
.chd{display:inline-block;width:9px;height:9px;margin-right:4px;border-radius:50%!important;border:1px solid #3d6360;background:#10262a}.chd.on{background:var(--jade2,#2fb8a0);border-color:var(--jade2,#2fb8a0);box-shadow:0 0 6px var(--jade2,#2fb8a0)}
@media(max-width:480px){.cha{width:68px;height:68px;font-size:36px}.chnm{font-size:18px}.chg{grid-template-columns:repeat(2,1fr)}}

/* ===== DARK FANTASY THEME (khung dong-vang, da toi) ===== */
body{background:radial-gradient(ellipse at 50% -10%,#3b2a14 0,#120d08 52%,#080605 100%) fixed,#080605!important;color:#e8dab8}
h1,h3{color:#f0c867!important;text-shadow:0 0 10px #c8901a88,0 1px 0 #000}
h1{letter-spacing:3px}
.c{background:linear-gradient(#1b1510,#100c08)!important;border:1px solid #8a6528!important;box-shadow:0 0 18px rgba(200,150,50,.10) inset,0 0 0 1px #070504,0 0 0 2px #5a4220,0 4px 14px #000a!important}
button{background:linear-gradient(#7a5820,#3e2a0e)!important;color:#fbe9b4!important;border:1px solid #d4aa55!important;box-shadow:0 0 8px rgba(230,180,70,.28),inset 0 1px 0 #ffe7a055!important;text-shadow:0 1px 0 #000}
button:hover{filter:brightness(1.18)}
button.g{background:linear-gradient(#2c2218,#171109)!important;border:1px solid #5e4620!important;box-shadow:none!important;color:#d8c694!important}
input,select,textarea{background:#0b0805!important;border:1px solid #7a5a26!important;color:#f2e4bf!important}
.bar{background:#0b0805!important;box-shadow:0 0 0 1px #8a6528,0 0 6px #c8901a44!important}
#log{background:#0b0805!important;border:1px solid #4a3818}
td,th{border-bottom:1px solid #3a2c16!important}
.eqw>.eqg{border:1px solid #7a5a26!important;background:#0b0805!important}
.eqw>.eqg>small{color:#f0c867!important;border-bottom:1px solid #3e2e14!important}
.sl{border:1px solid #6a4e22!important;background:#0b0805!important}.sl.on{background:#21170a!important}
.sl .ch{color:#0b0805!important}
.mu{color:#b8a47a!important}
a{color:#f0c867}
#bg{background:linear-gradient(#050304 0%,#140c08 42%,#2a1a0e 72%,#3a2612 100%)!important}
#bg .moon{background:radial-gradient(circle at 38% 36%,#ffe9d0,#e8b080 52%,#a86a3a)!important;box-shadow:0 0 50px 16px rgba(255,150,70,.30),0 0 170px 70px rgba(200,80,30,.14)!important}
#bg .m1{fill:#2a1a10!important}#bg .m2{fill:#1a100a!important}#bg .m3{fill:#0b0705!important}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0b0805}::-webkit-scrollbar-thumb{background:#7a5a26;border:1px solid #d4aa55}
/* ===== responsive-fix v2: chống vỡ khung, co giãn mượt mọi màn hình ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#0b1418}
body{min-height:100vh;min-height:100dvh;overflow-x:hidden}
.w{width:100%;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(28px + env(safe-area-inset-bottom))}
@media(min-width:900px){.w{max-width:900px}}
@media(min-width:1280px){.w{max-width:1000px}}
.auth .w{max-width:440px}
img,svg,canvas,video,iframe{max-width:100%}
.c{min-width:0;overflow-wrap:break-word}
table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
input,select,textarea{max-width:100%;min-width:0}
.sl{width:clamp(84px,24vw,112px)}
.chn{min-width:min(190px,100%)}
#log{height:clamp(110px,28vh,200px)}
#bg .moon{width:clamp(48px,10vw,104px);height:clamp(48px,10vw,104px)}
@media(max-width:360px){.w{padding-left:8px;padding-right:8px}button{padding:8px 10px;font-size:14px}.hd h1{font-size:17px;letter-spacing:1px}}
/* fix: thanh chọn bản đồ + kênh (◀ select ▶) luôn nằm 1 hàng ngang */
body:not(.auth) .chs{flex-wrap:nowrap;gap:4px;min-width:0}
body:not(.auth) .chs select{flex:1 1 auto;min-width:0;width:auto}
body:not(.auth) .chs button{flex:0 0 auto;min-width:40px;min-height:38px;line-height:1;white-space:nowrap}
body:not(.auth) .cbr>select{flex:1 1 200px}
@media(max-width:560px){body:not(.auth) .cbr>select,body:not(.auth) .cbr>.chs{flex:1 1 100%}}
/* tối ưu cảm ứng: bỏ trễ chạm 300ms, không bôi chọn nút, viền focus rõ khi dùng bàn phím */
button,select,.tabs{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{-webkit-user-select:none;user-select:none}
button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e8b94f;outline-offset:1px}