:root{--sb:#b9c2cc;--sbh:#8f9ba8;--bg:#eef1f4;--panel:#fff;--fg:#17202b;--mut:#64707e;--line:#d6dce3;--ac:#0f7b6c;--acfg:#fff;--warn:#c2410c}
@media(prefers-color-scheme:dark){:root{--sb:#3a4654;--sbh:#566475;--bg:#10151b;--panel:#1a212a;--fg:#e6ebf0;--mut:#93a0ae;--line:#2b3440;--ac:#3fbfa8;--acfg:#06201b;--warn:#fb923c}}
*{box-sizing:border-box}
html{height:100%;color-scheme:light dark}
body{margin:0;height:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font:15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
/* barras de desplazamiento personalizadas (Chrome/Edge/Safari; Firefox usa la versión fina estándar) */
@supports selector(::-webkit-scrollbar){
  *::-webkit-scrollbar{width:12px;height:12px}
  *::-webkit-scrollbar-track{background:transparent}
  *::-webkit-scrollbar-thumb{background:var(--sb);background-clip:content-box;border:3px solid transparent;border-radius:10px}
  *::-webkit-scrollbar-thumb:hover{background:var(--sbh);background-clip:content-box}
  *::-webkit-scrollbar-corner{background:transparent}
}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--sb) transparent}}
header{position:relative;flex:none;z-index:5;background:var(--panel);border-bottom:1px solid var(--line);padding:12px 16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
h1{font-size:18px;margin:0 8px 0 0}
input,select,button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 10px}
input[type=search]{min-width:180px;flex:1}
button{cursor:pointer}
button.pri{background:var(--ac);color:var(--acfg);border-color:var(--ac);font-weight:600}
:focus-visible{outline:2px solid var(--ac);outline-offset:1px}
.bar{flex:none;padding:10px 16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--mut)}
.prog{flex:1;min-width:160px;height:8px;background:var(--line);border-radius:4px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--ac)}
main{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 16px 40px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--w,140px),1fr));gap:12px}
.c{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.c.own{border-color:var(--ac)}
.im{position:relative;aspect-ratio:3/4.2;background:var(--line);cursor:pointer}
.c img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) opacity(.45)}
.c.own img{filter:none}
.acc{position:absolute;top:0;left:0;width:calc(17px * var(--k, 1.2));height:calc(15px * var(--k, 1.2));padding:0;border:0;border-radius:0 0 8px 0;background:#111;color:#4b5563;font-size:calc(10px * var(--k, 1.2));font-weight:900;line-height:1;cursor:pointer}
.acc.s1{background:#14b8a6;color:#04201c}
.acc.s2{background:#a855f7;color:#fff}
.acc.s3{background:linear-gradient(90deg,#14b8a6 50%,#a855f7 50%);color:#fff}
.acc:hover{filter:brightness(1.3)}
.cnt{position:absolute;top:0;right:0;display:flex;align-items:center;background:#111;color:#fff;border-radius:0 0 0 10px;overflow:hidden;line-height:1}
.cnt button{width:calc(17px * var(--k, 1.2));height:calc(19px * var(--k, 1.2));padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:calc(10.83px * var(--k, 1.2));cursor:pointer}
.cnt button:hover{background:#333}
.cnt b{min-width:calc(13.33px * var(--k, 1.2));text-align:center;font-size:calc(10.83px * var(--k, 1.2))}
.t{padding:6px 8px 2px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr{display:block;width:calc(100% - 16px);margin:0 8px 8px;padding:4px 26px 4px 8px;font-size:12px;border-radius:6px}
.pr[data-p="1"]{border-color:#3b82f6;color:#3b82f6}
.pr[data-p="2"]{border-color:#f59e0b;color:#f59e0b}
.pr[data-p="3"]{border-color:#ef4444;color:#ef4444}
.s{padding:0 8px 6px;min-height:1.4em;font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.empty{padding:48px 16px;text-align:center;color:var(--mut)}
#status{color:var(--warn)}
dialog{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--fg);max-width:420px;width:92vw}
dialog::backdrop{background:#000a}
dialog p{margin:0 0 10px}
dialog input{width:100%;margin-bottom:8px}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
#panel{flex:none;padding:12px 16px 0;display:flex;flex-direction:column;gap:8px}
#panel[hidden]{display:none}
.pg{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.seg{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}
.sl{padding:0 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.chip{cursor:pointer}
.seg .chip,.seg input,.seg select{border:0;border-radius:0;background-color:transparent}
.seg .chip{padding:7px 12px;font-size:13px;border-left:1px solid var(--line);display:inline-flex;align-items:center;gap:6px}
.seg>:first-child{border-left:0}
.seg .chip.on{background:var(--ac);color:var(--acfg);font-weight:600}
.seg input[type=number]{width:70px;border-left:1px solid var(--line)}
.dot{width:22px;height:22px;border-radius:50%;display:inline-block;overflow:hidden;flex:none}
.dot img{width:100%;height:100%;display:block}
#info{max-width:min(980px,96vw);width:96vw;max-height:94vh;padding:0;border-radius:16px;overflow:auto}
html:has(#info[open]){overflow:hidden}
#info:focus{outline:none}
#info::backdrop{background:#000c;backdrop-filter:blur(4px)}
.mz-top{position:relative;display:flex}
.mz-main{display:flex;flex-direction:column;gap:22px;padding:30px 64px 20px;flex:1;min-width:0}
.mz-row{display:flex;gap:30px;align-items:flex-start;min-width:0}
.mz-strips{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;min-height:94px}
.evo-wrap.ph{visibility:hidden;min-height:92px}
.mz-left{flex:0 0 min(340px,40%);min-width:0;max-width:340px;display:flex;flex-direction:column;gap:12px}
.mz-card{position:relative;aspect-ratio:5/7}
.mimg{position:absolute;inset:0;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px #0009;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .12s ease-out;will-change:transform}
.mimg img{display:block;width:100%;height:100%;object-fit:cover;background:var(--line)}
.mshine{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#fffa,transparent 55%);mix-blend-mode:soft-light}
.tilting .mshine{opacity:1}

/* ════════ HOLO (cartas shiny en la ficha) ════════ data-holo: rainbow | classic | (sin atributo = sin holo) */
:root{--holo-angle:112deg;--holo-scale:200%;--holo-slide:20%;--holo-sat:1.35;--holo-bright:1;--holo-blend:overlay;
  --holoc-angle:135deg;--holoc-scale:100%;--holoc-slide:40px;--holoc-sat:1;--holoc-bright:.72;--holoc-contrast:1.45;--holoc-hue:35deg;--holoc-mask:62%;--holoc-blend:color-dodge;
  --holof-angle:135deg;--holof-scale:220%;--holof-slide:24%;--holof-contrast:1.25;--holof-bright:1.05;--holof-blend:overlay}
.mimg{--o:0;--tiltx:0;--tilty:0}
.mimg.tilting{--o:1}
.mholo{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease}
.mimg[data-holo]{--holo-i:.38}
[data-holo="rainbow"] .mholo{background-image:linear-gradient(var(--holo-angle),
  hsl(0,95%,62%) 0%,hsl(46,95%,62%) 5%,hsl(98,85%,59%) 10%,hsl(165,90%,59%) 15%,hsl(220,95%,64%) 20%,hsl(285,90%,64%) 25%,hsl(330,95%,62%) 30%,hsl(0,95%,62%) 35%,
  hsl(46,95%,62%) 40%,hsl(98,85%,59%) 45%,hsl(165,90%,59%) 50%,hsl(220,95%,64%) 55%,hsl(285,90%,64%) 60%,hsl(330,95%,62%) 65%,hsl(0,95%,62%) 70%,hsl(46,95%,62%) 75%,
  hsl(98,85%,59%) 80%,hsl(165,90%,59%) 85%,hsl(220,95%,64%) 90%,hsl(285,90%,64%) 95%,hsl(330,95%,62%) 100%);
  background-size:var(--holo-scale) var(--holo-scale);
  background-position:calc(50% + var(--tiltx) * var(--holo-slide)) calc(50% + var(--tilty) * var(--holo-slide));
  mix-blend-mode:var(--holo-blend);filter:saturate(var(--holo-sat)) brightness(var(--holo-bright));opacity:calc(var(--o) * var(--holo-i,0))}
[data-holo="foil"] .mholo{background-image:linear-gradient(var(--holof-angle),
  hsl(0,0%,96%) 0%,hsl(0,0%,38%) 6%,hsl(0,0%,88%) 12%,hsl(0,0%,26%) 19%,hsl(0,0%,82%) 26%,hsl(0,0%,50%) 32%,hsl(0,0%,98%) 38%,hsl(0,0%,30%) 45%,
  hsl(0,0%,90%) 52%,hsl(0,0%,42%) 58%,hsl(0,0%,86%) 65%,hsl(0,0%,24%) 72%,hsl(0,0%,94%) 79%,hsl(0,0%,46%) 86%,hsl(0,0%,84%) 93%,hsl(0,0%,96%) 100%);
  background-size:var(--holof-scale) var(--holof-scale);
  background-position:calc(50% + var(--tiltx) * var(--holof-slide)) calc(50% + var(--tilty) * var(--holof-slide));
  mix-blend-mode:var(--holof-blend);filter:grayscale(1) contrast(var(--holof-contrast)) brightness(var(--holof-bright));opacity:calc(var(--o) * var(--holo-i,0))}
[data-holo="classic"] .mholo{background-image:repeating-linear-gradient(var(--holoc-angle),
  hsla(45,85%,62%,.50) 0px,hsla(335,75%,58%,.45) 14px,hsla(175,80%,50%,.48) 28px,hsla(210,80%,55%,.50) 42px,hsla(280,70%,55%,.45) 56px,hsla(45,85%,62%,.50) 72px);
  background-size:var(--holoc-scale) var(--holoc-scale);background-position:calc(var(--tiltx) * var(--holoc-slide)) 0;
  -webkit-mask-image:radial-gradient(ellipse var(--holoc-mask) calc(var(--holoc-mask) * .84) at 50% 50%,#000 0%,rgba(0,0,0,.18) 50%,transparent 85%);
  mask-image:radial-gradient(ellipse var(--holoc-mask) calc(var(--holoc-mask) * .84) at 50% 50%,#000 0%,rgba(0,0,0,.18) 50%,transparent 85%);
  mix-blend-mode:var(--holoc-blend);filter:saturate(var(--holoc-sat)) brightness(var(--holoc-bright)) contrast(var(--holoc-contrast)) hue-rotate(calc(var(--tiltx) * var(--holoc-hue)));
  opacity:calc(var(--o) * var(--holo-i,0))}
.mz-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.zi-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.zi-name{font-size:24px;font-weight:700;line-height:1.15}
.zi-hp{display:inline-flex;align-items:center;gap:6px;font-size:22px;font-weight:700;white-space:nowrap}
.zi-hp small{font-size:11px;color:var(--mut)}
.zi-sub{color:var(--mut);font-size:13px;margin-top:-6px}
.zi-block{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.zi-head{display:flex;align-items:center;gap:8px}
.zi-tag{background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:4px;padding:2px 6px;text-transform:uppercase}
.zi-bname{font-weight:700}
.zi-dmg{margin-left:auto;font-size:20px;font-weight:700}
.zi-cost{display:inline-flex;gap:3px}
.zi-text{margin:6px 0 0;color:var(--mut);font-size:13px;line-height:1.45}
.zi-stats{display:flex;gap:26px;flex-wrap:wrap}
.zi-stat{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mut)}
.zi-stat b{color:var(--fg)}
.zi-stat .none-ico{width:20px;height:20px}
.zi-cost .dot,.zi-stat .dot{width:20px;height:20px}
.zi-hp .dot{width:26px;height:26px}
.zi-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px;font-size:13px;color:var(--mut)}
.zi-meta .rar-ico{height:16px}
.zi-pack{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--mut)}
.zi-pimg{height:56px;width:auto;border-radius:6px;display:block}
.zi-found{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--mut)}
.zi-found span{border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.zi-flavour{margin:0;font-size:12px;border-top:1px solid var(--line);padding-top:10px;font-style:italic;color:var(--mut)}
.zi-artist{font-size:12px;color:var(--mut)}
.mz-nav{position:absolute;top:calc(50% - 20px);z-index:2;width:40px;height:40px;padding:0;border-radius:50%;line-height:0;display:flex;align-items:center;justify-content:center}
.mz-nav svg{width:22px;height:22px;display:block}
.mz-nav.prev{left:12px}.mz-nav.next{right:12px}
.mz-nav:disabled{opacity:.3;cursor:default}
.mz-x{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;padding:0;border-radius:50%;line-height:0;display:flex;align-items:center;justify-content:center}
.mz-x svg{width:16px;height:16px;display:block}
.mz-gal{border-top:1px solid var(--line);padding:10px 16px 14px;display:flex;flex-direction:column;align-items:center;gap:8px}
.mz-count{font-size:12px;color:var(--mut)}
.mz-strip{display:flex;gap:6px;max-width:100%;overflow:hidden;justify-content:center}
.gt{flex:none;width:46px;height:64px;padding:0;border:2px solid transparent;border-radius:6px;background-size:cover;background-position:center;background-color:var(--line);cursor:pointer;opacity:.6}
.gt.on{border-color:var(--ac);opacity:1}
@media(max-width:760px){#info{height:94vh}.mz-main{padding:20px 14px 14px}.mz-row{flex-direction:column;align-items:center}.mz-strips{grid-template-columns:minmax(0,1fr);min-height:0}.evo-wrap.ph{display:none}.mz-left{flex-basis:auto;width:min(260px,68%)}.mz-info{width:100%}.mz-nav{top:150px}.mz-nav.prev{left:6px}.mz-nav.next{right:6px}}
.c .im{transition:transform .12s ease-out}
.c .im.tilting{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform}
html.rm *,html.rm *::before,html.rm *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
html.rm .im,html.rm .mimg{transform:none!important}
html.noshine .mshine{display:none}
html.noholo .mholo{display:none}
.evo-wrap{display:flex;flex-direction:column;gap:6px;min-width:0}
.evo-lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.evo{display:flex;align-items:center;gap:6px;min-width:0}
.evo-nav{flex:none;width:28px;height:28px;padding:0;border-radius:50%;line-height:0;display:flex;align-items:center;justify-content:center}
.evo-nav svg{width:16px;height:16px;display:block}
.evo-nav:disabled{opacity:.3;cursor:default}
.evo-track{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0;padding:3px;scrollbar-width:none;-ms-overflow-style:none}
.evo-track::-webkit-scrollbar{display:none}
.evo-track{cursor:grab}
.evo-track.drag{cursor:grabbing;user-select:none}
.evo-track.drag .evo-t{pointer-events:none}
.evo-t{flex:none;width:46px;height:64px;padding:0;border:2px solid transparent;border-radius:6px;background-size:cover;background-position:center;background-color:var(--line);cursor:pointer;opacity:.7}
.evo-t.on{border-color:var(--ac);opacity:1}
.spacer{flex:1}
#tabs{display:flex;gap:4px;flex-wrap:wrap}
#tabs a{padding:7px 12px;border-radius:8px;color:var(--mut);text-decoration:none;font-weight:600}
#tabs a:hover{color:var(--fg)}
#tabs a.on{color:var(--fg);background:var(--bg)}
.view{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.view[hidden]{display:none}
.ph{margin:auto;text-align:center;color:var(--mut)}
.ph h2{margin:0 0 6px;color:var(--fg)}
.cfg-pop{position:absolute;right:16px;top:calc(100% + 6px);z-index:40;width:300px;max-width:calc(100vw - 32px);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 32px #0006}
.cfg-pop[hidden]{display:none}
.cfg-pop label{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;font-size:14px;cursor:pointer}
.cfg-pop .row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}
.cfg-pop .row select{min-width:120px}
.cfg-pop label small{grid-column:2;color:var(--mut);font-size:12px}
.cfg-pop input[type=checkbox]{accent-color:var(--ac);width:16px;height:16px}
.cfg-pop label:has(input:disabled){opacity:.45;cursor:default}
.pg[hidden],.seg[hidden]{display:none}
.iconbtn{display:inline-flex;align-items:center;justify-content:center;padding:7px;line-height:0}
.iconbtn svg{width:20px;height:20px;display:block}
.w252{width:252px;max-width:100%}
.pk{position:relative}
.pk .ddb{justify-content:space-between;padding:0 12px;cursor:pointer}
.pk .ddb .sel{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0}
.pk .ddb.on{border-color:var(--ac)}
.pkmenu{left:0;right:auto;min-width:100%;width:max-content;max-width:min(440px,calc(100vw - 32px));max-height:min(60vh,420px);overflow-y:auto}
.pk-l1,.pk-l2{display:flex;flex-direction:column;gap:2px}
.pk-l1[hidden],.pk-l2[hidden]{display:none}
.pk-back{justify-content:flex-start!important;gap:10px!important;font-weight:600;border-bottom:1px solid var(--line)!important;border-radius:8px 8px 0 0!important;margin-bottom:2px}
.pk[data-pk="prio"] .ddb{width:auto;min-width:150px}
.pk[data-p="1"] .ddb,.pkmenu [data-pv="1"] span{color:#3b82f6}
.pk[data-p="2"] .ddb,.pkmenu [data-pv="2"] span{color:#f59e0b}
.pk[data-p="3"] .ddb,.pkmenu [data-pv="3"] span{color:#ef4444}
.pk[data-p="1"] .ddb{border-color:#3b82f6;font-weight:600}
.pk[data-p="2"] .ddb{border-color:#f59e0b;font-weight:600}
.pk[data-p="3"] .ddb{border-color:#ef4444;font-weight:600}
.pkmenu button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seg.w252>select,.seg.w252>input{width:100%;min-width:0;max-width:none}
.chip.x{position:relative;box-shadow:inset 0 0 0 2px #ef4444}
.seg .chip.x{background:#ef444426}
.pop .chip.x{background:#ef444426;border-color:#ef4444}
.chip.x::after,.xo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top right,transparent 46%,#ef4444 46% 54%,transparent 54%)}
.xo{position:relative;display:inline-flex;opacity:.7}
:root{color-scheme:light dark}
select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%2393a0ae' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}
select option{background:var(--panel);color:var(--fg)}
.seg select{padding:8px 34px 8px 12px;font-weight:500;min-width:150px;max-width:280px;text-overflow:ellipsis}
.seg:hover{border-color:var(--mut)}
.seg:focus-within{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 25%,transparent)}
#dyn1{display:contents}
.adv{margin-left:auto;font-weight:600}
.sortwrap{position:relative;margin-left:auto;align-self:stretch;display:inline-flex}
.sortwrap+.adv{margin-left:0}
.sortbtn{min-width:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.sortbtn svg{width:18px;height:18px;display:block;pointer-events:none}
.sortbtn.on{background:var(--ac);color:var(--acfg);border-color:var(--ac)}
.sortmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:210px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 30px #0004}
.sortmenu[hidden]{display:none}
.sortmenu button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;border:0;background:transparent;text-align:left;padding:9px 12px;border-radius:8px}
.sortmenu button:hover{background:var(--bg)}
.sortmenu button.on{background:color-mix(in srgb,var(--ac) 18%,transparent);font-weight:600}
.sortmenu button b{font-size:16px;line-height:1}
.sortmenu small{color:var(--mut);font-size:12px;padding:6px 12px 4px}
.adv.on{background:var(--ac);color:var(--acfg);border-color:var(--ac)}
.dd{position:relative}
.ddb{cursor:pointer;color:var(--fg);padding:0 10px 0 0;height:36px;gap:8px}
.ddb .sel{display:inline-flex;align-items:center;gap:4px}
.ddb .car{font-size:11px;color:var(--mut)}
.pop{position:absolute;top:calc(100% + 6px);left:0;z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;display:grid;grid-template-columns:repeat(3,44px);gap:6px;box-shadow:0 8px 24px #0005}
.pop[hidden]{display:none}
.pop .chip{width:44px;height:44px;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center}
.pop .chip.on{background:var(--ac);color:var(--acfg);border-color:var(--ac)}
.none-ico{width:22px;height:22px;display:block}
.ri{display:inline-flex;align-items:center;gap:1px}
.rar-ico{height:20px;width:auto;display:block}