/*! © 2026 Étonnium par Web Concept 06. Tous droits réservés : reproduction, extraction et rediffusion interdites. */
:root{--ray: #ffc15e;--ray-rgb: 255, 193, 94;--ray-soft: rgba(var(--ray-rgb), .16);--bn-dot: #2a1c05}.bn-scene{display:grid;gap:12px;padding:14px}.bn-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px}.bn-count{display:inline-flex;align-items:center;gap:8px}.bn-lbl{font:600 14px/1.3 var(--display);color:var(--ink2)}.bn-step{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:var(--bg);color:var(--ink);font:700 22px/1 var(--display);cursor:pointer;display:grid;place-items:center;padding:0}.bn-step:hover:not(:disabled){border-color:var(--ray)}.bn-step:disabled{opacity:.35;cursor:default}#bn-n{min-width:1.4em;text-align:center;font:700 20px/1 var(--mono);color:var(--ray)}.bn-tap{margin:0;font-size:14px;color:var(--muted)}.bn-cards{display:grid;grid-template-columns:repeat(var(--n, 5),minmax(0,1fr));gap:clamp(4px,1.2vw,10px);width:100%;max-width:calc(var(--n, 5) * 96px);margin-inline:auto}.bn-col{position:relative;display:grid;justify-items:center;align-content:start;gap:5px;padding-top:12px;min-width:0}.bn-card{display:block;width:100%;aspect-ratio:5 / 7;padding:0;border:0;border-radius:10px;background:none;cursor:pointer;perspective:600px}.bn-flip{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .38s cubic-bezier(.3,.7,.3,1)}.bn-col.on .bn-flip{transform:none}.bn-face{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bn-face{border-radius:10px}.bn-front{background:linear-gradient(160deg,#ffe3ab,#ffc15e 70%);box-shadow:0 0 0 1px rgba(var(--ray-rgb),.9),0 6px 18px rgba(var(--ray-rgb),.22)}.bn-front svg{display:block;width:100%;height:100%;fill:var(--bn-dot)}.bn-back{transform:rotateY(180deg);background:repeating-linear-gradient(45deg,#13212a 0 6px,#1b2d36 6px 12px);box-shadow:inset 0 0 0 1px var(--line2)}.bn-card:hover .bn-back{box-shadow:inset 0 0 0 2px rgba(var(--ray-rgb),.6)}.bn-card:focus-visible{outline:3px solid var(--acc);outline-offset:3px}.bn-w{font:600 13px/1.1 var(--mono);color:var(--ink2);white-space:nowrap}.bn-col.on .bn-w{color:var(--ray)}.bn-pow{font:500 12.5px/1 var(--mono);color:var(--muted);white-space:nowrap}.bn-lamp{width:16px;height:16px;border-radius:50%;background:#1b2a31;border:2px solid var(--line2);transition:background .25s,box-shadow .25s,border-color .25s}.bn-col.on .bn-lamp{background:#fff2c9;border-color:var(--ray);box-shadow:0 0 10px 3px rgba(var(--ray-rgb),.55)}.bn-bit{font:700 21px/1 var(--mono);color:var(--muted)}.bn-col.on .bn-bit{color:var(--ray)}.bn-carry{position:absolute;top:-2px;left:50%;z-index:2;transform:translate(-50%,-2px);padding:2px 7px;border-radius:999px;background:var(--hot);color:#1a0a05;font:800 12px/1.3 var(--mono);opacity:0;transition:opacity .12s,transform .12s;pointer-events:none}.bn-col.carry .bn-carry{opacity:1;transform:translate(-50%)}@media(max-width:520px){.bn-card,.bn-face{border-radius:7px}.bn-w{font-size:11px}.bn-pow{font-size:10.5px}.bn-bit{font-size:17px}.bn-lamp{width:12px;height:12px}.bn-carry{font-size:10.5px;padding:1px 5px}}@media(prefers-reduced-motion:reduce){.bn-flip,.bn-lamp,.bn-carry{transition:none}}.bn-legend{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink2);text-align:center}.bn-legend b{color:var(--ink)}.bn-lg{display:inline-block;width:11px;height:15px;border-radius:3px;vertical-align:-2px}.bn-lg-up{background:var(--ray)}.bn-lg-down{background:repeating-linear-gradient(45deg,#13212a 0 3px,#2a4049 3px 6px);box-shadow:inset 0 0 0 1px var(--line2)}.bn-over{margin:0;padding:8px 12px;border-radius:12px;background:#ff8a6b1f;border:1px solid rgba(255,138,107,.6);color:var(--ink);font:600 14.5px/1.4 var(--display)}.bn-read{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px}.bn-rd{display:grid;align-content:start;gap:3px;padding:10px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--line);min-width:0}.bn-rl{font:600 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.bn-bin{font:700 clamp(22px,2.6vw,30px)/1.15 var(--mono);letter-spacing:.12em;color:var(--ray);overflow-wrap:anywhere}.bn-dec{font:800 clamp(26px,3vw,36px)/1.1 var(--display);color:var(--ink)}.bn-sum{font:500 14px/1.4 var(--mono);color:var(--ink2);overflow-wrap:anywhere}.bn-range,.bn-char{margin:0;padding:8px 12px;border-radius:12px;background:rgba(var(--ray-rgb),.07);border:1px dashed rgba(var(--ray-rgb),.45);font:500 15px/1.45 var(--display);color:var(--ink)}.bn-char .bn-rl{margin-right:4px}#bn-char-v{font-weight:700}.bn-ctl{gap:8px;align-items:center}.dc .bn-plus{min-width:84px;font:800 20px/1 var(--mono)}.bn-info{margin:0;min-height:1.5em;font-size:15px;line-height:1.5;color:var(--ink2)}.bn-need-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px}.bn-need-row label{font:600 16px/1.3 var(--display);color:var(--ink)}#bn-need-in{width:min(220px,60vw);min-height:48px;padding:6px 12px;border-radius:12px;border:2px solid var(--line2);background:var(--bg);color:var(--ink);font:700 20px/1 var(--mono)}#bn-need-in:focus{border-color:var(--acc);outline:none}.bn-need-out{margin:10px 0 0!important;font-size:16px;color:var(--ink)}.bn-f .bn-t{display:inline-block;white-space:nowrap}.dc-legend dt.bn-dt{font-size:17px;white-space:nowrap}.dc-panel sup{line-height:0}.bn-read.bn-busy{opacity:.45;transition:opacity .15s}.dc-box .dc-steps+p{margin-top:10px}:root[data-theme=light]{--ray: #754700;--ray-rgb: 117, 71, 0;--ray-dark: #ffc15e;--ray-dark-rgb: 255, 193, 94}