.creatures-page{color:#fff3cf;background:#22102e;flex-direction:column;height:100dvh;min-height:240px;display:flex;overflow:hidden}.creatures-header{background:#22102e;border-bottom:2px solid #d6ae58;flex:none;justify-content:space-between;align-items:center;gap:12px;height:54px;padding:6px 14px;display:flex}.creatures-header h1{white-space:nowrap;margin:0;font-size:clamp(16px,2vw,24px)}.creatures-header button{color:#281437;cursor:pointer;background:#f5c85c;border:0;border-radius:8px;min-height:42px;padding:8px 14px;font-weight:800}.creatures-frame{background:#000;border:0;flex:1;width:100%;min-height:0;display:block}.creatures-frame:-webkit-full-screen{width:100vw;height:100dvh}.creatures-frame:fullscreen{width:100vw;height:100dvh}.creatures-info{color:#fff3cf;background:#22102e;min-height:100dvh;padding:24px max(20px,50vw - 450px)}.creatures-info p,.creatures-info li{font-size:18px;line-height:1.65}.creatures-info a{color:#ffdc80;text-decoration:underline}@media (max-width:700px),(max-height:500px){.creatures-header{gap:6px;height:48px;padding:3px 8px}.creatures-header h1{display:none}.creatures-header button{padding:8px;font-size:14px}}