[data-scene="interactive"] .scene-stage{height:390px;background:#102d27;position:relative;overflow:hidden}
[data-scene="interactive"] .scene-controls{min-height:170px;align-content:flex-start;gap:8px;padding:18px}
[data-scene="interactive"] .scene-controls label{display:flex;align-items:center;gap:8px;max-width:100%;font-size:11px}
[data-scene="interactive"] select{font:inherit;color:#f1eadb;background:#204639;border:1px solid #678273;padding:7px 8px;border-radius:5px;max-width:190px;min-width:65px}
[data-scene="interactive"] .scene-controls button{min-height:35px}
.tour-stage canvas{cursor:grab}.tour-stage canvas:active{cursor:grabbing}.tour-note,.tour-heading{position:absolute;pointer-events:none;color:white;background:#102d2780;backdrop-filter:blur(6px);border:1px solid #ffffff38;border-radius:20px;padding:8px 12px;font-size:11px}.tour-note{bottom:10px;left:12px;right:12px;text-align:center;margin:0}.tour-heading{top:14px;right:14px;font-variant-numeric:tabular-nums}
.game-status{display:block;width:100%;font-size:14px;color:#eee2bf;min-height:22px}.game-hint{font-size:11px;line-height:1.5;color:#b8cbbd;margin:0 0 4px;width:100%}.chess-history{width:100%;font-size:11px;color:#d5c6a5;line-height:1.7;overflow-wrap:anywhere;min-height:20px}.chess-stage canvas{cursor:pointer}.snake-stage{display:flex;justify-content:center}.snake-stage canvas{width:auto!important;height:100%!important;max-width:100%;object-fit:contain;outline-offset:-3px}.snake-arrows{display:flex;gap:7px;width:100%;justify-content:center}.snake-arrows button{min-width:42px;font-size:18px!important}
@media(max-width:600px){[data-scene="interactive"] .scene-stage{height:325px}[data-scene="interactive"] .scene-controls{padding:14px;min-height:180px}[data-scene="interactive"] select{max-width:175px}}

[data-scene="interactive"] .tour-note{font-size:11px;line-height:1.4;letter-spacing:0;padding:8px 12px;max-width:none}.tour-stage .tour-heading{font-size:11px}