:root{--af:#d9a441;--bub:#2a2112;--bg:#0f0e0b;--card:#1b1912;--tx:#e8dcc0;--mu:#a89a78;--ac:#d9a441;--bd:#4a3d22;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--lw:78px;--rg:8px}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 64px)}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.45 'EB Garamond',Georgia,serif;padding:16px}
main{max-width:960px;margin:auto}
h1,h2{font-family:'Cinzel',Georgia,serif;letter-spacing:.06em;text-transform:uppercase}
h1{font-size:22px;margin:0 0 4px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
input::placeholder,textarea::placeholder{color:#2a2012;opacity:.7}      /* the boxes are cream in both themes: the hint is the dark text colour, softer */
.ver{display:inline-flex;align-items:center;gap:7px;font:400 13px/1.3 'EB Garamond',Georgia,serif;letter-spacing:.05em;color:var(--mu);white-space:nowrap;cursor:default}
.ver::before{content:'';flex:none;width:6px;height:6px;border-radius:1px;transform:rotate(45deg);background:var(--vd,#7fbf6a);box-shadow:0 0 6px var(--vd,#7fbf6a)}
.ver[data-s=upd]{--vd:#e0b050}
.ver[data-s=upd]::before{animation:verp 1s ease-in-out infinite}
.ver[data-s=old]{--vd:#d9664a;color:#d9664a}
.ver[data-s=unk]{--vd:#8a7d5c}
.ver[data-s=ahead]{--vd:#6aa6d9}
@keyframes verp{50%{opacity:.3}}
@media(max-width:480px){h1{font-size:19px}}
@media(max-width:380px){h1{font-size:17px}}
h2{font-size:15px;margin:0 0 10px;color:var(--ac);border-bottom:1px solid var(--bd);padding-bottom:6px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:14px;margin:12px 0}
.mdi,.tcw,.pw,#br>.rfx{position:relative;padding:8px 12px;background:var(--bub);color:var(--tx);border:1px solid var(--ac);border-radius:8px;font-size:14px;line-height:1.35}
.mdi{margin:12px 0 4px}
.mdi::before,.tcw::before,.pw::before,#br>.rfx::before{content:'';position:absolute;top:-6px;left:50%;width:10px;height:10px;margin-left:-5px;background:var(--bub);border-left:1px solid var(--ac);border-top:1px solid var(--ac);transform:rotate(45deg)}
.mdi[hidden],.mrow[hidden],.bc[hidden],.mod[hidden],.mnt .mnx,.mnt[aria-expanded=true] .mni,.menu[hidden],.don[hidden],.mbar .hlp[hidden],.amo[hidden],#ap[hidden],#hp[hidden],#fmp[hidden],#epp[hidden],#lgp[hidden],.imp[hidden],.pw[hidden]{display:none}
.mdi b{color:var(--ac);font-weight:600;letter-spacing:.2px}
.mdi:not([hidden]){display:flex;align-items:center;gap:14px}
.mdi .mi{width:64px;flex:none}
#mrE button,#mrP button{margin:0;width:100% !important;flex:none !important}
#mrE,#mrP{gap:8px;border-top:0;margin-top:0;padding-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.sc{overflow-x:auto}
table{border-collapse:collapse;width:100%}
th,td{padding:4px 8px;text-align:left;font-size:14px;white-space:nowrap}
th{color:var(--mu);font-weight:600}
input[type=number],input[inputmode],select{width:90px;padding:5px;background:#e2cf9e;color:#2a2012;border:1px solid #8a6a2c;border-radius:4px;text-align:center;font:inherit}
select{width:auto}
.mu{color:var(--mu);font-size:13px}
.bg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}
.bc{border:1px solid var(--bd);border-radius:8px;padding:8px 10px;background:var(--bg)}
.bc b{display:block;margin-bottom:6px;color:var(--ac);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bi{display:grid;grid-template-columns:var(--lw) minmax(0,1fr);align-items:center;gap:var(--rg);margin:5px 0}
.fg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));column-gap:24px}
.bi[hidden]{display:none}
#rare{--lw:132px}
.rh{color:var(--ac);font-weight:600;margin:10px 0 6px}
.rh:first-of-type{margin-top:4px}
#bon .bi,#bonx .bi,#rare .bi,#spb .bi,#sb .bi,#mb .bi{grid-template-columns:minmax(0,1fr) 76px}
#bon .bi>span,#bonx .bi>span,#rare .bi>span,#spb .bi>span,#sb .bi>span,#mb .bi>span{font-size:17px;white-space:normal;line-height:1.2}
.bi>span{color:var(--tx);text-align:left;white-space:nowrap}
.bi input,.bi select{width:100%;min-width:0;box-sizing:border-box;height:32px;padding:3px 6px}
.bc.ep{align-self:start}
.tt{table-layout:fixed;min-width:620px}
.tt td:first-child{width:130px;text-align:left}
.tt td,.tt th{text-align:center}
.tt label{position:relative;display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tt label input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.tt label span{display:block;min-width:46px;padding:5px 0;border:1px solid var(--bd);border-radius:7px;background:var(--bg);color:var(--mu);font-size:14px;text-align:center;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}
.tt label input:focus-visible+span{outline:2px solid var(--ac);outline-offset:2px}
.ol{max-width:none}
.obrow,.pbrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:400px}
.ob{margin:0;min-width:0;width:100%;padding:6px 4px;font:inherit;white-space:nowrap}
.pbrow .tc:hover{background:var(--af);color:#000}
.sbx{margin-top:10px;text-align:left;max-height:min(65vh,600px);overflow:auto;padding-right:4px}
.sbx>.oi:first-child,.brh:first-child{margin-top:0}
.br{display:flex;flex-direction:column;gap:3px}
.brh{margin:8px 0 1px;color:var(--ac);font:600 13px/1 'Cinzel',Georgia,serif;letter-spacing:.12em;text-transform:uppercase}
.bl{display:flex;align-items:center;gap:10px;padding:3px 10px;border-radius:6px;font-size:13.5px;line-height:1.3}
.bo{background:#dcc791;color:#2a2012;border:1px solid #8a6a2c}
.be{background:rgba(163,64,44,.2);color:var(--tx);border:1px solid #7a3a2a}
.bic{flex:none;position:relative;display:inline-block;width:30px;height:30px}
.bic .ic2,.tli svg,.mnt svg,.mnt[aria-expanded=true] .mnx,.nvb svg,.tl svg{display:block}
.be .bic .ic2{opacity:.4;filter:grayscale(.5)}
.bic .bx{position:absolute;left:4px;top:4px;width:22px;height:22px;transform:rotate(-5deg);overflow:visible}
.bm{flex:1 1 0;min-width:0;font-size:14px;line-height:1.3}
.bm small{display:block;font-size:11.5px;opacity:.75}
.bv{flex:none;display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;font-variant-numeric:tabular-nums}
.bv b{font-size:14px}
.bv small{opacity:.65;font-size:11.5px}
.be .bv b{color:#ff9a84}
.bb{flex:none;display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;font-size:13px;opacity:.85;font-variant-numeric:tabular-nums}
.bb small{font-size:11.5px;opacity:.75}
.bf{margin:8px 0 0;font-size:14px}
@media(max-width:480px){.bl{gap:8px;padding:3px 8px;font-size:13px}.bv b{font-size:13px}.bo{flex-wrap:wrap}.bo .bb{order:5;flex:0 0 100%;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:10px;padding-left:38px;font-size:12px}.bb small{font-size:11.5px}}
.oi{display:flex;align-items:center;gap:10px;background:#dcc791;color:#2a2012;border:1px solid #8a6a2c;border-radius:6px;padding:5px 10px;margin:5px 0;user-select:none}
.oi .ic2{width:56px;height:56px;border-radius:0}
.oi.dg{opacity:.65;outline:2px solid var(--ac)}
.oi .hd{cursor:grab;touch-action:none;font-weight:700;padding:2px 6px}
.oi.dg .hd,.gs.ov.dg,#tabs.dg,#tabs.dg .tab{cursor:grabbing}
.no{width:22px;height:22px;border-radius:50%;background:#2a2012;color:#e8dcc0;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.oi.bz{border-left:5px solid #2c7480}
.oi.bz .no{background:#2c7480;color:#fff}
.oz{margin:12px 0 2px;color:#7cc2cc;font-size:13px}
.oz.ro{color:#9a9080}
.nm{flex:1}
button{background:#8a6a2c;color:#fff;border:0;border-radius:5px;padding:1px 6px;cursor:pointer;margin-left:3px;font:inherit}
#res table, #cmpb table{border-collapse:separate;border-spacing:8px;table-layout:fixed;min-width:600px}
#res td .mu,#cmpb td .mu{white-space:normal;color:#5b4721;font-size:12px}
#res th,#cmpb th{width:150px;color:var(--ac)}
#res th.gl, #cmpb th.gl{width:auto;text-align:left;padding:8px 2px 0}
.glh{padding:8px 2px 0 10px;color:var(--ac);font-weight:600;font-size:14px}
.gs{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8a6a2c transparent}
.gs.ov{cursor:grab;user-select:none;-webkit-user-select:none}
.gs img{-webkit-user-drag:none}
#res table.gt,#res table.gt td, #cmpb table.gt,#cmpb table.gt td{min-width:0}
@media(max-width:480px){#res table.gt,#cmpb table.gt{width:calc(var(--r,5)*112px)!important}#res table.gt td:empty,#cmpb table.gt td:empty{display:none}#res table.gt colgroup,#cmpb table.gt colgroup{display:none}#res .gs,#cmpb .gs{overflow:visible}#res .sci,#cmpb .sci{width:max-content;min-width:100%}#res .sci .glh,#cmpb .sci .glh{position:sticky;left:0;width:max-content;max-width:calc(100vw - 48px)}      #res table.gt .ic,#cmpb table.gt .ic{width:48px;height:48px}#res table.gt .kp,#cmpb table.gt .kp{top:3px;right:5px;font-size:10px}}
#res td, #cmpb td{background:#dcc791;color:#2a2012;border:1px solid #8a6a2c;border-radius:6px;text-align:center;padding:8px 10px;position:relative;min-width:104px}
#res td:empty, #cmpb td:empty{background:transparent;border:0}
#res td .n, #cmpb td .n{font-size:17px;font-weight:700}
summary{cursor:pointer;list-style:none;margin-bottom:6px}
details[data-help=mb]>summary,details[data-help=mb]>summary *{-webkit-tap-highlight-color:transparent;transition:none}
details[data-help=mb]>summary:focus,details[data-help=mb]>summary *:focus{outline:none}
summary::-webkit-details-marker{display:none}
summary::before{content:'▸ ';color:var(--ac)}
details[open] summary::before{content:'▾ '}
summary h2{display:inline;border:0;padding:0;margin:0}
.pb{padding:6px 4px;margin:0;width:100%;white-space:nowrap}
.pbrow .vb{margin:0;min-width:0;width:100%;padding:6px 4px;white-space:nowrap}
.card>h2{display:flex;align-items:center;gap:10px}
.card>summary{display:flex;align-items:center;gap:8px}
.card>summary h2{flex:1;min-width:0}
.hq{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin:0 0 0 auto;border:1px solid var(--ac);font:700 13px/1 'Cinzel',Georgia,serif;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(233,196,106,.28),rgba(184,134,43,.08));color:var(--ac);cursor:pointer;transition:box-shadow .2s,background .2s,transform .15s,color .15s;text-shadow:0 0 6px rgba(224,176,80,.5)}
.hq:hover{box-shadow:0 0 10px rgba(224,176,80,.55);background:radial-gradient(circle at 35% 30%,rgba(233,196,106,.45),rgba(184,134,43,.15));transform:scale(1.06)}
.hq:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.hq[aria-expanded=true]{text-shadow:none;background:linear-gradient(180deg,#e9c46a,#b8862b);border-color:#f0d58a;color:#2a2012;box-shadow:0 0 8px rgba(224,176,80,.45)}
.tab.add:hover,.tl.urw:hover{border-color:var(--ac)}
.hp{margin:0 0 12px;padding:10px 14px;border:1px solid var(--bd);border-left:3px solid var(--ac);border-radius:8px;background:rgba(217,164,65,.07);font-size:15px;line-height:1.5;color:var(--tx)}
.hp p,.rl8{margin:0 0 8px}
.hp p:last-child{margin-bottom:0}
.hp .ht{position:relative;padding-left:20px}
.hp .hm{position:absolute;left:1px;top:.4em;width:12px;height:12px;background:linear-gradient(135deg,#f3cb6e,#b5832a);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.hp figure{margin:10px 0 0}
.hp img{display:block;max-width:100%;height:auto;border:1px solid var(--bd);border-radius:6px}
.hp figcaption{margin:5px 0 0;font-size:13px;color:var(--mu)}
.eb,.cm{padding:6px 16px;margin:0 8px 8px 0;font:inherit}
#res td[data-troop], #cmpb td[data-troop]{cursor:pointer}
.cm:disabled{opacity:.4;cursor:not-allowed}
.mrow{flex-wrap:wrap;display:grid;gap:8px;align-items:stretch}
.mrow>.mu{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:126px;margin-right:8px;margin-bottom:8px;font-size:13px}
.mrow>.mu b{font-weight:600;color:var(--ac);margin:0 0 0 8px;font-size:14px;letter-spacing:.3px}
.mi{width:60px;height:auto;display:block;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.mrow button{padding-left:4px;padding-right:4px;text-align:center;width:100% !important;min-width:0;box-sizing:border-box;margin:0 !important;padding:6px 4px;white-space:normal !important;overflow-wrap:anywhere;line-height:1.2}
@media(max-width:520px){.mrow+.mrow{border-top:1px solid var(--bd);margin-top:6px;padding-top:12px}.mrow>.mu{flex:0 0 100%;width:auto;margin:0 0 4px}.mrow{column-gap:8px}.mrow button{width:calc((100% - 8px)/2);margin-right:0}}
#os .oi{cursor:default}
.ic2{width:30px;height:30px;border-radius:4px;vertical-align:middle}
.oi small{display:block;line-height:1.1}
.kp{position:absolute;top:3px;right:7px;font-size:11px;color:#5b4721}
#res td.off,#res td.zero,.vwr.off,.vwr.zero,#cmpb td.off,#cmpb td.zero{opacity:.35}
.nb{white-space:nowrap}
.nw{display:block;white-space:normal}
.atk{direction:ltr;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;box-sizing:border-box;margin:0 0 12px;padding:3px;border:1px solid var(--ac);border-radius:10px;background:var(--bg)}
.atk::before{content:'';position:absolute;top:3px;bottom:3px;left:3px;width:calc(33.333% - 2px);border-radius:7px;background:var(--af);transition:transform .2s ease}
.atk[data-v=players]::before{transform:translateX(100%)}.atk[data-v=monsters]::before{transform:translateX(200%)}
.ab{position:relative;z-index:1;margin:0;padding:9px 4px;width:100%;white-space:normal;line-height:1.15;font:inherit;font-size:15px;background:transparent;color:var(--ac);border-radius:7px}
.ab.on{color:#000;font-weight:600}
.ab:disabled{opacity:.4;cursor:not-allowed}
.pbrow .tc{margin:0;min-width:0;width:100%;padding:5px 3px;white-space:nowrap;font:inherit}
.tcw{max-width:400px;margin:12px auto 0;padding:8px 12px 10px;text-align:center}
.tct{width:100%;table-layout:fixed;margin:4px 0 0;border-collapse:collapse;font-size:13px}
.tcw p.tct{margin:0 0 12px}
.tcw .tc{padding:5px 14px;font:inherit;background:transparent;border:1px solid var(--ac);color:var(--ac);border-radius:6px;cursor:pointer}
@media (hover:hover){.tcw .tc:hover{background:var(--af);color:#000}}
.tcw .tcw .tc:not(.on):focus{background:transparent;color:var(--ac)}
.tca{margin-top:10px;font-size:13px;line-height:1.45}
.tct th,.tct td{padding:6px 4px;border-bottom:1px solid rgba(224,176,80,.25);text-align:center;vertical-align:top;overflow-wrap:anywhere}
.tct th:first-child,.tct td:first-child{text-align:left;width:48%}
.tct th{color:var(--tx);font-weight:600}
.tctab{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0 2px}
.tcb{margin:2px 0 0;padding:6px 8px;border-left:3px solid var(--ac);background:rgba(224,176,80,.16);font-weight:700;color:var(--ac);margin-top:10px}
.tcb small{display:block;font-weight:400;font-size:12px;color:var(--mu,#b9a77a)}
.tcb span{font-weight:400;color:var(--tx)}
.tcalt0{margin:10px 0 0}
.tcus{display:flex;flex-wrap:wrap;gap:6px 8px;margin:4px 0 8px}
.tcu{display:inline-flex;flex-direction:column;align-items:center;gap:1px}
.tcu small{display:block;font-weight:400;font-size:11px;color:var(--mu,#b9a77a)}
.tcb .tcio{display:block;margin-top:8px;font-size:12px;color:var(--mu,#b9a77a)}
.tcb .tcus{margin:3px 0 2px}
.tcb2{position:relative;margin-top:10px;padding:8px 0 0 0;border-top:1px solid rgba(224,176,80,.3);text-align:left}
.tcz{position:absolute;top:4px;right:-4px;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--ac);font:20px/1 sans-serif;cursor:pointer}
.tca p{margin:4px 0}
.tca:empty{display:none}
.cmin{background:transparent;border:0;border-radius:0;padding:0;margin:14px 0 0}
.pw.cmbub{max-width:420px;margin:10px auto 14px;text-align:center}
.pw.cmbub p{margin:0 0 8px;text-align:center}
.cmup{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;font:inherit;background:transparent;border:1px solid var(--ac);color:var(--ac);border-radius:6px;cursor:pointer}
.cmup:hover{background:var(--af);color:#000}
.cmin[hidden]{display:none}
.tc:disabled,.vb:disabled{opacity:.4;cursor:not-allowed}
.mod{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.65)}
.mod>div{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;padding:16px 18px;background:var(--card);border:1px solid var(--ac);border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.7)}
.mod p{margin:0 0 8px;line-height:1.4}
.tcx{padding:6px 18px;margin:0;font:inherit}
input:disabled{cursor:not-allowed}
.vb{padding:6px 10px;margin:0 6px 8px 0;font:inherit;min-width:84px}
.vwl.c2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}
.vwr{position:relative;display:flex;align-items:center;gap:12px;background:#dcc791;color:#2a2012;border:1px solid #8a6a2c;border-radius:6px;padding:6px 12px;margin:0 0 6px;cursor:pointer}
.vwr .ic{margin:0;flex:none;width:48px;height:48px}
.vwt{min-width:0;padding-right:34px}
.vwn{font-size:14px;color:#5b4721;line-height:1.2}
.vwc{font-size:17px;font-weight:700;line-height:1.3}
.vwr .kp{top:50%;right:12px;transform:translateY(-50%);font-size:12px}
@media(max-width:560px){.vwl.c2 .vwt{padding-right:0}.vwl.c2 .vwr{gap:6px;padding:5px 6px}.vwl.c2 .vwr .ic{width:40px;height:40px}.vwl.c2 .vwn{font-size:12px;padding-right:24px}.vwl.c2 .vwc{font-size:15px}.vwl.c2 .vwr .kp{top:3px;right:5px;transform:none;font-size:11px}}
@media(max-width:340px){.vwl.c2{column-gap:5px}.vwl.c2 .vwr{gap:4px;padding:4px}.vwl.c2 .vwr .ic{width:32px;height:32px}.vwl.c2 .vwn{font-size:11px;padding-right:20px}.vwl.c2 .vwc{font-size:14px}.vwl.c2 .vwr .kp{right:3px;font-size:10px}}
#tabrow{margin:12px 0 6px;display:flex;align-items:flex-end;gap:8px;position:relative}
#tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-width:0;overscroll-behavior-x:contain;position:relative;z-index:1}
#tabsin{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:10px;box-sizing:border-box;min-width:100%;width:max-content;border-bottom:1px solid var(--bd);border-bottom-color:transparent}
#tabtools{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin:0 0 6px;font-size:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}
.tab.rdg{background:var(--bg);color:var(--ac);opacity:.85;position:relative;z-index:3;cursor:grabbing}
.tab.rdl{box-shadow:inset 3px 0 0 var(--ac)}
.tab.rdr{box-shadow:inset -3px 0 0 var(--ac)}
#tabs .tab{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.tab{width:104px;text-align:center;background:transparent;color:var(--mu);border:0;border-bottom:3px solid transparent;border-radius:0;padding:8px 2px;margin:0;font:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto}
.tab.on{color:#000;border-bottom-color:var(--af);font-weight:600;background:var(--af);border-radius:7px 7px 0 0}
.tab.add{display:inline-flex;align-items:center;justify-content:center;color:var(--ac);border:1px solid var(--bd);border-radius:999px;font:600 17px 'Cinzel',Georgia,serif;padding:0;right:0;width:34px;height:34px;border-color:var(--ac);font-size:21px;line-height:1;background:linear-gradient(rgba(217,164,65,.14),rgba(217,164,65,.14)),var(--bg);position:static;margin:0 0 6px;box-shadow:none;flex:none}
@media(max-width:480px){#tabtools{flex-wrap:wrap}#tabtools .tl{flex:1 1 72px;text-align:center;justify-content:center}}
.tabin{width:104px;box-sizing:border-box;flex:0 0 auto;margin:0 0 4px;padding:5px 8px;background:#e2cf9e;color:#2a2012;border:1px solid #8a6a2c;border-radius:8px;font:inherit}
.tli{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--card);color:var(--mu);border:1px solid var(--bd);border-radius:7px;cursor:pointer;padding:0;margin:0;flex:0 0 auto}
.tli.on,.tl.on,.imp .tl{color:var(--tx);border-color:var(--ac)}
@media(hover:hover){.tli:hover,.tl:hover,.amx:hover{color:var(--tx);border-color:var(--ac)}}      /* hover only where a mouse hovers: on a touch screen a tapped button must not stay lit */
.tl{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;background:var(--card);color:var(--mu);border:1px solid var(--bd);border-radius:7px;padding:0 12px;margin:0;font:inherit;white-space:nowrap;flex:0 0 auto;height:auto;min-height:32px}
h1 .lg{height:104px;width:auto;display:block;-webkit-user-drag:none;user-select:none;touch-action:pan-y}
.ft{margin:22px 0 8px;text-align:center}
.hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px}
.hd h1{margin:0;min-width:0}
.hd h1 .lg{max-width:100%;object-fit:contain;object-position:left}
.mnt{display:none;flex:none;align-items:center;justify-content:center;width:46px;height:46px;padding:0;margin:0;background:rgba(217,164,65,.08);color:var(--ac);border:1px solid var(--bd);border-radius:10px;cursor:pointer}
.mnt[aria-expanded=true]{border-color:var(--ac);background:rgba(217,164,65,.16)}
@media(hover:hover){.mnt:hover,.nvb:hover{border-color:var(--ac);background:rgba(217,164,65,.16)}}
.menu{margin:18px 0 0}
.mdv{height:2px;margin:22px 0 18px;padding:0;border:0;background:linear-gradient(90deg,#8a6a2c,var(--bd) 55%,transparent)}
.mbar{display:flex;flex-wrap:wrap;gap:10px}
#menuacct{display:contents}
.lgw{position:relative;display:flex;align-items:center;gap:12px;width:100%;flex:none;height:54px;box-sizing:border-box;padding:0 8px;border-top:1px solid var(--bd);border-radius:0;color:var(--tx);font-size:16px;-webkit-tap-highlight-color:transparent}
@media(hover:hover){.lgw:hover{background:rgba(217,164,65,.1)}}
.lgw:after{content:'\203A';margin-left:auto;color:var(--mu);font-size:18px;line-height:1;pointer-events:none}
.lgw svg{width:20px;height:20px;position:static;flex:none;pointer-events:none;color:var(--tx)}
#lang{text-align:left;text-align-last:left;position:absolute;inset:0;width:100%;height:100%;appearance:none;-webkit-appearance:none;margin:0;padding:0 34px 0 40px;border:0;border-radius:0;background:transparent;color:var(--tx);font:inherit;font-size:16px;cursor:pointer;outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent;pointer-events:none}
#lang:focus,#lang:active{outline:0;box-shadow:none;background:transparent}
#lang option{background:var(--card);color:var(--tx)}
.nvb{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:190px;max-width:100%;box-sizing:border-box;margin:0;padding:0 14px 0 8px;background:rgba(217,164,65,.08);color:var(--tx);border:1px solid var(--bd);border-radius:999px;font:inherit;font-size:15px;cursor:pointer;height:auto;min-height:42px;padding-top:6px;padding-bottom:6px}
.nvb>svg{margin:0 0 0 2px}
.nvn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nva{flex:none;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#f0c968,#c8932f);color:#1a1408;font:700 14px/26px Georgia,serif;text-align:center}
.nva.big{width:46px;height:46px;font-size:22px;line-height:46px}
.nvd{flex:none;width:8px;height:8px;border-radius:50%;background:#6fbf73}
.nvd.busy{background:var(--af);animation:verp 1s infinite}
.nvd.err{background:#d9664a}
.tl.nvo{display:inline-flex;align-items:center;gap:8px}
.tl.nvo:hover{color:#e88a74;border-color:#8a4a3a}
.nvr{margin-top:14px;padding-top:12px;border-top:1px solid var(--bd)}
.don{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;text-decoration:none;border:1px solid #f0c968;background:linear-gradient(180deg,#f0c968,#c8932f);color:#1a1408;font:600 13px/1 'Cinzel',Georgia,serif;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 16px rgba(217,164,65,.35),inset 0 1px 0 rgba(255,255,255,.35);white-space:nowrap}
.don b{color:#a3201b;font-weight:600;font-size:15px;letter-spacing:0}
.don:hover{filter:brightness(1.1);box-shadow:0 0 22px rgba(217,164,65,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.don:active,.amp:active{transform:translateY(1px)}
.mbar .don{justify-content:center;width:190px;height:42px;box-sizing:border-box;padding:0;font-size:12.5px}
@media(max-width:480px){h1 .lg{height:78px}}
@media(max-width:400px){h1 .lg{height:66px}}
@media(max-width:600px){.mnt:not([hidden]){display:inline-flex}.mdv{margin:16px 0 14px}.menu{margin:12px 0 0;display:none}.menu.open:not([hidden]){display:block}.menu.open:not([hidden])+.mdv{margin-top:0}.mbar{flex-direction:column;flex-wrap:nowrap;gap:0;padding:0;background:none;border:0;border-radius:0}.nvb,.mbar .don{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:54px;box-sizing:border-box;padding:0 8px;background:transparent;border:0;border-radius:8px;box-shadow:none;color:var(--tx);font:inherit;font-size:16px;letter-spacing:0;text-transform:none;text-decoration:none}@media(hover:hover){.nvb:hover,.mbar .don:hover{background:rgba(217,164,65,.1);filter:none;box-shadow:none}}.nvb:active,.mbar .don:active{transform:none;background:rgba(217,164,65,.16)}.mbar .don{border-top:1px solid var(--bd);border-radius:0 0 8px 8px;color:var(--ac)}.mbar .nvb{border-radius:8px 8px 0 0}.mbar .don b{display:inline-block;width:20px;text-align:center;font-size:17px}.mbar .nvb>svg{width:20px;height:20px;margin:0}.mbar .nva{margin:0 -3px}.mbar .nvb:last-child,.mbar .don:first-child{border-radius:8px}.nvb:after,.mbar .don:after{margin-left:auto;color:var(--mu);font-size:18px;line-height:1}.nvb:after{content:'\203A'}.mbar .don:after{content:'\2197'}.mbar .don[hidden]{display:none}.mbar .hlp{border-top:1px solid var(--bd);border-radius:0 0 8px 8px}}
#xp{margin:0 0 10px;padding:10px 12px}
#xp textarea{display:block;width:100%;box-sizing:border-box;height:120px;min-height:80px;max-height:60vh;resize:vertical;margin:6px 0;padding:6px;background:#e2cf9e;color:#2a2012;border:1px solid #8a6a2c;border-radius:4px;font:12px/1.35 ui-monospace,Consolas,monospace}
#xp .tl{font-size:14px}
#xp .xr{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hpo{margin:10px 0 0;padding:11px 14px;border:1px solid var(--bd);border-radius:10px;background:rgba(217,164,65,.05)}
.hpo b{display:block;margin:0 0 3px;color:var(--ac);font:600 14px 'Cinzel',Georgia,serif;letter-spacing:.1em;text-transform:uppercase}
.hpr{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0 0;padding:12px 14px;border-radius:10px;border:1px solid var(--ac);background:rgba(217,164,65,.1)}
.hpr span{color:var(--mu)}
.hpr b{font:600 22px/1.1 'Cinzel',Georgia,serif;color:var(--ac);white-space:nowrap}
#hp ol{margin:12px 0 14px;padding:0 0 0 22px;color:var(--mu)}
#hp ol li{margin:0 0 4px}
#hp .hpb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0}
#hp .hpb .amp{width:auto;flex:1 1 200px;text-align:center;text-decoration:none;box-sizing:border-box}
#hp .hpb .tl{padding:11px 14px;border-radius:8px}
#hmsg{margin:8px 0 0;min-height:1.3em}
.amo{position:fixed;inset:0;z-index:100;display:flex;padding:16px;background:rgba(8,7,5,.82);overflow:auto;-webkit-overflow-scrolling:touch}
.mlock{overflow:hidden}
#ap,#hp,#fmp,#epp,#lgp,#howp{position:relative;box-sizing:border-box;width:min(480px,100%);margin:auto;padding:22px 26px;border:1px solid var(--ac);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.75),0 0 0 1px rgba(217,164,65,.15)}
#ap.wide{width:min(640px,100%)}
.amh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.amt{font:600 21px/1.2 'Cinzel',Georgia,serif;letter-spacing:.07em;text-transform:uppercase;color:var(--ac)}
.amx{flex:none;width:36px;height:36px;padding:0;margin:0;border-radius:50%;background:transparent;border:1px solid var(--bd);color:var(--mu);font:300 24px/1 Georgia,serif;cursor:pointer}
#ap form{display:flex;flex-direction:column;gap:10px;margin:14px 0 12px}
#ap form[data-f=nm]{flex-direction:row;flex-wrap:wrap;margin:12px 0 8px}
#ap form[data-f=nm] input{flex:1 1 200px;width:auto}
#ap input{box-sizing:border-box;width:100%;max-width:none;padding:12px 13px;background:#e2cf9e;color:#2a2012;border:1px solid #8a6a2c;border-radius:8px;font:16px/1.3 'EB Garamond',Georgia,serif}
.amp{display:block;width:100%;margin:0;padding:12px 14px;border-radius:8px;border:1px solid #f0c968;background:linear-gradient(180deg,#f0c968,#c8932f);color:#1a1408;font:600 15px 'Cinzel',Georgia,serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.amp:hover{filter:brightness(1.08)}
#ap .tl{font-size:15px}
.tl.amg{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;padding:11px 12px}
.aml{background:none;border:0;padding:2px 3px;margin:0;font:inherit;color:var(--ac);text-decoration:underline;cursor:pointer}
.aml:hover,.tb{color:var(--tx)}
.amf{margin:12px 0 0;text-align:center;color:var(--mu);font-size:15px}
.ams{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--mu);font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.ams:before,.ams:after{content:'';flex:1;border-top:1px solid var(--bd)}
.amm{min-height:18px;margin:6px 0 0;text-align:center}
.amu{display:flex;align-items:center;gap:14px;margin:4px 0 12px}
.amn{font-size:19px;color:var(--tx)}
#ap .xr{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
#ap .acs{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;margin:10px 0}
.rl{display:inline-block;margin-left:4px;padding:0 7px;border:1px solid var(--bd);border-radius:999px;color:var(--mu);font:600 11px/17px Georgia,serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}
.rl.ad{color:var(--ac);border-color:var(--ac)}
.aul{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:34vh;overflow:auto}
.tl.urw{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;box-sizing:border-box;padding:7px 10px;text-align:left}
.imp{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;margin:0 0 10px;padding:8px 12px;background:#3a2a0e;border:1px solid var(--ac);border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.55)}
@media(max-width:560px){.imp .tl{width:100%;box-sizing:border-box;padding:9px 12px;text-align:center}.amo{padding:10px}#ap,#fmp,#epp{width:100%;padding:18px 16px}#ap .acs{grid-template-columns:1fr}}
#ap .xr .tl,#ap form .tl,#ap .acs .tl,#ap .nvr .tl{width:100%;box-sizing:border-box;justify-content:center;text-align:center;padding:10px 12px}      /* every button of the account window is as wide as the window, on every screen */
#ap input[name=aq]{margin-top:8px}
.ic{display:block;width:56px;height:56px;margin:0 auto 4px;border-radius:6px}
.ic.ph{background:rgba(42,32,18,.15)}
.pw{max-width:400px;margin:10px 0 0}
.ste{display:flex;flex-direction:column}
.ste .stl{margin-bottom:12px}
.ste .stl:empty{display:none}
.ste .stv{margin-top:auto}
.ste .stl:empty+.stv{margin:auto 0}
.epb{display:block;box-sizing:border-box;width:100%;padding:6px 12px;border:1px solid var(--ac);border-radius:8px;font-family:'EB Garamond',Georgia,serif;font-weight:400;font-size:16px;line-height:1.2;text-transform:none;text-align:center;color:var(--ac);background:rgba(217,164,65,.08)}
.stt[data-act=eopen]:hover .epb{background:rgba(217,164,65,.2)}
.stt[data-act=eopen]{cursor:pointer}
.stt[data-act=eopen]:hover{border-color:var(--ac)}
.epl{display:flex;flex-direction:column;gap:8px;margin:10px 0 0}
.epl button{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx);font:inherit;cursor:pointer;text-align:left;align-items:center;-webkit-tap-highlight-color:transparent;outline:0}
.epl button.on{border-color:var(--ac)}
.epl small{color:var(--mu);margin-left:auto;align-self:center;text-align:right}
.epl .epn{min-width:0;flex:1 1 auto}
.epe{border-color:transparent!important}
.epi{width:40px;height:40px;flex:none;border-radius:6px;border:1px solid var(--bd)}
.eph{display:flex;align-items:center;gap:6px}
.eph>span{min-width:0;font-size:10.5px;letter-spacing:.04em;line-height:1.25;overflow-wrap:break-word}
.eph>span b{font-weight:inherit}
.stl .epi{width:28px;height:28px;border-radius:5px}
.stg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 12px}
.stt{background:var(--bg);border:1px solid var(--bd);border-radius:8px;padding:8px 10px;min-width:0}
.stt.stm{border-color:var(--ac)}
.stl{color:var(--mu);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.stv{color:var(--tx);font-size:20px;font-weight:700;line-height:1.25;margin-top:2px;overflow-wrap:anywhere}
.stt.std .stv{color:var(--ac);font-size:24px}
.sts{color:var(--mu);font-size:12px;margin-top:1px}
.stu{color:var(--mu);font-weight:400}
.stch{margin:0 0 4px}
.stc{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px;margin:0 0 12px}
.stc .stt{padding:5px 8px;text-align:center}
.stc .stv{font-size:16px;margin:0}
.stc .stm .stv{font-size:16px}
.stc .sts{font-size:11px;margin:0}
.ctl{margin:0 0 12px;text-align:center}
.ctl .pbrow,.ctl .obrow{margin-left:auto;margin-right:auto}
.ctl>.mu:first-child{margin:0 0 6px}
.mbb{margin:0 0 4px}
.tcl{border:0;border-top:1px solid var(--bd);margin:10px 0 8px}
details[data-help=mb]>summary{margin-bottom:10px;flex-wrap:wrap}
details[data-help=mb]>summary .hq{order:2}
details[data-help=mb]>summary .mbb{order:3;flex:0 0 100%;margin:6px 0 0}
.fmi{margin:0 0 14px}
.rl3{margin:0 0 3px}
.sh2{margin-top:26px}
#renlt{align-self:center;margin:5px 0}
.btnr{margin:14px 0 0;text-align:right}
.no.wd{width:auto;padding:0 9px;border-radius:11px}
.mu.er{color:#e88a74}
.gb{color:#6ea8ff}
.cbx{position:fixed;opacity:0}
table.gt[data-n="5"]{width:100%;--n:5}
table.gt[data-n="6"]{width:120%;--n:6}
table.gt[data-n="7"]{width:140%;--n:7}
table.gt[data-n="8"]{width:160%;--n:8}
table.gt[data-n="9"]{width:180%;--n:9}
table.gt[data-n="10"]{width:200%;--n:10}
table.gt[data-n="11"]{width:220%;--n:11}
table.gt[data-n="12"]{width:240%;--n:12}
table.gt[data-n="13"]{width:260%;--n:13}
table.gt[data-n="14"]{width:280%;--n:14}
table.gt[data-n="15"]{width:300%;--n:15}
table.gt[data-n="16"]{width:320%;--n:16}
table.gt[data-n="17"]{width:340%;--n:17}
table.gt[data-n="18"]{width:360%;--n:18}
table.gt[data-n="19"]{width:380%;--n:19}
table.gt[data-n="20"]{width:400%;--n:20}
table.gt[data-n="21"]{width:420%;--n:21}
table.gt[data-n="22"]{width:440%;--n:22}
table.gt[data-n="23"]{width:460%;--n:23}
table.gt[data-n="24"]{width:480%;--n:24}
table.gt[data-n="25"]{width:500%;--n:25}
table.gt[data-n="26"]{width:520%;--n:26}
table.gt[data-n="27"]{width:540%;--n:27}
table.gt[data-n="28"]{width:560%;--n:28}
table.gt[data-n="29"]{width:580%;--n:29}
table.gt[data-n="30"]{width:600%;--n:30}
.vwh{padding:8px 2px 4px;color:var(--ac);font-weight:600;font-size:14px}
.cmh{margin:0 0 8px}
#cmpb .cmi{width:100%;box-sizing:border-box;margin-top:2px;padding:4px 2px;font-size:16px;font-weight:700;min-width:0;max-width:100%}
#cmpb .vwr .cmi{width:140px;text-align:left;padding:4px 8px}
.cmpg{height:6px;border-radius:3px;background:var(--bd,#3a3326);margin:6px 0 2px;overflow:hidden}
.cmpg i{display:block;height:100%;width:0;background:var(--ac,#d4a73a);transition:width .15s}
.cmst{margin:-2px 0 8px}
.cmst:empty{display:none}
#cmpr{margin-top:12px}
.cmu{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px;font-size:14px;color:var(--mu)}
.cmu b{color:var(--tx);font-weight:600}
.cmu small{font-size:12px}
#cmpb .cmd{display:block;min-height:17px;margin-top:2px;font-size:12px;line-height:1.25;text-align:center;color:#5b4721}
#cmpb .cmd i{font-style:normal;opacity:.8}
#cmpb .cmd b{font-size:14px}
#cmpb .cmp{color:#8a5a00}
#cmpb .cmm{color:#1f5d99}
#cmpb .vwr .cmd{text-align:left;margin:2px 0 0 8px;font-size:12px}
.cmu .cmx{color:#d9664a}
.cmu .cmx b{color:#d9664a}
.kbt{margin:10px 0 0}
.kbt summary{font-size:13px}
.kbt .cmt td,.kbt .cmt th{text-align:center;font-size:12.5px;white-space:nowrap}
.kbt .cmt th:first-child,.kbt .cmt td:first-child{width:9%}
.rsn{margin:8px 0 12px;font-size:12.5px;line-height:1.35}
.cmt{width:100%;table-layout:fixed}
.cmt .cmr{display:block;font-size:11px;color:var(--mu);font-weight:400;margin-top:1px}
.cmt th,.cmt td{padding:7px 6px;text-align:right;border-bottom:1px solid var(--bd);white-space:normal}
.cmt th:first-child,.cmt td:first-child{text-align:left;width:34%;color:var(--mu)}
.cmt th{font-size:13px;color:var(--mu)}
.cmt td{font-size:15px;font-variant-numeric:tabular-nums}
.cmt td.cmy{color:var(--ac);font-weight:700}
.cmt .cmg{color:#7fbf6a;font-weight:700}
.cmt .cmb{color:#d9664a;font-weight:700}
.thd{display:none!important}
#theo{margin:0 0 12px}
#mdi .tg,#theo .tg{font-size:11.5px;font-weight:600;color:#000;background:var(--af);border-radius:10px;padding:1px 8px;margin-left:8px;letter-spacing:.3px;vertical-align:middle;white-space:nowrap}
.trow{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:10px 0}
.trow label,.tfr label{display:flex;align-items:center;gap:8px;font-size:14px}
.trow button,.tfr button{margin:0;padding:6px 14px;border:1px solid var(--ac);background:transparent;color:var(--ac);border-radius:6px}
.trow button:disabled{opacity:.4;cursor:not-allowed}
@media (hover:hover){.trow button:not(:disabled):hover,.tfr button:hover{background:var(--af);color:#000}}
#tpr{margin:6px 0 10px}
.tpb{height:8px;background:var(--bg);border:1px solid var(--bd);border-radius:5px;overflow:hidden}
.tpb i{display:block;height:100%;width:0;background:var(--af);transition:width .2s}
#tps{display:block;margin-top:4px;font-size:13px;color:var(--mu)}
.tti{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin-top:8px}
.ttl{color:var(--ac);font-weight:600;font-size:13px}
.ttv{font-size:28px;line-height:1.2}
.tts{font-size:12.5px;color:var(--mu)}
.tts b{color:var(--tx)}
.tnet{margin:10px 0;font-size:14px}
.tnet b.tw{color:#7fc97f}
.tnet b.tl{color:#e5705a}
.tsc{overflow-x:auto;margin:8px 0}
.tsc table{width:auto;min-width:min(100%,320px)}
.tn{text-align:right!important;font-variant-numeric:tabular-nums}
.tbest td{color:var(--ac)}
.tth{margin:16px 0 4px;font-size:14px;color:var(--ac)}
.tfr{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:6px 0 4px}
.tfr button{padding:3px 10px;font-size:13px}
.bsm{margin:2px 0 6px;font-size:12.5px;opacity:.9}
.bsm b{font-weight:600}
#br>.rfx{margin:12px 0 14px}
#br>.rfx .stl{color:var(--ac);font-weight:600;font-size:14px;letter-spacing:.2px;text-transform:none;margin-bottom:6px}
#br>.rfx .bsm{font-size:14px;line-height:1.35;margin:2px 0;opacity:1;display:flex;flex-wrap:wrap;align-items:baseline}
#br>.rfx label{font-size:14px}
#br>.rfx .bsm>div{white-space:nowrap}
#br>.rfx .bsm>div:not(:last-child)::after{content:"\00b7";margin:0 8px;color:var(--ac)}
#br>.rfx .tfr{flex-direction:row;align-items:center}
#br>.rfx .tfr button{width:auto;flex:1 1 0;min-width:0;max-width:190px;padding:3px 10px}
@media(max-width:600px){#br>.rfx .bsm{display:block}#br>.rfx .bsm>div::after{content:none!important}#br>.rfx .tfr{flex-wrap:nowrap}#br>.rfx .tfr button{flex:1 1 0;width:auto;min-width:0;padding:5px 6px}}
.rfx{text-align:left}
.rfx .stl{margin-bottom:6px}
.rfx .tfr{margin:0 0 6px;flex-direction:column;align-items:stretch;gap:4px}
.rfx .tfr button{width:100%;text-align:center;padding:3px 6px;font-size:12.5px}
.rfx .bsm{margin:2px 0;font-size:12.5px;line-height:1.35}
.rfx label{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12.5px;margin:0 0 6px}
.rfx select{max-width:100%}
.tfr button.on{background:var(--af);color:#000}
.bl i{font-style:normal;font-size:11px;border:1px solid currentColor;border-radius:8px;padding:0 5px;margin-left:4px;white-space:nowrap}
.ba{background:rgba(163,64,44,.2);color:var(--tx);border:1px solid #7a3a2a}
.bic.dd .ic2{opacity:.4;filter:grayscale(.5)}
.bd{flex:none;display:flex;flex-direction:column;align-items:center;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.bre{text-align:right}
.bq,.bq.bo{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:3px}
.bq .bic{width:60px;height:60px}
.bq .bic .ic2{width:60px;height:60px;border-radius:0}
.bq .bic .bx{left:8px;top:8px;width:44px;height:44px}
.bq .bl1{flex-wrap:wrap;gap:6px 12px}
.bcn{font-size:11.5px;line-height:1.15;opacity:.85;font-variant-numeric:tabular-nums}
.bl1{display:flex;align-items:center;gap:8px}
.bar{flex:none;font-size:22px;font-weight:700;line-height:1;padding:0 4px}
.bl2{text-align:left;font-size:13.5px;font-variant-numeric:tabular-nums}
.bl2.btg{font-size:12px}
.bl3.sqb{text-align:left;font-size:12px;opacity:.85;margin-top:0}
.bl2 b{font-size:14px}
.bd b{font-size:14px}
.bd small{font-size:11.5px;opacity:.8}
.bt{flex:none;display:flex;align-items:center;gap:6px;min-width:84px;justify-content:flex-end}
.bk{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;font-variant-numeric:tabular-nums;line-height:1.15}
.bk small{font-size:11px;opacity:.7}
@media(max-width:480px){.bt{min-width:70px}.bd b{font-size:13px}}
.bf b.tw{color:#7fc97f}
.bf b.tl{color:#e5705a}
.devo{display:none}
.dev .devo{display:block}
html.dev #appver::after{content:' debug'}
.bl3{font-size:11px;opacity:.75;text-align:left;margin-top:2px}
.bl3 b{font-weight:600}
.ob,.cm,.eb,.vb,.pb,.tc,.sb,.tl,.nvb,.don,.tfr button{white-space:normal !important;overflow-wrap:anywhere;line-height:1.2}
.bi>span,.bi>label>span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.2}
.stl,.mu,h2,h3,label,summary,th,td,li{overflow-wrap:anywhere}
@media(min-width:601px){.lgw{width:190px;max-width:100%;flex:0 0 auto;height:42px;padding:0 8px;gap:9px;border:1px solid var(--bd);border-radius:999px;background:rgba(217,164,65,.08);font-size:15px}.lgw:focus-within{background:rgba(217,164,65,.08)}@media(hover:hover){.lgw:hover{border-color:var(--ac);background:rgba(217,164,65,.16)}}.lgw:after{display:none}#lang{padding:0 14px 0 40px;font-size:15px;border-radius:999px;text-align:center;text-align-last:center}}
@media(min-width:480px){#mrE,#mrP{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:700px){#mrE{grid-template-columns:repeat(6,minmax(0,1fr))}#mrP{grid-template-columns:repeat(5,minmax(0,1fr))}}
.bq .bnm{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left}
.bq .bnn{font-size:15px;font-weight:500;line-height:1.25}
.bq .btg{display:flex;flex-wrap:wrap;gap:3px;font-size:12px}
.bq .btg i{margin-left:0}
.bq .bmt{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.bq .bun{font-size:13px;opacity:.85}
.bq .bnm .bl2{font-size:13.5px}
.bq .bnm .bl3{font-size:11.5px}
.bq .bar{flex:none;align-self:center;margin:0 2px}
.bq .bog{display:flex;align-items:center;gap:10px;flex:0 0 auto;max-width:100%;min-width:0}
.bq .beg{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}
.bq .beg .bnm{flex:0 1 auto;align-items:flex-end;text-align:right}
.bq .beg .bnn{font-size:14px}
.epsel{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:0;padding:6px 10px;min-height:40px;background:#e2cf9e;color:#2a2012;border:1px solid #8a6a2c;border-radius:6px;font:inherit;text-align:left;cursor:pointer}
.epsel .epi{width:28px;height:28px;border-radius:5px;flex:none}
.epsel .epn{flex:1;min-width:0}
.epsel .epc{margin-left:auto;font-size:13px}
#ecard .tcw p.tct{margin:0}
html[dir=rtl] .stv{direction:ltr;text-align:right}
.lgb{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent}
.epl button:hover,.epl button:focus,.epl button:active{border-color:var(--bd);background:var(--bg)}
.epl button.on,.epl button.on:hover,.epl button.on:focus,.epl button.on:active{border-color:var(--ac)}
html[dir=rtl] .hq{margin:0 auto 0 0}
html[dir=rtl] .bq .bar{display:inline-block;transform:scaleX(-1)}
html[dir=rtl] .bq .beg{margin-left:0;margin-right:auto}
html[dir=rtl] .bq .bnm{text-align:right}
html[dir=rtl] .bq .beg .bnm{text-align:left}
*:not(#tabs):not(.gs){scrollbar-width:thin;scrollbar-color:#8a6a2c #14120d}
.epl .lgc{flex:none;min-width:30px;padding:2px 6px;border:1px solid var(--bd);border-radius:6px;font:700 12px/1.3 'Cinzel',Georgia,serif;letter-spacing:.04em;text-align:center;color:var(--ac)}
.epl button.on .lgc{background:var(--af);border-color:var(--ac);color:#2a2012}
.epl button:focus-visible{outline:2px solid var(--ac);outline-offset:1px}
.amx:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
html[data-theme=light]{--bub:#fff3d6;--bg:#f4eddb;--card:#fffaf0;--tx:#2a2012;--mu:#6a5836;--ac:#8a5a0b;--bd:#cdbb8f;color-scheme:light}
@media(max-width:600px){.mbar .nvb,.mbar .don{height:54px;min-height:54px;padding-top:0;padding-bottom:0}.mbar .thm{border-top:1px solid var(--bd);border-radius:0}}
.tab.add:hover{background:linear-gradient(rgba(217,164,65,.26),rgba(217,164,65,.26)),var(--bg)}
#tabrow:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--bd);z-index:0}
.tg,.tt label span{background:transparent;border:1px solid var(--ac);color:var(--ac);box-shadow:none;font-weight:400;transition:none}
.tg.on,.tt label input:checked+span{background:var(--af);border-color:var(--af);color:#000}
.seo{max-width:760px;margin:26px auto 0;padding:0 16px;color:var(--mu);font-size:13px;line-height:1.55;text-align:center}
.seo p{margin:0}
.ast{display:flex;align-items:center;gap:8px;margin:10px 0 0}
.ast svg{flex:0 0 auto}
.ast.ok svg{color:var(--ac)}
#howp{width:min(640px,100%);box-sizing:border-box;margin:auto}
#howp .hl{margin:6px 0 14px;padding-left:22px;line-height:1.5}
#howp .hl li{margin:0 0 4px}
#howp .xr{justify-content:center;margin-top:14px}
.hg{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.hgb{padding:0;margin:0;background:var(--bg);color:var(--mu);border:1px solid var(--bd);border-radius:8px;font:inherit;font-size:12px;text-align:center;cursor:pointer;overflow:hidden}
.hgb img{display:block;width:100%;height:88px;object-fit:contain;background:var(--card)}
.hgb span{display:block;padding:5px 6px}
@media(hover:hover){.hgb:hover{border-color:var(--ac);color:var(--tx)}}
#hgw{inset:auto;top:0;left:0;width:100%;height:100vh;height:100dvh;padding:0;background:rgba(0,0,0,.97);align-items:center;justify-content:center}
#hgp{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-y}
#hgp[hidden]{display:none}
#hgi{max-width:100%;max-height:calc(100% - 96px);object-fit:contain;user-select:none;-webkit-user-drag:none}
#hgt{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding-left:16px;background:rgba(0,0,0,.45);color:#ddd;font-size:14px;z-index:1}
#hgc{position:absolute;left:0;right:0;bottom:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;color:#eee;font-size:15px;background:rgba(0,0,0,.45)}
.hx{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:#ddd;cursor:pointer}
.hxp,.hxn{position:absolute;top:50%;margin-top:-26px;width:48px;height:52px;background:rgba(0,0,0,.45);border-radius:3px;z-index:1}
.hxp{left:8px}.hxn{right:8px}
@media(hover:hover){.hx:hover{color:#fff}.hxp:hover,.hxn:hover{background:rgba(0,0,0,.7)}}
.std{margin-top:2px;font-size:12px;color:var(--mu)}.std.up{color:#5fae5f}.std.dn{color:#d9695f}


#tabs{scrollbar-width:none}#tabs::-webkit-scrollbar{display:none}
#tsb{position:absolute;left:0;bottom:0;height:7px;z-index:2;opacity:0;transition:opacity .3s;pointer-events:none}
#tsb i{position:absolute;top:0;height:100%;min-width:24px;border-radius:3px;background:var(--bd);pointer-events:auto;cursor:grab;touch-action:none}
#tsb.on{opacity:1}
#howp .hn{margin:8px 0 14px;padding:10px 14px;border:1px solid var(--ac);border-left-width:4px;border-radius:8px;background:rgba(217,164,65,.1)}
#howp .hn p{margin:0 0 8px;line-height:1.5}#howp .hn p:last-child{margin:0}
#howp .hl li b{color:var(--ac)}
#howp .la{margin:6px 0 4px;padding-left:22px}#howp .la li{margin:0 0 6px}
#howp .lb{margin:6px 0 4px;padding-left:20px;list-style:disc}#howp .lb li{margin:0 0 6px}
#howp .lt{margin-top:6px}
#howp .hs{margin:18px 0 4px;padding-top:12px;border-top:1px solid var(--bd);font-size:1.05em;color:var(--ac)}
#howp .hwt{margin:14px 0 8px}
#howp .hwb.on{background:var(--af);border-color:var(--af);color:#000}

#howp .hwt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}#howp .hwb{width:100%;min-height:50px;padding:8px 6px;font-size:16px;white-space:normal;overflow-wrap:anywhere;hyphens:auto;line-height:1.2}
#howp .hwb{font-size:clamp(12px,3.5vw,16px);padding:8px 3px;overflow-wrap:break-word}
#howp .hwb{overflow-wrap:normal}
.intro{margin:12px 0 4px;padding:10px 14px;border:1px solid var(--bd);border-left:4px solid var(--ac);border-radius:8px;background:rgba(217,164,65,.06);line-height:1.5}.intro p{margin:0 0 4px}.intro p:last-child{margin:0}.lnk{background:none;border:0;padding:0;margin:0;font:inherit;color:var(--ac);text-decoration:underline;cursor:pointer}html.hw #intro{display:none!important}
.intro{margin:14px 0 6px;padding:14px 16px;border:1px solid var(--ac);border-left-width:5px;border-radius:10px;background:linear-gradient(90deg,rgba(217,164,65,.22),rgba(217,164,65,.08));box-shadow:0 0 14px rgba(217,164,65,.18);font-size:16px;line-height:1.5}.intro p{margin:0}.lnk{font-weight:700}
#howp .hwb{box-sizing:border-box;min-width:0;margin:0}#howp .hwt{box-sizing:border-box}
.hg{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--bd) transparent}
.hg .hgb{flex:0 0 150px;scroll-snap-align:start}

.trow[hidden],#ttc[hidden],.tcw[hidden]{display:none!important}