/* Scoped teaching composition. No formal scene is replaced or independently calculated. */
.teaching-097 #teaching-damage-guide{position:absolute;right:12px;bottom:8px;padding:5px 10px;font-size:12px;display:flex;align-items:center;gap:5px;z-index:4}
.teaching-097 #teaching-damage-guide[hidden]{display:none}
.teaching-097 #event-result-panel > #teaching-damage-guide{position:static;align-self:flex-end;flex:none;margin:0}
.teaching-097 #teaching-combat-guide{width:min(720px,90vw);max-height:85dvh;box-sizing:border-box;overflow:auto;background:linear-gradient(130deg,#273027,#121c17);color:#e4d8b8;border:1px solid #aa915f;padding:20px;box-shadow:0 15px 60px #000c}
.teaching-097 #teaching-combat-guide::backdrop{background:#08100bcb}
.teaching-097 #teaching-combat-guide header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;background:#1c271e;padding:10px 0;z-index:1}
.teaching-097 #teaching-combat-guide h2{margin:3px 0;font-size:24px}.teaching-097 #teaching-combat-guide small{color:#b6b291;font-size:12px}
.teaching-097 #teaching-guide-body section{padding:12px 0;border-top:1px solid #93815b55}.teaching-097 #teaching-guide-body h3{font-size:16px;display:flex;gap:8px;align-items:center;margin:3px 0 8px}.teaching-097 #teaching-guide-body p,.teaching-097 #teaching-guide-body li{font-size:14px;line-height:1.8;margin:5px 0}
.teaching-097 #teaching-guide-body details{border:1px solid #8a795c55;margin:7px 0;padding:7px 10px}.teaching-097 #teaching-guide-body summary{cursor:pointer;font-size:14px}.teaching-097 #teaching-guide-body .status-icon,.teaching-097 #teaching-damage-guide .status-icon{width:18px;height:18px;vertical-align:middle;flex:none}.teaching-097 .teaching-rule-example{color:#cdbb89}
.teaching-097 #teaching-intent-coach{position:absolute;right:calc(100% + 12px);top:22px;width:210px;padding:10px;background:#22291bf5;border:1px solid #dec17a;box-shadow:0 4px 18px #0009;z-index:20;color:#eee0bd;text-align:left;font-size:12px;line-height:1.6}
.teaching-097 #teaching-intent-coach[hidden]{display:none!important}
.teaching-097 #teaching-intent-coach::after{content:'';position:absolute;right:-9px;top:20px;border-width:8px 0 8px 8px;border-style:solid;border-color:transparent transparent transparent #dec17a}
.teaching-097 #teaching-intent-ack{display:block;width:100%;margin-top:8px;padding:7px;font-size:12px}
@media(max-width:850px){.teaching-097 #teaching-intent-coach{position:relative;right:auto;top:auto;width:auto;margin:6px 0}.teaching-097 #teaching-intent-coach::after{display:none}}
.teaching-097 #teaching-strip{flex:none;box-sizing:border-box}
.teaching-097 .session-bar{display:none!important}
.teaching-097 :is([data-combat-action="SeizeSupply"],#scout-button,#transfer-gold-button,#revive-teammate-button,[data-transfer-item]){display:none!important}
.teaching-097 #teaching-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 18px;background:linear-gradient(95deg,#273027,#131b16);border:1px solid #827552;box-shadow:0 5px 18px #0006;color:#e4d8b8}
.teaching-097 #teaching-strip strong{font-size:19px;display:block}.teaching-097 #teaching-strip p{margin:4px 0 0;font-size:13px;line-height:1.5}.teaching-eyebrow{display:block;color:#b2a784;font-size:10px;letter-spacing:1px}.teaching-tools{display:flex;gap:8px;align-items:center;flex-shrink:0}
.teaching-097 :is(#logout-button,#matches-link,#leave-button,#rematch-button,#experience-intro-replay,#tutorial-button,#team-signals,#end-exploration-button,#ai-observation,#route-guide,#remote-support-feed){display:none!important}
.teaching-097 .room-header{display:none!important}.teaching-097 .hero-header .brand-subtitle{display:none}
.teaching-097 #board{width:100%!important;height:170px!important;max-width:900px!important;aspect-ratio:auto!important;gap:65px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:1fr!important}
.teaching-097 #board .cell{border-radius:12px;min-height:120px;box-shadow:0 8px 25px #0009}.teaching-097 #board .event-label{font-size:17px;white-space:normal}.teaching-097 .map-frame{background-position:center;background-size:cover}.teaching-097 .map-stage{justify-content:center}
.teaching-097 #event-scene.event-interaction-active:not(.combat-scene){grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto!important;background-image:none!important;background:#101712!important}
.teaching-097 #event-scene.event-interaction-active #event-vignette{grid-column:1!important;grid-row:1!important;position:relative!important;overflow:hidden!important;min-height:200px!important}
.teaching-097 #event-scene.event-interaction-active .event-scene-copy{grid-column:1!important;grid-row:2!important;padding:10px 18px!important;height:auto!important;overflow:visible!important;display:block!important;background:#18201c!important}
.teaching-097 .event-interaction-active .event-scene-copy>:is(h2,.panel-kicker,#event-story-details,#event-scene-status,.event-interaction-utilities){display:none!important}
.teaching-097 .event-interaction-active #event-vignette-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.teaching-097 .event-interaction-active #event-vignette::after{display:none!important}
.teaching-097 .event-interaction-active :is(.event-vignette-caption,#event-vignette-tag,#event-vignette-quote,#event-vignette-location){display:none!important}
.teaching-097 .event-object-hotspots{position:absolute!important;pointer-events:none!important;inset:auto}
.teaching-097 .event-object-hotspot{pointer-events:auto!important;width:90px!important;height:62px!important;border:2px solid #e5ca81!important;border-radius:48%!important;background:#e9c46a12!important;box-shadow:0 0 16px #edc46a88,inset 0 0 12px #edc46a55!important;color:transparent!important;font-size:0!important;padding:0!important;transform:translate(-50%,-50%)!important;animation:teaching-glow 2s ease-in-out infinite}
.teaching-097 .event-object-hotspot:hover,.teaching-097 .event-object-hotspot:focus-visible{outline:3px solid #f9e4a9!important;outline-offset:5px;background:#e9c46a30!important}
.teaching-097 .event-object-hotspot::after,.teaching-097 .event-object-hotspot::before{content:none!important}
body.teaching-097.experience-live #event-scene .event-decision-card{display:grid!important;grid-template-columns:140px minmax(0,1fr) 160px!important;grid-template-rows:auto auto!important;padding:0!important;min-height:70px}
body.teaching-097 #event-scene .event-object-navigation{grid-column:1!important;grid-row:1/4!important;display:flex!important;flex-direction:column!important;width:auto!important}
body.teaching-097 #event-scene .event-decision-heading{grid-column:2!important;grid-row:1!important}
body.teaching-097 #event-scene .event-methods{grid-column:2!important;grid-row:2!important}
body.teaching-097 #event-scene .event-choice-effects{grid-column:2!important;grid-row:3!important}
body.teaching-097 #event-scene .event-original-confirm{grid-column:3!important;grid-row:1/4!important}
body.teaching-097 #event-scene #event-vignette-image{object-position:50% 50%!important}
body.teaching-097 #event-scene.event-interaction-active{animation:none!important;transform:none!important}
body.teaching-097 #event-scene.event-interaction-active #event-vignette{background:linear-gradient(#102016bb,#101a15dd),url('/assets/optimized/events/trash-pile.jpg') center/cover!important}
body.teaching-097 #event-scene .event-object-navigation{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)}
body.teaching-097 #event-scene .event-object-navigation:focus-within{position:relative!important;width:auto!important;height:auto!important;clip-path:none;grid-column:1/-1!important;grid-row:auto!important}
body.teaching-097.experience-live #event-scene .event-decision-card{grid-template-columns:minmax(0,1fr) 170px!important;min-height:60px!important}
body.teaching-097 #event-scene :is(.event-decision-heading,.event-methods,.event-choice-effects,.event-decision-hint){grid-column:1!important}
body.teaching-097 #event-scene .event-original-confirm{grid-column:2!important}
body.teaching-097 #event-scene.combat-scene .fighter-hud{bottom:auto!important;top:-64px!important}
body.teaching-097 #exploration-controls [data-move]:disabled{display:none!important}
body.teaching-097 :is([data-move="Left"],[data-move="Up"],[data-move="Down"]){display:none!important}
body.teaching-097 #event-scene.result-scene{grid-template-rows:minmax(0,1fr)!important}
body.teaching-097 #event-scene.result-scene .event-scene-copy{grid-row:1!important;display:flex!important;height:100%!important;padding-top:36px!important;overflow:hidden!important}
body.teaching-097 #event-result-content .result-outcome{padding:8px;margin:0 0 6px}
body.teaching-097 #event-result-content .result-gains article{padding:8px}
body.teaching-097 #event-result-content .result-loot-heading{margin:8px 0}
body.teaching-097 #event-result-content .inventory-item{padding:8px}
body.teaching-097 .result-scene .event-interaction-receipt{display:none!important}
body.teaching-097 #event-scene[data-event-image-fallback="true"] .event-object-navigation{position:relative!important;width:auto!important;height:auto!important;clip-path:none!important;overflow:visible!important;grid-column:1/-1!important;grid-row:auto!important;flex-direction:row!important}
.teaching-097 .event-decision-card{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 18px!important;border:0!important;background:none!important;margin:0!important;padding:0!important}
.teaching-097 .event-object-navigation{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;gap:5px}.teaching-097 .event-decision-heading{font-size:15px!important;margin:0!important}.teaching-097 .event-methods{grid-column:2;gap:6px}.teaching-097 .event-choice-effects,.teaching-097 .event-decision-hint{font-size:13px;line-height:1.4;margin:0;grid-column:2}.teaching-097 .event-choice-detail{display:none}.teaching-097 .event-original-confirm{grid-column:3;grid-row:1/4;width:auto!important;margin:0!important}.teaching-097 .event-object-nav{font-size:12px;padding:5px 10px}
.teaching-unavailable :is(.hero-header,#identity-panel,#room-panel,#game-panel){display:none!important}
@keyframes teaching-glow{50%{box-shadow:0 0 25px #edc46aaa,inset 0 0 16px #edc46a66}}
@media(min-width:1100px) and (min-height:650px){body.teaching-097.experience-live .app-shell{grid-template-rows:84px 48px minmax(0,1fr)!important}body.teaching-097.experience-live #game-panel{grid-template-rows:minmax(0,1fr)!important}body.teaching-097.experience-live #map-stage-page{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:1099px),(max-height:649px){.teaching-097 #teaching-strip{flex-wrap:wrap}.teaching-097 #board{gap:15px!important}.teaching-097 .event-decision-card{display:flex!important}.teaching-097 .event-object-navigation{flex-direction:row}.teaching-097 #event-scene.event-interaction-active #event-vignette{height:45vh!important}}
@media(prefers-reduced-motion:reduce){.teaching-097 .event-object-hotspot{animation:none}}