:root{--bc-bg:#f4f1eb;--bc-panel:#fffdfa;--bc-text:#282725;--bc-muted:#77736c;--bc-line:#e6e0d6;--bc-accent:#8d6f45;--bc-accent-soft:#ede4d7;--bc-ok:#54765a;--bc-radius:18px;--bc-shadow:0 10px 30px rgba(45,39,31,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bc-bg);color:var(--bc-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}button,input,select{font:inherit}.bc-shell{min-height:100vh;padding-bottom:90px}.bc-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px max(18px,calc((100vw - 1180px)/2));background:rgba(244,241,235,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(230,224,214,.75)}.bc-brand{font-size:22px;font-weight:750;letter-spacing:-.04em}.bc-user{font-size:13px;color:var(--bc-muted)}.bc-main{width:min(1180px,calc(100% - 32px));margin:28px auto}.bc-title{font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.045em;margin:0 0 8px}.bc-sub{margin:0 0 26px;color:var(--bc-muted);max-width:720px}.bc-nav{position:fixed;z-index:30;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:5px;padding:6px;background:#282725;border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.2)}.bc-nav button{border:0;background:transparent;color:#cfcac2;padding:11px 16px;border-radius:13px;cursor:pointer}.bc-nav button.active{background:#fff;color:#282725}.bc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.bc-card{background:var(--bc-panel);border:1px solid var(--bc-line);border-radius:var(--bc-radius);padding:18px;box-shadow:var(--bc-shadow)}button.bc-card{width:100%;text-align:left;cursor:pointer}.bc-card h3{margin:0 0 8px;font-size:18px}.bc-meta{display:flex;flex-wrap:wrap;gap:7px}.bc-pill{font-size:12px;color:#5e594f;background:#f1ece4;border-radius:999px;padding:6px 9px}.bc-filter{margin:20px 0}.bc-filter h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--bc-muted);margin:0 0 9px}.bc-chips{display:flex;gap:8px;flex-wrap:wrap}.bc-chip{border:1px solid var(--bc-line);background:var(--bc-panel);border-radius:999px;padding:9px 13px;cursor:pointer}.bc-chip.active{background:var(--bc-text);border-color:var(--bc-text);color:#fff}.bc-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0}.bc-btn{border:0;border-radius:12px;padding:11px 14px;background:var(--bc-text);color:#fff;cursor:pointer}.bc-btn.secondary{background:var(--bc-accent-soft);color:var(--bc-text)}.bc-empty{padding:42px 20px;text-align:center;background:var(--bc-panel);border:1px dashed var(--bc-line);border-radius:var(--bc-radius);color:var(--bc-muted)}.bc-table{background:var(--bc-panel);border:1px solid var(--bc-line);border-radius:var(--bc-radius);overflow:hidden}.bc-row{display:grid;grid-template-columns:minmax(80px,1fr) 110px minmax(150px,1.2fr) 120px 90px;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--bc-line)}.bc-row:last-child{border-bottom:0}.bc-row.head{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--bc-muted);background:#faf7f2}.bc-year{font-weight:700}.bc-toggle{border:1px solid var(--bc-line);background:#fff;border-radius:10px;min-height:38px;padding:7px 9px;cursor:pointer}.bc-toggle.on{background:#e5efe6;border-color:#bed0c0;color:#315c38}.bc-toggle.armed{outline:2px solid var(--bc-accent);outline-offset:2px}.bc-select,.bc-qty,.bc-input{width:100%;border:1px solid var(--bc-line);background:#fff;border-radius:10px;padding:9px 10px}.bc-select:disabled,.bc-qty:disabled{opacity:.45}.bc-detail-head{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}.bc-detail-head h2{margin:0 0 6px}.bc-back{border:0;background:transparent;color:var(--bc-muted);cursor:pointer;padding:0 0 15px}.bc-notice{padding:12px 14px;border-radius:12px;background:#fff4cf;margin:14px 0;font-size:13px}.bc-login{min-height:100vh;display:grid;place-items:center;padding:22px}.bc-login .bc-card{max-width:460px;text-align:center}.bc-login .bc-btn{display:inline-block;text-decoration:none;margin-top:12px}.bc-collection-line{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.bc-collection-line select{max-width:260px}.bc-toast{position:fixed;right:18px;bottom:100px;z-index:50;background:#282725;color:white;padding:11px 14px;border-radius:12px;box-shadow:var(--bc-shadow);font-size:13px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.bc-toast.show{opacity:1;transform:none}
@media(max-width:760px){.bc-main{width:min(100% - 22px,1180px);margin:18px auto}.bc-top{padding:14px 14px}.bc-nav{width:calc(100% - 18px);justify-content:space-between}.bc-nav button{flex:1;padding:10px 5px;font-size:12px}.bc-row{grid-template-columns:74px 1fr 1fr;gap:8px}.bc-row.head{display:none}.bc-row>*:nth-child(3){grid-column:2/4}.bc-row>*:nth-child(4){grid-column:2}.bc-row>*:nth-child(5){grid-column:3}.bc-row .bc-year{grid-row:1/3;align-self:start;padding-top:9px}.bc-detail-head{display:block}.bc-card{padding:15px}.bc-filter{margin:16px 0}}
.bc-toolbar-actions{display:flex;gap:9px;flex-wrap:wrap}.bc-collection-groups{display:grid;gap:14px}.bc-collection-group{padding:0;overflow:hidden}.bc-collection-type{width:100%;border:0;background:transparent;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer;color:inherit}.bc-collection-type h3{margin:0 0 9px}.bc-open{white-space:nowrap;color:var(--bc-muted);font-size:13px}.bc-collection-items{border-top:1px solid var(--bc-line)}.bc-collection-item{display:grid;grid-template-columns:90px 110px minmax(120px,1fr) minmax(140px,1fr);gap:12px;padding:11px 18px;border-bottom:1px solid var(--bc-line);align-items:center;font-size:14px}.bc-collection-item:last-child{border-bottom:0}.bc-collection-item span{color:var(--bc-muted)}
@media(max-width:760px){.bc-toolbar{align-items:stretch;flex-direction:column}.bc-toolbar-actions{width:100%}.bc-toolbar-actions .bc-btn{flex:1}.bc-collection-type{align-items:flex-start}.bc-open{display:none}.bc-collection-item{grid-template-columns:70px 1fr 1fr;padding:10px 14px;gap:7px}.bc-collection-item>*:last-child{grid-column:2/4}.bc-collection-item strong{grid-row:1/3}.bc-collection-item span{font-size:13px}}
/* 0.1.2 — navigation mobile : tap + glisser */
.bc-nav{overflow:hidden;touch-action:none}
.bc-nav .bc-nav-cursor{position:absolute;left:0;top:6px;bottom:6px;width:0;border-radius:13px;background:#fff;z-index:0;pointer-events:none}
.bc-nav button{position:relative;z-index:1;transition:color .16s ease;background:transparent!important}
.bc-nav button.active{color:#282725}
/* 0.1.2 — images pile/face et visionneuse */
.bc-coin-images{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin:16px 0 18px}
.bc-coin-image{border:1px solid var(--bc-line);background:var(--bc-panel);border-radius:16px;padding:10px;cursor:pointer;text-align:center;color:var(--bc-muted);min-width:150px}
.bc-coin-image img{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 7px;border-radius:12px;background:#fff}
.bc-coin-image span{font-size:12px}
.bc-coin-images-empty{padding:18px;border:1px dashed var(--bc-line);border-radius:16px;color:var(--bc-muted)}
.bc-image-viewer{position:fixed;inset:0;z-index:999999;background:rgba(18,18,18,.94);display:flex;flex-direction:column;color:#fff}
.bc-image-stage{flex:1;overflow:hidden;touch-action:none;cursor:grab;position:relative}
.bc-image-stage:active{cursor:grabbing}
.bc-image-canvas{position:relative;min-width:100%;min-height:100%}.bc-image-stage img{display:block;position:absolute;width:auto;height:auto;max-width:none;margin:0;user-select:none;-webkit-user-drag:none;pointer-events:none}
.bc-image-hint{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(0,0,0,.58);padding:9px 13px;border-radius:999px;font-size:12px;white-space:nowrap;pointer-events:none}
body.bc-viewer-open{overflow:hidden}
@media(max-width:760px){.bc-coin-images{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bc-coin-image{min-width:0;padding:8px}.bc-coin-image img{width:100%;height:auto;aspect-ratio:1/1}}

/* 0.1.3 — navigation desktop, images à 100 % et cache-busting */
.bc-nav button{touch-action:manipulation}
.bc-coin-image{appearance:none;-webkit-appearance:none}

/* 0.1.4 — garde-fou navigation, double-tap et caractéristiques */
.bc-shell{touch-action:manipulation;-webkit-text-size-adjust:100%}
.bc-coin-image{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.bc-detail-main{min-width:0;flex:1}
.bc-coin-overview{display:grid;grid-template-columns:minmax(330px,auto) minmax(280px,1fr);gap:26px;align-items:start;margin:16px 0 22px}
.bc-coin-overview .bc-coin-images{margin:0}
.bc-characteristics{margin:0;background:var(--bc-panel);border:1px solid var(--bc-line);border-radius:16px;padding:14px 16px;box-shadow:var(--bc-shadow)}
.bc-characteristic{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid var(--bc-line)}
.bc-characteristic:last-child{border-bottom:0}.bc-characteristic dt{font-weight:700}.bc-characteristic dd{margin:0;color:var(--bc-muted)}
@media(max-width:760px){.bc-coin-overview{display:flex;flex-direction:column;gap:12px}.bc-coin-overview .bc-coin-images{width:100%;order:1}.bc-characteristics{width:100%;order:2}.bc-characteristic{grid-template-columns:105px 1fr}}


/* 0.1.5 — réglages frontend */
.bc-settings-stack{display:grid;gap:14px;max-width:760px}
.bc-segmented{display:inline-flex;gap:5px;padding:5px;background:#eee8df;border-radius:14px}
.bc-segmented button{border:0;background:transparent;color:var(--bc-muted);padding:10px 14px;border-radius:10px;cursor:pointer}
.bc-segmented button.active{background:#fff;color:var(--bc-text);box-shadow:0 2px 8px rgba(45,39,31,.08)}
@media(max-width:760px){.bc-segmented{display:flex;width:100%}.bc-segmented button{flex:1}.bc-characteristic{grid-template-columns:100px 1fr}}

/* 0.1.7 — résultats unifiés avec miniature */
.bc-type-list{display:grid;gap:10px}
.bc-type-row{display:grid;grid-template-columns:minmax(74px,1fr) minmax(0,4fr);align-items:stretch;overflow:hidden;border:1px solid var(--bc-line,#e7e1d8);border-radius:16px;background:#fff}
.bc-type-thumb{display:flex;align-items:center;justify-content:center;min-width:0;min-height:96px;padding:8px;border:0;border-right:1px solid var(--bc-line,#e7e1d8);background:#f5f1ea;cursor:pointer;touch-action:pan-y;-webkit-touch-callout:none;user-select:none}
.bc-type-thumb img{display:block;width:100%;height:100%;max-height:116px;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.bc-thumb-placeholder{font-size:24px;color:var(--bc-muted)}
.bc-type-row-main{min-width:0;width:100%;border:0;background:#fff;text-align:left;padding:16px 18px;color:inherit;cursor:pointer}
.bc-type-row-main h3{margin:0 0 9px;font-size:17px}
.bc-type-row-main .bc-meta{margin:0}
.bc-collection-summary{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px;color:var(--bc-muted);font-size:13px}
@media(max-width:760px){
  .bc-type-row{grid-template-columns:minmax(66px,1fr) minmax(0,4fr);border-radius:14px}
  .bc-type-thumb{min-height:88px;padding:6px}
  .bc-type-thumb img{max-height:104px}
  .bc-type-row-main{padding:13px 14px}
  .bc-type-row-main h3{font-size:15px;line-height:1.3}
}

/* 0.1.8 — avers/revers simultanés + filtres actifs regroupés */
.bc-active-filters{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 18px;
}
.bc-active-filter{display:flex}
.bc-active-filter .bc-chip{margin:0}

.bc-type-row{
    grid-template-columns:minmax(120px,1fr) minmax(0,4fr);
}
.bc-type-thumbs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    min-width:0;
    border-right:1px solid var(--bc-line,#e7e1d8);
    background:#fff;
}
.bc-type-thumb{
    min-width:0;
    min-height:96px;
    padding:8px;
    border:0;
    background:#fff !important;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-touch-callout:none;
    user-select:none;
}
.bc-type-thumb + .bc-type-thumb{
    border-left:1px solid var(--bc-line,#e7e1d8);
}
.bc-type-thumb img{
    display:block;
    width:100%;
    height:100%;
    max-height:116px;
    object-fit:contain;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
}
@media(max-width:760px){
    .bc-type-row{
        grid-template-columns:minmax(78px,1fr) minmax(0,4fr);
    }
    .bc-type-thumbs{
        grid-template-columns:1fr;
    }
    .bc-type-thumb{
        min-height:76px;
        padding:5px;
    }
    .bc-type-thumb + .bc-type-thumb{
        border-left:0;
        border-top:1px solid var(--bc-line,#e7e1d8);
    }
    .bc-type-thumb img{
        max-height:90px;
    }
}