/* Le jeu partage le verger du film ; les commandes restent de vrais boutons accessibles. */
.brasse-page{padding-top:1.5rem}.brasse-page>.wrap{max-width:1240px}.brasse-entete{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.brasse-entete a{font-size:.72rem;color:#c9bda5;text-decoration:none}.brasse-entete h1{font-size:3rem;line-height:1;margin:12px 0 0}.brasse-entete h1 span{display:inline-block;font:400 .7rem/1.4 var(--texte,sans-serif);letter-spacing:.18em;text-transform:uppercase;margin-left:20px;color:#cfba92}.brasse-entete>p{text-align:right;color:#c9bda5;font-size:.8rem;margin:0}.brasse{position:relative;isolation:isolate;background:#16231e;color:#fff1d2;height:730px;max-height:88svh;min-height:640px;border:1px solid #8978517d;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #0004;scroll-margin-top:80px}.brasse [hidden]{display:none!important}.brasse button{font:inherit;cursor:pointer}.brasse button:focus-visible,.brasse a:focus-visible{outline:3px solid #ffe1a0;outline-offset:3px}.brasse button:disabled{opacity:.55;cursor:default}
.brasse-scene{position:absolute;inset:0 0 100px}.brasse-scene>img,.brasse-scene>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%}.brasse-scene canvas{opacity:0;transition:opacity .6s}.brasse[data-pret=true] canvas{opacity:1}.brasse-ombre{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#071b2299,transparent 23%,transparent 58%,#132620 84%)}
.brasse-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;z-index:6;pointer-events:none}.brasse-top>span{font-size:.56rem;font-weight:600;letter-spacing:.19em}.brasse-top i{font-style:normal;color:#edca8c;padding:0 9px}.brasse-top>div{display:flex;gap:8px;pointer-events:auto}.brasse-top button{border:1px solid #e0cca341;background:#14251dcc;border-radius:5px;color:#ffefd0;font-size:.68rem;padding:9px 11px;min-height:38px}
.brasse-hud{position:absolute;top:77px;left:27px;right:27px;display:flex;justify-content:space-between;pointer-events:none}.brasse-qualite{display:grid;filter:drop-shadow(0 2px 8px #12271a)}.brasse-qualite>span{font-size:.56rem;letter-spacing:.19em;color:#ffe0a7}.brasse-qualite strong{font:500 3.3rem/1.2 var(--display,Georgia);font-variant-numeric:tabular-nums}.brasse-qualite small{font:500 1rem var(--texte,sans-serif)}.brasse-qualite b{font-size:.68rem;font-weight:400;color:#f0dfbd}.brasse-chrono{width:73px;height:80px;position:relative;display:grid;justify-items:center;align-content:center;border:1px solid #ffe0a73b;background:#12261dd6;border-radius:10px;overflow:hidden}.brasse-chrono strong{font:600 2rem/1.2 var(--texte,sans-serif);font-variant-numeric:tabular-nums}.brasse-chrono span{font-size:.44rem;letter-spacing:.1em}.brasse-chrono i{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ebc684;transform-origin:left}.brasse[data-urgence=true] .brasse-chrono{border-color:#f2ac68;color:#ffd392}
.brasse-console{position:absolute;bottom:20px;left:27px;right:27px;display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:end}.brasse-jauges{display:grid;gap:14px}.brasse-jauge>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.67rem;margin-bottom:9px}.brasse-jauge b{font-size:.63rem;font-weight:500;color:#e8d4b0}.brasse-jauge small{display:block;font-size:.55rem;color:#babb9e;margin-top:6px}.brasse-thermo{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,#6a97a4,#e0b663 49.9%,#92b485 50%,#92b485 80%,#ca7850 80.1%,#dc6951)}.brasse-thermo>span{position:absolute;left:50%;width:30%;top:-3px;height:14px;border:1px solid #dae6b7;border-radius:3px}.brasse-thermo>i{position:absolute;top:-5px;left:62%;width:3px;height:18px;background:#fff6e0;border-radius:2px;box-shadow:0 0 0 2px #18291d88}.brasse-colle{height:6px;background:#e2d8b51a;border-radius:3px;overflow:hidden}.brasse-colle>i{display:block;height:100%;width:10%;background:#d0aa63;transition:background .3s}.brasse[data-danger=true] .brasse-colle>i{background:#ff9665}.brasse-commandes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brasse-action{display:flex;align-items:center;gap:11px;padding:13px 14px;min-height:78px;border-radius:8px;border:1px solid #c9ba9066;color:#f6e6c4;text-align:left;background:linear-gradient(135deg,#344a36,#1c3125);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-shadow:inset 0 1px #f4e3b421,0 4px 0 #091912;transition:background .15s,transform .12s}.brasse-action--bois{background:linear-gradient(135deg,#7d5032,#493722);border-color:#d3a36b66}.brasse-action>span:nth-child(2){font-size:.86rem;font-weight:700;white-space:nowrap}.brasse-action small{display:block;font-size:.57rem;font-weight:400;margin-top:5px;color:#e5d3ad}.brasse-icone{font-size:1.8rem;color:#ffe0a2;line-height:1;font-weight:400}.brasse-action kbd{margin-left:auto;font:400 .5rem var(--texte,sans-serif);border:1px solid #e2d7ad40;padding:3px;border-radius:3px;color:#cfccb0}.brasse-action:active,.brasse-action[aria-pressed=true]{transform:translateY(3px);background:#536c40;box-shadow:inset 0 2px 10px #0e231b55}.brasse-action--bois:active{background:#a16c3e}.brasse-message{position:absolute;bottom:180px;left:25px;right:25px;font-size:.9rem;text-align:center;color:#ffe8b1;text-shadow:0 2px 7px #061a16;min-height:25px;pointer-events:none}.brasse-message:not(:empty){background:#152c20bf;border:1px solid #dcc08b39;border-radius:6px;padding:9px 18px;width:fit-content;max-width:calc(100% - 50px);margin:auto}
.brasse-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:66px 45px 25px;z-index:5;background:linear-gradient(90deg,transparent 20%,#15271c38 50%,#142b2188);overflow:auto}.brasse-carte{width:380px;max-width:100%;padding:26px 29px;background:linear-gradient(145deg,#132d25ed,#1b332beb);border:1px solid #dbc69361;border-radius:12px;box-shadow:0 20px 60px #051c1c60;backdrop-filter:blur(10px);text-align:left}.brasse-surtitre{font-size:.51rem!important;letter-spacing:.14em;text-transform:uppercase;color:#eac58b!important;margin:0 0 15px!important}.brasse-carte h2{font:500 3.15rem/.98 var(--display,Georgia);letter-spacing:-.04em;margin:0 0 16px;color:#fff0ce}.brasse-carte>p{font-size:.79rem;line-height:1.7;color:#d1dcc8;margin:0 0 18px}.brasse-regles{display:flex;gap:32px;padding:13px 0 20px;border-top:1px solid #eddbb326;font-size:.56rem;color:#ccd4b8}.brasse-regles b{display:block;color:#f0d29b;font:500 1.6rem var(--display,Georgia);margin-bottom:3px}.brasse-demarrer{display:block;background:linear-gradient(#f8dfa8,#dbb775);border:1px solid #ffe5b6;border-radius:5px;padding:14px 18px;width:100%;color:#233a29;font-size:.88rem!important;font-weight:700!important;min-height:49px}.brasse-carte>.brasse-info{margin:12px 0 7px;font-size:.62rem;color:#c8cfb7}.brasse-pseudo{font-size:.59rem;color:#e9c790;text-decoration:none;border-bottom:1px solid #e9c79044}.brasse-carte .brasse-resultat{font:500 4rem/1 var(--display,Georgia);color:#ffe0a0;margin:10px 0 17px}.brasse-resultat small{font:500 1rem var(--texte,sans-serif)}.brasse-carte .brasse-secondaire{display:block;width:100%;background:transparent;border:1px solid #ecdcac55;border-radius:5px;color:#f1d8ac;padding:11px;margin-top:10px;font-size:.7rem}.brasse-carte .brasse-stats{font-size:.68rem;margin:0 0 18px;line-height:1.8}.brasse-compte{text-align:center;width:100%;font:500 7rem var(--display,Georgia);text-shadow:0 4px 30px #182b1e}.brasse[data-etat=compte] .brasse-overlay{background:#132a1c33;padding:30px}.brasse[data-etat=pause] .brasse-overlay{background:#0b211e8c;justify-content:center}.brasse-aide{font-size:.7rem;line-height:1.8;color:#bfb396;max-width:75ch;margin:18px 0 30px}.brasse-aide a{display:block;color:#e5c38d}.brasse-sans-js{position:absolute;inset:auto 10px 10px;z-index:8;background:#1a3026;padding:20px}#joueur-brasse{scroll-margin-top:100px}
@media(max-width:900px){.brasse-page{padding-top:20px}.brasse-entete{margin-bottom:17px}.brasse-entete h1{font-size:2.5rem}.brasse-entete h1 span{display:block;margin:8px 0 0;font-size:.56rem}.brasse-entete>p{font-size:.66rem}.brasse{height:690px;min-height:650px;max-height:none}.brasse-scene{bottom:160px}.brasse-top{padding:13px 15px}.brasse-top>span{font-size:.48rem;letter-spacing:.1em}.brasse-top i{padding:0 4px}.brasse-top button{padding:8px 9px;font-size:.6rem}.brasse-hud{top:65px;left:18px;right:18px}.brasse-qualite strong{font-size:2.4rem}.brasse-qualite b{font-size:.55rem}.brasse-chrono{width:59px;height:65px}.brasse-chrono strong{font-size:1.65rem}.brasse-chrono span{font-size:.4rem}.brasse-console{left:18px;right:18px;bottom:18px;grid-template-columns:1fr;gap:20px}.brasse-jauges{grid-template-columns:1fr 1fr;gap:20px}.brasse-jauge>div:first-child{display:grid;gap:2px;font-size:.65rem;margin-bottom:10px}.brasse-jauge b{font-size:.58rem}.brasse-jauge small{font-size:.5rem;min-height:22px;line-height:1.5}.brasse-colle{height:8px}.brasse-commandes{gap:10px}.brasse-action{padding:12px;min-height:74px;gap:10px}.brasse-action>span:nth-child(2){font-size:.8rem}.brasse-action kbd{display:none}.brasse-action small{font-size:.53rem}.brasse-message{bottom:205px;font-size:.7rem;left:15px;right:15px;max-width:calc(100% - 30px)!important}.brasse-overlay{align-items:flex-end;justify-content:center;padding:60px 18px 22px;background:linear-gradient(transparent 32%,#132a20d9 86%)}.brasse-carte{width:100%;max-width:450px;padding:22px}.brasse-carte h2{font-size:2.5rem}.brasse-carte h2 br{display:none}.brasse-carte>p{font-size:.75rem;margin-bottom:13px}.brasse-surtitre{font-size:.48rem!important;margin-bottom:12px!important}.brasse-regles{padding:10px 0 14px;gap:30px}.brasse-regles b{font-size:1.35rem}.brasse-carte .brasse-info{font-size:.58rem}.brasse[data-etat=fin] .brasse-overlay{align-items:center}.brasse[data-etat=pause] .brasse-overlay{align-items:center}.brasse-aide{font-size:.65rem}.brasse-carte .brasse-resultat{font-size:3.5rem}}
@media(max-width:380px){.brasse-top>span{max-width:75px;line-height:1.8}.brasse-top i{display:none}.brasse-carte{padding:18px}.brasse-carte h2{font-size:2.1rem}.brasse-action>span:nth-child(2){font-size:.72rem}.brasse-action{gap:6px;padding:10px}.brasse-icone{font-size:1.5rem}.brasse-entete>p{display:none}}
@media(prefers-reduced-motion:reduce){.brasse *{transition:none!important;animation:none!important}}
body.brasse-ouverte{overflow:hidden}.brasse.brasse-immersive{position:fixed;inset:0;z-index:1000;width:100%;height:100svh;max-height:none;min-height:0;border:0;border-radius:0;margin:0}.brasse-immersive .brasse-top{padding-top:max(13px,env(safe-area-inset-top))}.brasse-immersive .brasse-console{bottom:max(18px,env(safe-area-inset-bottom))}
@media(max-width:900px){.brasse{height:640px;min-height:620px}.brasse-carte h2{font-size:2.2rem}.brasse-top{padding-inline:12px}.brasse-top>span{font-size:.43rem;max-width:85px}.brasse-top>div{gap:5px}.brasse-top button{font-size:.56rem;padding:8px 7px;min-height:38px}}
@media(max-height:550px) and (orientation:landscape){.brasse-immersive .brasse-scene{bottom:70px}.brasse-immersive .brasse-console{grid-template-columns:1fr 1fr;gap:25px;left:20px;right:20px;bottom:12px}.brasse-immersive .brasse-jauges{gap:20px}.brasse-immersive .brasse-action{min-height:65px}.brasse-immersive .brasse-message{bottom:110px}.brasse-immersive .brasse-overlay{align-items:center;justify-content:flex-end;padding:50px 25px 15px}.brasse-immersive .brasse-carte{max-width:380px;padding:18px}.brasse-immersive .brasse-carte h2{font-size:1.8rem}.brasse-immersive .brasse-carte .brasse-resultat{font-size:2.5rem}}
/* Une cible tactile ample autour du verre, sans intercepter les gestes sur le reste du décor. */
.brasse-chutes{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.brasse-bouteille{position:absolute;left:0;top:0;width:76px;height:102px;display:grid;place-items:center;border:0;padding:6px;background:none;color:#fff1cf;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;will-change:transform;filter:drop-shadow(0 3px 4px #14241bd9)}.brasse-bouteille img{position:relative;z-index:1;display:block;width:47px;height:83px;object-fit:contain;pointer-events:none}.brasse-bouteille i{position:absolute;inset:16px 3px 9px;border-radius:50%;border:1px solid #ffe2a49c;background:radial-gradient(ellipse,#ffe4a64d,transparent 70%);opacity:calc(.5 + var(--reste)*.5);pointer-events:none}.brasse-bouteille:focus-visible{outline:3px solid #ffe1a0;outline-offset:-4px;border-radius:16px}.brasse-impact{position:absolute;z-index:4;font-size:.86rem;font-weight:700;white-space:nowrap;pointer-events:none;padding:8px 12px;border-radius:30px;color:#123b29;background:#e4efba;box-shadow:0 2px 15px #16352866}.brasse-impact--perdue{background:#f3bd8b;color:#592a1c}.brasse-etat-cuvee{position:absolute;right:27px;bottom:229px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2c79644;border-radius:8px;background:#152b22d9;pointer-events:none;box-shadow:0 4px 18px #0c231b33}.brasse-etat-cuvee span{display:block;font-size:.62rem;color:#f5dfb4}.brasse-etat-cuvee span b{display:block;font:500 1.25rem/1.25 var(--display,Georgia);color:#fff0ce}.brasse-etat-cuvee small{display:block;font-size:.51rem;margin-top:4px;color:#ddd9bd}.brasse-volume{height:44px;width:13px;border:1px solid #ebd9ae80;padding:2px;border-radius:3px;display:flex;align-items:end}.brasse-volume i{display:block;width:100%;height:100%;background:linear-gradient(#e6b45f,#98511f);transform-origin:bottom}.brasse[data-etat=accueil] .brasse-etat-cuvee,.brasse[data-etat=fin] .brasse-etat-cuvee,.brasse[data-etat=compte] .brasse-etat-cuvee{display:none}.brasse-carte strong{color:#f7d797;font-weight:600}
@media(max-width:900px){.brasse-etat-cuvee{right:15px;bottom:264px;padding:8px 9px;gap:8px}.brasse-etat-cuvee span{font-size:.51rem}.brasse-etat-cuvee small{font-size:.44rem}.brasse-etat-cuvee span b{font-size:1.12rem}.brasse-volume{height:38px;width:11px}.brasse-impact{font-size:.7rem;padding:6px 10px}.brasse-bouteille{width:72px;height:96px}.brasse-bouteille img{width:44px;height:78px}.brasse-carte .brasse-stats{font-size:.63rem;line-height:1.6}}
@media(max-height:550px) and (orientation:landscape){.brasse-immersive .brasse-etat-cuvee{bottom:130px;right:20px}.brasse-immersive .brasse-bouteille{width:64px;height:78px}.brasse-immersive .brasse-bouteille img{height:66px;width:38px}.brasse-immersive[data-etat=fin] .brasse-overlay{padding-top:52px;align-items:flex-start}.brasse-immersive[data-etat=fin] .brasse-carte{padding:12px 18px}.brasse-immersive[data-etat=fin] .brasse-carte>p{margin-bottom:6px}.brasse-immersive[data-etat=fin] .brasse-carte h2{font-size:1.4rem;margin-bottom:7px}.brasse-immersive[data-etat=fin] .brasse-carte .brasse-resultat{font-size:2rem;margin:6px 0}.brasse-immersive[data-etat=fin] .brasse-stats{font-size:.57rem;line-height:1.4}.brasse-immersive[data-etat=fin] .brasse-demarrer{padding:8px;min-height:37px}.brasse-immersive[data-etat=fin] .brasse-secondaire{padding:7px;margin-top:6px}}

/* Le total reste distinct de la jauge de qualité et son calcul est visible. */
.brasse-qualite strong{font-size:2.7rem}.brasse-qualite b{line-height:1.6}.brasse-qualite b small{font:inherit}.brasse-thermo::after{content:"";position:absolute;left:65%;top:-2px;height:12px;border-left:2px dashed #183729}.brasse-decompte{display:grid;gap:7px;margin:0 0 15px;font-size:.64rem;color:#d1dcc8}.brasse-decompte>span{display:flex;justify-content:space-between;gap:12px}.brasse-decompte b{white-space:nowrap;color:#ffe0a0;font-variant-numeric:tabular-nums}.brasse-decompte>span:last-child{font-size:.58rem}.brasse-bareme,.brasse-archives{max-width:78ch;margin:28px 0;color:#d2c8b2;font-size:.8rem;line-height:1.8}.brasse-bareme h2{font-size:1.6rem;color:#f7e4bd}.brasse-archives summary{cursor:pointer;color:#f1d598;padding:12px 0}.brasse-archives .honneur{margin-top:20px}.brasse[data-etat=fin] .brasse-overlay{align-items:flex-start}.brasse[data-etat=fin] .brasse-carte{margin-block:auto}.brasse[data-etat=fin] .brasse-hud{visibility:hidden}
@media(max-width:900px){.brasse-qualite strong{font-size:2rem}.brasse-decompte{font-size:.62rem}.brasse-bareme,.brasse-archives{font-size:.72rem}.brasse-bareme h2{font-size:1.3rem}.brasse-carte .brasse-resultat{font-size:3rem}}
@media(max-height:550px) and (orientation:landscape){.brasse-decompte{gap:3px;margin-bottom:8px;font-size:.55rem}.brasse-decompte>span:last-child{font-size:.5rem}}