/* BETA 2.37: presentation-only experiment. Never alter gameplay/timing/score styles. */
#mi-style-switch{position:relative;z-index:5;display:flex;justify-content:center;gap:7px;align-items:center;flex-wrap:wrap;margin:9px auto 4px;padding:6px 8px;border:1px solid #625b72;border-radius:12px;background:#131325;max-width:100%;font-size:11px}
#mi-style-switch .mi-style-label{color:#d9d5e5;font-size:10px;letter-spacing:.05em;font-weight:700}
#mi-style-switch button{border:1px solid #756d8b;border-radius:8px;padding:6px 9px;background:#262238;color:#f7f3ff;font-weight:800;font-size:11px;min-height:29px}
#mi-style-switch button[aria-pressed="true"]{background:#f4e8d1;color:#202c34;border-color:#f4e8d1}
/* One root switch, not per-game rules. Shared accents remain owned by game registry. */
html[data-mi-skin="studio"] body{background:#e8e9e7!important;color:#18262b!important}
html[data-mi-skin="studio"] #app{background:linear-gradient(155deg,#f7f3e9 0%,#e8f0ef 48%,#eee8e0 100%)!important;color:#17272b!important}
html[data-mi-skin="studio"] #app .panel,html[data-mi-skin="studio"] #app .discover-games-panel,html[data-mi-skin="studio"] #app .game-guide-card,html[data-mi-skin="studio"] #app .challenge-entry,html[data-mi-skin="studio"] #app .category-game{background-color:#f6f5f0!important;border-color:#becac5!important;box-shadow:0 3px 15px #19342a12!important}
html[data-mi-skin="studio"] #app .choice,html[data-mi-skin="studio"] #app .discover-game{background-color:#f7f7f2!important;border-color:#b6c7c3!important}
html[data-mi-skin="studio"] #app .sub,html[data-mi-skin="studio"] #app .muted,html[data-mi-skin="studio"] #app .footer,html[data-mi-skin="studio"] #app .testtag{color:#465a60!important}
html[data-mi-skin="studio"] #app .panel p,html[data-mi-skin="studio"] #app .panel .muted,html[data-mi-skin="studio"] #app .rules p{color:#213539}
html[data-mi-skin="studio"] #app .section-nav button,html[data-mi-skin="studio"] #app button.home-gradient,html[data-mi-skin="studio"] #app .primary{border-radius:7px!important}
html[data-mi-skin="studio"] #app{--mi-platform-gradient:linear-gradient(105deg,#1294ad 0%,#3875bc 25%,#7865aa 50%,#b95d90 75%,#b58942 100%)!important;--mi-gradient:var(--mi-platform-gradient)!important;--makeit-play-gradient:var(--mi-platform-gradient)!important}
html[data-mi-skin="studio"] #app .brand{font-style:normal;letter-spacing:-1px}
html[data-mi-skin="studio"] #app .challenge-score-row .challenge-role{color:#18262b!important}
/* Shooter independent page: demonstrate the same skin switching without touching target physics. */
html[data-mi-skin="studio"] body:has(.game-title){background:linear-gradient(155deg,#f7f3e9,#e6eee9 65%,#e8e4dc)!important;color:#21363b!important}
html[data-mi-skin="studio"] body:has(.game-title) .panel{background:#fffdf8!important;color:#21363b!important;border-color:#bfd0c7!important}
html[data-mi-skin="studio"] body:has(.game-title) .arena{background:radial-gradient(ellipse at center,#e4e9e2,#bdd0ca)!important;border-color:#9eb9ad!important}
html[data-mi-skin="studio"] body:has(.game-title) .cross{color:#516461!important}
html[data-mi-skin="studio"] body:has(.game-title) .hint,html[data-mi-skin="studio"] body:has(.game-title) .footer,html[data-mi-skin="studio"] body:has(.game-title) .bar{color:#465f65!important}
html[data-mi-skin="studio"] body:has(.game-title) .secondary{background:#e8eee9!important;color:#253a3c!important}
html[data-mi-skin="studio"] body:has(.game-title) #back{color:#224b54!important}
@media(max-height:690px){#mi-style-switch{margin:3px auto;padding:4px}}