:root{--ink:#17211f;--muted:#65706a;--paper:#f3efe5;--panel:#fffaf0;--night:#13201e;--line:rgba(23,33,31,.16);--copper:#b9633a;--blue:#2f6f83;--green:#6a8d5f;--shadow:0 24px 70px rgba(20,31,28,.16)}
.compromis-page{margin:0;background:linear-gradient(90deg,rgba(23,33,31,.045) 1px,transparent 1px),linear-gradient(rgba(23,33,31,.045) 1px,transparent 1px),var(--paper);background-size:48px 48px;color:var(--ink)}
.compromis-header,.compromis-footer{display:flex;width:min(1160px,calc(100% - 2rem));align-items:center;justify-content:space-between;gap:1rem;margin:0 auto;padding:1.1rem 0}.compromis-brand{text-decoration:none}.compromis-brand span{display:block;color:var(--muted);font-size:.78rem}.compromis-brand strong{display:block;font-size:.95rem;letter-spacing:.12em}.compromis-header p,.compromis-footer span{max-width:440px;margin:0;color:var(--muted);font-size:.86rem}.compromis-footer a{color:var(--copper);font-weight:750;text-decoration:none}
.compromis-hero{width:min(1160px,calc(100% - 2rem));margin:0 auto;padding:clamp(3rem,9vw,7rem) 0 clamp(2rem,5vw,4rem)}.compromis-kicker{margin:0 0 .8rem;color:var(--copper);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.compromis-hero h1{max-width:900px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,9vw,7.2rem);font-weight:400;line-height:.92}.compromis-hero>p:last-child{max-width:680px;margin:1.6rem 0 0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem)}
.rules-card{width:min(1160px,calc(100% - 2rem));margin:0 auto 1rem;padding:clamp(1rem,3vw,1.4rem);border:1px solid var(--line);border-radius:8px;background:#fffdf8;box-shadow:var(--shadow)}.rules-card h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.9rem,4vw,3rem);font-weight:400;line-height:1}.rules-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}.rules-steps li{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:start;padding:.75rem;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:.9rem;line-height:1.35}.rules-steps b{display:grid;width:1.6rem;height:1.6rem;place-items:center;border-radius:50%;background:var(--night);color:#fffaf0;font-size:.8rem}.rules-note{max-width:820px;margin:1rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.5}
.banc{width:min(1160px,calc(100% - 2rem));margin:0 auto 5rem;padding:clamp(1rem,3vw,1.6rem);border:1px solid var(--line);border-radius:8px;background:rgba(255,250,240,.88);box-shadow:var(--shadow)}.banc-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:start;padding:clamp(1rem,3vw,1.4rem);border-bottom:1px solid var(--line)}.banc h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.3rem);font-weight:400;line-height:1}.order-brief{max-width:720px;margin:.8rem 0 0;color:var(--muted)}.status-stack{display:grid;gap:.45rem;min-width:210px}.status-stack span{display:flex;justify-content:space-between;gap:1rem;padding:.45rem .7rem;border:1px solid var(--line);border-radius:6px;background:#fffdf8;font-size:.82rem}.status-stack .is-negative b,#reserve-value.is-negative{color:#a33b28}
.machine-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:1rem;padding:clamp(1rem,3vw,1.4rem)}.control-bank{display:grid;gap:.85rem}.dial{padding:.9rem;border:1px solid var(--line);border-radius:8px;background:#fffdf8}.dial label{display:flex;justify-content:space-between;gap:1rem;font-weight:800}.dial output{color:var(--copper);font-variant-numeric:tabular-nums}.dial input{width:100%;accent-color:var(--copper)}.dial p{margin:.25rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.actions button{min-height:46px;border:1px solid var(--line);border-radius:6px;background:#fffdf8;color:var(--ink);font:inherit;font-weight:800;cursor:pointer}.actions button:first-child{grid-column:1/-1;background:var(--night);color:#fffaf0}.actions button:hover,.actions button:focus-visible{transform:translateY(-1px)}
.machine-face{display:grid;gap:1rem;align-content:start;min-height:520px;padding:clamp(1rem,3vw,1.4rem);border-radius:8px;background:radial-gradient(circle at 50% 44%,rgba(185,99,58,.22),transparent 17rem),linear-gradient(145deg,#13201e,#25342d);color:#fffaf0}.gauge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.gauge{display:grid;gap:.35rem;padding:.7rem;border:1px solid rgba(255,250,240,.15);border-radius:6px;background:rgba(255,250,240,.06)}.gauge span{color:rgba(255,250,240,.72);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.gauge meter{width:100%}.gauge b{font-variant-numeric:tabular-nums}
.reactor{position:relative;display:grid;min-height:310px;place-items:center;overflow:hidden;border:1px solid rgba(255,250,240,.14);border-radius:8px;background:linear-gradient(90deg,rgba(255,250,240,.04) 1px,transparent 1px),linear-gradient(rgba(255,250,240,.04) 1px,transparent 1px),rgba(0,0,0,.1);background-size:32px 32px}.reactor:before{width:var(--core-size,8rem);height:var(--core-size,8rem);border:2px solid rgba(255,250,240,.46);border-radius:50%;background:radial-gradient(circle,var(--core-color,#b9633a),transparent 66%);box-shadow:0 0 var(--core-glow,2rem) var(--core-color,#b9633a);content:"";transition:400ms ease}.reactor i{position:absolute;width:42%;height:1px;background:rgba(255,250,240,.34);transform:rotate(calc(var(--i,0)*45deg))}.reactor i:nth-child(1){--i:0}.reactor i:nth-child(2){--i:1}.reactor i:nth-child(3){--i:2}.reactor i:nth-child(4){--i:3}.verdict-box{min-height:96px;margin:0;padding:1rem;border:1px solid rgba(255,250,240,.15);border-radius:6px;background:rgba(255,250,240,.08);font-family:Georgia,"Times New Roman",serif;font-size:1.12rem}.verdict-box.good{border-color:rgba(130,170,105,.7)}.verdict-box.bad{border-color:rgba(185,99,58,.85)}
@media(max-width:820px){.compromis-header,.compromis-footer{flex-direction:column;align-items:flex-start}.rules-steps{grid-template-columns:1fr}.banc-top{grid-template-columns:1fr}.machine-grid{grid-template-columns:1fr}.status-stack{min-width:0}.gauge-row{grid-template-columns:1fr}.machine-face{min-height:430px}}