/* Visor de juego móvil. La marquesina de ordenador conserva su diseño. */
.tp-mobile-active{overflow:hidden!important;overscroll-behavior:none}
.tp-mobile-background{display:none!important}
.tp-player{position:fixed;inset:0;z-index:10000;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#101b36;color:#fff;font:700 16px/1.5 "Trebuchet MS",sans-serif;isolation:isolate;touch-action:manipulation;color-scheme:light}
.tp-player:fullscreen,.tp-player:-webkit-full-screen{width:100%;height:100%;margin:0;border:0}
.tp-player [hidden]{display:none!important}
.tp-player-viewport{position:absolute;inset:0;overflow:hidden}
.tp-player-embedded-menu .tp-player-viewport {
  inset: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px)
         env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
}
.tp-player-embedded-menu .tp-player-tools { display: none; }
.tp-player-frame{display:block;position:absolute;left:0;top:0;border:0;margin:0;max-width:none;max-height:none;transform-origin:0 0;background:#101b36}
.tp-player-message{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;text-align:center;background:radial-gradient(ellipse at 35% 20%,#244d7c,#101b36 85%)}
.tp-player-message h2{font:900 clamp(25px,5vw,37px)/1.2 "Trebuchet MS",sans-serif;margin:0;color:#fff}
.tp-player-message p{font:600 15px/1.6 "Trebuchet MS",sans-serif;max-width:330px;margin:0;color:#d6e5f8}
.tp-turn-icon{width:76px;height:76px;fill:none;stroke:#ffda69;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tp-loader{height:38px;width:38px;border:4px solid #ffffff30;border-top-color:#ffda69;border-radius:50%;animation:tp-spin 1s linear infinite}
.tp-player-tools{position:absolute;left:max(0px,env(safe-area-inset-left));top:calc(50% - 26px);width:28px;height:52px;z-index:6;border:1px solid #ffffff70;border-left:0;border-radius:0 13px 13px 0;background:#10244bd9;color:#fff;font:900 23px/1 sans-serif;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 2px 8px #0003;-webkit-tap-highlight-color:transparent}
.tp-player-tools:focus-visible,.tp-player button:focus-visible{outline:3px solid #ffda69;outline-offset:2px}
.tp-player-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tp-player-menu{z-index:10;max-width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #8ecaff;border-radius:22px;padding:24px;background:#f8fbff;color:#10244b;box-shadow:0 20px 70px #0007;font:700 16px/1.5 "Trebuchet MS",sans-serif}
.tp-player-menu::backdrop{background:#07142aca;backdrop-filter:blur(4px)}
.tp-player-menu h2{font:900 23px/1.25 "Trebuchet MS",sans-serif;margin:0 0 18px}
.tp-player-menu button,.tp-player-message button{font:800 15px/1.3 "Trebuchet MS",sans-serif;min-height:44px;border:0;border-radius:12px;padding:12px 16px;cursor:pointer}
.tp-player-menu button{display:block;width:100%;margin:9px 0;background:#e2ebfa;color:#10244b}
.tp-player-menu button:first-of-type,.tp-player-message button{background:#ffda69;color:#10244b}
.tp-player-menu button:disabled{cursor:default;opacity:.6}
.tp-player-menu .tp-save-note{font-size:12px;font-weight:500;color:#516383;line-height:1.5;margin:17px 0 0}
@keyframes tp-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.tp-loader{animation:none}}