#mobilePlayFullscreen{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:11px!important;margin:0!important;border:1px solid #c5b08155!important;border-radius:8px!important;background:#111a21d9!important;color:#f7e8c9!important;cursor:pointer;box-sizing:border-box!important}
#mobilePlayFullscreen svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mobilePlayFullscreen[hidden],#mobilePlayRotate[hidden],#mobilePlayNotice[hidden],#mobilePlayRotateRetry[hidden]{display:none!important}
#mobilePlayFullscreen:focus-visible,#mobilePlayRotate button:focus-visible{outline:2px solid #f1d38c;outline-offset:2px}
#mobilePlayFullscreen:disabled,#mobilePlayRotateRetry:disabled{opacity:.5;cursor:wait}
#mobilePlayNotice{position:absolute;top:60px;left:8px;z-index:110;box-sizing:border-box;width:min(380px,calc(100% - 16px));padding:12px 15px;border:1px solid #d3b37555;border-radius:9px;background:#0d171ff5;color:#f4ead6;font:14px/1.45 system-ui,sans-serif;box-shadow:0 5px 28px #0008}
#mobilePlayRotate{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;box-sizing:border-box;width:100vw;height:100vh;width:100dvw;height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));overflow:auto;background:radial-gradient(ellipse at 50% 28%,#203b47 0,#101c27 46%,#080e16 100%);color:#f5eddb;text-align:center;font-family:system-ui,sans-serif;overscroll-behavior:contain;touch-action:manipulation}
.mobile-play-rotate__content{width:min(100%,430px);margin:auto}
.mobile-play-rotate__icon{width:96px;height:80px;fill:none;stroke:#dbbc77;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
#mobilePlayRotate h2{margin:0 0 15px;font:500 clamp(25px,7vw,34px)/1.14 Georgia,serif;letter-spacing:-.015em}
#mobilePlayRotate p{margin:0 0 16px;font-size:16px;line-height:1.5;color:#e1e2de}
#mobilePlayRotate p.mobile-play-hint{font-size:13px;line-height:1.5;color:#b9c5c9}
.mobile-play-rotate__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
#mobilePlayRotate button{min-height:46px;padding:12px 17px;border:1px solid #bda66877;border-radius:8px;background:#10232e;color:#f7e8c9;font:600 14px/1.2 system-ui,sans-serif;cursor:pointer}
#mobilePlayRotateRetry{background:#d4b671!important;color:#101a21!important}
body.chapter-mobile-play-portrait #stage{pointer-events:none!important}