/* Bearcade ORDER 08 — six-environment Braise Tech presentation engine.
   Scoped to BBQ datasets. No global CRT/VHS overlay and no free-floating mascot layer. */
:root{
  --bbq-env-shadow:rgba(0,0,0,.72);
  --bbq-env-metal:#261d17;
  --bbq-env-rim:rgba(255,235,206,.11);
}

/* Six environment identities ------------------------------------------------ */
[data-bbq-environment="allumage"]{--bbq-env-glow:rgba(255,178,74,.16);--bbq-env-panel:rgba(35,25,17,.82)}
[data-bbq-environment="braises"]{--bbq-env-glow:rgba(242,122,47,.24);--bbq-env-panel:rgba(43,24,14,.86)}
[data-bbq-environment="arena"]{--bbq-env-glow:rgba(38,217,239,.18);--bbq-env-panel:rgba(7,24,29,.88)}
[data-bbq-environment="grill"]{--bbq-env-glow:rgba(255,106,42,.26);--bbq-env-panel:rgba(41,19,11,.88)}
[data-bbq-environment="pression"]{--bbq-env-glow:rgba(255,73,56,.25);--bbq-env-panel:rgba(38,12,10,.9)}
[data-bbq-environment="finale"]{--bbq-env-glow:rgba(255,215,106,.22);--bbq-env-panel:rgba(38,27,10,.88)}

[data-bbq-visual-engine] .bbq-stage-content,
body[data-bbq-visual-engine] #tvStage{isolation:isolate}
[data-bbq-visual-engine] .bbq-braise-scene{overflow:hidden}
[data-bbq-visual-engine] .bbq-braise-background{transition:filter .7s ease,transform 1.1s ease,opacity .7s ease}
[data-bbq-environment="allumage"] .bbq-braise-background{filter:brightness(.46) saturate(.62) sepia(.06);transform:scale(1)}
[data-bbq-environment="braises"] .bbq-braise-background{filter:brightness(.58) saturate(.94) sepia(.08);transform:scale(1.006)}
[data-bbq-environment="arena"] .bbq-braise-background{filter:brightness(.62) saturate(.86) contrast(1.05);transform:scale(1.002)}
[data-bbq-environment="grill"] .bbq-braise-background{filter:brightness(.67) saturate(1.03) contrast(1.04);transform:scale(1.016)}
[data-bbq-environment="pression"] .bbq-braise-background{filter:brightness(.57) saturate(.95) contrast(1.08);transform:scale(1.012)}
[data-bbq-environment="finale"] .bbq-braise-background{filter:brightness(.72) saturate(.88) sepia(.09);transform:scale(1.004)}

/* Allumage: dormant forge, low pilot glow. */
[data-bbq-environment="allumage"] .bbq-braise-embers{opacity:.22!important;filter:brightness(.8)}
[data-bbq-environment="allumage"] .bbq-braise-smoke{opacity:.42!important}
[data-bbq-environment="allumage"] .bbq-braise-contrast{background:radial-gradient(ellipse at 50% 62%,rgba(255,165,60,.08),transparent 24%),radial-gradient(ellipse at 50% 44%,rgba(0,0,0,.18),rgba(0,0,0,.76) 78%)}

/* Braises: active coal bed and orange breathing heat. */
[data-bbq-environment="braises"] .bbq-braise-embers{opacity:.78!important;filter:saturate(1.12) brightness(1.08)}
[data-bbq-environment="braises"] .bbq-braise-heat{opacity:.38!important}
[data-bbq-environment="braises"] .bbq-braise-contrast{background:radial-gradient(ellipse at 50% 88%,rgba(242,122,47,.17),transparent 36%),radial-gradient(ellipse at 50% 44%,rgba(0,0,0,.17),rgba(0,0,0,.66) 80%)}

/* Arena: cyan belongs to instrumentation only. */
[data-bbq-environment="arena"] .bbq-braise-grid{opacity:.34!important}
[data-bbq-environment="arena"] .bbq-braise-scan{opacity:.2!important}
[data-bbq-environment="arena"] .bbq-braise-gates{opacity:.52!important}
[data-bbq-environment="arena"] .bbq-braise-contrast{background:radial-gradient(ellipse at 50% 48%,rgba(5,18,21,.12),rgba(1,6,8,.72) 78%)}

/* Grill: heavy grate shadow + white-hot center, but UI stays readable. */
[data-bbq-environment="grill"] .bbq-braise-grill{opacity:.28!important;mix-blend-mode:multiply}
[data-bbq-environment="grill"] .bbq-braise-heat{opacity:.46!important}
[data-bbq-environment="grill"] .bbq-braise-spotlight{opacity:.22!important}
[data-bbq-environment="grill"] .bbq-braise-contrast{background:radial-gradient(circle at 50% 76%,rgba(255,123,48,.11),transparent 26%),linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.23) 48% 52%,rgba(0,0,0,.72))}

/* Pressure: lateral mechanical closing, never a full-screen red filter. */
[data-bbq-environment="pression"] .bbq-braise-pressure{opacity:.72!important}
[data-bbq-environment="pression"] .bbq-braise-contrast{background:linear-gradient(90deg,rgba(30,2,0,.62),rgba(0,0,0,.18) 28% 72%,rgba(30,2,0,.62)),radial-gradient(ellipse at center,transparent 26%,rgba(0,0,0,.62) 82%)}
[data-bbq-environment="pression"].bbq-time-urgent .bbq-stage-content,
body[data-bbq-environment="pression"].bbq-time-urgent #tvStage{box-shadow:inset 0 0 80px rgba(255,73,56,.14)}

/* Finale: gold is ceremonial, not a generic highlight color. */
[data-bbq-environment="finale"] .bbq-braise-celebration{opacity:.58!important}
[data-bbq-environment="finale"] .bbq-braise-spotlight{opacity:.42!important}
[data-bbq-environment="finale"] .bbq-braise-contrast{background:radial-gradient(ellipse at 50% 32%,rgba(255,215,106,.11),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.12) 50%,rgba(0,0,0,.7))}

/* Rail now represents the six currently rendered environments. School gets its own
   visual contract in its dedicated orders and is not faked here. */
[data-bbq-visual-engine] .bbq-act-rail{grid-template-columns:1fr 1fr .7fr 1fr .85fr 1fr 1fr;max-width:1240px}
[data-bbq-visual-engine] .bbq-act-rail.arena-is-omitted{grid-template-columns:repeat(6,1fr)}
[data-bbq-visual-engine] .bbq-act-rail [data-act="finale"]{border-color:rgba(255,215,106,.22)}
[data-bbq-visual-engine] .bbq-act-rail [data-act="finale"].is-active{color:#fff3c6;box-shadow:0 0 18px rgba(255,215,106,.15)}

/* Cybear is mounted in a diegetic service console. The legacy DOM id is retained
   solely for runtime/API compatibility; this is not the old free-floating mascot. */
[data-bbq-visual-engine] .bbq-braise-cybear.bbq-cybear-console{right:2.4%;bottom:2.2%;width:min(42%,640px);grid-template-columns:34% 66%;align-items:end;padding:10px 12px 12px;border:1px solid color-mix(in srgb,var(--bbq-act-accent) 30%,#4d3b2f);border-bottom-width:4px;border-radius:10px;background:linear-gradient(165deg,rgba(45,35,27,.94),rgba(8,7,6,.96));box-shadow:0 18px 40px #0009,inset 0 1px var(--bbq-env-rim);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
[data-bbq-visual-engine] .bbq-braise-cybear.bbq-cybear-console::before{content:"CYBEAR // LOCAL";position:absolute;left:12px;top:7px;font:900 8px/1 system-ui;letter-spacing:.16em;color:color-mix(in srgb,var(--bbq-act-accent) 72%,#fff);opacity:.8}
[data-bbq-visual-engine] .bbq-cybear-console .bbq-braise-cybear-portrait{aspect-ratio:1/1.18!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--bbq-act-accent) 22%,#4b3b30)!important;border-radius:8px!important;background:radial-gradient(circle at 50% 65%,var(--bbq-env-glow),transparent 58%),#0b0907!important;padding-top:12px}
[data-bbq-visual-engine] .bbq-cybear-console .bbq-braise-cybear-portrait img{object-position:center bottom!important}
[data-bbq-visual-engine] .bbq-cybear-console .bbq-braise-cybear-copy{margin:0!important;padding:26px 18px 14px!important;background:none!important}
[data-bbq-visual-engine] .bbq-cybear-console[data-environment="arena"]{background:linear-gradient(165deg,rgba(8,31,36,.95),rgba(4,9,11,.97))}
[data-bbq-visual-engine] .bbq-cybear-console[data-environment="finale"]{background:linear-gradient(165deg,rgba(47,35,13,.95),rgba(10,8,4,.97))}

/* Material transitions ------------------------------------------------------ */
.bbq-environment-transition{overflow:hidden;isolation:isolate;background-color:#090705;animation:bbqEnvTransition 1.25s cubic-bezier(.2,.75,.15,1) both!important}
.bbq-environment-transition::before,.bbq-environment-transition::after{content:"";position:absolute;inset:-8%;pointer-events:none}
.bbq-environment-transition[data-material="ignite"]{background:radial-gradient(circle at 50% 100%,rgba(255,178,74,.44),transparent 34%),#080604}
.bbq-environment-transition[data-material="ignite"]::before{background:var(--bbq-art-smoke) center/cover no-repeat;animation:bbqEnvLift 1.25s ease-out both}
.bbq-environment-transition[data-material="coal_surge"]{background:linear-gradient(0deg,rgba(242,122,47,.34),transparent 52%),#080604}
.bbq-environment-transition[data-material="coal_surge"]::before{background:var(--bbq-art-embers) center/cover no-repeat;animation:bbqEnvLift 1.05s ease-out both}
.bbq-environment-transition[data-material="arena_gates"]{background:#041013}
.bbq-environment-transition[data-material="arena_gates"]::before{background:var(--bbq-art-gates) center/100% 100% no-repeat;animation:bbqEnvGate 1.25s ease-in-out both}
.bbq-environment-transition[data-material="arena_gates"]::after{background:var(--bbq-art-grid) center/cover no-repeat;opacity:.45}
.bbq-environment-transition[data-material="grill_drop"]{background:#0b0705}
.bbq-environment-transition[data-material="grill_drop"]::before{background:var(--bbq-art-grill) center/cover no-repeat;animation:bbqEnvDrop 1.25s ease-in-out both}
.bbq-environment-transition[data-material="grill_drop"]::after{background:var(--bbq-art-heat) center/cover no-repeat;opacity:.55}
.bbq-environment-transition[data-material="pressure_close"]{background:#100302}
.bbq-environment-transition[data-material="pressure_close"]::before{background:var(--bbq-art-pressure) center/100% 100% no-repeat;animation:bbqEnvClamp 1.2s ease-in-out both}
.bbq-environment-transition[data-material="gold_sweep"]{background:#100b03}
.bbq-environment-transition[data-material="gold_sweep"]::before{background:var(--bbq-art-celebration) center/cover no-repeat;animation:bbqEnvGold 1.25s ease-out both}
.bbq-environment-transition[data-material="gold_sweep"]::after{background:var(--bbq-art-spotlight) center/cover no-repeat;opacity:.7}

/* Phone echoes the same environment through surface material only. */
body.culture-mode[data-bbq-environment="allumage"] .culture-game-strip{background:linear-gradient(135deg,rgba(38,29,21,.97),rgba(9,7,6,.96))!important}
body.culture-mode[data-bbq-environment="braises"] .culture-game-strip{box-shadow:0 12px 30px rgba(242,122,47,.08)!important}
body.culture-mode[data-bbq-environment="arena"] .culture-game-strip,body.culture-mode[data-bbq-environment="arena"] .culture-question-panel{background:linear-gradient(155deg,rgba(8,31,36,.96),rgba(5,9,10,.98))!important}
body.culture-mode[data-bbq-environment="grill"] .culture-question-panel{background:linear-gradient(155deg,rgba(42,22,14,.98),rgba(8,6,5,.98))!important}
body.culture-mode[data-bbq-environment="pression"] .culture-question-panel{background:linear-gradient(155deg,rgba(40,14,11,.98),rgba(8,5,4,.99))!important}
body.culture-mode[data-bbq-environment="finale"] .culture-game-strip,body.culture-mode[data-bbq-environment="finale"] .culture-question-panel{background:linear-gradient(155deg,rgba(43,32,13,.97),rgba(9,7,4,.99))!important}
body.culture-mode .bbq-cybear-console{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:440px;margin:10px auto 0!important;grid-template-columns:28% 72%!important}

@keyframes bbqEnvTransition{0%{opacity:0}18%{opacity:1}72%{opacity:1}100%{opacity:0}}
@keyframes bbqEnvLift{0%{transform:translateY(18%);opacity:.1}50%{opacity:.9}100%{transform:translateY(-9%);opacity:.25}}
@keyframes bbqEnvGate{0%{transform:scaleX(1.18);opacity:0}35%{opacity:1}78%{transform:scaleX(.96);opacity:.9}100%{transform:scaleX(.9);opacity:0}}
@keyframes bbqEnvDrop{0%{transform:translateY(-24%);opacity:0}45%{transform:translateY(0);opacity:.95}100%{transform:translateY(5%);opacity:0}}
@keyframes bbqEnvClamp{0%{transform:scaleX(1.25);opacity:.1}50%{transform:scaleX(.96);opacity:1}100%{transform:scaleX(.9);opacity:0}}
@keyframes bbqEnvGold{0%{transform:translateY(12%) rotate(-2deg);opacity:0}45%{opacity:.9}100%{transform:translateY(-8%) rotate(2deg);opacity:0}}

@media(max-width:760px){
  [data-bbq-visual-engine] .bbq-act-rail{display:none}
  [data-bbq-visual-engine] .bbq-braise-cybear.bbq-cybear-console{clip-path:none;border-radius:8px;padding:6px}
  [data-bbq-visual-engine] .bbq-cybear-console .bbq-braise-cybear-copy{padding:22px 12px 10px!important}
}
@media(prefers-reduced-motion:reduce){
  .bbq-environment-transition{display:none!important}
  [data-bbq-visual-engine] .bbq-braise-background,[data-bbq-visual-engine] .bbq-braise-scene>i{animation:none!important;transition:none!important;transform:none!important}
}
@media(prefers-contrast:more){
  [data-bbq-visual-engine] .bbq-question-card,[data-bbq-visual-engine] .culture-question-panel{border-width:2px!important}
  [data-bbq-visual-engine] .bbq-braise-contrast{opacity:.9!important}
}

/* UX01: the seventh identity is built from the existing classroom DOM. */
[data-bbq-environment="school"]{--bbq-act-accent:#e9c98c;--bbq-env-accent:#e9c98c}
[data-bbq-environment="school"] .bbq-braise-background{background:#272c25}
[data-bbq-visual-engine] .bbq-act-rail{background:rgba(17,20,22,.9);border:1px solid #6b604e;border-radius:8px}
[data-bbq-visual-engine] .bbq-act-rail [data-act="school"]{color:#e9c98c}
[data-material="school_open"]{background:linear-gradient(90deg,transparent,#e9c98c26,transparent);animation:bbq-school-open 900ms ease-out both;pointer-events:none}
@keyframes bbq-school-open{from{opacity:.7}to{opacity:0}}