/* druma-sheet.css — Character sheet styles matching druma-user-profile_2.html exactly */

/* SHEET MANAGER */
.cs-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;}
.cs-title{font-family:var(--fd);font-size:0.65rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--ivd);}
.cs-new{font-family:var(--fd);font-size:0.58rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;background:var(--gold);border:1px solid var(--gold);color:var(--o1);padding:0.4rem 0.9rem;cursor:pointer;border-radius:2px;transition:all 0.2s;}
.cs-new:hover{background:var(--gl);}
.cs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:0.9rem;margin-bottom:1.2rem;}
.csc{background:var(--o3);border:1px solid var(--gbr);border-radius:3px;padding:1rem;cursor:pointer;transition:all 0.2s;position:relative;}
.csc:hover{border-color:var(--gold);background:var(--o4);}
.csc.sel{border-color:var(--gold);background:var(--o4);box-shadow:0 0 0 1px var(--gold);}
.csc-icon{font-size:1.4rem;margin-bottom:0.5rem;display:block;}
.csc-name{font-family:var(--fd);font-size:0.78rem;font-weight:700;color:var(--iv);margin-bottom:0.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.csc-cls{font-family:var(--fb);font-size:0.88rem;font-style:italic;color:var(--gold);margin-bottom:0.5rem;}
.csc-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.3rem;}
.csc-stat{text-align:center;background:var(--o4);border-radius:2px;padding:0.25rem;}
.csc-sl{font-family:var(--fd);font-size:0.4rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ivf);display:block;}
.csc-sv{font-family:var(--fd);font-size:0.75rem;font-weight:700;color:var(--iv);display:block;}
.csc-del{position:absolute;top:0.5rem;right:0.5rem;width:20px;height:20px;border-radius:50%;background:rgba(139,26,30,0.15);border:1px solid rgba(139,26,30,0.3);color:#c45a5a;font-size:0.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s;padding:0;}
.csc:hover .csc-del{opacity:1;}
.csc-vis{display:flex;align-items:center;gap:0.3rem;margin-top:0.5rem;}
.csc-vd{width:6px;height:6px;border-radius:50%;}
.csc-vd.pub{background:#3ecf60;}
.csc-vd.prv{background:var(--ivf);}
.csc-vl{font-family:var(--fd);font-size:0.44rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ivf);}
.cs-empty{background:var(--o3);border:1px dashed rgba(196,146,42,0.25);border-radius:3px;padding:3rem;text-align:center;grid-column:1/-1;}
.cs-empty-icon{font-size:2.5rem;display:block;margin-bottom:0.8rem;}
.cs-empty-t{font-family:var(--fd);font-size:0.65rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--ivf);display:block;margin-bottom:0.5rem;}
.cs-empty-s{font-family:var(--fb);font-style:italic;color:var(--ivf);font-size:0.95rem;}

/* EMBEDDED SHEET WRAPPER */
#sw{display:none;border:1px solid var(--gold);border-radius:4px;overflow:hidden;margin-top:0.5rem;}
#sw.open{display:block;}
.sh-hdr{background:var(--o1);border-bottom:1px solid var(--gbr);padding:0.6rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.sh-name{font-family:var(--fd);font-size:0.82rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);}
.sh-sub{font-family:var(--fd);font-size:0.52rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ivf);margin-top:0.1rem;}
.sh-btns{display:flex;gap:0.5rem;}
.shb{font-family:var(--fd);font-size:0.6rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:0.4rem 0.9rem;cursor:pointer;border-radius:2px;transition:all 0.2s;}
.shb-roll{background:transparent;border:1px solid var(--gbr);color:var(--gold);}
.shb-roll:hover{background:var(--gbg);}
.shb-save{background:var(--gold);border:1px solid var(--gold);color:var(--o1);}
.shb-save:hover{background:var(--gl);}
.shb-close{background:transparent;border:1px solid rgba(139,26,30,0.4);color:#c45a5a;}
.shb-close:hover{background:rgba(139,26,30,0.1);}

/* SHEET CONTENT — all prefixed with #se */
#se{padding:1rem 1.2rem;background:var(--o2);}
#se .ir{display:grid;grid-template-columns:240px 1fr 240px;gap:0.9rem;margin-bottom:0.9rem;}
#se .ip{background:var(--o3);border:1px solid var(--gbr);border-radius:3px;padding:0.75rem 1rem;}
#se .ifd{display:flex;align-items:baseline;justify-content:space-between;gap:0.5rem;padding:0.28rem 0;border-bottom:1px solid rgba(196,146,42,0.07);overflow:hidden;}
#se .ifd:last-child{border-bottom:none;}
#se .ifl{font-family:var(--fd);font-size:0.65rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--ivf);white-space:nowrap;}
#se .ifi{background:transparent;border:none;outline:none;font-family:var(--fd);font-size:0.85rem;font-weight:700;color:var(--iv);text-align:right;min-width:0;flex:1;}
#se .ifi:focus{color:var(--gold);}
#se .cb{display:grid;grid-template-columns:1fr 170px 1fr;gap:0.7rem;align-items:start;}
#se .ac{display:flex;flex-direction:column;gap:0.4rem;}
#se .ab{background:var(--o3);border:1px solid var(--gbr);border-radius:3px;padding:0.55rem 0.8rem;}
#se .abt{display:flex;align-items:center;justify-content:space-between;gap:0.4rem;}
#se .abn{font-family:var(--fd);font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ivd);flex-shrink:0;}
#se .abs{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:var(--iv);}
#se .abstar{font-size:0.75rem;color:var(--gd);cursor:pointer;transition:color 0.2s;padding:0.1rem;}
#se .abstar:hover{color:var(--gold);}
#se .abst{font-family:var(--fd);font-size:0.55rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gd);margin-top:0.18rem;}
#se .pw{background:var(--o4);border:1px solid var(--gbr);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;}
#se .pi{flex:1;display:flex;align-items:center;justify-content:center;min-height:140px;cursor:pointer;background:var(--o4);}
#se .pph{font-family:var(--fd);font-size:0.55rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ivf);text-align:center;line-height:2;}
#se .pnb{background:rgba(8,7,6,0.85);border-top:1px solid var(--gbr);padding:0.35rem;}
#se .pni{background:transparent;border:none;outline:none;font-family:var(--fd);font-size:0.7rem;font-weight:700;color:var(--iv);text-align:center;width:100%;}
#se .pni:focus{color:var(--gold);}
#se .sb2{display:grid;grid-template-columns:repeat(6,1fr);gap:0.6rem;margin-bottom:0.7rem;}
#se .sc{background:var(--o3);border:1px solid var(--gbr);border-radius:3px;padding:0.75rem 0.6rem;text-align:center;}
#se .scl{font-family:var(--fd);font-size:0.6rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ivf);display:block;margin-bottom:0.3rem;}
#se .scv{font-family:var(--fd);font-size:1.7rem;font-weight:700;color:var(--iv);line-height:1;}
#se .sci{background:transparent;border:none;outline:none;font-family:var(--fd);font-size:1.7rem;font-weight:700;color:var(--iv);text-align:center;width:100%;line-height:1;}
#se .sci:focus{color:var(--gold);}
#se .scs{font-family:var(--fd);font-size:0.55rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gd);display:block;margin-top:0.22rem;}
#se .sc.hl{border-color:rgba(196,146,42,0.38);cursor:pointer;}
#se .sc.hl:hover{background:var(--o4);}
#se .sc.hl .scv{color:var(--gl);}
#se .hdots{display:flex;justify-content:center;gap:3px;margin-top:0.28rem;}
#se .hdot{width:10px;height:10px;border-radius:50%;border:1px solid var(--gold);cursor:pointer;transition:background 0.2s;}
#se .hdot.on{background:var(--gold);}
#se .tbar{display:flex;background:var(--o1);border:1px solid var(--gbr);border-radius:3px;margin-bottom:0.7rem;overflow:hidden;}
#se .tb{flex:1;font-family:var(--fd);font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--ivf);background:none;border:none;border-right:1px solid var(--gbr);padding:0.85rem 0.6rem;cursor:pointer;transition:all 0.2s;}
#se .tb:last-child{border-right:none;}
#se .tb:hover{color:var(--gold);background:var(--gbg);}
#se .tb.active{color:var(--gl);background:var(--o4);border-bottom:2px solid var(--gold);}
#se .tp{display:none;}
#se .tp.active{display:grid;grid-template-columns:270px 1fr;gap:0.7rem;}
#se .tf{display:none;}
#se .tf.active{display:block;}
#se .lp{display:flex;flex-direction:column;gap:0.55rem;}
#se .ls{background:var(--o3);border:1px solid var(--gbr);border-radius:3px;overflow:hidden;}
#se .lh{background:var(--o4);border-bottom:1px solid var(--gbr);padding:0.55rem 0.9rem;font-family:var(--fd);font-size:0.65rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ivd);}
#se .lb{padding:0.65rem 0.75rem;}
#se .hpl{font-family:var(--fd);font-size:0.48rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ivf);display:block;margin-bottom:0.15rem;}
#se .hpb{background:transparent;border:none;outline:none;font-family:var(--fd);font-size:2.6rem;font-weight:700;color:var(--iv);width:110px;line-height:1;}
#se .hpb:focus{color:var(--gold);}
#se .hbw{height:5px;background:var(--o4);border-radius:3px;margin:0.45rem 0;overflow:hidden;}
#se .hbar{height:100%;border-radius:3px;transition:width 0.3s,background 0.3s;}
#se .hpr{display:flex;justify-content:space-between;align-items:center;padding:0.27rem 0;border-bottom:1px solid rgba(196,146,42,0.06);}
#se .hpr:last-child{border-bottom:none;}
#se .hprl{font-family:var(--fd);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ivd);}
#se .hpri{background:transparent;border:none;outline:none;font-family:var(--fd);font-size:1.05rem;font-weight:700;color:var(--iv);width:60px;text-align:right;}
#se .hpri:focus{color:var(--gold);}
#se .dwg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.5rem;text-align:center;}
#se .dwl{font-family:var(--fd);font-size:0.62rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ivf);display:block;margin-bottom:0.25rem;}
#se .dwi{background:transparent;border:none;outline:none;font-family:var(--fd);font-size:1.6rem;font-weight:700;color:var(--iv);width:52px;text-align:center;}
#se .dwi:focus{color:var(--gold);}
#se .dwd{display:flex;justify-content:center;gap:3px;margin-top:0.2rem;}
#se .ddot{width:14px;height:4px;background:var(--o4);border:1px solid var(--gbr);border-radius:1px;cursor:pointer;transition:background 0.2s;}
#se .ddot.on{background:var(--cr);}
#se .svg2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.45rem;}
#se .sv{text-align:center;background:var(--o4);border:1px solid var(--gbr);border-radius:3px;padding:0.65rem 0.5rem;cursor:pointer;transition:border-color 0.2s;}
#se .sv:hover{border-color:var(--gold);}
#se .svl{font-family:var(--fd);font-size:0.6rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ivf);display:block;margin-bottom:0.22rem;}
#se .svv{font-family:var(--fd);font-size:1.25rem;font-weight:700;color:var(--iv);}
#se .svs{font-family:var(--fd);font-size:0.55rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gd);display:block;}
#se .rp2{display:flex;flex-direction:column;gap:0.55rem;}
#se .rs{background:var(--o3);border:1px solid var(--gbr);border-radius:3px;overflow:hidden;}
#se .rh{background:var(--o4);border-bottom:1px solid rgba(196,146,42,0.08);padding:0.6rem 0.9rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;transition:background 0.2s;}
#se .rh:hover{background:var(--o4);}
#se .rhl{display:flex;align-items:center;gap:0.55rem;}
#se .rchev{font-size:0.5rem;color:var(--gd);transition:transform 0.22s;display:inline-block;}
#se .rs.open .rchev{transform:rotate(90deg);}
#se .rtl{font-family:var(--fd);font-size:0.72rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ivd);}
#se .rbdg{font-family:var(--fd);font-size:0.45rem;font-weight:700;background:var(--gbg);border:1px solid var(--gbr);color:var(--gold);padding:0.08rem 0.38rem;border-radius:2px;}
#se .radd{font-size:0.95rem;color:var(--gd);background:none;border:none;cursor:pointer;transition:color 0.2s;padding:0 0.2rem;}
#se .radd:hover{color:var(--gold);}
#se .rbody{display:none;padding:0.65rem 0.75rem;}
#se .rs.open .rbody{display:block;}
#se .stk{background:var(--o4);border:1px solid rgba(196,146,42,0.1);border-radius:3px;padding:0.55rem 0.7rem;margin-bottom:0.45rem;}
#se .stk:last-child{margin-bottom:0;}
#se .stkt{display:flex;align-items:center;gap:0.55rem;margin-bottom:0.45rem;}
#se .stico{width:30px;height:30px;border-radius:50%;background:var(--gbg);border:1px solid var(--gbr);display:flex;align-items:center;justify-content:center;font-size:0.85rem;flex-shrink:0;}
#se .stnm{font-family:var(--fd);font-size:0.95rem;font-weight:700;color:var(--iv);}
#se .stbs{display:flex;flex-wrap:wrap;gap:0.3rem;}
#se .stb{font-family:var(--fd);font-size:0.62rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.38rem 0.7rem;cursor:pointer;border-radius:2px;transition:all 0.2s;border:1px solid;}
#se .sb-s{color:var(--ivd);border-color:rgba(255,255,255,0.13);background:rgba(255,255,255,0.04);}
#se .sb-s:hover{color:var(--iv);border-color:rgba(255,255,255,0.28);}
#se .sb-m{color:var(--ivf);border-color:rgba(196,146,42,0.13);background:transparent;}
#se .sb-m:hover{color:var(--ivd);border-color:var(--gbr);}
#se .sb-d{color:#c45a5a;border-color:rgba(139,26,30,0.33);background:rgba(139,26,30,0.07);}
#se .sb-d:hover{background:rgba(139,26,30,0.16);}
#se .sb-c{color:#c4852a;border-color:rgba(196,133,42,0.33);background:rgba(196,133,42,0.07);}
#se .sb-c:hover{background:rgba(196,133,42,0.16);}
#se .sb-x{color:var(--ivf);border-color:rgba(196,146,42,0.08);background:transparent;}
#se .sb-x:hover{color:var(--ivd);border-color:var(--gbr);}
#se .cch{display:flex;flex-wrap:wrap;gap:0.38rem;}
#se .cc{font-family:var(--fd);font-size:0.62rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.3rem 0.7rem;border-radius:2px;border:1px solid;cursor:pointer;}
#se .cc-n{color:var(--ivf);border-color:rgba(196,146,42,0.1);background:transparent;font-style:italic;font-family:var(--fb);font-size:1rem;text-transform:none;letter-spacing:0;}
#se .cc-a{color:#c45a5a;border-color:rgba(139,26,30,0.4);background:rgba(139,26,30,0.1);}
#se .act{display:flex;align-items:center;gap:0.7rem;padding:0.45rem 0;border-bottom:1px solid rgba(196,146,42,0.06);}
#se .act:last-child{border-bottom:none;}
#se .atp{width:20px;height:20px;border-radius:50%;background:var(--o4);border:1px solid var(--gbr);display:flex;align-items:center;justify-content:center;font-size:0.48rem;color:var(--gd);flex-shrink:0;font-family:var(--fd);}
#se .atn{font-family:var(--fd);font-size:0.9rem;font-weight:600;color:var(--iv);flex:1;}
#se .att{display:flex;gap:0.28rem;flex-wrap:wrap;}
#se .atg{font-family:var(--fd);font-size:0.55rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;background:var(--gbg);border:1px solid var(--gbr);color:var(--gd);padding:0.12rem 0.42rem;border-radius:2px;}
#se .skg{display:grid;grid-template-columns:1fr 1fr;gap:0.35rem;}
#se .skr{background:var(--o3);border:1px solid rgba(196,146,42,0.08);border-radius:3px;padding:0.38rem 0.65rem;display:flex;align-items:center;gap:0.55rem;cursor:pointer;transition:border-color 0.2s;}
#se .skr:hover{border-color:var(--gbr);}
#se .skp{width:13px;height:13px;border-radius:50%;border:1px solid var(--gbr);flex-shrink:0;}
#se .skp.u{background:transparent;}
#se .skp.t{background:var(--gd);}
#se .skp.e{background:var(--gold);}
#se .skp.m{background:var(--gl);}
#se .ska{font-family:var(--fd);font-size:0.6rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--ivf);width:28px;flex-shrink:0;}
#se .skn{font-family:var(--fb);font-size:1.05rem;color:var(--ivd);flex:1;}
#se .skv{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--iv);min-width:32px;text-align:right;}
#se .ft{background:var(--o3);border:1px solid rgba(196,146,42,0.1);border-radius:3px;padding:0.65rem 0.8rem;margin-bottom:0.45rem;}
#se .ftn{font-family:var(--fd);font-size:0.95rem;font-weight:700;color:var(--iv);margin-bottom:0.28rem;}
#se .ftt{font-family:var(--fd);font-size:0.62rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gd);margin-bottom:0.35rem;}
#se .ftd{font-family:var(--fb);font-size:1rem;color:var(--ivd);line-height:1.55;font-style:italic;}
#se .slv{font-family:var(--fd);font-size:0.52rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);padding:0.45rem 0;border-bottom:1px solid rgba(196,146,42,0.15);margin-bottom:0.45rem;display:flex;justify-content:space-between;}
#se .spl{background:var(--o3);border:1px solid rgba(196,146,42,0.08);border-radius:3px;padding:0.52rem 0.7rem;margin-bottom:0.35rem;display:flex;align-items:center;gap:0.65rem;}
#se .spico{width:28px;height:28px;border-radius:50%;background:var(--gbg);border:1px solid var(--gbr);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;}
#se .spnm{font-family:var(--fd);font-size:0.9rem;font-weight:700;color:var(--iv);flex:1;}
#se .spct{font-family:var(--fd);font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--gd);}
#se .spb{font-family:var(--fd);font-size:0.62rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.32rem 0.7rem;background:var(--gbg);border:1px solid var(--gbr);color:var(--gold);border-radius:2px;cursor:pointer;transition:all 0.2s;}
#se .spb:hover{background:rgba(196,146,42,0.18);}
#se .ivh{display:grid;grid-template-columns:1fr 50px 70px 40px;gap:0.7rem;padding:0.4rem 0.75rem;border-bottom:1px solid rgba(196,146,42,0.12);}
#se .ivc{font-family:var(--fd);font-size:0.44rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ivf);text-align:center;}
#se .ivr{background:var(--o3);border:1px solid rgba(196,146,42,0.07);border-radius:3px;padding:0.48rem 0.75rem;margin-bottom:0.3rem;display:grid;grid-template-columns:1fr 50px 70px 40px;gap:0.7rem;align-items:center;}
#se .ivr:hover{border-color:var(--gbr);}
#se .ivn{font-family:var(--fb);font-size:1.05rem;color:var(--iv);}
#se .ivm{font-family:var(--fd);font-size:0.82rem;font-weight:700;color:var(--ivd);text-align:center;}
#se .ivw{font-family:var(--fd);font-size:0.62rem;color:var(--ivf);text-align:center;}
#se .iva{font-family:var(--fd);font-size:0.55rem;color:var(--gd);cursor:pointer;text-align:center;}
#se .r2c{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
#se .rpfg{margin-bottom:1rem;}
#se .rplb{font-family:var(--fd);font-size:0.65rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--gd);margin-bottom:0.4rem;display:block;}
#se .rpta{width:100%;background:var(--o3);border:1px solid var(--gbr);color:var(--iv);padding:0.65rem 0.9rem;font-family:var(--fb);font-size:1.05rem;line-height:1.6;resize:vertical;outline:none;border-radius:3px;min-height:85px;}
#se .rpta:focus{border-color:var(--gold);}
#se .rpta::placeholder{color:var(--ivf);}

/* TOAST */
.toast{position:fixed;bottom:1.8rem;right:1.8rem;background:var(--o4);border:1px solid var(--gold);border-radius:4px;padding:0.9rem 1.3rem;font-family:var(--fd);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--iv);min-width:240px;box-shadow:0 4px 24px rgba(0,0,0,0.6);transform:translateY(4rem);opacity:0;transition:all 0.28s;z-index:999;}
.toast.show{transform:translateY(0);opacity:1;}
.toast-r{font-size:1.9rem;font-weight:700;color:var(--gl);display:block;margin-top:0.3rem;font-family:var(--fd);}

/* MODAL */
.modal-ov{position:fixed;inset:0;background:rgba(8,7,6,0.88);z-index:500;display:none;align-items:center;justify-content:center;}
.modal-ov.open{display:flex;}
.modal{background:var(--o3);border:1px solid var(--gold);border-radius:4px;padding:2rem;width:100%;max-width:460px;position:relative;}
.modal-t{font-family:var(--fd);font-size:0.85rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;}
.modal-x{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--ivf);font-size:1.2rem;cursor:pointer;transition:color 0.2s;}
.modal-x:hover{color:var(--gold);}
.mf{margin-bottom:0.9rem;}
.mfl{font-family:var(--fd);font-size:0.55rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--gd);display:block;margin-bottom:0.35rem;}
.mfi{width:100%;background:var(--o4);border:1px solid var(--gbr);color:var(--iv);padding:0.55rem 0.8rem;font-family:var(--fb);font-size:1rem;outline:none;border-radius:3px;}
.mfi:focus{border-color:var(--gold);}
.mfsel{width:100%;background:var(--o4);border:1px solid var(--gbr);color:var(--iv);padding:0.55rem 0.8rem;font-family:var(--fd);font-size:0.75rem;outline:none;border-radius:3px;cursor:pointer;}
.mf-row{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;}
.mfvis{display:flex;gap:0.5rem;margin-top:0.3rem;}
.vopt{flex:1;font-family:var(--fd);font-size:0.55rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.45rem;text-align:center;cursor:pointer;border-radius:2px;border:1px solid var(--gbr);color:var(--ivf);background:transparent;transition:all 0.2s;}
.vopt.sel{color:var(--gold);border-color:var(--gold);background:var(--gbg);}
.modal-btns{display:flex;gap:0.6rem;justify-content:flex-end;margin-top:1.4rem;}