.cmf-muted{color:var(--muted);font-weight:400}.cmf-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:2rem;gap:2rem;align-items:start}.cmf-shelter{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1rem;margin-bottom:1.25rem;border:1px solid var(--border-light);border-radius:6px;background:var(--card);cursor:pointer}.cmf-shelter input{width:1.1rem;height:1.1rem;margin-top:.2rem;accent-color:var(--primary)}.cmf-group{border:0;padding:.9rem 0;border-bottom:1px solid var(--border)}.cmf-group legend{font-family:var(--font-heading);font-weight:700;margin-bottom:.55rem;padding:0}.cmf-group legend .cmf-muted{font-family:var(--font-body);font-size:.85rem}.cmf-group--off{opacity:.45}.cmf-options{display:flex;flex-wrap:wrap;gap:.4rem}.cmf-opt{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border:1px solid var(--border-light);border-radius:4px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:.88rem;cursor:pointer}.cmf-opt:hover:not(:disabled){border-color:var(--primary)}.cmf-opt:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cmf-opt:disabled{cursor:not-allowed}.cmf-opt-val{font-size:.78rem;color:var(--muted)}.cmf-opt--on{border-color:var(--primary);background:rgba(212,164,74,.14)}.cmf-opt--on .cmf-opt-val{color:var(--primary)}.cmf-result{position:-webkit-sticky;position:sticky;top:1rem;padding:1.1rem 1.2rem;border:1px solid var(--border-light);border-radius:8px;background:linear-gradient(180deg,#1b2030,var(--card))}.cmf-buff{display:flex;align-items:center;gap:.85rem}.cmf-buff-icon{position:relative;flex:none;width:52px;height:52px;border-radius:8px;border:1px solid rgba(212,164,74,.5);background:radial-gradient(circle at 50% 40%,rgba(212,164,74,.25),transparent 70%),var(--bg)}.cmf-buff-icon:before{content:"";position:absolute;left:9px;right:9px;bottom:14px;height:10px;border-radius:2px;background:linear-gradient(90deg,#e8e4dc 0 28%,var(--primary) 28%)}.cmf-buff-icon:after{content:"";position:absolute;left:7px;right:7px;bottom:10px;height:4px;border-radius:1px;background:#8a6a3a}.cmf-buff-text{display:flex;flex-direction:column}.cmf-buff-name{font-family:var(--font-heading);font-weight:700;font-size:1.2rem}.cmf-buff-time{color:var(--primary);font-weight:600}.cmf-level{margin:1rem 0 .4rem}.cmf-level strong{font-family:var(--font-heading);font-size:1.5rem;color:var(--primary)}.cmf-meter{height:6px;border-radius:3px;background:var(--bg);overflow:hidden}.cmf-meter span{display:block;height:100%;background:var(--primary);transition:width .25s}.cmf-parts{list-style:none;margin:.9rem 0;font-size:.88rem}.cmf-parts li{display:flex;justify-content:space-between;padding:.22rem 0;border-bottom:1px dashed var(--border)}.cmf-parts li span:last-child{color:var(--muted)}.cmf-actions{display:flex;gap:.5rem}.cmf-actions button{flex:1 1;padding:.5rem;border:1px solid var(--border-light);border-radius:4px;background:transparent;color:var(--text);font:inherit;font-size:.88rem;cursor:pointer}.cmf-actions button:first-child{border-color:var(--primary);color:var(--primary)}.cmf-actions button:hover{background:rgba(212,164,74,.1)}.cmf-effects{margin-top:1.1rem;font-size:.86rem}.cmf-effects ul{margin:.3rem 0 .6rem 1.1rem}.cmf-bar{display:none}@media (prefers-reduced-motion:reduce){.cmf-meter span{transition:none}}@media (max-width:900px){.cmf-layout{grid-template-columns:minmax(0,1fr)}.cmf-result{position:static}.cmf-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:space-between;padding:.7rem 1rem;background:rgba(19,22,29,.96);border-top:1px solid var(--primary);font-size:.92rem}.cmf-bar strong{color:var(--primary)}.cmf{padding-bottom:3rem}}