*{box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden}
body{margin:0;background:#080716;color:#f4f0e4;font-family:inherit}
.yu-title{position:fixed;z-index:2;top:12px;left:14px;margin:0;color:#a8e0f5;font-size:14px;font-weight:normal;text-shadow:0 1px #080716}
#yu-canvas{display:block;width:100vw;height:100vh;image-rendering:pixelated;touch-action:none}
#yu-caption{position:fixed;z-index:2;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 24px);max-width:640px;margin:0;background:rgba(8,7,22,.82);border:1px solid #2f2a52;padding:10px 14px;color:#f4f0e4;font-size:13px;line-height:1.7;text-align:center}
#yu-caption a,#yu-wake a,.yu-noscript a{color:#ffd166}
.yu-hud{position:fixed;z-index:3;top:10px;right:10px;display:flex;gap:8px}
.yu-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:#171132;border:1px solid #4a4270;color:#f4f0e4;padding:6px 10px;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
#yu-wake{position:fixed;z-index:5;inset:0;background:rgba(8,7,22,.94);align-items:center;justify-content:center;padding:20px;text-align:center}
#yu-wake:not([hidden]){display:flex}
.yu-wake-card{max-width:560px;line-height:1.8}.yu-wake-card h2{color:#a8e0f5;font-weight:normal}.yu-wake-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.yu-noscript{position:fixed;z-index:10;inset:20% 10%;padding:20px;background:#171132;text-align:center;line-height:2}
@media(max-width:520px){.yu-title{top:64px}.yu-hud{left:10px;right:auto}#yu-caption{text-align:left}}